:root{--bg: #0b1220;--panel: #152238;--gold: #d4af37;--gold-dim: #8a7024;--ink: #f4e7c5;--muted: #9aa8bd;--red: #c0392b;--green: #27ae60;--line: #2c3e5a;font-family:Segoe UI,Cinzel,Georgia,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--bg);color:var(--ink)}button,input{font:inherit}button{background:linear-gradient(#3d2f12,#1f180a);color:var(--gold);border:1px solid var(--gold);padding:.45rem .9rem;border-radius:6px;cursor:pointer}button:hover{filter:brightness(1.15)}button.primary{background:linear-gradient(#8a6a1a,#3d2f12);color:#fff8dc}button:disabled{opacity:.45;cursor:default}input{background:#0e1728;border:1px solid var(--gold-dim);color:var(--ink);padding:.45rem .7rem;border-radius:6px}.lobby{min-height:100%;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#1d2d4a 0,transparent 40%),radial-gradient(circle at 80% 90%,#3d2a10 0,transparent 35%),var(--bg)}.lobby-card{width:min(520px,92vw);background:var(--panel);border:2px solid var(--gold);border-radius:12px;padding:2rem;box-shadow:0 20px 60px #0008}.lobby h1{margin:0 0 .3rem;letter-spacing:.08em;color:var(--gold)}.lobby p{color:var(--muted)}.row{display:flex;gap:.6rem;flex-wrap:wrap;margin:.8rem 0}.seats{display:grid;gap:.4rem;margin:1rem 0}.seat{padding:.4rem .6rem;border:1px solid var(--line);border-radius:6px}.table{height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr 280px;grid-template-areas:"top top" "board rail" "bottom rail";gap:8px;padding:8px}.top{grid-area:top;display:flex;justify-content:space-between;align-items:center;gap:8px}.board{grid-area:board;overflow:auto}.bottom{grid-area:bottom}.rail{grid-area:rail;background:var(--panel);border:1px solid var(--gold-dim);border-radius:8px;padding:10px;overflow:auto}.opponents{display:flex;gap:8px;flex:1}.opp{min-width:140px;background:#101a2c;border:1px solid var(--line);border-radius:8px;padding:6px 8px;cursor:pointer}.opp.active{border-color:var(--gold)}.phase{color:var(--gold);font-weight:700;letter-spacing:.06em}.lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:320px}.lane{background:#101827 center/cover;border:1px solid var(--gold-dim);border-radius:10px;padding:8px;min-height:300px}.lane.ionia{background-image:linear-gradient(#1b0b3a99,#101827cc)}.lane.noxus{background-image:linear-gradient(#3a0b0b99,#101827cc)}.lane.freljord{background-image:linear-gradient(#0b203a99,#101827cc)}.lane h3{margin:0 0 6px;text-align:center;color:var(--gold);font-size:.95rem}.hexes{display:grid;gap:8px}.hex{min-height:96px;border:1px dashed var(--gold-dim);border-radius:8px;display:grid;place-items:center;background:#0006}.hex.open{border-style:solid}.hex.locked{opacity:.45}.shop,.bank{display:flex;gap:8px;overflow-x:auto;padding:6px 0}.stat{display:flex;justify-content:space-between;margin:.35rem 0}.traits{display:flex;flex-wrap:wrap;gap:4px}.trait{font-size:.75rem;padding:2px 6px;border-radius:999px;background:#0006;border:1px solid currentColor}.log{font-size:.8rem;color:var(--muted);max-height:140px;overflow:auto}.card{width:110px;height:154px;border-radius:8px;border:2px solid #c9a227;background:#1a1408;position:relative;overflow:hidden;cursor:pointer;flex:0 0 auto;box-shadow:0 4px 10px #0008}.card img{width:100%;height:100%;object-fit:cover}.card .meta{position:absolute;inset:auto 0 0 0;background:#000a;padding:3px 4px;font-size:.7rem}.card .stars{position:absolute;top:4px;right:4px;color:var(--gold)}.card.selected{outline:2px solid #fff}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;z-index:20}.modal{background:var(--panel);border:2px solid var(--gold);border-radius:12px;padding:1.2rem;width:min(860px,94vw);max-height:88vh;overflow:auto}.choices{display:flex;flex-wrap:wrap;gap:8px}.combat{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}.init{width:180px;font-size:.85rem}.init .now{color:var(--gold)}.hpbar{height:8px;background:#3d0f0f;border-radius:99px;overflow:hidden}.hpbar>span{display:block;height:100%;background:var(--red)}