:root{font-family:Arial,Helvetica,sans-serif;color:#262b2a;background:#d8d2c6;font-synthesis:none;--cream:#d8d2c6;--ink:#262b2a;--muted:#6c716b;--cyan:#27aebe;--coral:#eb6f57;--accent:#e1b85b;--glass:rgba(242,239,231,.82)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--cream)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.topbar{position:fixed;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;pointer-events:none}.brand{display:flex;align-items:baseline;gap:9px;font-weight:700;letter-spacing:.16em;font-size:14px;text-transform:uppercase}.brand-mark{font-size:24px;color:var(--coral);line-height:0}.brand small{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;color:var(--muted);font-weight:400;text-transform:uppercase}.tools{display:flex;gap:8px;pointer-events:auto}.tools button,.touch-buttons button{border:1px solid rgba(38,43,42,.22);background:#f4f1eabf;padding:8px 12px;border-radius:3px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}.tools button:hover,.touch-buttons button:hover{background:#f5f0e7;border-color:var(--ink)}.hud{position:fixed;z-index:3;top:68px;left:24px;display:flex;gap:8px;max-width:calc(100% - 48px);flex-wrap:wrap}.hud-card{background:var(--glass);border:1px solid rgba(38,43,42,.13);border-radius:4px;padding:9px 12px;min-width:112px;backdrop-filter:blur(8px);box-shadow:0 8px 24px #4542390d}.hud-card span{display:block;font:10px DM Mono,monospace;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}.hud-card strong{font:600 17px DM Mono,monospace;letter-spacing:.04em}.meter{height:3px;margin-top:6px;background:#262b2a1f;overflow:hidden}.meter i{display:block;height:100%;width:100%;background:var(--coral);transition:width .2s}.readout{position:fixed;z-index:3;left:24px;bottom:56px;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#f2efe7b8;border-left:3px solid var(--cyan);font:11px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}.readout-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 4px #27aebe29}.legend{position:fixed;z-index:3;right:24px;bottom:24px;font:10px DM Mono,monospace;color:#606760;letter-spacing:.04em;background:#f2efe7a8;padding:7px 9px}.legend b{font-weight:500;color:var(--ink);margin-left:8px}.legend b:first-child{margin-left:0}.touch-controls{display:none;position:fixed;z-index:5;left:18px;right:18px;bottom:18px;justify-content:space-between;align-items:end;pointer-events:none}.stick{pointer-events:auto;position:relative;width:116px;height:116px;border-radius:50%;border:1px solid rgba(38,43,42,.28);background:#e6e2d859;touch-action:none}.stick:before,.stick:after{content:"";position:absolute;background:#262b2a29}.stick:before{left:50%;top:15px;bottom:15px;width:1px}.stick:after{top:50%;left:15px;right:15px;height:1px}.stick i{position:absolute;width:38px;height:38px;left:38px;top:38px;border-radius:50%;background:#27aebec7;border:2px solid rgba(244,241,234,.9);box-shadow:0 4px 12px #27aebe3d;transform:translate(0)}.touch-buttons{pointer-events:auto;display:grid;grid-template-columns:repeat(2,72px);gap:8px}.touch-buttons button{min-height:44px;background:#f2efe7d1}.touch-buttons button:first-child{grid-row:span 2;min-height:96px;border-color:var(--coral)}.overlay{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:24px;background:#2b2f2d29;backdrop-filter:blur(3px);transition:opacity .25s}.overlay.hidden{opacity:0;pointer-events:none}.panel{width:min(560px,100%);padding:38px 42px 32px;background:#f4f1eaf0;border:1px solid rgba(38,43,42,.18);box-shadow:0 28px 90px #3e3b312e;border-radius:5px}.eyebrow{font:10px DM Mono,monospace;letter-spacing:.18em;color:var(--coral);margin:0 0 12px}.panel h1{font-size:clamp(36px,7vw,70px);letter-spacing:-.06em;line-height:.9;margin:0 0 20px;font-weight:600}.panel p:not(.eyebrow):not(.fine){font-size:15px;line-height:1.55;color:#505752;max-width:46ch;margin:0 0 23px}.rule-key{display:flex;flex-wrap:wrap;gap:15px;margin:0 0 25px;font:10px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase;color:#646a63}.rule-key span{display:flex;align-items:center;gap:6px}.rule-key i{width:12px;height:5px;display:inline-block;background:var(--cyan)}.rule-key i.coral{background:var(--coral)}.rule-key i.accent{background:var(--accent)}.primary{border:0;background:var(--ink);color:#f5f0e7;padding:14px 22px;border-radius:3px;font:600 12px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.primary:hover{background:#424946}.fine{font:10px/1.45 DM Mono,monospace;color:#7b7e76;margin:18px 0 0}.end-title{color:var(--coral)}@media(pointer:coarse),(max-width:760px){.touch-controls{display:flex}.legend{display:none}.hud{top:61px;left:14px;right:14px;max-width:none}.hud-card{min-width:0;flex:1;padding:7px 8px}.hud-card span{font-size:8px}.hud-card strong{font-size:13px}.topbar{padding:13px 14px}.brand small{display:none}.tools button{padding:7px 8px;font-size:9px}.readout{left:14px;bottom:154px;max-width:calc(100% - 28px);font-size:9px}.panel{padding:28px 23px 23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(min-width:761px){.hud-card{border-top:2px solid var(--cyan)}.panel{border-top:3px solid var(--coral)}}@media(max-width:760px){.topbar{gap:8px}.brand{min-width:0}.brand>span:not(.brand-mark){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools{gap:4px}.tools button{min-height:32px;padding:6px 7px}.hud{top:62px;gap:5px}.hud-card{padding:7px 6px}.hud-card span{font-size:7px;letter-spacing:.06em;white-space:normal}.hud-card strong{font-size:12px}.readout{bottom:152px;min-height:34px;font-size:8px}.touch-controls{right:12px;bottom:12px;left:12px}.stick{width:96px;height:96px}.stick i{left:31px;top:31px;width:32px;height:32px}.touch-buttons{grid-template-columns:repeat(2,64px);gap:6px}.touch-buttons button{min-height:42px;font-size:9px}.touch-buttons button:first-child{min-height:88px}.overlay{align-items:start;overflow-y:auto;padding:12px}.panel{width:100%;max-height:calc(100dvh - 24px);overflow:auto;padding:26px 18px 20px}.panel h1{font-size:clamp(38px,12vw,58px)}.panel p:not(.eyebrow):not(.fine){font-size:13px}.rule-key{gap:8px 12px;font-size:8px}.primary{width:100%}}.hud-card.urgent{border-color:#eb6f579e}.hud-card.urgent .meter i{background:var(--coral)}@media(min-width:761px){body[data-overlay=ready] .overlay,body[data-overlay=won] .overlay,body[data-overlay=failed] .overlay{place-items:center start;padding-left:clamp(42px,7vw,104px);background:linear-gradient(90deg,#d8d2c6b8,#d8d2c65c 48%,#d8d2c60f 78%);backdrop-filter:none}body[data-overlay=won] .panel{border-top-color:var(--accent)}}