@charset "utf-8";
/* Keep common rem sizing intact; responsive lengths belong to the campaign only. */
.taiko-page #header_calbeeroot .header-notice { position:absolute; z-index:21; top:1.96rem; right:1.4rem; display:block; margin:0; padding:0; color:#3c3c3c; font:400 1.4rem/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; text-align:right; }
.taiko-page #header_calbeeroot .header-notice a { font:inherit; color:inherit; transition:opacity .3s ease; }
.taiko-page #header_calbeeroot .header-notice a:hover { opacity:.75; }
#taiko { --taiko-rem:1rem; border:0; overflow:clip; color:#000; font:700 calc(2 * var(--taiko-rem))/1.5 'M PLUS Rounded 1c','メイリオ',sans-serif; }
#taiko *, #taiko *::before, #taiko *::after { box-sizing:border-box; }
#taiko h1,#taiko h2,#taiko h3,#taiko h4,#taiko p,#taiko figure,#taiko ul,#taiko ol { margin:0; padding:0; }
#taiko h1,#taiko h2,#taiko h3,#taiko h4 { font:inherit; color:inherit; transform:none; }
#taiko img { display:block; max-width:100%; height:auto; }
#taiko a { text-decoration: underline; color:inherit; text-underline-offset:calc(.3 * var(--taiko-rem)); }
#taiko a { transition:opacity .3s ease, color .3s ease, background-color .3s ease, border-color .3s ease; }
#taiko a:hover { opacity:.75; }
#taiko a:focus-visible,#taiko button:focus-visible,#taiko [tabindex]:focus-visible { outline:calc(.4 * var(--taiko-rem)) solid #0644c0; outline-offset:calc(.5 * var(--taiko-rem)); }
#taiko section[id] { scroll-margin-top:calc(2 * var(--taiko-rem)); }
#taiko .sp-only { display:none; }
#taiko > section,#taiko .campaign-nav { position:relative; }
#taiko .hero h1 { line-height:0; }
#taiko .hero h1 img { width:100%; }
#taiko .campaign-nav { height:calc(28.8 * var(--taiko-rem)); background:#fff0d0; }
#taiko .campaign-nav ul { position:relative; display:grid; grid-template-columns:repeat(2,1fr); gap:calc(1.1 * var(--taiko-rem)) calc(2.1 * var(--taiko-rem)); width:calc(103.2 * var(--taiko-rem)); margin:auto; padding-top:calc(3.3 * var(--taiko-rem)); list-style:none; }
#taiko .campaign-nav a { display:block; height:calc(10.6 * var(--taiko-rem)); border-radius:calc(3.4 * var(--taiko-rem)); }
#taiko .campaign-nav picture { display:block; height:100%; }
#taiko .campaign-nav img { width:100%; height:100%; }
#taiko .intro { height:calc(102.7 * var(--taiko-rem)); background:#fff url('../img/intro_bg.webp') center top/calc(192 * var(--taiko-rem)) auto repeat; }
#taiko .intro-disc {     width:calc(78.7 * var(--taiko-rem)); height:calc(78.7 * var(--taiko-rem)); border:calc(.8 * var(--taiko-rem)) solid #000; border-radius:50%; background:linear-gradient(#fff 0 23%,#ed5018 23%); text-align:center; color:#fff; }
#taiko .intro-kirin { position:absolute; width:calc(9.35 * var(--taiko-rem)); top:0; left:calc(9 * var(--taiko-rem)); }
#taiko .intro-logos {  width:calc(38.9 * var(--taiko-rem));   }
#taiko .intro h2 {  width:calc(85 * var(--taiko-rem)); max-width:none;    }
#taiko .intro-copy {   width:calc(89.3 * var(--taiko-rem));   font-size:calc(2.4 * var(--taiko-rem)); line-height:1.5; }
#taiko .intro-copy p+p { margin-top:calc(3.6 * var(--taiko-rem)); }
#taiko .intro-characters { position:absolute; width:calc(39.2 * var(--taiko-rem)); left:calc(20.6 * var(--taiko-rem)); top:calc(62.4 * var(--taiko-rem)); }
#taiko .outline-yellow { color:#fff330; paint-order:stroke fill; -webkit-text-stroke:calc(.65 * var(--taiko-rem)) #000; }
#taiko .arcade { height:calc(414 * var(--taiko-rem)); background:#48beb4 url('../img/arcade_bg_tile.svg') center top/calc(38.70315789 * var(--taiko-rem)) auto repeat; padding-top:calc(8.4 * var(--taiko-rem)); }
#taiko .arcade-wrap { width:calc(96 * var(--taiko-rem)); position:relative; margin:auto; }
#taiko .arcade-title { position:relative; z-index:2; width:calc(108.14 * var(--taiko-rem)); max-width:none; margin-left:calc(-5.6 * var(--taiko-rem)); }
#taiko .arcade-title img { width:100%; }
#taiko .arcade-panel {  height:calc(365.3 * var(--taiko-rem)); margin-top:calc(-5.44 * var(--taiko-rem)); border:calc(.8 * var(--taiko-rem)) solid #000; border-radius:calc(3.4 * var(--taiko-rem)); background:#fff; }
#taiko .period {    width:calc(84 * var(--taiko-rem)); height:calc(25.8 * var(--taiko-rem)); text-align:center; }
#taiko .period h3 { position:absolute; z-index:1; width:calc(27.33 * var(--taiko-rem)); left:50%; top:0; transform:translateX(-50%); }
#taiko .period h3 img { width:100%; }
#taiko .period p {   width:100%; height:calc(12.4 * var(--taiko-rem)); display:flex; justify-content:center; align-items:center; gap:calc(.6 * var(--taiko-rem)); padding:calc(3.8 * var(--taiko-rem)) 0 0; border-radius:calc(2 * var(--taiko-rem)); background:#ff4900; color:#fff; font-size:calc(4 * var(--taiko-rem)); line-height:1.4; letter-spacing:calc(-.15 * var(--taiko-rem)); }
#taiko .period time { white-space:nowrap; }
#taiko .period time span { color:#ff4900; background:#fff; border-radius:1em; padding:0 calc(1 * var(--taiko-rem)); font-size:calc(3 * var(--taiko-rem)); position:relative; top:calc(-0.3 * var(--taiko-rem)); margin-left:calc(0.3 * var(--taiko-rem)); }
#taiko .arcade-lead {  width:calc(76.9 * var(--taiko-rem));    }
#taiko .arcade-photo {  width:calc(83.9 * var(--taiko-rem));   }
#taiko .song {    width:calc(85.8 * var(--taiko-rem));  }
#taiko .song::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:calc(33.4 * var(--taiko-rem)); height:calc(4.8 * var(--taiko-rem)); border-radius:calc(5 * var(--taiko-rem)); background:#ffb500; }
#taiko .song img { position:relative; width:100%; }
#taiko .arcade-cheer { position:absolute; top:calc(104.9 * var(--taiko-rem)); left:0; width:100%; }
#taiko .cheer-character { position:absolute; width:calc(32.3 * var(--taiko-rem)); left:calc(-23.2 * var(--taiko-rem)); }
#taiko .cheer-bubble { position:absolute; width:calc(41.4 * var(--taiko-rem)); left:calc(11.1 * var(--taiko-rem)); top:calc(.8 * var(--taiko-rem)); }
#taiko .costume {    width:calc(84 * var(--taiko-rem)); height:calc(231.2 * var(--taiko-rem)); border-radius:calc(2 * var(--taiko-rem)); background:#05803a; color:#fff; }
#taiko .costume::before { content:''; position:absolute; left:50%; top:calc(-5.5 * var(--taiko-rem)); transform:translateX(-50%); border-left:calc(5.7 * var(--taiko-rem)) solid transparent; border-right:calc(5.7 * var(--taiko-rem)) solid transparent; border-bottom:calc(5.5 * var(--taiko-rem)) solid #05803a; }
#taiko .costume h3 {  width:calc(85.1 * var(--taiko-rem));    }
#taiko .costume-image {  width:calc(60.2 * var(--taiko-rem));    }
#taiko .costume-image img { width:100%; }
#taiko .costume-intro {    width:calc(77.8 * var(--taiko-rem)); font-size:calc(2.8 * var(--taiko-rem)); line-height:1.41; text-align:center; }
#taiko .costume-intro strong { color:#fff330; font-size:calc(3.2 * var(--taiko-rem)); }
#taiko .card-only {    width:calc(77.8 * var(--taiko-rem)); padding:calc(.4 * var(--taiko-rem)) calc(1 * var(--taiko-rem)); background:#fff330; text-align:center; color:#000; font-size:calc(2.4 * var(--taiko-rem)); line-height:1.4; }
#taiko .costume-details {    width:calc(77.4 * var(--taiko-rem)); font-size:calc(2.4 * var(--taiko-rem)); line-height:1.51; }
#taiko .costume-details p+p { margin-top:calc(3.6 * var(--taiko-rem)); }
#taiko .costume-details .costume-note { font-size:calc(2 * var(--taiko-rem)); margin-top:calc(1.4 * var(--taiko-rem)); }
#taiko .notes {    width:calc(74.4 * var(--taiko-rem)); }
#taiko .notes h4 { width:calc(20.5 * var(--taiko-rem)); margin:0 auto calc(3.2 * var(--taiko-rem)); }
#taiko .notes h4 img { width:100%; }
#taiko .notes-scroll { height:calc(90.5 * var(--taiko-rem)); overflow:auto; padding:calc(3.9 * var(--taiko-rem)); border:calc(.3 * var(--taiko-rem)) solid #000; border-radius:calc(2 * var(--taiko-rem)); background:#fff; color:#000; font:400 calc(2 * var(--taiko-rem))/1.7 'Noto Sans JP','メイリオ',sans-serif; }
#taiko .notes-scroll ul { padding-left:calc(2 * var(--taiko-rem)); }
/* Use one native list marker, rather than separate generated text. */
#taiko .notes-scroll li { position:relative; list-style-type:"・"; list-style-position:outside; }
#taiko .notes-scroll .asterisk-list { margin-top:calc(3.4 * var(--taiko-rem)); }
/* Keep the visible note symbol out of speech; each item has one text prefix. */
#taiko .notes-scroll .asterisk-list li { list-style-type:none; }
#taiko .notes-scroll .note-marker { position:absolute; right:100%; width:1em; }
#taiko .notes-scroll a { overflow-wrap:anywhere; }
#taiko .present { height:calc(266.7 * var(--taiko-rem)); background:#ffc500 url('../img/present_bg_tile.webp') center top/calc(38.70000000 * var(--taiko-rem)) auto repeat; }
#taiko .present-wrap { position:relative; width:calc(96 * var(--taiko-rem)); height:100%; margin:auto; }
#taiko .present h2 {  z-index:2; width:calc(101.9 * var(--taiko-rem)); max-width:none;   }
#taiko .present h2 img { width:100%; }
#taiko .present-treasure { display:none; }
#taiko .present-don { position:absolute; z-index:3; width:calc(36.3 * var(--taiko-rem)); right:calc(-19.8 * var(--taiko-rem)); top:calc(41 * var(--taiko-rem)); }
#taiko .present-bubble { position:absolute; z-index:3; width:calc(41.4 * var(--taiko-rem)); left:calc(41.2 * var(--taiko-rem)); top:calc(51.1 * var(--taiko-rem)); }
#taiko .present-panel {   width:calc(96 * var(--taiko-rem)); height:calc(210.4 * var(--taiko-rem)); border:calc(.8 * var(--taiko-rem)) solid #000; border-radius:calc(3.5 * var(--taiko-rem)); background:#fff6d3; }
#taiko .prizes {    display:grid; grid-template-columns:calc(40.7 * var(--taiko-rem)) calc(46 * var(--taiko-rem)); gap:calc(4.2 * var(--taiko-rem)); }
#taiko .prizes img { width:100%; }
#taiko .apply {    width:calc(94.4 * var(--taiko-rem)); height:calc(97.3 * var(--taiko-rem)); border-radius:0 0 calc(2.7 * var(--taiko-rem)) calc(2.7 * var(--taiko-rem)); background:url('../img/apply_bg.webp') center top/calc(96 * var(--taiko-rem)) auto; }
#taiko .apply h3 {   width:calc(93.85 * var(--taiko-rem));   }
#taiko .apply h3 img { width:100%; }
#taiko .apply-steps {    width:calc(83.9 * var(--taiko-rem)); min-height:calc(43.8 * var(--taiko-rem)); padding:calc(3.6 * var(--taiko-rem)) calc(3.4 * var(--taiko-rem)); border:calc(.3 * var(--taiko-rem)) solid #000; border-radius:calc(2.4 * var(--taiko-rem)); background:#fff; list-style:none; }
#taiko .apply-steps li { display:grid; grid-template-columns:calc(11.1 * var(--taiko-rem)) 1fr; gap:calc(2.1 * var(--taiko-rem)); align-items:start; padding:calc(2 * var(--taiko-rem)) 0; border-top:calc(.2 * var(--taiko-rem)) solid #888; font-size:calc(2.8 * var(--taiko-rem)); line-height:1.5; }
#taiko .apply-steps li:first-child { border-top:0; padding-top:0; }
#taiko .apply-steps li:last-child { padding-bottom:0; }
#taiko .apply-steps li.center{
  align-items: center;
}
#taiko .step { display:block; border-radius:calc(2 * var(--taiko-rem)); background:#0394a2; padding:calc(1.1 * var(--taiko-rem)) calc(.4 * var(--taiko-rem)); color:#fff; text-align:center; font-size:calc(2.4 * var(--taiko-rem)); }
#taiko .step b { font-size:calc(3.2 * var(--taiko-rem)); }
#taiko .x-button { display:flex; gap:calc(1.4 * var(--taiko-rem)); justify-content:flex-start; align-items:center; width:calc(35.5 * var(--taiko-rem)); margin:calc(2 * var(--taiko-rem)) auto 0; min-height:calc(7.3 * var(--taiko-rem)); padding:calc(1.05 * var(--taiko-rem)) calc(2.55 * var(--taiko-rem)) calc(1.05 * var(--taiko-rem)) calc(1.2 * var(--taiko-rem)); border-radius:calc(8 * var(--taiko-rem)); background:#d40101; color:#fff; font-size:calc(2.2 * var(--taiko-rem)); text-decoration:none; }
#taiko .x-mark { flex-shrink:0; width:calc(5.2 * var(--taiko-rem)); }
#taiko .external-icon { flex-shrink:0; width:calc(2.6 * var(--taiko-rem)); margin-left:auto; }
#taiko .present-period {   width:calc(84.1 * var(--taiko-rem)); height:calc(21.4 * var(--taiko-rem)); }
#taiko .present-period h4 { width:calc(16.4 * var(--taiko-rem)); margin:auto; }
#taiko .present-period h4 img { width:100%; }
#taiko .present-period p { top:calc(7.4 * var(--taiko-rem)); height:calc(14 * var(--taiko-rem)); font-size:calc(4 * var(--taiko-rem)); padding:0; }
#taiko .package { height:calc(203.1 * var(--taiko-rem)); background:#aaeb35 url('../img/package_bg_tile.webp') center top/calc(26.15640625 * var(--taiko-rem)) auto repeat; }
#taiko .package-inner { position:relative; width:calc(98 * var(--taiko-rem)); height:100%; margin:auto; }
#taiko .package h2 {   width:calc(98 * var(--taiko-rem));  }
#taiko .package h2 img { width:100%; }
#taiko .package-lead {   width:100%; font-size:calc(3.6 * var(--taiko-rem)); text-align:center; line-height:1.2; }
#taiko .package-grid {   width:calc(98 * var(--taiko-rem)); display:grid; grid-template-columns:calc(46.4 * var(--taiko-rem)) calc(47.7 * var(--taiko-rem)); gap:calc(3 * var(--taiko-rem)) calc(4.2 * var(--taiko-rem)); }
#taiko .package-grid img { width:100%; }
#taiko .lid-section {   width:100%; height:calc(47 * var(--taiko-rem)); background:rgba(0,0,0,.7); color:#fff; text-align:center; }
#taiko .lid-characters { position:absolute; left:50%; top:calc(-25.4 * var(--taiko-rem)); transform:translateX(-50%); width:calc(138.3 * var(--taiko-rem)); height:calc(33.9 * var(--taiko-rem)); display:flex; justify-content:space-between; align-items:flex-start; pointer-events:none; }
#taiko .lid-characters img:first-child { width:calc(26.7 * var(--taiko-rem)); margin-top:calc(7.5 * var(--taiko-rem)); }
#taiko .lid-characters img:last-child { width:calc(30 * var(--taiko-rem)); }
#taiko .lid-section > p {   width:100%; font-size:calc(3.2 * var(--taiko-rem)); line-height:1.25; }
#taiko .lid-marquee {   width:100%; overflow:hidden; }
#taiko .lid-track { display:flex; width:max-content; }
#taiko .lid-set { display:flex; gap:calc(3.2 * var(--taiko-rem)); padding-right:calc(3.2 * var(--taiko-rem)); flex-shrink:0; }
#taiko .lid-set img { width:calc(24.5 * var(--taiko-rem)); height:calc(29 * var(--taiko-rem)); max-width:none; object-fit:contain; flex-shrink:0; }
#taiko .lid-marquee.is-animated .lid-track { animation:taiko-lids 120s linear infinite; }
#taiko .lid-marquee.is-paused .lid-track { animation-play-state:paused; }
@keyframes taiko-lids { to { transform:translateX(-50%); } }
#taiko .motion-toggle { position:absolute; top:calc(6.7 * var(--taiko-rem)); right:calc(3.4 * var(--taiko-rem)); width:calc(10.4297 * var(--taiko-rem)); height:calc(5.38308 * var(--taiko-rem)); padding:0; border:0; border-radius:calc(.5 * var(--taiko-rem)); background:transparent url('../img/motion_pause.svg') center/contain no-repeat; cursor:pointer; appearance:none; }
#taiko .motion-toggle[hidden] { display:none; }
#taiko .motion-toggle[aria-pressed="true"] { background-image:url('../img/motion_play.svg'); }
#taiko .about { height:calc(164.6 * var(--taiko-rem)); background:#fff url('../img/about_bg_tile.webp') center top/calc(73.43824909 * var(--taiko-rem)) auto repeat; padding-top:calc(16.9 * var(--taiko-rem)); }
#taiko .about-panel { position:relative; width:calc(96 * var(--taiko-rem)); height:calc(128.3 * var(--taiko-rem)); margin:auto; border:calc(1 * var(--taiko-rem)) solid #000; border-radius:calc(3 * var(--taiko-rem)); background:rgba(255,255,255,.94); }
#taiko .taiko-logo {   width:calc(43.6 * var(--taiko-rem));   }
#taiko .about h2 {   width:calc(40 * var(--taiko-rem));   }
#taiko .about-copy {    width:calc(75 * var(--taiko-rem)); font-size:calc(2 * var(--taiko-rem)); line-height:1.7; }
#taiko .copyright { font-size:calc(1.6 * var(--taiko-rem)); margin-top:calc(2.4 * var(--taiko-rem)); }
#taiko .social-links {    width:calc(73.2 * var(--taiko-rem)); min-height:calc(22.2 * var(--taiko-rem)); border:calc(.3 * var(--taiko-rem)) solid #000; border-radius:calc(1.5 * var(--taiko-rem)); background:#fff; padding:calc(2 * var(--taiko-rem)) calc(2.4 * var(--taiko-rem)); font-size:calc(2 * var(--taiko-rem)); line-height:1.72; }
#taiko .social-links h3 { color:#e32912; font-size:calc(1.8 * var(--taiko-rem)); text-align:center; margin-bottom:calc(.5 * var(--taiko-rem)); }
#taiko .social-links ul { width:max-content; margin:auto; list-style:none; }
#taiko .about-games {    display:flex; align-items:center; gap:calc(.3 * var(--taiko-rem)); }
#taiko .about-games img:first-child { width:calc(23.9 * var(--taiko-rem)); }
#taiko .about-games img:last-child { width:calc(44.8 * var(--taiko-rem)); }
@media (min-width:768px) and (max-width:1100px) {
  #taiko { --taiko-rem:calc(100vw / 110); }
}
@media (max-width:767px) {
  #taiko { --taiko-rem:calc(100vw / 37.5); }
  .taiko-page #header_calbeeroot .header-notice { --notice-rem:calc(100vw / 37.5); top:0; right:calc(1.2 * var(--notice-rem)); padding:calc(1.2 * var(--notice-rem)) calc(.96 * var(--notice-rem)); font-size:calc(1.2 * var(--notice-rem)); line-height:1.4; }
  #taiko .pc-only { display:none; }
  #taiko .sp-only { display:initial; }
  #taiko section[id] { scroll-margin-top:calc(1 * var(--taiko-rem)); }
  #taiko .campaign-nav { height:calc(29.15 * var(--taiko-rem)); }
  #taiko .campaign-nav ul { width:calc(28.95 * var(--taiko-rem)); grid-template-columns:1fr; gap:calc(.46 * var(--taiko-rem)); padding-top:calc(1.75 * var(--taiko-rem)); }
  #taiko .campaign-nav a { height:calc(6 * var(--taiko-rem)); border-radius:calc(1.8 * var(--taiko-rem)); }
  #taiko .intro { height:calc(69.15 * var(--taiko-rem)); background-size:calc(96 * var(--taiko-rem)) auto; }
  #taiko .intro-disc { width:calc(48.47 * var(--taiko-rem)); height:calc(48.47 * var(--taiko-rem));  border-width:calc(.5 * var(--taiko-rem)); }
  #taiko .intro-kirin { width:calc(5.81 * var(--taiko-rem)); top:0; left:calc(5.5 * var(--taiko-rem)); }
  #taiko .intro-logos { width:calc(23.96 * var(--taiko-rem));   }
  #taiko .intro h2 { width:calc(42.5 * var(--taiko-rem));  }
  #taiko .intro-copy {  width:calc(55 * var(--taiko-rem)); font-size:calc(1.28 * var(--taiko-rem)); line-height:calc(2.5 * var(--taiko-rem)); }
  #taiko .intro-copy p+p { margin-top:calc(2.5 * var(--taiko-rem)); }
  #taiko .intro-characters { width:calc(24.14 * var(--taiko-rem)); top:calc(41.4 * var(--taiko-rem)); left:calc(12.7 * var(--taiko-rem)); }
  #taiko .arcade { height:calc(196 * var(--taiko-rem)); padding-top:calc(5.23 * var(--taiko-rem)); background-size:calc(19.35157895 * var(--taiko-rem)) auto; }
  #taiko .arcade-wrap { width:calc(45.2 * var(--taiko-rem)); left:50%; margin:0 0 0 calc(-22.6 * var(--taiko-rem)); }
  #taiko .arcade-title { width:calc(58.415 * var(--taiko-rem)); margin-left:calc(-6.215 * var(--taiko-rem)); }
  #taiko .arcade-panel { height:calc(172.8 * var(--taiko-rem)); margin-top:calc(-4.62 * var(--taiko-rem)); border-width:calc(.4 * var(--taiko-rem)); border-radius:calc(1.7 * var(--taiko-rem)); }
  #taiko .period { width:calc(32.9 * var(--taiko-rem));   height:calc(17.35 * var(--taiko-rem)); }
  #taiko .period h3 { width:calc(13.665 * var(--taiko-rem)); }
  #taiko .period p {  height:calc(10.65 * var(--taiko-rem)); display:block; padding:calc(2.5 * var(--taiko-rem)) calc(.8 * var(--taiko-rem)) calc(.8 * var(--taiko-rem)); font-size:calc(2.4 * var(--taiko-rem)); letter-spacing:calc(-.13 * var(--taiko-rem)); border-radius:calc(1 * var(--taiko-rem)); }
  #taiko .period time span { font-size:calc(1.8 * var(--taiko-rem)); top:calc(-0.1 * var(--taiko-rem)); }
  #taiko .arcade .period time { display:block; margin-left:4vw; }
  #taiko .arcade .date-separator { position:absolute; left: calc(3.5 * var(--taiko-rem)); bottom: calc(1.4 * var(--taiko-rem)); }
  #taiko .arcade .period time:last-child { padding-left:calc(4.2 * var(--taiko-rem)); }
  #taiko .arcade-lead { width:calc(38.45 * var(--taiko-rem));  }
  #taiko .arcade-photo { width:calc(32.22 * var(--taiko-rem));   }
  #taiko .song { width:calc(42.9 * var(--taiko-rem));  }
  #taiko .song::before { width:calc(20 * var(--taiko-rem)); height:calc(3.15 * var(--taiko-rem)); }
  #taiko .arcade-cheer { top:calc(60.1 * var(--taiko-rem)); }
  #taiko .cheer-character { width:calc(12.8 * var(--taiko-rem)); left:calc(4 * var(--taiko-rem)); }
  #taiko .cheer-bubble { width:calc(20.7 * var(--taiko-rem)); left:calc(17.8 * var(--taiko-rem)); top:calc(.4 * var(--taiko-rem)); }
  #taiko .costume {   width:calc(32.8 * var(--taiko-rem)); height:calc(95.8 * var(--taiko-rem)); border-radius:calc(1 * var(--taiko-rem)); }
  #taiko .costume::before { top:calc(-2.5 * var(--taiko-rem)); border-width:0 calc(2.85 * var(--taiko-rem)) calc(2.75 * var(--taiko-rem)); }
  #taiko .costume h3 {  width:calc(35.55 * var(--taiko-rem)); }
  #taiko .costume-image { width:calc(27.95 * var(--taiko-rem));  }
  #taiko .costume-intro {   width:calc(30.4 * var(--taiko-rem)); font-size:calc(1.7 * var(--taiko-rem)); line-height:1.41; }
  #taiko .costume-intro strong { font-size:calc(1.7 * var(--taiko-rem)); }
  #taiko .card-only {   width:calc(29.9 * var(--taiko-rem)); padding:calc(.4 * var(--taiko-rem)) calc(.1 * var(--taiko-rem)); font-size:calc(1.3 * var(--taiko-rem)); line-height:1.26; }
  #taiko .costume-details {   width:calc(30.25 * var(--taiko-rem)); font-size:calc(1.4 * var(--taiko-rem)); line-height:1.5; }
  #taiko .costume-details p+p { margin-top:calc(2.1 * var(--taiko-rem)); }
  #taiko .costume-details .costume-note { font-size:calc(1.2 * var(--taiko-rem)); margin-top:calc(1.4 * var(--taiko-rem)); }
  #taiko .notes {   width:calc(29.95 * var(--taiko-rem)); }
  #taiko .notes h4 { width:calc(10.25 * var(--taiko-rem)); margin:0 auto calc(1.65 * var(--taiko-rem)); }
  #taiko .notes-scroll { height:calc(19.15 * var(--taiko-rem)); padding:calc(1.4 * var(--taiko-rem)); border-width:calc(.15 * var(--taiko-rem)); border-radius:calc(1 * var(--taiko-rem)); font-size:calc(1.4 * var(--taiko-rem)); line-height:1.7; }
  #taiko .notes-scroll ul { padding-left:calc(1.4 * var(--taiko-rem)); }
  #taiko .notes-scroll .asterisk-list { margin-top:calc(2 * var(--taiko-rem)); }
  #taiko .present { height:calc(242.45 * var(--taiko-rem)); background-size:calc(19.35000000 * var(--taiko-rem)) auto; }
  #taiko .present-wrap { width:calc(48 * var(--taiko-rem)); left:50%; margin:0 0 0 calc(-24 * var(--taiko-rem)); }
  #taiko .present h2 {  width:calc(48.99 * var(--taiko-rem));  }
  #taiko .present-treasure { display:block; position:absolute; z-index:3; top:calc(21.75 * var(--taiko-rem)); left:calc(7.4 * var(--taiko-rem)); width:calc(23.05 * var(--taiko-rem)); }
  #taiko .present-don { width:calc(14.9 * var(--taiko-rem)); right:calc(6.2 * var(--taiko-rem)); top:calc(26.15 * var(--taiko-rem)); }
  #taiko .present-bubble { width:calc(20.7 * var(--taiko-rem)); left:calc(6.1 * var(--taiko-rem)); top:calc(36.55 * var(--taiko-rem)); }
  #taiko .present-panel {  width:calc(48 * var(--taiko-rem)); height:calc(215.2 * var(--taiko-rem)); border-width:calc(.4 * var(--taiko-rem)); border-radius:calc(1.75 * var(--taiko-rem)); }
  #taiko .prizes { display:flex; flex-direction:column; width:calc(31.73 * var(--taiko-rem)); gap:calc(2.5 * var(--taiko-rem)); }
  #taiko .prizes figure:first-child { width:100%; margin:0 auto; }
  #taiko .prizes figure:last-child { width:100%; margin:0 auto; }
  #taiko .apply {  width:calc(47.2 * var(--taiko-rem)); height:calc(67.65 * var(--taiko-rem)); border-radius:0 0 calc(1.35 * var(--taiko-rem)) calc(1.35 * var(--taiko-rem)); background-size:cover; background-repeat:no-repeat; }
  #taiko .apply h3 { width:calc(77.78 * var(--taiko-rem));  }
  #taiko .apply h3 img { height:calc(13 * var(--taiko-rem)); object-fit:fill; }
  #taiko .apply-steps {   width:calc(33.8 * var(--taiko-rem)); min-height:calc(30.55 * var(--taiko-rem)); padding:calc(2.1 * var(--taiko-rem)) calc(1.1 * var(--taiko-rem)); border-width:calc(.15 * var(--taiko-rem)); border-radius:calc(1.2 * var(--taiko-rem)); }
  #taiko .apply-steps li { grid-template-columns:calc(5.55 * var(--taiko-rem)) 1fr; gap:calc(1.3 * var(--taiko-rem)); padding:calc(1.4 * var(--taiko-rem)) 0; border-width:calc(.1 * var(--taiko-rem)); font-size:calc(1.7 * var(--taiko-rem)); line-height:1.5; }
  #taiko .step { border-radius:calc(1 * var(--taiko-rem)); padding:calc(.55 * var(--taiko-rem)) calc(.2 * var(--taiko-rem)); font-size:calc(1.2 * var(--taiko-rem)); }
  #taiko .step b { font-size:calc(1.6 * var(--taiko-rem)); }
  #taiko .x-button { min-height:calc(4.5 * var(--taiko-rem)); width:calc(21.86 * var(--taiko-rem)); gap:calc(.86 * var(--taiko-rem)); margin:calc(1.7 * var(--taiko-rem)) 0 0; padding:calc(.65 * var(--taiko-rem)) calc(1.57 * var(--taiko-rem)) calc(.65 * var(--taiko-rem)) calc(.74 * var(--taiko-rem)); font-size:calc(1.35 * var(--taiko-rem)); }
  #taiko .x-mark { width:calc(3.2 * var(--taiko-rem)); }
  #taiko .external-icon { width:calc(1.6 * var(--taiko-rem)); }
  #taiko .present-period {   width:calc(33.8 * var(--taiko-rem)); height:calc(11.6 * var(--taiko-rem)); }
  #taiko .present-period h4 { width:calc(10.25 * var(--taiko-rem)); }
  #taiko .present-period p { top:calc(4.6 * var(--taiko-rem)); height:calc(7 * var(--taiko-rem)); display:flex; padding:0; font-size:calc(2 * var(--taiko-rem)); letter-spacing:calc(-.1 * var(--taiko-rem)); gap:calc(.3 * var(--taiko-rem)); }
  #taiko .package { height:calc(198.6 * var(--taiko-rem)); background-size:calc(13.08437500 * var(--taiko-rem)) auto; }
  #taiko .package-inner { width:calc(37.5 * var(--taiko-rem)); }
  #taiko .package h2 {  width:calc(53.925 * var(--taiko-rem));  }
  #taiko .package-lead {  font-size:calc(2 * var(--taiko-rem)); line-height:1.45; -webkit-text-stroke-width:calc(.4 * var(--taiko-rem)); }
  #taiko .package-grid {   width:calc(32.5 * var(--taiko-rem)); grid-template-columns:1fr; gap:calc(1.25 * var(--taiko-rem)); }
  #taiko .lid-section { height:calc(35.1 * var(--taiko-rem)); }
  #taiko .lid-characters { width:calc(30.1 * var(--taiko-rem)); top:calc(-14.75 * var(--taiko-rem)); height:calc(18.7 * var(--taiko-rem)); }
  #taiko .lid-characters img:first-child { width:calc(13.65 * var(--taiko-rem)); margin-top:calc(5.3 * var(--taiko-rem)); }
  #taiko .lid-characters img:last-child { width:calc(15.375 * var(--taiko-rem)); }
  #taiko .lid-section > p {  font-size:calc(2 * var(--taiko-rem)); line-height:1.4; }
  #taiko .lid-marquee {  }
  #taiko .lid-set { gap:calc(1.86 * var(--taiko-rem)); padding-right:calc(1.86 * var(--taiko-rem)); }
  #taiko .lid-set img { width:calc(14.25 * var(--taiko-rem)); height:calc(16.83 * var(--taiko-rem)); }
  #taiko .motion-toggle { top:auto; bottom:calc(3 * var(--taiko-rem)); right:calc(1 * var(--taiko-rem)); width:calc(6.07255 * var(--taiko-rem)); height:calc(3.134225 * var(--taiko-rem)); border-radius:calc(.291118 * var(--taiko-rem)); background-image:url('../img/motion_pause_sp.svg'); }
  #taiko .about { height:calc(125.8 * var(--taiko-rem)); padding-top:calc(9.65 * var(--taiko-rem)); background-size:calc(36.71912454 * var(--taiko-rem)) auto; }
  #taiko .about-panel { width:calc(48 * var(--taiko-rem)); height:calc(97.15 * var(--taiko-rem)); left:50%; margin:0 0 0 calc(-24 * var(--taiko-rem)); border-width:calc(.5 * var(--taiko-rem)); border-radius:calc(1.5 * var(--taiko-rem)); }
  #taiko .taiko-logo {  width:calc(21.8 * var(--taiko-rem)); }
  #taiko .about h2 {  width:calc(20 * var(--taiko-rem)); }
  #taiko .about-copy {   width:calc(30.6 * var(--taiko-rem)); font-size:calc(1.4 * var(--taiko-rem)); line-height:1.85; }
  #taiko .copyright { font-size:calc(1.2 * var(--taiko-rem)); margin-top:calc(1.4 * var(--taiko-rem)); line-height:1.6; }
  #taiko .social-links {   width:calc(33.3 * var(--taiko-rem)); min-height:calc(19.15 * var(--taiko-rem)); padding:calc(1.6 * var(--taiko-rem)) calc(1.4 * var(--taiko-rem)); border-width:calc(.15 * var(--taiko-rem)); border-radius:calc(.75 * var(--taiko-rem)); font-size:calc(1.2 * var(--taiko-rem)); line-height:2.15; }
  #taiko .social-links h3 { font-size:calc(1.4 * var(--taiko-rem)); line-height:1.6; margin-bottom:calc(1.1 * var(--taiko-rem)); }
  #taiko .social-links ul { width:auto; }
  #taiko .about-games {   gap:calc(.15 * var(--taiko-rem)); }
  #taiko .about-games img:first-child { width:calc(11.95 * var(--taiko-rem)); }
  #taiko .about-games img:last-child { width:calc(22.4 * var(--taiko-rem)); }
}

