:root{color:oklch(28% .035 135);font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif}html,body{background:oklch(84% .055 173);min-height:100%;margin:0;overflow:hidden}canvas{transition:filter .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}body.is-starting canvas{filter:blur(8px)saturate(.82)brightness(.9);transform:scale(1.025)}.game-controls{z-index:15;gap:10px;display:flex;position:fixed;top:18px;right:18px}.game-controls[hidden]{display:none}.game-controls button{color:oklch(27% .045 132);cursor:pointer;letter-spacing:.04em;background:oklch(96% .025 105/.9);border:1px solid oklch(36% .05 135/.24);border-radius:999px;padding:10px 14px;font-family:Optima,Candara,Noto Sans,Aptos,system-ui,sans-serif;font-size:.78rem;font-weight:750;transition:transform .16s cubic-bezier(.16,1,.3,1),filter .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px oklch(32% .05 150/.16),inset 0 1px oklch(100% .01 100/.65)}.game-controls button:hover:not(:disabled),.game-controls button:focus-visible:not(:disabled){filter:saturate(1.05)brightness(.98);transform:translateY(-1px);box-shadow:0 14px 34px oklch(32% .05 150/.2),inset 0 1px oklch(100% .01 100/.72)}.game-controls button:disabled{cursor:progress;opacity:.7}.start-screen{z-index:20;background:linear-gradient(135deg,oklch(72% .07 158/.42),oklch(92% .04 92/.28));place-items:center;padding:24px;display:grid;position:fixed;inset:0}.start-card{background:linear-gradient(oklch(97% .026 103/.96),oklch(93% .035 111/.94));border:1px solid oklch(38% .055 130/.22);border-radius:26px;gap:20px;width:min(420px,100vw - 48px);padding:34px;font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Georgia,serif;display:grid;box-shadow:0 24px 80px oklch(30% .05 150/.24),inset 0 1px oklch(100% .01 100/.7)}.start-kicker{color:oklch(41% .08 145);letter-spacing:.16em;text-transform:uppercase;margin:0;font-family:Optima,Candara,Noto Sans,Aptos,system-ui,sans-serif;font-size:.72rem;font-weight:700;line-height:1.2}.start-card h1{color:oklch(27% .045 132);letter-spacing:-.045em;max-width:12ch;margin:0;font-size:clamp(2.1rem,8vw,3.7rem);font-weight:650;line-height:.98}.name-field{gap:10px;margin-top:2px;display:grid}.name-field span{color:oklch(33% .045 135);letter-spacing:.08em;text-transform:uppercase;font-family:Optima,Candara,Noto Sans,Aptos,system-ui,sans-serif;font-size:.82rem;font-weight:700}.name-field input{box-sizing:border-box;color:oklch(24% .04 132);letter-spacing:.015em;background:oklch(98% .018 100/.86);border:1px solid oklch(49% .06 132/.32);border-radius:18px;outline:none;width:100%;padding:16px 17px 15px;font-family:Aptos Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1.08rem;font-weight:600;line-height:1.25;transition:border-color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 8px oklch(40% .04 130/.08),0 1px oklch(100% .01 100/.72)}.name-field input::placeholder{color:oklch(47% .045 132/.55);font-weight:500}.name-field input:focus{background:oklch(99% .016 100/.96);border-color:oklch(48% .12 142);box-shadow:inset 0 2px 8px oklch(40% .04 130/.06),0 0 0 5px oklch(74% .11 142/.2),0 12px 30px oklch(45% .08 142/.12)}.start-status{color:oklch(45% .07 145);min-height:1.4em;margin:-3px 0;font-family:Optima,Candara,Noto Sans,Aptos,system-ui,sans-serif;font-size:.9rem;font-weight:650;line-height:1.4}.start-card button{color:oklch(97% .02 118);cursor:pointer;letter-spacing:.035em;background:linear-gradient(oklch(50% .13 145),oklch(42% .12 145));border:0;border-radius:999px;padding:16px 20px;font-family:Optima,Candara,Noto Sans,Aptos,system-ui,sans-serif;font-size:.98rem;font-weight:750;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),filter .18s cubic-bezier(.16,1,.3,1);box-shadow:0 12px 28px oklch(37% .12 145/.24),inset 0 1px oklch(90% .04 130/.28)}.start-card button:hover:not(:disabled),.start-card button:focus-visible:not(:disabled){filter:saturate(1.08)brightness(.96);transform:translateY(-1px);box-shadow:0 16px 34px oklch(37% .12 145/.28),inset 0 1px oklch(90% .04 130/.3)}.start-card button:disabled,.start-card input:disabled{cursor:progress;opacity:.72}.start-card[data-state=loading] .start-status{animation:1.1s ease-in-out infinite status-pulse}.start-card[data-state=error] .start-status{color:oklch(50% .16 28)}.start-card[data-state=error] .name-field input{border-color:oklch(58% .15 28)}@keyframes status-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.start-card[data-state=loading] .start-status{animation:none}}@media (width<=520px){.start-card{border-radius:24px;gap:18px;width:min(420px,100vw - 32px);padding:26px}.start-card h1{font-size:clamp(2rem,12vw,3.2rem)}}