:root{--ink:#05060d;--night:#0b1024;--paper:#f3ead2;--red:#d7263d;--red-hi:#ff4b5c;--yellow:#ffd23f;--orange:#ff8a1f;--cyan:#5ff6ff;--muted:#8f97b8;--display:Impact, "Haettenschweiler", "Arial Narrow Bold", "Arial Black", sans-serif;--sans:"Avenir Next Condensed", "Avenir Next", "Helvetica Neue", Arial, sans-serif;--mincho:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", "Hiragino Mincho Pro", serif;--gothic:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", Meiryo, sans-serif}html[lang=ja]{--sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", Meiryo, sans-serif}#overlay{z-index:10;font-family:var(--sans);color:var(--paper);font-size:calc(var(--u,16px));-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;line-height:1.35;position:fixed;overflow:hidden}#overlay[hidden]{display:none}#overlay *{box-sizing:border-box}#overlay button{font:inherit;color:inherit;cursor:pointer}.poster{background:linear-gradient(90deg,#05060df0 0%,#05060dc7 38%,#05060d26 64%,#05060d59 100%),linear-gradient(#05060db3 0%,#05060d00 20% 78%,#05060dd9 100%);animation:.7s ease-out both poster-in;position:absolute;inset:0}.poster:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);position:absolute;inset:0}@keyframes poster-in{0%{opacity:0}to{opacity:1}}.kicker{left:calc(var(--u) * 4);top:calc(var(--u) * 3.2);letter-spacing:.35em;color:var(--muted);text-transform:uppercase;font-size:.8em;position:absolute}.logo{left:calc(var(--u) * 3.6);top:calc(var(--u) * 4.4);font-family:var(--display);letter-spacing:.02em;transform-origin:0 100%;margin:0;font-size:7.4em;font-weight:400;line-height:.86;position:absolute;transform:skew(-7deg)}.logo span{background:linear-gradient(180deg, #fff6c4 0%, var(--yellow) 28%, var(--orange) 62%, #e0301e 100%);color:#0000;-webkit-text-stroke:.028em #1a0508;filter:drop-shadow(.03em .03em #3a0a0f)drop-shadow(.06em .06em #1a0508)drop-shadow(0 0 .25em #ff5a2859);-webkit-background-clip:text;background-clip:text;animation:.9s cubic-bezier(.2,1.4,.4,1) both logo-in;display:block}.logo span+span{animation-delay:.12s}@keyframes logo-in{0%{opacity:0;transform:translateY(.4em)scale(1.1)}to{opacity:1;transform:none}}.jp-title{left:calc(var(--u) * 4.1);top:calc(var(--u) * 18.2);font-family:var(--mincho);letter-spacing:.32em;color:var(--red-hi);text-shadow:0 0 .4em #d7263d8c,.05em .05em #1a0508;font-size:2.35em;font-weight:800;position:absolute}.seal{left:calc(var(--u) * 36.2);top:calc(var(--u) * 4.9);width:calc(var(--u) * 3.6);height:calc(var(--u) * 3.6);font-family:var(--mincho);color:#fff2ea;background:var(--red);border-radius:.35em;place-items:center;font-size:1em;font-weight:900;animation:.5s cubic-bezier(.3,1.8,.5,1) .7s both stamp;display:grid;position:absolute;transform:rotate(-8deg);box-shadow:inset 0 0 0 .18em #ffffff40,0 .2em .6em #00000080}.seal b{font-size:2.3em;line-height:1}@keyframes stamp{0%{opacity:0;transform:rotate(-8deg)scale(2.4)}to{opacity:1;transform:rotate(-8deg)scale(1)}}.tagline{left:calc(var(--u) * 4.2);top:calc(var(--u) * 22.2);font-family:var(--display);letter-spacing:.12em;color:var(--yellow);font-size:1.35em;position:absolute}.pitch{left:calc(var(--u) * 4.2);top:calc(var(--u) * 24.5);width:calc(var(--u) * 32);color:#dfe4f6;font-size:1.05em;position:absolute}.teaser{left:calc(var(--u) * 4.2);top:calc(var(--u) * 26.4);width:calc(var(--u) * 34);color:var(--muted);font-size:.82em;font-style:italic;position:absolute}.menu{left:calc(var(--u) * 4);top:calc(var(--u) * 29.4);gap:calc(var(--u) * .45);width:calc(var(--u) * 21);flex-direction:column;display:flex;position:absolute}.menu button{align-items:baseline;gap:calc(var(--u) * .8);clip-path:polygon(.6em 0,100% 0,calc(100% - .6em) 100%,0 100%);font-family:var(--display);letter-spacing:.08em;text-align:left;text-transform:uppercase;background:#ffffff0a;border:0;padding:.3em 1.2em .26em 1em;font-size:1.12em;transition:background .12s,transform .12s,color .12s;display:flex;position:relative}html[lang=ja] .menu button{font-family:var(--gothic);letter-spacing:.04em;font-weight:800}.menu button .n{font-family:var(--sans);color:var(--muted);letter-spacing:.1em;font-size:.6em}.menu button.sel,.menu button:hover{background:linear-gradient(90deg, var(--red) 0%, #a3122a 100%);color:#fff;transform:translate(.5em)}.menu button.sel .n,.menu button:hover .n{color:#ffd6da}.menu button.sel:after{content:"▶";font-size:.7em;position:absolute;top:.55em;right:1.2em}.menu button.primary{font-size:1.45em}.menu button.primary.sel{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{50%{filter:brightness(1.25)}}.best{left:calc(var(--u) * 4.2);top:calc(var(--u) * 41.1);color:var(--cyan);letter-spacing:.06em;font-size:.85em;position:absolute}.monster-wrap{right:calc(var(--u) * 2);bottom:calc(var(--u) * 2.4);width:calc(var(--u) * 34);aspect-ratio:28/25;pointer-events:none;position:absolute;transform:scaleX(-1)}.monster{width:100%;image-rendering:pixelated;filter:drop-shadow(0 0 1.2em #5ff6ff40);opacity:.96;animation:5.5s ease-in-out infinite loom;position:absolute;inset:0}@keyframes loom{50%{transform:translateY(-.6em)scale(1.01)}}.spine-glow{width:100%;image-rendering:pixelated;mix-blend-mode:screen;animation:5.5s ease-in-out infinite loom,2.2s ease-in-out infinite glow;position:absolute;inset:0}@keyframes glow{0%,to{opacity:.55;filter:blur(.05em) drop-shadow(0 0 .5em var(--cyan))}50%{opacity:1;filter:blur(0) drop-shadow(0 0 1.4em var(--cyan))}}.vertical{right:calc(var(--u) * 1.6);top:calc(var(--u) * 11);writing-mode:vertical-rl;font-family:var(--mincho);letter-spacing:.6em;color:#f3ead273;font-size:1.1em;font-weight:700;position:absolute}.controls{right:calc(var(--u) * 4.2);top:calc(var(--u) * 2.8);gap:calc(var(--u) * .6);display:flex;position:absolute}.pill{background:#05060d8c;border:.08em solid #f3ead259;border-radius:99em;display:flex;overflow:hidden}.pill button{letter-spacing:.05em;background:0 0;border:0;padding:.3em .9em;font-size:.85em}#overlay .pill button.on{background:var(--paper);color:var(--ink);font-weight:700}.pill .jp{font-family:var(--gothic)}.plaque{right:calc(var(--u) * 4.2);top:calc(var(--u) * 5.6);width:calc(var(--u) * 27);border-right:.25em solid var(--red);text-align:right;background:#080b1ad1;padding:.6em 1em .7em;position:absolute;box-shadow:0 .3em 1.2em #00000073}.plaque .label{letter-spacing:.3em;color:var(--muted);font-size:.66em}.plaque .title{font-family:var(--display);letter-spacing:.05em;color:var(--paper);font-size:1.15em}.plaque .title .jp{font-family:var(--mincho);color:var(--red-hi);margin-left:.6em;font-size:.9em;font-weight:700}.plaque .title .alt{font-family:var(--sans);letter-spacing:.06em;color:var(--muted);font-size:.62em;display:block}.plaque .meta{color:var(--muted);font-size:.72em}.plaque .bar{background:#ffffff14;height:.2em;margin-top:.4em}.plaque .bar i{background:linear-gradient(90deg, var(--red), var(--yellow));width:0;height:100%;display:block}.plaque .eq{vertical-align:-.05em;gap:.12em;margin-right:.5em;display:inline-flex}.plaque .eq b{background:var(--yellow);transform-origin:bottom;width:.22em;height:.8em;animation:.9s ease-in-out infinite eq}.plaque .eq b:nth-child(2){animation-delay:-.3s}.plaque .eq b:nth-child(3){animation-delay:-.6s}.plaque.silent .eq b{background:var(--muted);animation:none;transform:scaleY(.25)}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.credits{left:0;right:0;bottom:calc(var(--u) * 1);text-align:center;font-family:var(--sans);letter-spacing:.34em;color:#f3ead280;text-transform:uppercase;font-size:.62em;position:absolute}.keyhint{right:calc(var(--u) * 4.2);bottom:calc(var(--u) * 3.4);color:var(--muted);text-align:right;font-size:.72em;position:absolute}.keyhint kbd,.panel kbd{min-width:calc(var(--u) * 1.5);font-family:var(--sans);text-align:center;color:var(--paper);border:.08em solid #f3ead266;border-bottom-width:.18em;border-radius:.25em;padding:0 .35em;font-size:.9em;display:inline-block}.scrim{-webkit-backdrop-filter:blur(.15em);backdrop-filter:blur(.15em);background:#05060db8;place-items:center;animation:.18s ease-out both poster-in;display:grid;position:absolute;inset:0}.panel{width:calc(var(--u) * 54);max-height:calc(var(--u) * 38);background:linear-gradient(#111834 0%,#0a0f22 100%);border:.1em solid #2a3a6a;flex-direction:column;animation:.22s cubic-bezier(.2,1.3,.4,1) both panel-in;display:flex;box-shadow:0 1em 3em #0009}@keyframes panel-in{0%{opacity:0;transform:translateY(1em)scale(.97)}to{opacity:1;transform:none}}.panel header{background:var(--red);justify-content:space-between;align-items:center;padding:.7em 1.4em;display:flex}.panel header h2{font-family:var(--display);letter-spacing:.08em;margin:0;font-size:1.7em;font-weight:400}html[lang=ja] .panel header h2{font-family:var(--gothic);letter-spacing:.04em;font-weight:800}.panel header button{background:0 0;border:.08em solid #fff9;border-radius:99em;padding:.2em .9em;font-size:.85em}.panel .body{padding:1.2em 1.6em 1.4em;overflow-y:auto}.panel p{margin:0 0 .8em}.panel .lede{color:#e8ecfa;font-size:1.05em}.panel .lede b{color:var(--yellow)}.panel ul{gap:.55em;margin:0;padding:0;list-style:none;display:grid}.panel li{align-items:baseline;gap:.8em;display:flex}.panel li .k{color:var(--yellow);flex:0 0 7.5em;font-weight:700}.codex{grid-template-columns:repeat(2,1fr);gap:.6em 1em;display:grid}.codex .card{border-left:.22em solid var(--c);background:#ffffff09;grid-template-columns:2.6em 1fr;gap:.2em .8em;padding:.55em .7em;display:grid}.codex .glyph{width:2.4em;height:2.4em;font-family:var(--mincho);color:var(--c);border:.08em solid var(--c);background:#00000059;grid-row:span 2;place-items:center;font-size:1.1em;font-weight:800;display:grid}.codex .name{font-weight:700}.codex .name small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-left:.5em;font-size:.75em;font-weight:400}.codex .desc{color:#c9d0ea;font-size:.85em}.settings{grid-template-columns:10em 1fr;align-items:center;gap:.9em 1em;display:grid}.settings .note{color:var(--muted);grid-column:1/-1;font-size:.8em;font-style:italic}.scores .big{font-family:var(--display);color:var(--yellow);letter-spacing:.05em;font-size:2.2em}.scores table{border-collapse:collapse;width:100%;font-size:.95em}.scores td,.scores th{text-align:left;border-bottom:.06em solid #ffffff12;padding:.35em .4em}.scores th{letter-spacing:.2em;color:var(--muted);text-transform:uppercase;font-size:.7em;font-weight:400}#mute{z-index:20;width:var(--mb,40px);height:var(--mb,40px);color:#f3ead2;cursor:pointer;background:#05060db3;border:2px solid #f3ead273;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}#mute:hover{color:#ffd23f;border-color:#ffd23f}#mute.muted{color:#ff4b5c;border-color:#d7263d}#mute svg{width:58%;height:58%}@media (prefers-reduced-motion:reduce){.poster,.logo span,.seal,.monster,.spine-glow,.menu button.primary.sel,.plaque .eq b,.panel,.scrim{animation:none!important}}