:root{color-scheme:dark;--bg-0: #0f1624;--bg-1: #1a2238;--bg-2: #101723;--surface: #1f273a;--surface-2: #27334d;--text: #edf3ff;--muted: #b7c4dd;--accent: #4fb9ff;--accent-2: #ff8d6c;--ok: #58d68d;--danger: #ff6e7a;font-family:Avenir Next,Segoe UI,Gill Sans,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 10%,#24345b 0%,transparent 32%),radial-gradient(circle at 86% 18%,#2c4466 0%,transparent 38%),linear-gradient(150deg,var(--bg-0),var(--bg-1) 45%,var(--bg-2))}input,select,textarea,button{font:inherit}.app-shell{max-width:1280px;margin:0 auto;padding:18px;display:grid;gap:16px}.panel{background:linear-gradient(160deg,#1f2739cc,#1a2438d1);border:1px solid #39517a80;border-radius:14px;padding:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel h1,.panel h2,.panel h3{margin:0 0 8px;letter-spacing:.3px}.hero h1{font-size:clamp(1.8rem,2.6vw,2.8rem)}label{display:grid;gap:6px;color:var(--muted);margin-bottom:10px}input,select,textarea{background:#121a2a;color:var(--text);border:1px solid #3a4a70;border-radius:8px;padding:10px 12px}textarea{resize:vertical}button{border:0;background:linear-gradient(120deg,var(--accent),#2f82db);color:#05101f;border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}.row-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.grid-two{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.player-list{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.player-chip{background:#152036;border:1px solid #3c4d76;border-radius:10px;padding:8px;display:grid;gap:4px}.online{color:var(--ok);font-size:.85rem}.offline{color:var(--danger);font-size:.85rem}.hint{color:var(--muted);font-size:.9rem}.winner h2{color:#ffdb90}.board-shell{width:100%;overflow:auto;border-radius:10px;border:1px solid #4f6492;background:#0f1730}.board-svg{width:100%;min-height:360px;display:block}.hex.selectable{cursor:pointer}.hex.selectable:hover{filter:brightness(1.1)}.board-text{fill:#0f1728;font-weight:700}.board-text.small{font-size:9px}.board-text.tiny{fill:#f6f7ff;font-size:7px;letter-spacing:.2px}.board-legend{border-top:1px solid #30466f;padding:8px 10px;font-size:.9rem;color:var(--muted)}.coord-grid{display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));max-height:230px;overflow:auto;padding:6px;background:#121d33;border:1px solid #3a4b73;border-radius:10px}.coord-btn{background:#1f2d48;color:#dbe7ff;font-weight:600;border:1px solid #4f6492}.card-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.card{padding:10px;border-radius:10px;border:1px solid #4d5f8e;background:#17223a}.clue-log{display:grid;gap:8px}.clue{border:1px solid #3c4d73;border-radius:10px;padding:8px;background:#151f34}.clue header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.suggestion-doc{border:1px solid #3f4f76;border-radius:10px;padding:10px;margin-bottom:10px;background:#142035}.suggestion-doc header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}.suggestion-row{border-top:1px solid #2f4167;margin-top:8px;padding-top:8px}.status,.error{padding:10px;border-radius:8px;font-weight:600}.status{background:#10362f;color:#8ff8d0;border:1px solid #2d775d}.error{background:#421b2a;color:#ffc2ce;border:1px solid #9f4963}.sticky{position:sticky;bottom:8px}.checkbox{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.app-shell{padding:12px}.topbar{flex-direction:column;align-items:flex-start}}