:root{--sea: #163f73;--sea-deep: #0d2a4f;--parchment: #f4e4c1;--ink: #2a1c0e;--red: #c62828;--gold: #d4a017;font-family:Palatino Linotype,Palatino,Book Antiqua,Georgia,serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--sea-deep);color:var(--parchment)}button,input,select{font:inherit;min-height:44px;border-radius:8px;border:1px solid #8a6a32;background:linear-gradient(#fff4d6,#e8c98a);color:var(--ink);padding:.35rem .75rem}button:disabled{opacity:.45}h1{letter-spacing:.28em;margin:0;font-size:2.2rem}.disclaimer{font-size:.75rem;opacity:.75;max-width:42rem}.home,.lobby,.game{min-height:100%;padding:1rem}.home{display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#2b6cb0 0,transparent 40%),radial-gradient(circle at 80% 80%,#1b4f8a 0,transparent 45%),var(--sea-deep)}.card{background:#3a2412;border:8px solid #c9a227;box-shadow:0 12px 40px #0008;padding:1.5rem;border-radius:4px;max-width:28rem;width:100%}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.game{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);grid-template-rows:auto 1fr auto;gap:.6rem;height:100%}.topbar,.hand,.side{background:#2b1a0cdd;border:2px solid #c9a227;padding:.6rem}.board-wrap{grid-row:2;overflow:auto;touch-action:pan-x pan-y pinch-zoom;background:#0e3a6b;border:3px solid #d4a017;position:relative}.side{grid-column:2;grid-row:1 / span 3;overflow:auto}.hand,.topbar{grid-column:1}.log{font-size:.85rem;max-height:9rem;overflow:auto}.res{display:inline-flex;align-items:center;gap:.25rem;margin-right:.4rem}.prompt{position:absolute;left:50%;top:8px;transform:translate(-50%);background:#fff4d6;color:#2a1c0e;padding:.5rem .8rem;border-radius:8px;z-index:2;font-weight:700}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.ok{background:#3ddc84}.warn{background:#ffb020}.err{background:#e53935}.piece-settlement,.piece-city{pointer-events:none}@media(max-width:900px){.game{grid-template-columns:1fr;grid-template-rows:auto minmax(46vh,1fr) auto auto}.side{grid-column:1;grid-row:auto;max-height:36vh}}.legal-v{fill:#ffe082aa;stroke:#ff6f00;cursor:pointer}.legal-e{stroke:#ffe082;cursor:pointer}.muted{opacity:.8;font-size:.85rem}