@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--void:#04060b;--surface-0:#080c14;--surface-1:#0d1420;--surface-2:#131c2b;--surface-3:#1b2637;--surface-inset:#060911;--line-1:#22334a;--line-2:#2e4560;--line-3:#3d5a7d;--fg-1:#e8f6ff;--fg-2:#9fb4cc;--fg-3:#64798f;--fg-4:#3f5266;--cyan:#00e5ff;--cyan-bright:#7df6ff;--cyan-deep:#0a8fa8;--cyan-ink:#04303a;--magenta:#ff2e97;--magenta-bright:#ff7ac0;--magenta-deep:#a3175f;--magenta-ink:#3a0524;--violet:#8a5bff;--violet-deep:#553299;--lime:#7cff4f;--lime-deep:#3fa128;--amber:#ffb020;--amber-deep:#a06a08;--jade:#00ffc2;--jade-deep:#0a9e7a;--red:#ff3b54;--red-deep:#a01223;--fog-0:#06091100;--fog-1:#0609118c;--fog-2:#060911d1;--fog-3:#060911;--fog-cell:#0a1119;--text-primary:var(--fg-1);--text-secondary:var(--fg-2);--text-muted:var(--fg-3);--text-disabled:var(--fg-4);--text-accent:var(--cyan);--text-rival:var(--magenta);--text-on-neon:var(--void);--text-link:var(--cyan);--text-link-hover:var(--cyan-bright);--bg-app:var(--void);--surface-card:var(--surface-1);--surface-card-raised:var(--surface-2);--surface-field:var(--surface-inset);--surface-overlay:#04060bc7;--surface-tile:var(--surface-2);--surface-wall:var(--surface-0);--border-default:var(--line-1);--border-strong:var(--line-2);--border-focus:var(--cyan);--border-neon:var(--cyan);--player-you:var(--cyan);--player-you-ink:var(--cyan-ink);--player-rival:var(--magenta);--player-rival-ink:var(--magenta-ink);--state-success:var(--lime);--state-warn:var(--amber);--state-danger:var(--red);--state-info:var(--cyan);--state-idle:var(--fg-3);--element-structure:var(--line-3);--element-monster:var(--violet);--element-trap:var(--red);--element-spell:var(--jade);--element-pickup:var(--amber);--face-front:#3dff9e;--face-right:#ff3b54;--face-back:#4d7cff;--face-left:#ff8a1f;--face-top:#ffe14d;--face-bottom:#e8f6ff;--maze-path:var(--surface-2);--maze-wall:var(--line-2);--maze-start:var(--lime);--maze-exit:var(--cyan);--maze-trap:var(--red);--maze-key:var(--amber);--maze-trail:var(--violet);--font-display:"Chakra Petch",system-ui,sans-serif;--font-body:"Space Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--size-display-xl:72px;--size-display-l:56px;--size-display-m:40px;--size-display-s:30px;--lh-display:1.02;--track-display:.02em;--size-title:22px;--size-heading:18px;--size-subheading:15px;--lh-heading:1.2;--track-label:.14em;--size-body-l:17px;--size-body:15px;--size-body-s:13px;--lh-body:1.55;--size-data-xl:44px;--size-data:15px;--size-data-s:12px;--track-data:.04em;--size-label:11px;--size-label-s:10px;--text-display-xl:var(--weight-bold) var(--size-display-xl)/var(--lh-display) var(--font-display);--text-display-l:var(--weight-bold) var(--size-display-l)/var(--lh-display) var(--font-display);--text-display-m:var(--weight-bold) var(--size-display-m)/var(--lh-display) var(--font-display);--text-display-s:var(--weight-semibold) var(--size-display-s)/1.1 var(--font-display);--text-title:var(--weight-semibold) var(--size-title)/var(--lh-heading) var(--font-display);--text-heading:var(--weight-semibold) var(--size-heading)/var(--lh-heading) var(--font-display);--text-body:var(--weight-regular) var(--size-body)/var(--lh-body) var(--font-body);--text-body-s:var(--weight-regular) var(--size-body-s)/1.5 var(--font-body);--text-label:var(--weight-semibold) var(--size-label)/1 var(--font-display);--text-data:var(--weight-medium) var(--size-data)/1.3 var(--font-mono);--text-data-xl:var(--weight-bold) var(--size-data-xl)/1 var(--font-mono);--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--gutter-screen:20px;--gutter-screen-wide:48px;--stack-tight:8px;--stack:16px;--stack-loose:32px;--section-gap:96px;--radius-none:0px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-pill:999px;--border-hairline:1px;--border-medium:2px;--border-heavy:3px;--control-h-sm:32px;--control-h:44px;--control-h-lg:56px;--tap-min:44px;--width-content:680px;--width-page:1200px;--glow-cyan-sm:0 0 0 1px #00e5ff80,0 0 12px #00e5ff47;--glow-cyan:0 0 0 1px #00e5ffa6,0 0 20px #00e5ff66,0 0 44px #00e5ff29;--glow-cyan-lg:0 0 0 1px #00e5ffcc,0 0 28px #00e5ff8c,0 0 80px #00e5ff38;--glow-magenta:0 0 0 1px #ff2e97a6,0 0 20px #ff2e976b,0 0 48px #ff2e972e;--glow-lime:0 0 0 1px #7cff4f99,0 0 18px #7cff4f61;--glow-amber:0 0 0 1px #ffb02099,0 0 18px #ffb02061;--glow-red:0 0 0 1px #ff3b54a6,0 0 20px #ff3b546b;--glow-text-cyan:0 0 10px #00e5ff8c;--glow-text-magenta:0 0 10px #ff2e978c;--elev-card:0 1px 0 #e8f6ff0a inset,0 8px 24px #00000080;--elev-overlay:0 24px 64px #000000b3;--inset-field:inset 0 1px 0 #0009,inset 0 0 0 1px #22334ae6;--ring-focus:0 0 0 2px var(--void),0 0 0 4px var(--cyan);--blur-overlay:blur(10px);--blur-fog:blur(6px);--scrim-top:linear-gradient(to bottom,#04060beb,#04060b00);--scrim-bottom:linear-gradient(to top,#04060bf0,#04060b00);--scrim-fog:radial-gradient(circle at 50% 50%,#06091100 34%,#060911b8 58%,#060911 76%);--dur-instant:80ms;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.4s;--dur-reveal:.7s;--ease-standard:cubic-bezier(.2,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-step:steps(6,end);--transition-control:background-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);--transition-fog:opacity var(--dur-reveal) var(--ease-out);--cell:20px;--cell-lg:32px;--cell-sm:12px;--grid-line:#2e45608c;--grid-line-faint:#2e456047;--grid-line-neon:#00e5ff29;--bg-grid:linear-gradient(var(--grid-line-faint) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-faint) 1px,transparent 1px);--bg-grid-size:var(--cell) var(--cell);--bg-grid-neon:linear-gradient(var(--grid-line-neon) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-neon) 1px,transparent 1px);--bg-horizon:radial-gradient(120% 80% at 50% 120%,#00e5ff29,#04060b00 62%);--bg-rival-horizon:radial-gradient(120% 80% at 50% -20%,#ff2e9724,#04060b00 62%)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-app);background-image:var(--bg-grid);background-size:var(--bg-grid-size);color:var(--text-primary);font:var(--text-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,select,textarea{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--ring-focus)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-inset)}::-webkit-scrollbar-thumb{background:var(--line-1);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--line-2)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}