:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:ui-rounded, "SF Pro Rounded", var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--bg:#221a15;--bg-accent:radial-gradient(120% 90% at 50% -20%, #2b3220 0%, transparent 60%);--surface:#2c231c;--surface-sunken:#241c16;--border:#3e3227;--border-strong:#57462f;--text:#f2e7d5;--text-muted:#bca890;--text-faint:#8d7b65;--accent:#e8964b;--accent-hover:#f2a65c;--accent-soft:#3a2c1e;--accent-text:#2a1d12;--success:#8fcb74;--success-soft:#23301b;--warning:#efb463;--warning-soft:#33260f;--danger:#e98074;--danger-soft:#38201c;--ring:color-mix(in srgb, var(--accent) 40%, transparent);--shadow-sm:0 1px 2px #0006;--shadow-md:0 1px 2px #00000059, 0 14px 30px -20px #000000e6;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--motion-fast:.12s;--motion-spin:.7s}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-spin:0s}}*,:before,:after{box-sizing:border-box}html,body{height:100%}html{touch-action:pan-x pan-y}html.gutter-stable{scrollbar-gutter:stable}body{background-color:var(--bg);background-image:var(--bg-accent);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;margin:0;font-size:16px;line-height:1.55}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text}h1,h2,h3{letter-spacing:-.01em;font-weight:700;line-height:1.2;font-family:var(--font-display);margin:0}h1{font-size:1.75rem}h2{font-size:1.15rem}h3{font-size:.95rem}p{margin:0}.page{width:min(100% - 2rem,46rem);padding:var(--space-6) 0 var(--space-7);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.page.wide{width:min(100% - 2rem,64rem)}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5)}.card-title{letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);font-size:.72rem;font-weight:650;display:block}.muted{color:var(--text-muted)}.faint{color:var(--text-faint);font-size:.85rem}.btn{appearance:none;font:inherit;font-family:var(--font-display);cursor:pointer;background:var(--accent);color:var(--accent-text);transition:background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) ease, opacity var(--motion-fast) ease;border:1px solid #0000;border-radius:999px;padding:.55rem 1.15rem;font-weight:700;line-height:1.3}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn.secondary:hover:not(:disabled){background:var(--surface-sunken)}.btn.ghost{color:var(--text-muted);background:0 0;border-color:#0000;padding-inline:.6rem}.btn.ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.btn.danger{color:var(--danger);background:0 0;border-color:#0000}.btn.danger:hover:not(:disabled){background:var(--danger-soft)}.btn.small{padding:.3rem .7rem;font-size:.85rem}.btn.block{width:100%}.field{gap:var(--space-2);flex-direction:column;display:flex}.field>label{color:var(--text-muted);font-size:.8rem;font-weight:600}input[type=text]{appearance:none;width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;padding:.55rem .75rem}input[type=text]::placeholder{color:var(--text-faint)}input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);outline:none}.badge{letter-spacing:.01em;background:var(--surface-sunken);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge.accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.badge.success{background:var(--success-soft);color:var(--success);border-color:#0000}.badge.warning{background:var(--warning-soft);color:var(--warning);border-color:#0000}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.badge.gold{color:#e3c358;background:#c9a22724;border-color:#c9a22759}.badge.gold .coin{background:radial-gradient(circle at 35% 30%,#ffe9a8 0%,#e8c552 45%,#a8842a 100%);border-radius:50%;width:.6rem;height:.6rem;display:inline-block;box-shadow:0 0 0 1px #785a1480}.divider{background:var(--border);border:0;height:1px;margin:0}.mono{font-family:var(--font-mono)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}canvas,.stage,.canvas{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}canvas::selection{background:0 0}.scrim,.menu,.modal,.hud,.hud *,.backdrop,.backdrop *{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.touch-scroll-y,.touch-scroll-y *,.hud .touch-scroll-y,.hud .touch-scroll-y *,.scrim .touch-scroll-y,.scrim .touch-scroll-y *,.modal .touch-scroll-y,.modal .touch-scroll-y *,.backdrop .touch-scroll-y,.backdrop .touch-scroll-y *{touch-action:pan-y}.touch-scroll-y{-webkit-overflow-scrolling:touch}.lobby{background-color:var(--bg);background-image:var(--bg-accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100dvh;color:var(--text);--bg:#162019;--bg-accent:radial-gradient(120% 80% at 50% -10%, #00c8e838 0%, transparent 58%), radial-gradient(70% 50% at 100% 90%, #2e784859 0%, transparent 50%);--surface:#243529f0;--surface-sunken:#1e2e24;--border:#a8e6cf1f;--border-strong:#a8e6cf38;--text:#eef8f0;--text-muted:#b8d4be;--text-faint:#8aa892;--accent:#ffc42e;--accent-hover:#ffd04a;--accent-soft:#ffc42e24;--accent-text:#2a1d12;--success:#6fd87a;--success-soft:#2f9a4a2e;--warning:#efb463;--warning-soft:#c878102e;--danger:#f08070;--danger-soft:#c44a3a2e;--ring:#00c8e86b;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 2px 8px #0000004d, 0 18px 36px -20px #000000a6;background-repeat:no-repeat;background-attachment:fixed}.lobby .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lobby .muted{color:var(--text-muted)}.lobby .faint{color:var(--text-faint)}.lobby .btn{box-shadow:0 2px #3a24151f}.lobby .btn.secondary{box-shadow:none}.lobby .badge.accent{background:color-mix(in srgb, #00c8e8 16%, var(--surface));color:#7fdcef;border-color:#00c8e847}.grass{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#def2d0f0;--surface-sunken:#96c37d66;--border:#4e8a5e38;--border-strong:#4e8a5e6b;--text:#1f3d2e;--text-muted:#3d5c42;--text-faint:#28462d8c;--accent:#6fae4e;--accent-hover:#7ec04a;--accent-text:#14301a;--accent-soft:#6fae4e33;--danger:#c0564a;--danger-soft:#c0564a24;--heading:#2d6b38;--sheet:#def2d0;--rail:#3c6e321f;--scrim:#1e281980}