:root{--ground:#3b0f7a;--ink:#fbf1cf;--accent:#ffd60a;--ground-2:color-mix(in oklch, var(--ground), var(--ink) 7%);--ink-2:color-mix(in oklch, var(--ink), var(--ground) 45%);--scrim:oklch(from var(--ground) l c h / .62);--shade:#00000073;--surface-0:var(--ground);--surface-1:color-mix(in srgb, var(--ground) 84%, transparent);--surface-2:color-mix(in oklch, var(--ground), black 58%);--pad:12px;--radius:4px;--radius-inner:0px;--z-page:0;--z-world:1;--z-chrome:10;--z-overlay:40;--t-hero:clamp(32px, 4.2vw, 62px);--t-head:clamp(20px, 2.2vw, 30px);--t-body:clamp(14px, 1vw, 15px);--t-label:12px;--t-micro:11px;--display:"Orbitron", "Orbitron fallback", system-ui, sans-serif;--text:"Satoshi", "Satoshi fallback", system-ui, sans-serif;--dur:.2s;--ease:cubic-bezier(.2, .9, .3, 1.2);--margin:clamp(14px, 2vw, 28px);--gap:8px;--block:40px;--card-w:calc(5 * var(--block) + 4 * var(--gap) + 2 * var(--pad))}@supports (color:lab(0% 0 0)){:root{--shade:lab(0% 0 0/.45)}}@font-face{font-family:Orbitron;src:url(/vendor/fonts/orbitron-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Orbitron;src:url(/vendor/fonts/orbitron-medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Satoshi;src:url(/vendor/fonts/satoshi-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Satoshi;src:url(/vendor/fonts/satoshi-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Orbitron fallback;src:local(Arial);size-adjust:128%;ascent-override:75%;descent-override:25%;line-gap-override:0%}@font-face{font-family:Satoshi fallback;src:local(Arial);size-adjust:97%;ascent-override:101%;descent-override:24%;line-gap-override:10%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--text);font-size:var(--t-body);font-synthesis:none;-webkit-font-smoothing:antialiased;overscroll-behavior:none;line-height:1.5;overflow:hidden}h1,h2,h3,.shout{text-wrap:balance}p,li{text-wrap:pretty}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}a{color:inherit}img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.plate{width:100%;height:100%;z-index:var(--z-page);position:fixed;inset:0}.plate img{object-fit:cover;object-position:50% 0%;width:100%;height:100%}.vignette{z-index:var(--z-world);pointer-events:none;background:radial-gradient(ellipse at 50% 45%, transparent 55%, var(--shade) 130%);position:fixed;inset:0}.brand{left:var(--margin);top:var(--margin);z-index:var(--z-chrome);align-items:flex-start;gap:calc(var(--pad) * 2);display:flex;position:fixed}.brand h1{font-size:var(--t-hero);flex:none;width:min(20vw,300px);line-height:1}.brand .words{padding-top:calc(var(--pad) * .5)}.brand h1 img{width:100%;height:auto;filter:drop-shadow(0 6px 0 var(--shade))}.line{font-family:var(--text);font-weight:700;font-size:var(--t-head);letter-spacing:-.01em;text-shadow:0 2px 0 var(--ground), 0 0 14px var(--ground);max-width:14ch;line-height:1.1}.mode{margin-top:var(--pad);font-family:var(--display);font-weight:500;font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);align-items:center;gap:var(--gap);display:flex}.mode:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.2s steps(2,end) infinite blink-dot}.start{left:calc(var(--margin) + var(--card-w) + 2vw);bottom:calc(var(--margin) + 44px);z-index:var(--z-chrome);font-family:var(--display);font-weight:700;font-size:var(--t-hero);letter-spacing:.02em;text-transform:uppercase;color:var(--accent);text-shadow:0 4px 0 var(--ground), 0 0 24px var(--ground);padding:var(--pad);transition:transform var(--dur) var(--ease);line-height:1;animation:1.1s steps(2,end) infinite blink-text;position:fixed}.start:hover,.start:focus-visible{animation:none}.start:active{transform:scale(.96)}@keyframes blink-text{50%{opacity:0}}@keyframes blink-dot{50%{opacity:.2}}.hints{z-index:var(--z-chrome);justify-content:center;gap:calc(var(--gap) * 3);padding:calc(var(--pad) * .75) var(--margin);background:var(--accent);color:var(--ground);font-family:var(--display);font-weight:700;font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;display:flex;position:fixed;bottom:0;left:0;right:0}.hint{align-items:center;gap:var(--gap);border-radius:var(--radius);transition:transform var(--dur) var(--ease), background var(--dur);padding:4px 6px;display:inline-flex}.hint img{width:22px;height:22px}.hint:hover{background:color-mix(in oklch, var(--accent), var(--ground) 14%)}.hint:active{transform:scale(.96)}.hint span{text-align:left;min-width:5.5ch}.tiles{right:var(--margin);top:var(--margin);z-index:var(--z-chrome);gap:var(--gap);display:flex;position:fixed}.tile{border-radius:var(--radius);background:var(--surface-1);width:64px;height:64px;font-family:var(--display);font-weight:500;font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;transition:transform var(--dur) var(--ease), background var(--dur);grid-template-rows:1fr auto;place-items:center;padding:6px 4px 4px;text-decoration:none;display:grid}.tile:hover{background:var(--ground-2)}.tile:active{transform:scale(.96)}.tile img,.tile svg{width:36px;height:36px}.tile:focus-visible{outline-offset:-2px}.tile[aria-disabled=true]{opacity:.45;cursor:not-allowed}.billboard{z-index:var(--z-world);left:var(--scr-x);top:var(--scr-y);width:var(--scr-w);height:var(--scr-h);background:var(--surface-2);position:fixed;overflow:hidden}.billboard .pic{object-fit:contain;background:color-mix(in oklch, var(--ground), black 70%);width:100%;height:100%;position:absolute;inset:0}.billboard .pic.in{animation:.24s steps(3,end) both land}.billboard:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000024 0 1px,#0000 1px 3px);background:repeating-linear-gradient(0deg,lab(0% 0 0/.22) 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,lab(0% 0 0/.14) 0 1px,#0000 1px 3px);position:absolute;inset:0}.billboard .glow{pointer-events:none;background:#ffffff0a;background:lab(100% 0 0/.04);animation:.16s steps(2,end) infinite flicker;position:absolute;inset:0}@keyframes land{0%{opacity:.35;filter:brightness(1.6)}to{opacity:1;filter:none}}@keyframes flicker{50%{opacity:.4}}.billboard .tag{font-family:var(--display);font-weight:500;font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--surface-2);padding:2px 6px;position:absolute;top:0;left:0}.bird{z-index:var(--z-world);pointer-events:none;transform-origin:50% 100%;position:fixed}.bird .body,.bird .rim{width:auto;height:100%;position:absolute;bottom:0;left:0}.bird .rim{filter:brightness(0)sepia()saturate(9)hue-rotate(275deg)brightness(1.3)blur(1px);opacity:.85;transform:translate(-3px)}.bird .shadow{background:radial-gradient(ellipse, var(--shade), transparent 70%);border-radius:50%;height:6%;position:absolute;bottom:-2%;left:8%;right:8%}.bird .lid{left:calc(var(--eye-x) - 1.4%);top:calc(var(--eye-y) - 0.7%);background:color-mix(in oklch, var(--ink), white 75%);opacity:0;border-radius:40%;width:3.4%;height:1.6%;position:absolute}.bird.blink .lid{opacity:1}.bird .pose{transform-origin:50% 100%;animation:3.6s ease-in-out infinite breathe;position:absolute;inset:0}.bird.hop .pose{animation:hop .42s var(--ease)}@keyframes breathe{50%{transform:scaleY(1.012)scaleX(.995)}}@keyframes hop{30%{transform:translateY(-4%)scaleY(1.03)}60%{transform:translateY(0)scaleY(.97)}to{transform:none}}.card{left:var(--margin);bottom:calc(var(--margin) + 44px);z-index:var(--z-chrome);background:var(--surface-1);border-radius:var(--radius);padding:var(--pad);width:var(--card-w);position:fixed}.card .head{font-family:var(--display);font-weight:500;font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-bottom:calc(var(--pad) * .5)}.grid{grid-template-columns:repeat(5, var(--block));gap:var(--gap);display:grid}.block{width:var(--block);height:var(--block);border-radius:var(--radius-inner);background-image:var(--icon);image-rendering:pixelated;transition:transform var(--dur) var(--ease);background-position:0 0;background-size:300% 100%;animation:.66s steps(3,end) infinite icon}.block:hover{transform:scale(1.06)}.block:active{transform:scale(.96)}.block[aria-current=true]{outline:2px solid var(--accent);outline-offset:2px}@keyframes icon{to{background-position:150% 0}}.card .now{margin-top:var(--pad);font-family:var(--display);font-weight:700;font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;gap:var(--gap);white-space:nowrap;color:var(--accent);align-items:baseline;display:flex;overflow:hidden}.card .now .n{font-variant-numeric:tabular-nums}.card .bar{background:var(--ground-2);height:2px;margin-top:6px}.card .bar i{height:100%;width:calc(var(--p) * 100%);background:var(--accent);display:block}dialog.save{background:var(--surface-2);color:var(--ink);border-radius:var(--radius);border:0;width:min(92vw,520px);margin:auto;padding:0}dialog.save::backdrop{background:var(--scrim)}dialog.save[open]{animation:rise .22s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}.save .top{padding:calc(var(--pad) * .75) var(--pad);background:var(--accent);color:var(--ground);font-family:var(--display);font-weight:700;font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.save .top button{font-family:var(--display);font-weight:700;font-size:var(--t-label);letter-spacing:.1em;border-radius:var(--radius-inner);align-items:center;gap:6px;padding:2px 6px;display:inline-flex}.save .top button img{width:18px;height:18px}.save .body{padding:var(--pad);gap:var(--pad);display:grid}.save .slot{grid-template-columns:var(--block) 1fr;gap:var(--pad);align-items:center;display:grid}.save .slot .block{animation-duration:.9s}.save .name{font-family:var(--display);font-weight:700;font-size:var(--t-head);letter-spacing:.02em}.save .sub{font-size:var(--t-label);color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;font-family:var(--display);font-weight:500}.save .ca{font-size:var(--t-body);word-break:break-all;padding:var(--pad);background:var(--ground);border-radius:var(--radius-inner);font-variant-numeric:tabular-nums;line-height:1.4}.save .row{gap:var(--gap);flex-wrap:wrap;display:flex}.save .btn{align-items:center;gap:var(--gap);border-radius:var(--radius);background:var(--ground);font-family:var(--display);font-weight:700;font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;min-width:9ch;transition:transform var(--dur) var(--ease), background var(--dur);justify-content:center;padding:8px 12px;text-decoration:none;display:inline-flex}.save .btn:hover{background:var(--ground-2)}.save .btn:active{transform:scale(.96)}.save .btn img,.save .btn svg{width:20px;height:20px}.save .btn.copy{min-width:11ch}.errbar{z-index:var(--z-overlay);position:fixed;bottom:0;left:0;right:0}@media (max-aspect-ratio:4/5){.plate img{object-position:50% 50%}.brand{text-align:center;flex-direction:column;align-items:center;gap:0;width:62vw;left:50%;transform:translate(-50%)}.brand h1{width:100%}.line{max-width:none;margin-inline:auto}.mode{justify-content:center}.tiles{flex-direction:column}.tile{width:52px;height:52px}.tile img,.tile svg{width:30px;height:30px}.card{width:auto;right:auto;left:var(--margin);bottom:calc(var(--margin) + 44px + 100px);max-width:calc(100vw - 2 * var(--margin));background:0 0;padding:0}.card .head{display:none}.grid{scrollbar-width:none;--block:32px;gap:6px;padding:4px;display:flex;overflow-x:auto}.grid::-webkit-scrollbar{display:none}.card .now{text-shadow:0 1px 0 var(--ground);margin-top:6px}.start{left:var(--margin);bottom:calc(var(--margin) + 44px);font-size:var(--t-head)}.hint span{display:none}.hints{gap:calc(var(--gap) * 5)}}@media (prefers-reduced-motion:reduce){.start,.mode:before,.block,.bird .pose,.billboard .glow{animation:none!important}.billboard .pic.in{animation:none}}