:root{--lx-cursor-default:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='32' viewBox='0 0 10 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23211A33' d='M0 0h1v1H0zM0 1h2v1H0zM0 2h1v1H0zM2 2h1v1H2zM0 3h1v1H0zM3 3h1v1H3zM0 4h1v1H0zM4 4h1v1H4zM0 5h1v1H0zM5 5h1v1H5zM0 6h1v1H0zM6 6h1v1H6zM0 7h1v1H0zM7 7h1v1H7zM0 8h1v1H0zM8 8h1v1H8zM0 9h1v1H0zM5 9h5v1H5zM0 10h1v1H0zM3 10h1v1H3zM6 10h1v1H6zM0 11h1v1H0zM2 11h1v1H2zM4 11h1v1H4zM7 11h1v1H7zM0 12h2v1H0zM4 12h1v1H4zM7 12h1v1H7zM5 13h1v1H5zM8 13h1v1H8zM5 14h1v1H5zM8 14h1v1H8zM6 15h2v1H6z'/%3E%3Cpath fill='%23FFF6E8' d='M1 2h1v1H1zM1 3h2v1H1zM1 4h3v1H1zM1 5h4v1H1zM1 6h5v1H1zM1 7h6v1H1zM1 8h7v1H1zM1 9h4v1H1zM1 10h2v1H1zM4 10h2v1H4zM1 11h1v1H1zM5 11h2v1H5zM5 12h2v1H5zM6 13h2v1H6zM6 14h2v1H6z'/%3E%3C/svg%3E") 0 0, default;--lx-cursor-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 14 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23211A33' d='M4 0h2v1H4zM3 1h1v1H3zM6 1h1v1H6zM3 2h1v1H3zM6 2h1v1H6zM3 3h1v1H3zM6 3h1v1H6zM3 4h1v1H3zM6 4h3v1H6zM3 5h1v1H3zM6 5h1v1H6zM9 5h3v1H9zM0 6h2v1H0zM3 6h1v1H3zM6 6h1v1H6zM9 6h1v1H9zM12 6h2v1H12zM0 7h1v1H0zM3 7h1v1H3zM13 7h1v1H13zM0 8h1v1H0zM13 8h1v1H13zM1 9h1v1H1zM13 9h1v1H13zM1 10h1v1H1zM13 10h1v1H13zM2 11h1v1H2zM13 11h1v1H13zM2 12h1v1H2zM12 12h1v1H12zM3 13h1v1H3zM12 13h1v1H12zM3 14h1v1H3zM12 14h1v1H12zM3 15h10v1H3z'/%3E%3Cpath fill='%23FFF6E8' d='M4 1h2v1H4zM4 2h2v1H4zM4 3h2v1H4zM4 4h2v1H4zM4 5h2v1H4zM7 5h2v1H7zM4 6h2v1H4zM7 6h2v1H7zM10 6h2v1H10zM1 7h2v1H1zM4 7h9v1H4zM1 8h12v1H1zM2 9h11v1H2zM2 10h11v1H2zM3 11h10v1H3zM3 12h9v1H3zM4 13h8v1H4zM4 14h8v1H4z'/%3E%3C/svg%3E") 10 0, pointer;--lx-cursor-grabbing:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' viewBox='0 0 13 11' shape-rendering='crispEdges'%3E%3Cpath fill='%23211A33' d='M3 0h2v1H3zM6 0h2v1H6zM9 0h2v1H9zM2 1h1v1H2zM5 1h1v1H5zM8 1h1v1H8zM11 1h1v1H11zM1 2h2v1H1zM5 2h1v1H5zM8 2h1v1H8zM11 2h2v1H11zM0 3h1v1H0zM3 3h1v1H3zM12 3h1v1H12zM0 4h1v1H0zM12 4h1v1H12zM0 5h1v1H0zM12 5h1v1H12zM1 6h1v1H1zM12 6h1v1H12zM2 7h1v1H2zM12 7h1v1H12zM3 8h1v1H3zM11 8h1v1H11zM3 9h1v1H3zM11 9h1v1H11zM3 10h9v1H3z'/%3E%3Cpath fill='%23FFF6E8' d='M3 1h2v1H3zM6 1h2v1H6zM9 1h2v1H9zM3 2h2v1H3zM6 2h2v1H6zM9 2h2v1H9zM1 3h2v1H1zM4 3h8v1H4zM1 4h11v1H1zM1 5h11v1H1zM2 6h10v1H2zM3 7h9v1H3zM4 8h7v1H4zM4 9h7v1H4z'/%3E%3C/svg%3E") 8 0, grabbing;--lx-cursor-press:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 14 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23211A33' d='M4 3h2v1H4zM3 4h1v1H3zM6 4h1v1H6zM3 5h1v1H3zM6 5h3v1H6zM3 6h1v1H3zM6 6h1v1H6zM9 6h3v1H9zM0 7h2v1H0zM3 7h1v1H3zM6 7h1v1H6zM9 7h1v1H9zM12 7h2v1H12zM0 8h1v1H0zM3 8h1v1H3zM13 8h1v1H13zM0 9h1v1H0zM13 9h1v1H13zM1 10h1v1H1zM13 10h1v1H13zM1 11h1v1H1zM13 11h1v1H13zM2 12h1v1H2zM13 12h1v1H13zM2 13h1v1H2zM12 13h1v1H12zM3 14h1v1H3zM12 14h1v1H12zM3 15h10v1H3z'/%3E%3Cpath fill='%23FFF6E8' d='M4 4h2v1H4zM4 5h2v1H4zM4 6h2v1H4zM7 6h2v1H7zM4 7h2v1H4zM7 7h2v1H7zM10 7h2v1H10zM1 8h2v1H1zM4 8h9v1H4zM1 9h12v1H1zM2 10h11v1H2zM2 11h11v1H2zM3 12h10v1H3zM3 13h9v1H3zM4 14h8v1H4z'/%3E%3Cpath fill='%23FFCB47' d='M2 0h1v1H2zM8 0h1v1H8zM3 1h1v1H3zM7 1h1v1H7z'/%3E%3C/svg%3E") 10 6, pointer}@media (forced-colors:active),(prefers-contrast:more){:root{--lx-cursor-default:default;--lx-cursor-pointer:pointer;--lx-cursor-grabbing:grabbing;--lx-cursor-press:pointer}}:root{--ink:#211a33;--dusk:#3a2f57;--cream:#fff6e8;--sunset:#ff8a4c;--butter:#ffcb47;--muted:#6b6280;--twilight:#5b3fd1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--cream);cursor:var(--lx-cursor-default);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.player-screen{min-height:100%;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));text-align:center;background:radial-gradient(circle at 50% 120%, var(--dusk) 0, transparent 70%), var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.player-title{overflow-wrap:anywhere;max-width:20ch;margin:0;font-size:1.75rem;line-height:1.2}.player-text{opacity:.85;max-width:34ch;margin:0;line-height:1.5}.player-status{opacity:.85;margin:0}.player-progress{flex-direction:column;align-items:center;gap:16px;display:flex}.player-progress__bar{background:var(--cream);clip-path:polygon(0 4px,2px 4px,2px 2px,4px 2px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px));filter:drop-shadow(4px 4px 0 var(--twilight));gap:4px;padding:4px;display:flex;position:relative}.player-progress__block{background:var(--ink);width:12px;height:16px}.player-progress__block[data-lit]{background:var(--sunset)}.player-progress__bar[data-waiting]:after{content:"";background:var(--butter);width:12px;height:16px;animation:1.6s steps(16,jump-none) infinite player-march;position:absolute;top:4px;left:4px}@keyframes player-march{to{transform:translate(240px)}}@media (prefers-reduced-motion:reduce){.player-progress__bar[data-waiting]:after{animation-duration:3.2s}}.player-progress__amount{font-variant-numeric:tabular-nums}.player-button{border:2px solid var(--ink);background:var(--sunset);min-height:48px;color:var(--ink);font:inherit;box-shadow:4px 4px 0 var(--cream);cursor:var(--lx-cursor-pointer);border-radius:6px;padding:12px 32px;font-weight:700;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end)}.player-button:active{cursor:var(--lx-cursor-press);box-shadow:0 0 0 var(--cream);transform:translate(4px,4px)}.player-button:focus-visible{outline:3px solid var(--butter);outline-offset:4px}.player-made-with{opacity:.6;margin:24px 0 0;font-size:.875rem}.player-stage{position:fixed;inset:0}.player-hint{z-index:2;left:50%;bottom:max(32px, env(safe-area-inset-bottom));color:var(--cream);white-space:nowrap;pointer-events:none;background:#211a33cc;border-radius:999px;margin:0;padding:10px 18px;font-weight:600;position:absolute;transform:translate(-50%)}.player-needs{text-align:left;flex-direction:column;gap:10px;max-width:340px;margin:0 0 24px;padding:0;line-height:1.45;list-style:none;display:flex}.player-needs li{border:2px solid var(--dusk);border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.player-needs svg{color:var(--butter);flex:none;margin-top:1px}.player-note{z-index:3;left:12px;right:12px;bottom:max(72px, calc(env(safe-area-inset-bottom) + 60px));border:2px solid var(--dusk);max-width:420px;color:var(--cream);background:#211a33f0;border-radius:10px;margin:0 auto;padding:12px 14px;line-height:1.45;position:fixed}.player-note p{margin:0 0 8px}.player-note summary{min-height:32px;color:var(--butter);cursor:var(--lx-cursor-pointer);font-weight:600}.player-note__close{border:2px solid var(--cream);min-height:40px;color:var(--cream);font:inherit;cursor:var(--lx-cursor-pointer);background:0 0;border-radius:6px;padding:0 16px;font-weight:600}.player-turn{z-index:4;color:var(--cream);text-align:center;background:#211a33f5;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}.player-turn>svg{width:44px;height:44px;color:var(--butter)}.player-turn .player-text{max-width:360px}.player-turn__link{background:var(--dusk);overflow-wrap:anywhere;border-radius:6px;max-width:360px;margin:0;padding:8px 12px;font-family:ui-monospace,monospace;font-size:.875rem}.player-turn details{text-align:left;max-width:360px}.player-turn summary{color:var(--butter);text-align:center;cursor:var(--lx-cursor-pointer);font-weight:600}@media (prefers-reduced-motion:reduce){.player-button{transition:none}}