:root{--bg:#05060a;--key-face:#e8ecf533;--key-edge:#e8ecf552;--key-held:#e3b0138c}*{box-sizing:border-box}button,.key,.stage,#app{touch-action:manipulation}html,body{background:var(--bg);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}#app{place-items:center;height:100%;display:grid}.stage,.stage-words{grid-area:1/1}.stage{image-rendering:pixelated;image-rendering:crisp-edges;background:#000;display:block}.stage-words{pointer-events:none;display:block}.fatal{color:#d8323c;text-align:center;padding:2rem}.touch{display:none}@media (hover:none) and (pointer:coarse){.touch{display:block}}.touch{pointer-events:none;padding:max(.75rem, env(safe-area-inset-bottom));position:fixed;top:0;bottom:0;left:0;right:0}.pad,.actions{pointer-events:auto;position:absolute;bottom:1rem}.pad{width:132px;height:132px;right:1rem}.actions{width:140px;height:148px;left:.75rem}.key{border:1px solid var(--key-edge);background:var(--key-face);color:#e8ecf5;width:44px;height:44px;font:inherit;border-radius:6px;place-items:center;font-size:14px;transition:background 90ms;display:grid;position:absolute}.key.is-held{background:var(--key-held);color:#10131a}.key--up{top:0;left:44px}.key--left{top:44px;left:0}.key--right{top:44px;left:88px}.key--down{top:88px;left:44px}.key--a,.key--b,.key--sp,.key--g{letter-spacing:.04em;border-radius:50%;width:60px;height:60px;font-size:11px;font-weight:700;position:absolute}.key--g{bottom:88px;left:0}.key--b{bottom:66px;left:72px}.key--sp{bottom:22px;left:8px}.key--a{background:#d8323c47;bottom:0;left:80px}.key--sp{background:#3f7fa842;border-color:#6fb6dd80;font-size:9px}.key--g{background:#969eac38;border-color:#bec6d473}body.has-pad .touch{display:none!important}@media (min-height:800px){.pad{transform-origin:100% 100%;transform:scale(1.45)}.actions{transform-origin:0 100%;transform:scale(1.45)}}.pad:before,.actions:before{white-space:nowrap;color:#8a91a2;letter-spacing:.14em;text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;position:absolute;bottom:calc(100% + .35rem)}.pad:before{right:0}.actions:before{left:0}body[data-screen=play] .pad:before{content:"MOVE ·LANE ·DOOR"}body[data-screen=play] .actions:before{content:"STRIKE ·GUARD"}body[data-screen=select] .key--up,body[data-screen=select] .key--down,body[data-screen=select] .key--g,body[data-screen=select] .key--b,body[data-screen=select] .key--sp{display:none}body[data-screen=select] .pad:before{content:"CHOOSE"}body[data-screen=select] .actions:before{content:"PICK"}body[data-screen=fame] .pad:before{content:"LETTER ·SLOT"}body[data-screen=fame] .actions:before{content:"ENTER"}body[data-screen=title] .key--left,body[data-screen=title] .key--right,body[data-screen=title] .key--g,body[data-screen=title] .key--b,body[data-screen=title] .key--sp{display:none}body[data-screen=title] .pad:before{content:"CHOOSE"}body[data-screen=title] .actions:before{content:"GO"}body[data-screen=end] .touch,body[data-screen=ko] .touch,body[data-screen=fame] .touch{display:none}@media (hover:none) and (pointer:coarse){body[data-screen=fame][data-fame-step=sign] .touch{z-index:25;display:block}}.fullscreen{z-index:12;color:#9aa4b8;cursor:pointer;background:#0b0d12b8;border:1px solid #9aa4b859;border-radius:50%;place-items:center;width:2rem;height:2rem;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1;display:grid;position:fixed;bottom:.5rem;left:50%;transform:translate(calc(2.4rem - 50%))}body[data-screen=age] .fullscreen{display:none}.sound{z-index:12;color:#9aa4b8;cursor:pointer;background:#0b0d12b8;border:1px solid #9aa4b859;border-radius:50%;place-items:center;width:2rem;height:2rem;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1;display:grid;position:fixed;bottom:.5rem;left:50%;transform:translate(calc(-50% - 2.4rem))}.sound:hover{color:#e3b013;border-color:#e3b013}.sound:focus-visible{color:#e3b013;border-color:#e3b013}.sound[aria-pressed=true]{color:#59606e}.age{z-index:30;text-align:center;background:#0b0d12;place-items:center;padding:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.age__card{justify-items:center;gap:1rem;max-width:34rem;display:grid}.age__logo{width:auto;height:clamp(4rem,20vh,9rem);margin:0 auto .5rem;display:block}.age__game{color:#cfd6e2;text-shadow:2px 2px #000;white-space:nowrap;margin:0 0 1rem;font-size:clamp(.8rem,2.4vw,1.1rem);font-weight:700}.age__notice{letter-spacing:.14em;color:#9aa4b8;margin:1.6rem 0 0;font-size:.7rem}.age__title{letter-spacing:.12em;color:#eef1f7;margin:0;font-size:clamp(.95rem,3.6vw,1.25rem)}.age__question{letter-spacing:.24em;color:#9aa4b8;margin:0;font-size:.8rem}.age__choices{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.6rem;display:flex}.age__choice{color:#9aa4b8;font:inherit;letter-spacing:.18em;cursor:pointer;background:#14171f;border:1px solid #2b3140;padding:.7em 1.4em;font-size:.8rem;font-weight:700;text-decoration:none}.age__choice--yes{color:#e3b013;border-color:#d8323c}.age__choice:hover{color:#e3b013;border-color:#e3b013;outline:none}.age__choice:focus-visible{color:#e3b013;border-color:#e3b013;outline:none}body[data-screen=age] .touch,body[data-screen=age] .sound{display:none}.version{z-index:11;pointer-events:none;color:#9aa4b873;letter-spacing:.08em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;position:fixed;bottom:.5rem;right:.6rem}@media (hover:none) and (pointer:coarse){.version{top:.4rem;bottom:auto;right:.5rem}}.hold{z-index:60;pointer-events:none;background:#0b0d12e6;border:2px solid #e3b013;justify-items:center;gap:.4rem;padding:.5rem 1rem;display:none;position:fixed;bottom:3.5rem;left:50%;transform:translate(-50%)}.hold.is-on{display:grid}.hold__text{color:#e3b013;letter-spacing:.18em;white-space:nowrap;font-size:.8rem;font-weight:700}.hold__bar{background:#1b1f2a;width:100%;height:6px}.hold__bar i{background:#d8323c;width:0;height:100%;display:block}.end{z-index:20;background:#06070be6;padding:1.5rem;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}body[data-screen=end] .end{display:flex}.end__card{text-align:center;max-width:32rem;margin:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;animation:.24s steps(4,end) both end-in}@keyframes end-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.end__eyebrow{letter-spacing:.5em;text-indent:.5em;color:#e3b013;text-shadow:2px 2px #0b0d12;margin:0 0 1rem;font-size:clamp(.7rem,.6rem + .5vw,.85rem);font-weight:700}.end__title{letter-spacing:.08em;color:#eef1f7;text-shadow:2px 2px #0b0d12;border-bottom:3px solid #d8323c;margin:0;padding-bottom:.6rem;font-size:clamp(1.3rem,1rem + 1.6vw,2rem);font-weight:700;line-height:1.4;display:inline-block}.end__mark{vertical-align:-.55em;width:auto;height:1.7em;margin:0 .15em;display:inline-block}.end__score{letter-spacing:.3em;text-indent:.3em;color:#e3b013;text-shadow:2px 2px #0b0d12;margin:1.4rem 0 0;font-size:clamp(1.1rem,.9rem + 1.4vw,1.6rem);font-weight:700}.end__cta{color:#fff8e6;font:inherit;letter-spacing:.3em;text-indent:.3em;background:#d8323c;border:2px solid #e3b013;border-radius:0;margin-top:1.6rem;padding:.8em 2.2em;font-size:clamp(.85rem,.78rem + .5vw,1rem);font-weight:700;text-decoration:none;transition:transform 80ms steps(2,end),background 80ms steps(2,end);display:inline-block;box-shadow:4px 4px #0b0d12}.end__cta:hover{background:#f0616a;transform:translate(-2px,-2px);box-shadow:6px 6px #0b0d12}.end__cta:focus-visible{background:#f0616a;transform:translate(-2px,-2px);box-shadow:6px 6px #0b0d12}.end__cta:active{transform:translate(4px,4px);box-shadow:0 0 #0b0d12}.end__cta:focus-visible{outline-offset:4px;outline:2px solid #e3b013}.end__again{color:#9aa4b8;font:inherit;letter-spacing:.18em;text-indent:.18em;cursor:pointer;background:0 0;border:0;margin:1.6rem auto 0;padding:.4em;font-size:.8rem;font-weight:700;text-decoration:none;animation:1.12s step-end infinite end-blink;display:block}@keyframes end-blink{0%,64%{color:#9aa4b8}65%,to{color:#4a5162}}.end__again:hover{color:#e3b013;animation:none}.end__again:focus-visible{color:#e3b013;animation:none}.end__music{margin:1.6rem 0 0}.end__credit{letter-spacing:.3em;text-indent:.3em;color:#9aa4b8;margin:0 0 .7rem;font-size:.7rem;font-weight:700}.end__credit strong{color:#e3b013;font-weight:700}.end__links{grid-template-columns:repeat(3,1fr);gap:.45rem;max-width:26rem;margin:0 auto;padding:0;list-style:none;display:grid}.end__listen{color:#c3cad8;letter-spacing:.12em;white-space:nowrap;background:#14171f;border:1px solid #2b3140;padding:.55em .3em;font-size:clamp(.55rem,.5rem + .3vw,.68rem);font-weight:700;text-decoration:none;display:block;box-shadow:2px 2px #0b0d12}.end__listen:hover{color:#e3b013;border-color:#e3b013;outline:none;transform:translate(-1px,-1px);box-shadow:3px 3px #0b0d12}.end__listen:focus-visible{color:#e3b013;border-color:#e3b013;outline:none;transform:translate(-1px,-1px);box-shadow:3px 3px #0b0d12}.end__by{letter-spacing:.3em;text-indent:.3em;color:#59606e;margin:1.4rem 0 0;font-size:.6rem;font-weight:700;line-height:1.9}.end__by a{color:#9aa4b8;border-bottom:1px solid #3a4150;text-decoration:none}.end__by a:hover{color:#e3b013;border-color:#e3b013;outline:none}.end__by a:focus-visible{color:#e3b013;border-color:#e3b013;outline:none}@media (max-height:480px){.end{padding:.75rem 1.5rem}.end__eyebrow{margin-bottom:.4rem}.end__title{padding-bottom:.3rem;font-size:1.15rem}.end__cta{margin-top:.8rem;padding:.55em 1.8em}.end__score{margin-top:.6rem;font-size:1rem}.end__music{margin-top:.7rem}.end__credit{margin-bottom:.4rem}.end__links{gap:.3rem}.end__listen{padding:.4em .3em}.end__again{margin-top:.5rem}.end__by{margin-top:.4rem;line-height:1.6}}@media (max-height:380px){.end{padding:.4rem 1rem}.end__title{font-size:1rem}.end__cta{margin-top:.5rem;padding:.45em 1.6em}.end__score{margin-top:.35rem}.end__music{margin-top:.4rem}.end__again{margin-top:.3rem}.end__by{margin-top:.25rem;line-height:1.5}}@media (prefers-reduced-motion:reduce){.end__card{animation:none}.end__cta{transition:none}.end__again{animation:none}}.fame{z-index:20;background:#06070bf0;padding:1.25rem 1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}body[data-screen=fame] .fame{display:flex}.fame__card{text-align:center;grid-template-columns:auto minmax(0,30rem);place-items:center;gap:1.5rem 2.5rem;margin:auto;animation:.24s steps(4,end) both end-in;display:grid}.fame[data-step=wall] .fame__card{grid-template-columns:minmax(0,30rem)}.fame[data-step=wall] .fame__poster{display:none}.fame__art{border:3px solid #15171d;width:auto;max-width:100%;height:min(74vh,34rem);display:block;box-shadow:6px 6px #000}.fame__step{justify-items:center;gap:.9rem;display:none}.fame[data-step=sign] .fame__step--sign,.fame[data-step=share] .fame__step--share,.fame[data-step=wall] .fame__step--wall{display:grid}.fame__eyebrow{letter-spacing:.34em;text-indent:.34em;color:#d8323c;min-height:1em;margin:0;font-size:.72rem;font-weight:700}.fame__title{letter-spacing:.16em;color:#e3b013;text-shadow:2px 2px #0b0d12;margin:0;font-size:clamp(1.2rem,1rem + 1.2vw,1.7rem)}.fame__lead{letter-spacing:.14em;color:#9aa4b8;max-width:22rem;margin:0;font-size:.72rem;font-weight:700;line-height:1.7}.fame__lead a{color:#e3b013;border-bottom:1px solid #d8323c;text-decoration:none}.fame__lead a:hover{color:#fff8e6;outline:none}.fame__lead a:focus-visible{color:#fff8e6;outline:none}.fame__form{justify-items:center;gap:.9rem;margin-top:.2rem;display:grid}.fame__form[aria-busy=true]{opacity:.6;pointer-events:none}.fame__slots{justify-content:center;gap:.9rem;display:flex}.fame__slot{color:#e3b013;text-shadow:3px 3px #0b0d12;border-bottom:4px solid #d8323c;padding:0 .4rem;font-size:clamp(2rem,1.6rem + 2vw,3rem);font-weight:700;line-height:1.1}.fame__slot.is-here{border-bottom-color:#e3b013;animation:.9s step-end infinite fame-slot}@keyframes fame-slot{50%{border-bottom-color:#d8323c}}.fame__how{letter-spacing:.14em;color:#9aa4b8;gap:.3rem;margin:0;font-size:.72rem;font-weight:700;display:grid}.fame__button{color:#e3b013;font:inherit;letter-spacing:.26em;text-indent:.26em;cursor:pointer;background:#14171f;border:2px solid #e3b013;padding:.7em 1.8em;font-size:.85rem;font-weight:700;box-shadow:4px 4px #0b0d12}.fame__button--main{color:#fff8e6;background:#d8323c;font-size:1rem}.fame__say{letter-spacing:.1em;color:#cfd6e2;text-shadow:2px 2px #0b0d12;max-width:24rem;margin:0;font-size:clamp(1.1rem,.9rem + 1vw,1.5rem);font-weight:700;line-height:1.4}h2.fame__say{color:#e3b013}.fame__tags{letter-spacing:.1em;color:#cfd6e2;justify-items:center;gap:.4rem;font-size:clamp(1.1rem,.9rem + 1vw,1.5rem);font-weight:700;display:grid}.fame__tags-row{align-items:center;gap:.6rem;display:flex}.fame__tags a{color:#eef1f7;border-bottom:2px solid #d8323c;text-decoration:none;display:block}.fame__tags a:hover{color:#e3b013;border-color:#e3b013;outline:none}.fame__tags a:focus-visible{color:#e3b013;border-color:#e3b013;outline:none}.fame__qr{justify-items:center;gap:.5rem;margin:0;display:grid}.fame__qr[hidden]{display:none}.fame__qr-code{width:8.5rem;height:8.5rem;image-rendering:pixelated;display:block;box-shadow:4px 4px #0b0d12}.fame__qr figcaption{letter-spacing:.2em;color:#9aa4b8;font-size:.72rem;font-weight:700}.fame__actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.fame__button[hidden]{display:none}.fame__button:hover{outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px #0b0d12}.fame__button:focus-visible{outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px #0b0d12}.fame__button--main:hover{background:#f0616a}.fame__button--main:focus-visible{background:#f0616a}.fame__button:active{box-shadow:none;transform:translate(4px,4px)}.fame__button:disabled{opacity:.5;cursor:progress}.fame__note{letter-spacing:.14em;color:#d8323c;min-height:1.4em;margin:0;font-size:.8rem;font-weight:700}.fame__quiet{color:#6a7183;font:inherit;letter-spacing:.2em;cursor:pointer;background:0 0;border:0;padding:.4em;font-size:.72rem;font-weight:700}.fame__quiet:hover{color:#e3b013;outline:none}.fame__quiet:focus-visible{color:#e3b013;outline:none}.fame__quiet--big{color:#cfd6e2;font-size:.95rem}.fame__wall{border-top:2px solid #d8323c;border-bottom:2px solid #d8323c;width:min(30rem,86vw);height:min(58vh,26rem);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 8% 92%,#0000)}.fame__list{margin:0;padding:.6rem 0;list-style:none}.fame__wall.is-rolling .fame__list{animation:fame-roll var(--roll,30s) linear infinite}.fame__wall.is-rolling:hover .fame__list{animation-play-state:paused}@keyframes fame-roll{to{transform:translateY(-50%)}}.fame__row{text-shadow:2px 2px #0b0d12;justify-content:center;align-items:baseline;gap:.75em;padding:.3rem .8rem;font-family:monospace;font-size:1.15rem;font-weight:700;line-height:1.2;display:flex}.fame__row--1{text-shadow:3px 3px #0b0d12;padding-block-start:.5rem;padding-block-end:.5rem;font-size:2.6rem}.fame__row--2{text-shadow:3px 3px #0b0d12;padding-block-start:.45rem;padding-block-end:.45rem;font-size:2.1rem}.fame__row--3{padding-block-start:.4rem;padding-block-end:.4rem;font-size:1.7rem}.fame__who{color:#e3b013}.fame__score{color:#d8323c}.fame__empty{letter-spacing:.2em;color:#6a7183;place-content:center;margin:0;font-size:.72rem;font-weight:700;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.fame__wall[data-state=loading] .fame__empty--loading,.fame__wall[data-state=empty] .fame__empty--empty,.fame__wall[data-state=offline] .fame__empty--offline{display:grid}@media (max-width:40rem) and (min-height:481px){.fame__card{grid-template-columns:minmax(0,1fr)}.fame__art{height:min(46vh,26rem)}}@media (max-height:480px){.fame{padding:.6rem 1rem}.fame__card{grid-template-columns:auto minmax(0,30rem);gap:.6rem 1.2rem}.fame__art{height:calc(100vh - 1.6rem)}.fame__step{gap:.5rem}.fame__wall{height:calc(100vh - 7rem)}.fame__qr{display:none}.fame__row{font-size:1rem}.fame__row--1{font-size:2rem}.fame__row--2{font-size:1.65rem}.fame__row--3{font-size:1.35rem}}@media (prefers-reduced-motion:reduce){.fame__card{animation:none}.fame__wall{overflow-y:auto}.fame__wall.is-rolling .fame__list{animation:none}}.rotate{text-align:center;color:#9aa4b8;background:var(--bg);letter-spacing:.06em;place-content:center;margin:0;font-size:.9rem;display:none;position:fixed;top:0;bottom:0;left:0;right:0}@media (orientation:portrait) and (pointer:coarse){.rotate{display:grid}#app,.touch{visibility:hidden}}