:root{color-scheme:dark;--bg:#0d1114;--panel:#161c21;--panel2:#1d252b;--line:#2c373f;--text:#f2f0e9;--muted:#99a5ad;--gold:#e7b95a;--teal:#63c8b7;--danger:#ef7e72;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,#183832 0,transparent 35%),var(--bg)}a{color:var(--teal)}button,input,select{font:inherit}button{border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:.7rem 1rem;cursor:pointer}button:hover{border-color:var(--teal)}button.primary{background:var(--gold);border-color:var(--gold);color:#18130b;font-weight:800}.quiet{background:transparent}.icon-button{padding:.2rem .55rem;font-size:1.3rem}.topbar{height:68px;display:flex;align-items:center;padding:0 max(1.2rem,calc((100vw - 1400px)/2));border-bottom:1px solid #ffffff10}.brand{text-decoration:none;color:var(--text);font-weight:800;letter-spacing:.04em}.brand-mark{color:var(--gold)}main{max-width:1400px;margin:auto;padding:2rem 1.2rem 7rem}.hero{max-width:1000px;margin:5vh auto}.hero h1{font-size:clamp(3rem,8vw,6.8rem);letter-spacing:-.06em;line-height:.92;margin:.25em 0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:.72rem;font-weight:800}.lede{font-size:1.2rem;max-width:630px;color:var(--muted);line-height:1.6}.home-grid,.lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.panel{background:linear-gradient(145deg,var(--panel),#11171b);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;box-shadow:0 20px 50px #0003}.panel h1,.panel h2,.panel h3{margin-top:0}.narrow{max-width:520px;margin:8vh auto}.fine-print,.muted,small{color:var(--muted);font-size:.85rem}.alert{background:#4a201d;border:1px solid var(--danger);border-radius:12px;padding:.9rem 1rem;white-space:pre-line}.floating{position:sticky;top:1rem;z-index:10}label{display:grid;gap:.4rem;color:var(--muted);font-size:.85rem;margin-bottom:1rem}input,select{width:100%;background:#0e1418;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:.7rem}.room-header,.section-heading,.status-strip,.start-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.room-header h1{font-size:2.4rem;letter-spacing:.16em;margin:.1rem 0 1rem}.room-header p{margin:0}.lobby-grid .rules-panel{grid-column:1/-1}.seat-list{list-style:none;margin:0 0 1rem;padding:0}.seat-list li{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.7rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.seat-list small{display:block}.seat-number{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:1.8rem;height:1.8rem}.inline-form{display:flex;gap:.5rem}.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.toggle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.toggle{display:flex;align-items:center;gap:.5rem;background:#0e1418;border:1px solid var(--line);padding:.7rem;border-radius:10px}.toggle input{width:auto;margin:0}.advanced{grid-template-columns:repeat(3,1fr);margin:1rem 0}.success{color:var(--teal)}.start-bar{position:sticky;bottom:1rem;background:#17211fdd;backdrop-filter:blur(16px);border:1px solid #35665e;border-radius:15px;padding:1rem;margin-top:1rem;z-index:5}.status-strip{border-block:1px solid var(--line);padding:1rem 0;margin-bottom:1rem}.game-layout{display:grid;grid-template-columns:190px 1fr;gap:1rem}.compact{padding:1rem}.resource-row{display:grid;grid-template-columns:1rem 1fr auto;gap:.5rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.resource-dot{width:.7rem;height:.7rem;margin-top:.3rem;background:var(--gold);transform:rotate(45deg)}.market{display:grid;gap:1rem}.market-row{background:#11171baa;border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.tier-label{display:flex;justify-content:space-between;margin-bottom:.8rem;color:var(--muted)}.card-row{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:.7rem}.game-card{min-height:170px;padding:.9rem;border-radius:14px;background:linear-gradient(145deg,#273138,#171e23);border:1px solid #3d4a52}.game-card h3{margin:1.2rem 0 .3rem}.game-card p{color:var(--muted);font-size:.75rem}.card-top{display:flex;justify-content:space-between;font-weight:900;color:var(--gold)}.cost{display:flex;gap:.3rem;flex-wrap:wrap}.cost span,.token-line span{font-size:.7rem;background:#0d1215;border:1px solid var(--line);border-radius:999px;padding:.25rem .45rem}.players-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1rem 0}.player.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 20px 50px #0003}.token-line{display:flex;flex-wrap:wrap;gap:.3rem}.action-dock{position:sticky;bottom:1rem;background:#151c21ee;backdrop-filter:blur(16px);border:1px solid var(--gold);border-radius:16px;padding:1rem;display:grid;grid-template-columns:170px 1fr;gap:1rem;z-index:4}.action-dock p{margin:0}.actions{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.2rem}.actions form{flex:none}.history{margin-top:1rem}.result{text-align:center;margin:1rem 0}.result h2{font-size:2.5rem}.htmx-request{opacity:.65;pointer-events:none}@media(max-width:900px){.home-grid,.lobby-grid,.game-layout{grid-template-columns:1fr}.settings-grid,.toggle-grid,.advanced{grid-template-columns:repeat(2,1fr)}.card-row{display:flex;overflow-x:auto}.game-card{min-width:170px}.players-grid{grid-template-columns:repeat(2,1fr)}.action-dock{grid-template-columns:1fr}}@media(max-width:540px){main{padding-inline:.75rem}.hero{margin-top:2vh}.home-grid,.players-grid,.settings-grid,.toggle-grid,.advanced{grid-template-columns:1fr}.room-header{align-items:flex-start}.start-bar{align-items:flex-start;flex-direction:column}.start-bar button{width:100%}}