/* Exported artwork includes its outline and transparent bounds. */
#taiko .costume-image { width:calc(62.6 * var(--taiko-rem)); }
#taiko .costume-intro strong { font-size:calc(2.8 * var(--taiko-rem)); }
#taiko .costume-kind { white-space:nowrap; }
#taiko .package-characters-sp { display:none; }
@media (max-width:767px) {
  #taiko .arcade-title { width:calc(37.5 * var(--taiko-rem)); margin-left:calc(3.85 * var(--taiko-rem)); }
  #taiko .arcade-panel {   margin-top:0; }
  #taiko .arcade-lead { width:calc(32.5 * var(--taiko-rem)); }
  #taiko .costume-image { width:calc(29.1 * var(--taiko-rem)); }
  #taiko .costume-intro strong { font-size:calc(1.7 * var(--taiko-rem)); }
  #taiko .present h2 { width:calc(37.5 * var(--taiko-rem));  }
  #taiko .apply::before { content:''; position:absolute; top:0; left:0; width:100%; height:calc(6.7 * var(--taiko-rem)); background:url('../img/apply_lanterns.webp') center top/calc(77.78 * var(--taiko-rem)) auto no-repeat; }
  #taiko .apply h3 { width:calc(13.59 * var(--taiko-rem));  }
  #taiko .apply h3 img { height:auto; width:100%; }
  #taiko .package h2 { width:calc(37.5 * var(--taiko-rem));  }
  #taiko .package-characters-sp { display:block; position:absolute; width:calc(28.65 * var(--taiko-rem)); left:calc(6.8 * var(--taiko-rem)); top:calc(5.4 * var(--taiko-rem)); }
}
#taiko .about-panel { background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(calc(.5 * var(--taiko-rem))); backdrop-filter:blur(calc(.5 * var(--taiko-rem))); }
#taiko .copyright { font-size:calc(1.4 * var(--taiko-rem)); line-height:1.4; }
@media (max-width:767px) {
  #taiko .about-copy { font-size:calc(1.5 * var(--taiko-rem)); line-height:1.72; }
  #taiko .copyright { font-size:calc(1.1 * var(--taiko-rem)); line-height:1.2; margin-top:calc(1.4 * var(--taiko-rem)); }
}
#taiko .arcade-panel { width:100%; }
#taiko .arcade-ribbon-sp { display:none; }
@media (max-width:767px) {
  #taiko .arcade-ribbon-sp { display:block; position:absolute; top:calc(4.55 * var(--taiko-rem)); left:calc(-2.55 * var(--taiko-rem)); width:calc(13.91 * var(--taiko-rem)); }
  #taiko .costume h3 { width:calc(31.5 * var(--taiko-rem)); }
}
@media (min-width:768px) {
  #taiko .costume h3 { width:calc(74.4 * var(--taiko-rem)); }
  #taiko .notes-scroll { padding:calc(2.4 * var(--taiko-rem)) calc(3.9 * var(--taiko-rem)); }
}

