:root{font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;color:#f6f3eb;background-color:#161321;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #161321;--panel: #211d30;--panel-border: #352f4b;--accent: #f59e0b;--accent-strong: #fbbf24;--muted: #a39bb8;--text: #f6f3eb}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100svh;overflow-x:hidden;overscroll-behavior:none;background:radial-gradient(circle at 50% 12%,#292240,#161321 68%);color:var(--text);touch-action:manipulation;user-select:none;-webkit-user-select:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button[hidden],[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.app{width:min(100%,440px);margin:0 auto;min-height:100svh;padding:max(12px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;gap:10px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.eyebrow{margin:0;font-size:9px;font-weight:800;letter-spacing:1.4px;color:var(--accent-strong)}h1{margin:2px 0 0;font-size:clamp(22px,6vw,28px);font-weight:800;letter-spacing:-.6px}.hud{display:flex;align-items:center;gap:8px}.stat-box{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:5px 10px;min-width:64px;text-align:center}.stat-label{display:block;font-size:9px;font-weight:700;letter-spacing:1px;color:var(--muted)}.stat-box strong{display:block;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.btn{border-radius:10px;border:1px solid transparent;padding:9px 12px;font-size:12px;font-weight:700;transition:transform .1s ease,background-color .15s ease}.btn:active:not(:disabled){transform:scale(.97)}.btn-outline{background:var(--panel);border-color:var(--panel-border);color:var(--text)}.btn-outline:hover:not(:disabled){border-color:var(--accent)}.btn-primary{background:var(--accent);color:#191306;font-weight:800}.btn-accent{background:#2b2440;border-color:var(--accent);color:var(--accent-strong)}.btn-small{padding:6px 11px;font-size:11px;background:#2c2642;border:1px solid #483e68;color:var(--text)}.status-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#211d30c7;border:1px solid var(--panel-border);border-radius:10px;padding:7px 11px;font-size:12px;color:#dcd6ec}.peak-badge{font-size:10px;font-weight:800;letter-spacing:.8px;color:var(--accent-strong);background:#f59e0b24;border:1px solid rgba(245,158,11,.35);padding:3px 8px;border-radius:999px;white-space:nowrap}.board-section{position:relative;display:flex;align-items:center;justify-content:center}.board{width:100%;max-width:380px;aspect-ratio:1 / .94;background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:6px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 12px #00000061,0 10px 24px #0000004d;touch-action:manipulation}.board svg{width:100%;height:100%;display:block;overflow:visible}.hex-cell{cursor:pointer;transition:opacity .12s ease}.hex-cell polygon{stroke-width:2.2;transition:fill .14s ease,stroke .14s ease}.hex-cell.empty polygon{fill:#2c2740;stroke:#413a5c}.hex-cell.valid-anchor polygon{fill:#332e4d;stroke:#fbbf24;stroke-dasharray:4 2}.hex-cell.preview-target polygon{fill:#fbbf2447;stroke:#fbbf24;stroke-width:3}.hex-cell text{font-weight:800;font-size:16px;text-anchor:middle;dominant-baseline:central;pointer-events:none;fill:#fff}.overlay-card{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:#161321f2;border:1px solid var(--accent);border-radius:16px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:4;box-shadow:0 16px 40px #000000a6}.overlay-eyebrow{margin:0 0 4px;font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--accent-strong)}.overlay-card h2{margin:0 0 8px;font-size:24px}.overlay-summary{margin:0 0 10px;font-size:14px;color:var(--muted)}.reward-status{margin:0 0 10px;font-size:12px;color:var(--accent-strong);min-height:16px}.overlay-actions{display:flex;flex-direction:column;gap:8px;width:min(100%,260px)}.tray-section{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:10px 12px}.tray-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tray-title{font-size:10px;font-weight:800;letter-spacing:1.3px;color:var(--muted)}.piece-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.piece-slot{background:#191625;border:2px solid #332d4a;border-radius:12px;height:92px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.piece-slot.selected{border-color:var(--accent-strong);background:#252038;box-shadow:0 0 0 2px #fbbf2433}.piece-slot.unplayable{opacity:.42}.piece-slot svg{width:100%;height:76px;overflow:visible}.piece-kind-tag{font-size:9px;font-weight:700;color:var(--muted)}.footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);padding-top:2px}.footer a{color:var(--accent-strong);text-decoration:none}.noscript{margin:16px;padding:12px;background:#33291a;color:#fde68a;border-radius:8px}