:root{--ink-950:#000;--ink-900:#111;--ink-800:#1d1d1f;--ink-700:#222;--ink-600:#323232;--ink-500:#404040;--ink-300:#656565;--bone-000:#fff;--bone-100:#f9f9f9;--bone-200:#ededed;--bone-300:#e4e4e4;--bone-400:#aaa;--magenta-600:#b71d54;--magenta-500:#ff2975;--magenta-400:#ff5894;--blue-500:#4d65ff;--ember-500:#ff7a2f;--slime-500:#46d98a;--slime-300:#8ff0bb;--grape-500:#a06bff;--chamfer:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);--hex-chip:polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);--font-display:"Inter", "Inter Variable", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", monospace}*{box-sizing:border-box}html,body{background:var(--ink-950);height:100%;color:var(--bone-100);font-family:var(--font-display);-webkit-font-smoothing:antialiased;touch-action:none;margin:0;overflow:hidden}#stage{width:100%;height:100%;display:block}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;padding:clamp(12px,2.2vw,26px);display:flex;position:fixed;inset:0}.hud-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel{background:var(--ink-900);border:2px solid var(--ink-700);border-top-color:var(--ink-500);clip-path:var(--chamfer);min-width:132px;padding:10px 14px}.panel--accent{border-left:4px solid var(--magenta-500)}.panel--danger{border-left:4px solid var(--ember-500)}.label{letter-spacing:.18em;text-transform:uppercase;color:var(--bone-400);font-size:10px;font-weight:700;display:block}.readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--bone-100);font-size:clamp(26px,4.2vw,40px);font-weight:700;line-height:1;display:block}.readout--magenta{color:var(--magenta-400)}.stat{justify-content:space-between;align-items:baseline;gap:14px;margin-top:6px;display:flex}.stat span:last-child{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--bone-200);font-size:13px}.phase{text-align:right}.chip{background:var(--magenta-500);color:var(--bone-000);letter-spacing:.12em;text-transform:uppercase;clip-path:var(--hex-chip);padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.caption{letter-spacing:.06em;color:var(--bone-400);max-width:26ch;margin-top:6px;font-size:11px;display:block}.meter{--fill:var(--slime-500);background:var(--ink-800);border:2px solid var(--ink-700);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);height:14px;margin-top:8px;position:relative;overflow:hidden}.meter i{background:var(--fill);width:0%;height:100%;transition:width 90ms linear;display:block}.meter--boost{--fill:var(--slime-500);--boost-threshold:33.333%;width:clamp(160px,26vw,300px)}.meter--boost:after{content:"";z-index:1;top:0;bottom:0;left:var(--boost-threshold);background:var(--bone-400);opacity:.75;width:2px;position:absolute;box-shadow:0 0 0 1px #0a081099}.meter--boost.is-ready:after{background:var(--magenta-400);opacity:1}.meter--boost.is-active i{filter:brightness(1.2)}.boost-label{justify-content:space-between;align-items:center;gap:14px;display:flex}.boost-label b{color:var(--bone-400);letter-spacing:.08em;font-size:9px}.panel:has(.meter--boost.is-ready) .boost-label b{color:var(--magenta-400)}.panel:has(.meter--boost.is-active) .boost-label b{color:var(--slime-300)}.meter--speed{--fill:var(--magenta-500);width:clamp(120px,18vw,200px);margin-left:auto}.meter.is-full{--fill:var(--magenta-400)}.blocks{gap:6px;margin-top:8px;display:flex}.blocks b{background:var(--slime-500);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);width:26px;height:16px}.blocks b[data-state=lost]{background:var(--ink-700)}.card{text-align:center;pointer-events:auto;background:linear-gradient(#0000001a 0%,#000000d6 55%,#000000f2 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:none;position:absolute;inset:0}.card.is-open{display:flex}.card__mark{letter-spacing:.4em;text-transform:uppercase;color:var(--magenta-500);font-size:11px;font-weight:700}.card__title{letter-spacing:-.045em;text-transform:uppercase;color:var(--bone-000);margin:0;font-size:clamp(44px,11vw,104px);font-weight:800;line-height:.86}.card__title em{color:var(--magenta-500);font-style:normal}.lukso-mark{vertical-align:-.12em;width:.9em;height:1em;display:inline-block}.lukso-mark--inline{color:var(--magenta-500);margin-right:6px}.card__chain{border:1px solid var(--ink-600);clip-path:var(--hex-chip);color:var(--bone-300);pointer-events:auto;align-items:center;gap:12px;margin-top:2px;padding:8px 16px;text-decoration:none;display:inline-flex}.card__chain:hover{border-color:var(--magenta-500);color:var(--bone-000)}.card__chain-label{letter-spacing:.22em;text-transform:uppercase;color:var(--bone-400);font-size:10px;font-weight:600}.card__chain-lockup{width:auto;height:13px;display:block}.card__body{max-width:46ch;color:var(--bone-200);margin:0;font-size:clamp(13px,1.6vw,16px);line-height:1.5}.card__scores{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.card__score{background:var(--ink-900);border:2px solid var(--ink-700);border-top-color:var(--ink-500);clip-path:var(--chamfer);min-width:128px;padding:10px 18px}.card__keys{letter-spacing:.14em;text-transform:uppercase;color:var(--bone-400);flex-wrap:wrap;justify-content:center;gap:20px;font-size:11px;display:flex}.card__keys span{align-items:center;gap:6px;display:inline-flex}.card__keys kbd{font-family:var(--font-mono);background:var(--ink-800);border:2px solid var(--ink-700);color:var(--bone-100);padding:3px 8px}.button{pointer-events:auto;cursor:pointer;font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-000);background:var(--magenta-500);clip-path:var(--hex-chip);border:0;padding:14px 34px;font-size:15px;font-weight:700}.card__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.button--secondary{color:var(--bone-100);background:var(--ink-800);box-shadow:inset 0 0 0 2px var(--magenta-500)}.button--secondary:hover{background:var(--ink-600)}.button:disabled{cursor:wait;opacity:.65}.button:hover{background:var(--magenta-400)}.button:active{transform:translateY(1px)}.toast{background:var(--ink-900);border-left:4px solid var(--magenta-500);clip-path:var(--chamfer);letter-spacing:.2em;text-transform:uppercase;opacity:0;padding:8px 18px;font-size:12px;font-weight:700;transition:opacity .18s linear;position:absolute;top:18%;left:50%;transform:translate(-50%)}.toast.is-open{opacity:1}.audio-toggle{z-index:2;pointer-events:auto;cursor:pointer;background:var(--ink-900);border:1px solid var(--ink-600);clip-path:var(--hex-chip);font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--bone-400);align-items:center;gap:10px;padding:7px 18px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;bottom:clamp(12px,2.2vw,26px);left:50%;transform:translate(-50%)}.audio-toggle:hover{border-color:var(--magenta-500);color:var(--bone-200)}.audio-toggle__bars{align-items:flex-end;gap:2px;height:12px;display:flex}.audio-toggle__bars i{background:var(--magenta-500);transform-origin:bottom;width:2px;animation:.9s ease-in-out infinite alternate audio-level}.audio-toggle__bars i:first-child{height:5px;animation-delay:0s}.audio-toggle__bars i:nth-child(2){height:12px;animation-delay:.14s}.audio-toggle__bars i:nth-child(3){height:8px;animation-delay:.3s}.audio-toggle__bars i:nth-child(4){height:11px;animation-delay:.46s}@keyframes audio-level{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.audio-toggle.is-muted .audio-toggle__bars i{background:var(--ink-500);height:2px;animation:none;transform:none}@media (prefers-reduced-motion:reduce){.audio-toggle__bars i{animation:none}}.flash{background:var(--bone-100);opacity:0;mix-blend-mode:screen;position:absolute;inset:0}.vignette{opacity:0;background:radial-gradient(#ff7a2f00 42%,#ff7a2f8c 100%);position:absolute;inset:0}@media (max-width:560px){.panel{min-width:104px;padding:8px 10px}.caption{display:none}}