/* Content follows normal flow; only overlapping artwork is absolutely positioned. */
#taiko .arcade-panel > .period,
#taiko .arcade-lead,
#taiko .arcade-photo,
#taiko .song,
#taiko .costume,
#taiko .costume h3,
#taiko .costume-image,
#taiko .costume-intro,
#taiko .card-only,
#taiko .costume-details,
#taiko .notes,
#taiko .present h2,
#taiko .present-panel,
#taiko .prizes,
#taiko .apply,
#taiko .apply h3,
#taiko .apply-steps,
#taiko .present-period,
#taiko .package h2,
#taiko .package-lead,
#taiko .package-grid,
#taiko .lid-section > p,
#taiko .lid-marquee,
#taiko .taiko-logo,
#taiko .about h2,
#taiko .about-copy,
#taiko .social-links,
#taiko .about-games { position:relative; flex-shrink:0; }
#taiko .arcade-panel { display:flex; flex-direction:column; align-items:flex-start; height:auto; padding:0 0 calc(4.2 * var(--taiko-rem)); }
#taiko .costume { display:flex; flex-direction:column; align-items:flex-start; height:auto; padding:0 0 calc(4.822 * var(--taiko-rem)); }
#taiko .present-wrap { display:flex; flex-direction:column; align-items:flex-start; height:auto; padding:0 0 calc(14.9 * var(--taiko-rem)); }
#taiko .present-panel { display:flex; flex-direction:column; align-items:flex-start; height:auto; padding:0 0 calc(1 * var(--taiko-rem)) 0; }
#taiko .apply { display:flex; flex-direction:column; align-items:flex-start; height:auto; padding:0 0 calc(9.8 * var(--taiko-rem)); }
#taiko .package-inner { display:flex; flex-direction:column; align-items:flex-start; height:auto; padding:0 0 calc(18.622 * var(--taiko-rem)); }
#taiko .lid-section { display:flex; flex-direction:column; align-items:flex-start; height:auto; padding:0 0 calc(6.8 * var(--taiko-rem)); }
#taiko .about-panel { display:flex; flex-direction:column; align-items:flex-start; height:auto; padding:0 0 calc(5.5 * var(--taiko-rem)); }
#taiko .arcade-panel > .period { margin:calc(-2.759 * var(--taiko-rem)) auto 0; }
#taiko .arcade-lead { margin:calc(3.459 * var(--taiko-rem)) auto 0; }
#taiko .arcade-photo { margin:calc(3.4 * var(--taiko-rem)) auto 0; }
#taiko .song { margin:calc(2.8 * var(--taiko-rem)) auto 0; }
#taiko .costume { margin:calc(27.3 * var(--taiko-rem)) auto 0; }
#taiko .costume h3 { margin:calc(5.2 * var(--taiko-rem)) auto 0; }
#taiko .costume-image { margin:calc(-10.725 * var(--taiko-rem)) auto 0; }
#taiko .costume-intro { margin:0 auto 0; }
#taiko .card-only { margin:calc(5.013 * var(--taiko-rem)) auto 0; }
#taiko .costume-details { margin:calc(2.981 * var(--taiko-rem)) auto 0; }
#taiko .notes { margin:calc(6.841 * var(--taiko-rem)) auto 0; }
#taiko .present h2 { margin:calc(8.8 * var(--taiko-rem)) auto 0; }
#taiko .present-panel { margin:calc(-27.8 * var(--taiko-rem)) auto 0; }
#taiko .prizes { margin:calc(29.9 * var(--taiko-rem)) auto 0; }
#taiko .apply { margin:calc(9.6 * var(--taiko-rem)) auto 0; }
#taiko .apply h3 { margin:calc(-4.8 * var(--taiko-rem)) auto 0; }
#taiko .apply-steps { margin:calc(3.211 * var(--taiko-rem)) auto 0; }
#taiko .present-period { margin:calc(4.9 * var(--taiko-rem)) auto 0; }
#taiko .package h2 { margin:calc(4 * var(--taiko-rem)) auto 0; }
#taiko .package-lead { margin:calc(2.7 * var(--taiko-rem)) auto 0; }
#taiko .package-grid { margin:calc(7.081 * var(--taiko-rem)) auto 0; }
#taiko .lid-section > p { margin:calc(6.7 * var(--taiko-rem)) auto 0; }
#taiko .lid-marquee { margin:calc(4.5 * var(--taiko-rem)) auto 0; }
#taiko .taiko-logo { margin:calc(5.3 * var(--taiko-rem)) auto 0; }
#taiko .about h2 { margin:calc(4.2 * var(--taiko-rem)) auto 0; }
#taiko .about-copy { margin:calc(2.061 * var(--taiko-rem)) auto 0; text-align: center;}
#taiko .social-links { margin:calc(2.481 * var(--taiko-rem)) auto 0; }
#taiko .about-games { margin:calc(-1.3 * var(--taiko-rem)) auto 0; }
#taiko .arcade { height:auto; padding-bottom:calc(10 * var(--taiko-rem)); }
#taiko .present, #taiko .package { height:auto; }
#taiko .lid-section { position:relative; }
#taiko .about { height:auto; padding-bottom:calc(19.4 * var(--taiko-rem)); }
#taiko .arcade-panel { position:relative; }
#taiko .period { position:relative; flex-shrink:0; }
#taiko .intro { display:flex; justify-content:center; align-items:flex-start; }
#taiko .intro-disc { position:relative; top:auto; left:auto; transform:none; flex-shrink:0; margin-top:calc(9.8 * var(--taiko-rem)); }
#taiko .apply { margin-bottom:calc(-.8 * var(--taiko-rem)); }
#taiko .intro-disc { display:flex; flex-direction:column; align-items:center; margin-right:auto; margin-left:auto; }
#taiko .intro-logos, #taiko .intro h2, #taiko .intro-copy { position:relative; inset:auto; transform:none; flex-shrink:0; }
#taiko .intro-logos { margin:calc(7.1 * var(--taiko-rem)) auto 0; }
#taiko .intro h2 { margin-top:calc(6.2 * var(--taiko-rem)); }
#taiko .intro-copy { margin-top:calc(.1 * var(--taiko-rem)); }
#taiko .period { height:auto; padding-top:calc(13.4 * var(--taiko-rem)); }
#taiko .period p { position:relative; top:auto; min-height:calc(12.4 * var(--taiko-rem)); height:auto; }
#taiko .present-period { padding-top:0; }
#taiko .present-period p { margin-top:calc(2.816 * var(--taiko-rem)); min-height:calc(14 * var(--taiko-rem)); }
@media (max-width:767px) {
  #taiko .arcade-panel { margin-top:calc(-6.431 * var(--taiko-rem)); }
  #taiko .arcade { padding-bottom:calc(7.202 * var(--taiko-rem)); }
  #taiko .about { padding-bottom:calc(19 * var(--taiko-rem)); }
  #taiko .intro-disc { margin-top:calc(8.99 * var(--taiko-rem)); }
  #taiko .intro-logos { margin:calc(4.4 * var(--taiko-rem)) auto 0; }
  #taiko .intro h2 { margin-top:calc(4.859 * var(--taiko-rem)); }
  #taiko .intro-copy { margin-top:calc(1.95 * var(--taiko-rem)); }
  #taiko .period { padding-top:calc(6.7 * var(--taiko-rem)); }
  #taiko .period p { min-height:calc(10.65 * var(--taiko-rem)); text-align: left; }
  #taiko .present-period { padding-top:0; }
  #taiko .present-period p { margin-top:calc(1.734 * var(--taiko-rem)); min-height:calc(7 * var(--taiko-rem)); }
  #taiko .arcade-panel { padding-bottom:calc(2.7 * var(--taiko-rem)); }
  #taiko .costume { padding-bottom:calc(1.65 * var(--taiko-rem)); }
  #taiko .present-wrap { padding-bottom:calc(8 * var(--taiko-rem)); }
  #taiko .present-panel { padding-bottom:calc(0 * var(--taiko-rem)); }
  #taiko .apply { padding-bottom:calc(6.65 * var(--taiko-rem)); }
  #taiko .package-inner { padding-bottom:calc(16.789 * var(--taiko-rem)); }
  #taiko .lid-section { padding-bottom:calc(8.491 * var(--taiko-rem)); }
  #taiko .about-panel { padding-bottom:calc(3.55 * var(--taiko-rem)); }
  #taiko .arcade-panel > .period { margin:calc(3.25 * var(--taiko-rem)) auto 0; }
  #taiko .arcade-lead { margin:calc(4.15 * var(--taiko-rem)) auto 0; }
  #taiko .arcade-photo { margin:calc(1.502 * var(--taiko-rem)) auto 0; }
  #taiko .song { margin:calc(2.023 * var(--taiko-rem)) auto 0; }
  #taiko .costume { margin:calc(17.1 * var(--taiko-rem)) auto 0; }
  #taiko .costume h3 { margin:calc(3.2 * var(--taiko-rem)) auto 0; }
  #taiko .costume-image { margin:calc(2.123 * var(--taiko-rem)) auto 0; }
  #taiko .costume-intro { margin:calc(2.1 * var(--taiko-rem)) auto 0; }
  #taiko .card-only { margin:calc(1.5 * var(--taiko-rem)) auto 0; }
  #taiko .costume-details { margin:calc(1.575 * var(--taiko-rem)) auto 0; }
  #taiko .notes { margin:calc(1.5 * var(--taiko-rem)) auto 0; }
  #taiko .present h2 { margin:calc(-.15 * var(--taiko-rem)) auto 0; }
  #taiko .present-panel { margin:calc(-5.75 * var(--taiko-rem)) auto 0; }
  #taiko .prizes { margin:calc(26.25 * var(--taiko-rem)) auto 0; }
  #taiko .apply { margin:calc(2.681 * var(--taiko-rem)) auto 0; }
  #taiko .apply h3 { margin:calc(9 * var(--taiko-rem)) auto 0; }
  #taiko .apply-steps { margin:calc(2.353 * var(--taiko-rem)) auto 0; }
  #taiko .present-period { margin:calc(4.15 * var(--taiko-rem)) auto 0; }
  #taiko .package h2 { margin:calc(5.2 * var(--taiko-rem)) auto 0; }
  #taiko .package-lead { margin:calc(1.65 * var(--taiko-rem)) auto 0; }
  #taiko .package-grid { margin:calc(2.15 * var(--taiko-rem)) auto 0; }
  #taiko .lid-section > p { margin:calc(4.15 * var(--taiko-rem)) auto 0; }
  #taiko .lid-marquee { margin:calc(1.03 * var(--taiko-rem)) auto 0; }
  #taiko .taiko-logo { margin:calc(2.65 * var(--taiko-rem)) auto 0; }
  #taiko .about h2 { margin:calc(2.1 * var(--taiko-rem)) auto 0; }
  #taiko .about-copy { margin:calc(1.581 * var(--taiko-rem)) auto 0; }
  #taiko .social-links { margin:calc(2.119 * var(--taiko-rem)) auto 0; }
  #taiko .about-games { margin:calc(-.547 * var(--taiko-rem)) auto 0; }
}
@media (max-width:767px) { #taiko .apply { margin-bottom:calc(-.4 * var(--taiko-rem)); } }

/* Artwork wider than its container overhangs equally on both sides. */
@media (min-width:768px) {
  #taiko .present h2 { margin-right:0; margin-left:0; align-self:center; }
}
/* Both visible artworks are 696px tall; B includes 32px transparent bottom space. */
@media (min-width:768px) {
  #taiko .prizes { grid-template-columns:calc(42.2 * var(--taiko-rem)) calc(46 * var(--taiko-rem)); margin-right: calc(-0.7 * var(--taiko-rem)); }
  #taiko .prizes img { width:100%; height:auto; margin:0 auto; }
}
@media (max-width:767px) {
  /* Center the colored 399px-wide frames; badges extend beyond them. */
  #taiko .prizes figure:first-child img { width:calc(100% * 422 / 399); max-width:none; margin-left:calc(calc(-2.3 * var(--taiko-rem)) * 31.73 / 39.9); }
  #taiko .prizes figure:last-child img { width:calc(100% * 460 / 399); max-width:none; margin-left:calc(calc(-.9 * var(--taiko-rem)) * 31.73 / 39.9); }
}
/* SP song typography follows the dedicated mobile design. */
@media (max-width:767px) {
  #taiko .song { width:100%; text-align:center; }
  #taiko .song::before { content:none; }
  #taiko .song-label { width:calc(20 * var(--taiko-rem)); margin:0 auto; border-radius:calc(4 * var(--taiko-rem)); background:#fdb100; font-size:calc(1.7 * var(--taiko-rem)); line-height:calc(3.15 * var(--taiko-rem)); }
  #taiko .song-name { margin:calc(.325 * var(--taiko-rem)) auto 0; font-size:calc(1.9 * var(--taiko-rem)); line-height:calc(3.8 * var(--taiko-rem)); }
}
/* Keep the Figma font, while avoiding fractional glyph sizes in this text panel. */
@media (min-width:768px) {
 @supports (font-size:round(nearest, 1rem, .1rem)) {
  #taiko .about-copy, #taiko .social-links { font-size:round(nearest, calc(2 * var(--taiko-rem)), .1rem); }
  #taiko .social-links h3 { font-size:round(nearest, calc(1.8 * var(--taiko-rem)), .1rem); }
  #taiko .copyright { font-size:round(nearest, calc(1.4 * var(--taiko-rem)), .1rem); }
 }
}

/* Avoid small-size M PLUS Rounded glyph rasterization artifacts on Windows.
   Limit the subpixel rotation to text, keeping the panel and artwork untransformed. */
#taiko .about-copy > p,
#taiko .social-links h3,
#taiko .social-links ul { transform:rotate(.03deg); }

/* Keep image text in the document and accessibility tree without changing the artwork layout.
   Reader views that extract document text can retain this copy when images are omitted. */
#taiko .hide_text,
#taiko .reading-text { position:absolute; width:.1rem; height:.1rem; margin:-.1rem; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; line-height:1.5; }