:root{color-scheme:dark;--ink-900: #0a151c;--ink-800: #0e1b24;--ink-700: #142733;--ink-600: #1c3543;--fog-300: #a9bcc4;--fog-100: #e4ecef;--brass-500: #c08a3e;--brass-300: #e0b268;--storm-500: #2e6f6a;--storm-300: #3e8f84;--amber-500: #f0a32c;--amber-200: #ffe3a8;--coral-500: #b5615c;--bg: var(--ink-900);--surface: color-mix(in oklab, var(--ink-800) 88%, black);--surface-2: var(--ink-700);--text: var(--fog-100);--text-dim: var(--fog-300);--line: color-mix(in oklab, var(--fog-300) 22%, transparent);--accent: var(--brass-300);--focus: var(--amber-500);--radius: 14px;--radius-sm: 9px;--shadow: 0 18px 40px -24px rgb(0 0 0 / .85);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif}[data-theme=light]{color-scheme:light;--bg: #eceff1;--surface: #ffffff;--surface-2: #dde5e9;--text: #0d1f29;--text-dim: #445a66;--line: color-mix(in oklab, #0d1f29 18%, transparent);--accent: #8a5f27;--focus: #9a5b00;--shadow: 0 16px 32px -26px rgb(16 34 44 / .45)}[data-theme=light] .board-wrap{background:linear-gradient(180deg,#cfdade,transparent)}[data-theme=light] .win-banner{background:color-mix(in oklab,#ffffff 92%,transparent)}[data-theme=light] .win-banner-amount,[data-theme=light] .meter-value,[data-theme=light] .board-mult{color:#7a4a12}[data-theme=light] .tide-arrow{color:#1f5b56}[data-theme=light] .progress{background:color-mix(in oklab,#0d1f29 10%,transparent)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%}body{background:radial-gradient(120% 80% at 50% -10%,color-mix(in oklab,var(--storm-500) 22%,transparent),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:where(button,select,a,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.app{display:grid;grid-template-rows:auto 1fr auto auto;gap:clamp(10px,1.6vw,20px);max-width:1180px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:clamp(12px,2vw,24px);padding-bottom:max(clamp(12px,2vw,24px),env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:700;letter-spacing:-.01em;margin:0}.brand-sub{margin:0;font-size:.8125rem;color:var(--text-dim)}.topbar-right{display:flex;align-items:center;gap:12px}.stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.stat-label{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.stat-value{font-family:var(--font-display);font-size:1.25rem;font-variant-numeric:tabular-nums}.stat-value.rising{color:var(--amber-200);transition:color .2s ease}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);font-size:1.1rem;cursor:pointer}.icon-button:hover{border-color:var(--accent)}.stage{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:clamp(10px,1.6vw,20px);align-items:start}.board-wrap{position:relative;display:grid;place-items:center;min-height:320px;padding:clamp(6px,1vw,14px);background:linear-gradient(180deg,color-mix(in oklab,var(--ink-700) 70%,transparent),transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.board-mount{display:grid;place-items:center;width:100%}.board-mount canvas{display:block;max-width:100%;height:auto;border-radius:var(--radius-sm)}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:color-mix(in oklab,var(--ink-900) 78%,transparent);backdrop-filter:blur(3px);border-radius:var(--radius);z-index:3}.overlay-card{max-width:340px;text-align:center}.overlay-title{font-family:var(--font-display);font-size:1.3rem;margin:0 0 6px}.overlay-text{margin:0 0 14px;color:var(--text-dim)}.win-banner{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:baseline;gap:10px;padding:8px 18px;border:1px solid color-mix(in oklab,var(--brass-500) 60%,transparent);border-radius:999px;background:color-mix(in oklab,var(--ink-900) 85%,transparent);z-index:2}.win-banner-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.win-banner-amount{font-family:var(--font-display);font-size:1.5rem;font-variant-numeric:tabular-nums;color:var(--amber-200)}.win-banner.max-win{border-color:var(--amber-500);box-shadow:0 0 0 3px color-mix(in oklab,var(--amber-500) 30%,transparent)}.side{display:grid;gap:10px}.panel{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel-title{margin:0 0 10px;font-family:var(--font-body);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.tide-dial{display:grid;place-items:center;width:88px;height:88px;margin:0 auto 10px;border:2px solid color-mix(in oklab,var(--storm-300) 55%,transparent);border-radius:50%;background:radial-gradient(circle at 50% 40%,color-mix(in oklab,var(--storm-500) 40%,transparent),transparent 70%)}.tide-arrow{font-size:2rem;line-height:1;color:var(--storm-300);transition:transform .25s ease,color .25s ease}.tide-dial.active .tide-arrow{color:var(--amber-200);transform:scale(1.15)}.tide-caption{margin:0;font-size:.75rem;color:var(--text-dim);text-align:center}.meter{display:grid;gap:4px}.meter-value{font-family:var(--font-display);font-size:2rem;font-variant-numeric:tabular-nums;color:var(--amber-200)}.meter-value.bumped{animation:bump .32s ease}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.meter-note,.feature-note{font-size:.75rem;color:var(--text-dim)}.feature-line{margin:0 0 4px;font-family:var(--font-display);font-size:1.25rem}.log-panel{max-height:220px;overflow:auto}.log{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:.8125rem}.log li{display:flex;justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:1px dashed var(--line);color:var(--text-dim)}.log li:last-child{border-bottom:0}.log li strong{color:var(--text);font-variant-numeric:tabular-nums}.log li.win strong{color:var(--amber-200)}.log-empty{color:var(--text-dim);font-style:italic}.controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.control-group{display:grid;gap:4px}.control-label{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.select{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-family:var(--font-body);font-size:1rem;font-variant-numeric:tabular-nums}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s ease,background-color .2s ease,border-color .2s ease}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{flex:1 1 180px;background:linear-gradient(180deg,var(--brass-300),var(--brass-500));color:#1a1206;font-size:1.0625rem;letter-spacing:.01em}.button.primary:hover:not(:disabled){background:linear-gradient(180deg,#f0c883,var(--brass-500))}.button.secondary{flex-direction:column;gap:0;background:transparent;border-color:color-mix(in oklab,var(--brass-500) 70%,transparent);color:var(--text)}.button.secondary small{font-size:.6875rem;font-weight:400;color:var(--text-dim)}.button.secondary:hover:not(:disabled){border-color:var(--brass-300);background:color-mix(in oklab,var(--brass-500) 12%,transparent)}.button.ghost{min-height:40px;padding:0 14px;background:transparent;border-color:var(--line);color:var(--text-dim);font-size:.875rem}.button.ghost[aria-pressed=true],.button.ghost[aria-expanded=true]{border-color:var(--accent);color:var(--text)}.toggle-group{display:flex;gap:8px}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.rule-card{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:8px;background:var(--surface-2);border-radius:var(--radius-sm)}.rule-card img{width:40px;height:40px}.rule-card h3{margin:0;font-family:var(--font-body);font-size:.8125rem;font-weight:600}.rule-card p{margin:0;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text-dim)}.rules-note{grid-column:1 / -1;margin:0;font-size:.8125rem;color:var(--text-dim)}.fps{margin:0;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text-dim);text-align:right}@media(max-width:900px){.stage{grid-template-columns:minmax(0,1fr)}.side{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.log-panel{grid-column:1 / -1;max-height:160px}}@media(max-width:560px){.controls{display:grid;grid-template-columns:1fr 1fr}.button.primary{grid-column:1 / -1;order:-1}.toggle-group{grid-column:1 / -1}.tide-dial{width:64px;height:64px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.brand-mark{filter:drop-shadow(0 2px 8px color-mix(in oklab,var(--amber-500) 45%,transparent))}.chip{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:44px;padding:var(--space-1) var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;line-height:1.25}.chip:hover{border-color:var(--accent)}.chip-label{font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.chip-value{font-family:var(--font-display);font-size:1rem}.chip.has-claim{border-color:var(--amber-500);box-shadow:0 0 0 2px color-mix(in oklab,var(--amber-500) 22%,transparent)}.icon-row{display:flex;gap:var(--space-2)}.icon-button[aria-pressed=true] .icon-glyph{color:var(--accent)}.icon-glyph.muted{opacity:.45;text-decoration:line-through}.button-hint{font-size:.625rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.scrim{position:fixed;inset:0;background:color-mix(in oklab,var(--ink-900) 62%,transparent);backdrop-filter:blur(2px);z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);box-shadow:-24px 0 60px -30px #000000b3;z-index:50;overflow:hidden;animation:slide-in .22s ease}@keyframes slide-in{0%{transform:translate(18px);opacity:.6}to{transform:translate(0);opacity:1}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--line)}.drawer-head h2{margin:0;font-family:var(--font-display);font-size:1.375rem;font-weight:700}.drawer-sub{margin:2px 0 0;font-size:.8125rem;color:var(--text-dim)}.drawer-state,.drawer-body{padding:var(--space-4);overflow-y:auto;overscroll-behavior:contain}.drawer-body{display:grid;gap:var(--space-5);padding-bottom:max(var(--space-5),env(safe-area-inset-bottom))}.drawer-section{display:grid;gap:var(--space-3)}.section-title{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.005em}.level-row{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:center;padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius)}.level-badge{display:grid;place-items:center;width:74px;height:74px;border:2px solid color-mix(in oklab,var(--brass-500) 70%,transparent);border-radius:50%;background:radial-gradient(circle at 50% 35%,color-mix(in oklab,var(--amber-500) 26%,transparent),transparent 72%)}.level-label{font-size:.5625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.level-badge strong{font-family:var(--font-display);font-size:1.75rem;line-height:1}.level-meta{display:grid;gap:var(--space-2)}.level-beam{margin:0;font-size:.8125rem;color:var(--text-dim)}.level-beam strong{color:var(--text);text-transform:capitalize}.progress{position:relative;height:8px;background:color-mix(in oklab,var(--ink-900) 45%,transparent);border:1px solid var(--line);border-radius:999px;overflow:hidden}.progress.tall{height:12px}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--brass-500),var(--amber-500));border-radius:inherit;transition:width .45s ease}.missions{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.mission{display:grid;gap:var(--space-2);padding:var(--space-3);background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius)}.mission.ready{border-color:var(--amber-500);background:color-mix(in oklab,var(--amber-500) 10%,var(--surface-2))}.mission.claimed{opacity:.62}.mission-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.mission-head h4{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:600}.mission-reward{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.mission-detail{margin:0;font-size:.8125rem;color:var(--text-dim)}.mission-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:32px}.mission-count{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--text-dim)}.mission-done{font-size:.75rem;color:var(--storm-300)}.button.small{min-height:34px;padding:0 var(--space-3);font-size:.8125rem}.segmented{display:inline-flex;padding:3px;background:var(--surface-2);border-radius:999px}.segmented button{min-height:32px;padding:0 var(--space-3);border:0;border-radius:999px;background:transparent;color:var(--text-dim);font-family:var(--font-body);font-size:.8125rem;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000040}.board{display:grid;gap:2px;margin:0;padding:0;list-style:none}.board-row{display:grid;grid-template-columns:34px 1fr auto;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.875rem}.board-row:nth-child(odd){background:color-mix(in oklab,var(--surface-2) 55%,transparent)}.board-row.me{background:color-mix(in oklab,var(--brass-500) 16%,transparent);outline:1px solid color-mix(in oklab,var(--brass-500) 45%,transparent)}.board-rank{font-variant-numeric:tabular-nums;color:var(--text-dim)}.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-mult{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent)}.collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2)}.collect-card{display:grid;grid-template-columns:28px 1fr;gap:var(--space-2);align-items:center;padding:var(--space-2);background:var(--surface-2);border-radius:var(--radius-sm)}.collect-card strong{display:block;font-size:.8125rem}.collect-count{font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--text-dim)}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--space-2)}.stat-tile{display:grid;gap:2px;padding:var(--space-2) var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm)}.stat-tile span{font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.stat-tile strong{font-family:var(--font-display);font-size:1.0625rem;font-variant-numeric:tabular-nums}.skeleton-stack{display:grid;gap:var(--space-3)}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-2) 0%,color-mix(in oklab,var(--surface-2) 60%,var(--fog-300)) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1.0625rem}.muted-note{margin:0;font-size:.8125rem;color:var(--text-dim)}.drawer-state{display:grid;gap:var(--space-3);align-content:start}.intro{position:fixed;inset:0;display:grid;place-items:center;padding:var(--space-4);background:radial-gradient(90% 60% at 50% 0%,color-mix(in oklab,var(--storm-500) 30%,transparent),transparent 70%),color-mix(in oklab,var(--ink-900) 88%,transparent);backdrop-filter:blur(4px);z-index:60;overflow-y:auto}.intro-card{width:min(620px,100%);padding:clamp(var(--space-4),3vw,var(--space-6));background:var(--surface);border:1px solid color-mix(in oklab,var(--brass-500) 40%,transparent);border-radius:var(--radius);box-shadow:var(--shadow)}.intro-eyebrow{margin:0 0 var(--space-1);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.intro-card h2{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:clamp(1.4rem,3.4vw,1.9rem);font-weight:700;line-height:1.15;letter-spacing:-.015em}.intro-steps{display:grid;gap:var(--space-3);margin:0 0 var(--space-4);padding:0;list-style:none;counter-reset:step}.intro-steps li{display:grid;grid-template-columns:40px 1fr;gap:var(--space-3);align-items:start}.intro-steps h3{margin:0 0 2px;font-family:var(--font-body);font-size:.9375rem;font-weight:600}.intro-steps p{margin:0;font-size:.875rem;color:var(--text-dim)}.intro-ledger{margin:0 0 var(--space-4);padding:var(--space-3);background:var(--surface-2);border-left:3px solid var(--brass-500);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.875rem;color:var(--text-dim)}.intro-ledger strong{color:var(--text)}.intro-actions{display:grid;gap:var(--space-2);justify-items:start}@media(max-width:720px){.topbar{flex-wrap:wrap;gap:var(--space-2)}.brand h1{font-size:1.125rem}.brand-sub{font-size:.75rem}.topbar-right{width:100%;justify-content:space-between}.drawer{width:100vw;border-left:0}.side{grid-template-columns:repeat(2,minmax(0,1fr))}.tide-panel,.feature-panel{grid-column:span 1}.intro-card{padding:var(--space-4)}.intro-steps li{grid-template-columns:32px 1fr}.intro-steps img{width:32px;height:32px}}@media(max-width:560px){.app{gap:var(--space-2);padding:var(--space-2);padding-bottom:calc(96px + env(safe-area-inset-bottom))}.controls{position:fixed;left:0;right:0;bottom:0;z-index:30;border-radius:0;border-left:0;border-right:0;border-bottom:0;padding:var(--space-2) var(--space-3) max(var(--space-2),env(safe-area-inset-bottom));background:color-mix(in oklab,var(--surface) 96%,transparent);backdrop-filter:blur(8px)}.control-group:has(#bet){grid-column:span 1}.toggle-group{display:grid;grid-template-columns:repeat(3,1fr)}.log-panel{max-height:132px}.stat-value{font-size:1.0625rem}}