@font-face{font-family:Chakra Petch;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/ChakraPetch-400.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/ChakraPetch-600.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/ChakraPetch-700.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-weight:700;font-style:italic;font-display:swap;src:url(/fonts/ChakraPetch-700i.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:400 800;font-style:normal;font-display:swap;src:url(/fonts/JetBrainsMono.woff2) format("woff2")}@font-face{font-family:Anton;font-weight:400;font-display:swap;src:url(/fonts/Anton.woff2) format("woff2")}@font-face{font-family:Mr Dafoe;font-weight:400;font-display:swap;src:url(/fonts/MrDafoe.woff2) format("woff2")}@font-face{font-family:Archivo;font-weight:900;font-stretch:125%;font-display:swap;src:url(/fonts/Archivo.woff2) format("woff2")}:root{--accent: #ff5a3c;--fg: #f3f1ea;--dim: rgba(243, 241, 234, .5);--bg: #06060a;--mono: "JetBrains Mono", ui-monospace, monospace;--out: cubic-bezier(.16, 1, .3, 1);color-scheme:dark;accent-color:var(--accent)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:Chakra Petch,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 70%,transparent) transparent}::selection{background:var(--accent);color:var(--bg)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--accent) 70%,transparent)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}svg{display:inline-block;vertical-align:-.12em}#flash{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#fff,#fff4e8 60%,#ffe6d2);opacity:0;z-index:5}#c{position:fixed;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.8s ease-out}#c.on{opacity:1}.hidden{opacity:0;pointer-events:none}.key{display:inline-block;padding:2px 7px;margin:0 2px;border:1px solid rgba(243,241,234,.35);border-bottom-width:3px;border-radius:4px;background:#06060a8c;font-family:var(--mono);font-size:max(.8em,11px);line-height:1.2}#title{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s ease;cursor:pointer}.title-name{position:absolute;bottom:calc(50% + 56px);font-size:clamp(44px,9vw,120px);font-weight:700;font-style:italic;letter-spacing:-.02em;line-height:1;white-space:nowrap;transform:skew(-6deg);text-shadow:0 0 40px rgba(255,90,60,.35)}.title-name .l{display:inline-block;opacity:0}.go .title-name .l{animation:letterIn .9s var(--out) both;animation-delay:calc(.45s + var(--i) * .05s)}@keyframes letterIn{0%{opacity:0;transform:translate(-.6em) skew(-24deg);filter:blur(10px)}60%{filter:blur(0)}to{opacity:1;transform:none;filter:blur(0)}}.title-role{position:absolute;bottom:calc(50% + 26px);font-family:var(--mono);font-size:13px;letter-spacing:.45em;text-indent:.45em;color:#f3f1eac7;text-shadow:0 0 12px rgba(0,0,0,.9);white-space:nowrap;clip-path:inset(0 100% 0 0)}.go .title-role{animation:typeIn .9s steps(22,end) 1.35s both}@keyframes typeIn{to{clip-path:inset(0 -2% 0 0)}}.title-ring{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border:1px solid rgba(255,232,205,.75);border-radius:50%;box-shadow:0 0 14px #ffc8a059,inset 0 0 14px #ffc8a040;opacity:0;pointer-events:none}.go .title-ring{animation:ringPulse 2.6s ease-out 2s infinite}@keyframes ringPulse{0%{opacity:0;transform:scale(.28)}12%{opacity:.7}to{opacity:0;transform:scale(1.15)}}.title-press{position:absolute;top:calc(50% + 110px);text-shadow:0 0 12px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9);font-family:var(--mono);font-size:14px;letter-spacing:.3em;white-space:nowrap;opacity:0}.go .title-press{animation:fadeUp .7s var(--out) 2.1s both,blink 1.3s steps(2,jump-none) 2.9s infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:.25}}.press-loading{display:none}.loading .title-press{animation:none;opacity:1;color:var(--accent)}.loading .press-enter{display:none}.loading .press-loading{display:inline}.loading .press-loading:after{content:"";display:inline-block;width:2.4em;text-align:left;animation:dots 1s steps(4,jump-none) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.loading .title-ring{animation-duration:1.1s}.title-foot{position:absolute;bottom:32px;display:flex;gap:28px;opacity:0}.go .title-foot{animation:fadeUp .8s var(--out) 2.4s both}.title-x,.title-sound{position:absolute;bottom:32px;font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--dim);text-decoration:none;opacity:0}.go .title-sound{animation:fadeUp .8s var(--out) 2.4s both}.title-foot .title-x{position:static;opacity:1}.title-x:hover{color:var(--fg)}.title-sound{right:32px}@media(pointer:coarse){.title-sound{display:none}}#hud{position:fixed;inset:0;pointer-events:none;transition:opacity .4s ease}#hud>*{pointer-events:auto}.hud-top{position:absolute;top:24px;left:32px;right:32px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:13px;letter-spacing:.2em;text-shadow:0 1px 2px rgba(0,0,0,.8)}.xlink{margin-left:18px;color:var(--dim);text-decoration:none;transition:color .2s}.xlink:hover{color:var(--accent)}.hud-right{display:flex;align-items:center;gap:18px}.snd{display:inline-flex;align-items:center;gap:10px;padding:6px 8px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--dim);transition:color .2s}.snd:hover{color:var(--fg)}.snd-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.snd-bars i{display:block;width:2px;height:100%;background:var(--accent);transform-origin:bottom;animation:bar .9s ease-in-out infinite alternate;transition:background .3s}.snd-bars i:nth-child(2){animation-delay:-.3s}.snd-bars i:nth-child(3){animation-delay:-.6s}.snd-bars i:nth-child(4){animation-delay:-.15s}@keyframes bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.muted .snd-bars i{animation:none;transform:scaleY(.18);background:var(--dim)}.muted .snd-label{text-decoration:line-through;text-decoration-color:var(--accent)}.section{font-family:var(--mono);font-size:12px;letter-spacing:.2em;padding:5px 10px;border:1px solid rgba(231,233,234,.5);color:#e7e9ea;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s}.section.on{opacity:1;transform:none}.dot-gap{width:18px}.counter{display:flex;align-items:baseline;gap:6px;white-space:nowrap;font-family:Chakra Petch,sans-serif}#idx{display:inline-block;font-size:64px;font-weight:700;font-style:italic;line-height:.8;letter-spacing:-.02em;color:var(--accent);text-shadow:0 0 24px color-mix(in srgb,var(--accent) 45%,transparent);transition:color .3s}#idx.tick{animation:tick .45s cubic-bezier(.2,.9,.25,1.2)}@keyframes tick{0%{opacity:0;transform:translateY(-18px) skew(-8deg)}to{opacity:1;transform:none}}.counter .dim{font-family:var(--mono);font-size:15px;letter-spacing:.1em}.dim{color:var(--dim)}.card{position:absolute;left:48px;bottom:92px;max-width:min(560px,calc(100vw - 64px));text-shadow:0 1px 2px rgba(0,0,0,.7)}.kicker{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.25em;padding:4px 10px;background:var(--accent);color:var(--bg);font-weight:600;text-shadow:none;transform:skew(-12deg);transition:background-color .4s}.name{margin-top:10px;font-size:clamp(34px,5vw,64px);font-weight:700;font-style:italic;line-height:.95;letter-spacing:-.01em}.desc{margin-top:10px;font-size:17px;color:var(--dim)}.stats{display:flex;gap:28px;margin-top:18px}.stat-value{font-size:30px;font-weight:700;color:var(--accent);line-height:1}.stat-label{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--dim);margin-top:6px}.card.swap>*{animation:slideIn .45s cubic-bezier(.2,.9,.25,1.15) both}.card.swap>*:nth-child(2){animation-delay:.04s}.card.swap>*:nth-child(3){animation-delay:.08s}.card.swap>*:nth-child(4){animation-delay:.12s}@keyframes slideIn{0%{opacity:0;transform:translate(-40px) skew(-8deg)}to{opacity:1;transform:none}}.kicker{animation-fill-mode:both}.card.swap .kicker{animation-name:slideInKicker}@keyframes slideInKicker{0%{opacity:0;transform:translate(-40px) skew(-12deg)}to{opacity:1;transform:skew(-12deg)}}.nav{position:absolute;top:50%;display:grid;place-items:center;width:56px;height:56px;color:var(--fg);opacity:.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));transition:opacity .2s,transform .25s var(--out)}.nav svg{transition:transform .25s var(--out)}.nav:hover{opacity:1}.nav-left{left:12px;transform:translateY(-50%)}.nav-right{right:12px;transform:translateY(-50%)}.nav-left:hover svg{transform:translate(-3px)}.nav-right:hover svg{transform:translate(3px)}.nav-left:active{transform:translateY(-50%) translate(-6px)}.nav-right:active{transform:translateY(-50%) translate(6px)}.dots{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:6px 10px}.dot{width:20px;height:3px;background:#f3f1ea52;box-shadow:0 1px 2px #0009;transform:skew(-20deg);transition:background .3s,width .35s var(--out),box-shadow .3s}.dot.on{background:var(--accent);width:40px}.hints{position:absolute;right:32px;bottom:30px;display:flex;gap:22px;font-family:var(--mono);font-size:12px;letter-spacing:.15em;color:var(--dim);text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 12px rgba(0,0,0,.6)}#panel{position:fixed;top:50%;right:0;width:min(600px,100vw);padding:56px 6vw 56px 96px;transform:translateY(-50%);background:linear-gradient(90deg,#06060a00,#06060acc 17%,#06060ae0);transition:opacity .35s ease,transform .55s var(--out),filter .45s ease}#panel.hidden{transform:translateY(-50%) translate(48px);filter:blur(6px)}.panel-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.25em;color:var(--accent);transition:color .4s}.panel-kicker:before{content:"";display:block;width:36px;height:2px;background:var(--accent);margin-bottom:16px;transition:background .4s}.panel-name{font-size:clamp(32px,3.2vw,44px);font-weight:700;font-style:italic;line-height:1;margin-top:10px;letter-spacing:-.01em;text-wrap:balance}.panel-desc{margin-top:16px;font-size:16px;line-height:1.55;max-width:40ch;color:#f3f1ead1;text-wrap:pretty}.panel-stats{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:24px}.panel-stats:empty{display:none}.panel-link{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:13px 20px 13px 22px;background:var(--accent);color:var(--bg);font-weight:700;text-decoration:none;letter-spacing:.1em;transform:skew(-10deg);box-shadow:0 6px 18px -6px color-mix(in srgb,var(--accent) 60%,transparent);transition:transform .2s var(--out),box-shadow .2s,background-color .4s}.panel-link>*{transform:skew(10deg)}.panel-link .arrow{transition:transform .2s var(--out)}.panel-link:hover{transform:skew(-10deg) translateY(-2px);box-shadow:0 10px 24px -6px color-mix(in srgb,var(--accent) 70%,transparent)}.panel-link:hover .arrow{transform:skew(10deg) translate(2px,-2px)}.panel-link:active{transform:skew(-10deg) translateY(0)}.panel-link:focus-visible{outline-offset:5px}.key-dark{border-color:#06060a73;background:#06060a1f;margin-left:6px;font-size:max(.7em,11px)}.panel-link[hidden]{display:none}.panel-back{display:inline-flex;align-items:center;gap:6px;margin-top:24px;padding:6px 0;font-family:var(--mono);font-size:12px;letter-spacing:.15em;color:var(--dim);transition:color .2s}.panel-back:hover{color:var(--fg)}.back-chev{display:none}@media(pointer:coarse){.panel-link .key,.panel-back .key{display:none}.back-chev{display:inline-block}.panel-back{padding:10px 0;font-size:12px}}@media(prefers-reduced-motion:reduce){#c{transition-duration:.6s}.go .title-name .l{animation:fadeIn .5s ease both;animation-delay:.3s}.go .title-role{animation:fadeIn .5s ease .5s both;clip-path:none}.go .title-press{animation:fadeIn .5s ease .8s both}.go .title-foot,.go .title-sound{animation:fadeIn .5s ease .9s both}.go .title-ring{animation:none;opacity:.45;transform:scale(.6)}.snd-bars i{animation:none;transform:scaleY(.7)}.card.swap>*{animation-duration:.2s}#panel,#panel.hidden{filter:none;transition-duration:.2s}.nav,.nav svg,.panel-link{transition:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:700px){.title-name{bottom:calc(50% + 48px)}.title-role{font-size:11px;letter-spacing:.38em;text-indent:.38em}.title-ring{width:120px;height:120px;margin:-60px 0 0 -60px}.title-press{top:calc(50% + 92px);font-size:13px}.title-foot{bottom:max(24px,env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px}.card{left:20px;bottom:max(76px,calc(env(safe-area-inset-bottom) + 64px))}.hints{display:none}.hud-top{left:20px;right:20px;top:18px;font-size:11px}.xlink{display:block;margin:6px 0 0;white-space:nowrap}.hud-right{gap:12px;align-items:flex-start}.snd{padding:4px 6px}.snd-label{display:none}#idx{font-size:42px}.counter .dim{font-size:12px}.section{font-size:11px;padding:4px 8px}.nav{width:48px;height:48px}.nav-left{left:4px}.nav-right{right:4px}.dots{bottom:max(28px,env(safe-area-inset-bottom));gap:7px}.dot{width:14px}.dot.on{width:28px}#panel{inset:auto 0 0;width:auto;max-height:56vh;overflow-y:auto;padding:56px 22px max(22px,env(safe-area-inset-bottom)) 22px;transform:none;background:linear-gradient(180deg,#06060a00,#06060adb 56px,#06060aeb)}#panel.hidden{transform:translateY(40px)}.panel-kicker:before{width:28px;margin-bottom:12px}.panel-name{font-size:28px}.panel-desc{font-size:14px;margin-top:10px}.panel-stats{margin-top:16px;gap:10px 24px}.panel-link{margin-top:18px;padding:12px 18px}.panel-back{margin-top:10px}}#fallback{display:none}body.fallback{overflow:auto;-webkit-user-select:text;user-select:text}body.fallback>:not(#fallback){display:none!important}body.fallback #fallback{display:block;max-width:720px;margin:0 auto;padding:64px 20px}#fallback h1{font-size:clamp(40px,10vw,72px);font-style:italic;font-weight:700}#fallback h2{margin-top:56px;font-family:var(--mono);font-size:13px;letter-spacing:.25em;color:var(--dim)}#fallback ul{list-style:none;margin-top:24px;display:grid;gap:28px}#fallback .fb-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--dim)}#fallback .fb-name{font-size:28px;font-weight:700;font-style:italic}#fallback a{color:var(--fg)}#fallback p{color:#f3f1eabf;line-height:1.5;margin-top:4px}#fallback .fb-x{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:13px;color:var(--dim)}