:root{--ink:#17323a;--sea:#9dd6db;--deep:#287d8b;--foam:#eef9f6;--sand:#f5e5bd;--paper:#fffdf5;--coral:#db684f;--gold:#e8ad38;--line:#c8d9d2;--p1:#d55540;--p2:#287ea0;--p3:#e7a928;--p4:#658f58;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--foam)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#fff 0,transparent 32%),linear-gradient(135deg,#edf8f3,#cce8e6)}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:.7rem 1rem;font-weight:700}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #17323a18}.primary{background:var(--coral);border-color:var(--coral);color:#fff}.primary:disabled,button:disabled{opacity:.45;cursor:not-allowed;transform:none}header{height:66px;padding:0 clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;background:#fffdf5dc;border-bottom:1px solid #fff;backdrop-filter:blur(12px)}.brand{font-family:Georgia,serif;font-weight:900;letter-spacing:.08em;color:var(--ink);text-decoration:none;font-size:1.15rem}.brand span{color:var(--deep);font-size:.72em}.landing{min-height:calc(100vh - 66px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;padding:7vh 9vw}.hero h1{font:700 clamp(3.5rem,7vw,7.3rem)/.83 Georgia,serif;letter-spacing:-.055em;margin:.15em 0;color:#164957}.hero h1 em{color:var(--coral);font-weight:400}.hero>p:last-child{font-size:1.12rem;max-width:31rem;line-height:1.65}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:900;color:var(--deep)}.card,.lobby-copy{background:#fffdf5e8;border:1px solid #fff;border-radius:24px;box-shadow:0 20px 65px #17475220}.embark{padding:24px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:22px}.tabs button{border:0;background:transparent;border-radius:0;box-shadow:none;flex:1;color:#708285}.tabs button.active{color:var(--ink);border-bottom:3px solid var(--coral)}form label{display:flex;flex-direction:column;gap:7px;font-size:.78rem;font-weight:800;margin:15px 0}.row{display:grid;grid-template-columns:2fr 1fr;gap:12px}input,select{border:1px solid var(--line);border-radius:9px;background:white;padding:.8rem;color:var(--ink);min-width:0}form>.primary{width:100%;margin-top:10px}.error{color:#b7382e;min-height:1.3em}.lobby-copy{max-width:760px;margin:6vh auto;padding:clamp(24px,5vw,55px)}.lobby-copy h2{font:700 2.5rem Georgia;margin:.2em 0}.share{display:flex;gap:8px}.share input{flex:1}.seats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.seat{padding:15px;border:1px solid var(--line);border-radius:13px;display:flex;gap:12px;align-items:center}.pawn{width:18px;height:25px;border-radius:50% 50% 35% 35%;background:var(--seat-color)}.seat small{display:block;color:#708285}.seat-policy{display:flex;gap:6px;align-items:center;font-size:.72rem;font-weight:800;margin-top:6px}.seat-policy select{padding:.3rem .5rem;font-size:.8rem}.lobby-actions{display:flex;gap:10px;flex-wrap:wrap}#table{height:calc(100vh - 66px);display:grid;grid-template-columns:230px 1fr 250px;background:#b8dde0}.players-panel,.log-panel{padding:18px;background:#fffdf5e8;overflow:auto;z-index:2}.players-panel{border-right:1px solid #aacccd}.log-panel{border-left:1px solid #aacccd}.players-panel h3,.log-panel h3{font:700 1.35rem Georgia}.player{border-left:4px solid var(--seat-color);padding:8px 10px;margin:8px 0;background:white;border-radius:0 8px 8px 0}.player.current{box-shadow:0 0 0 2px var(--gold)}.player-line{display:flex;justify-content:space-between;font-weight:800}.player small{color:#6e7f7d}.turn-card,#hand{background:white;border:1px solid var(--line);padding:12px;border-radius:12px;margin-top:18px}.turn-card span{font-size:.7rem;text-transform:uppercase;color:#6e7f7d;display:block}.turn-card strong{font:700 1.15rem Georgia}.resources{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.resource{font-size:.73rem;padding:5px;background:#edf4ed;border-radius:6px}.board-panel{position:relative;overflow:hidden;min-width:0}.status{position:absolute;top:15px;left:50%;transform:translateX(-50%);z-index:4;background:#fffdf5e8;padding:9px 16px;border-radius:99px;font-weight:800;box-shadow:0 3px 15px #17323a22;white-space:nowrap}.board-tools{position:absolute;top:15px;right:15px;z-index:4;display:flex;gap:5px}.board-tools button{padding:6px 10px}#board{width:100%;height:100%;touch-action:none;cursor:grab}.hex{stroke:#f4edd8;stroke-width:4}.hex.sea{fill:#66bac4}.hex.forest{fill:#4f9463}.hex.hills{fill:#b66e4e}.hex.fields{fill:#e5b94e}.hex.pasture{fill:#91b95f}.hex.mountains{fill:#838989}.hex.desert{fill:#d9c485}.hex.gold{fill:#efc44d}.edge{stroke:#eaf4ef;stroke-width:7;stroke-linecap:round;fill:none}.edge.legal,.vertex.legal,.hex.legal{stroke:#ffe36a;filter:drop-shadow(0 0 5px #c68000);cursor:pointer}.edge.owned{stroke:var(--piece);stroke-width:10}.vertex{fill:#f9f1d8;stroke:#2f6269;stroke-width:2}.building{fill:var(--piece);stroke:#fff;stroke-width:2}.token{font-size:20px;text-anchor:middle;dominant-baseline:middle}.number{fill:#fff8dc;stroke:#5a4a31;stroke-width:1}.number-text{text-anchor:middle;dominant-baseline:middle;font-weight:900}.action-tray{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:7px;background:#fffdf5e8;padding:8px;border-radius:14px;max-width:calc(100% - 25px);overflow:auto}.action-tray button.selected{background:var(--gold)}#log{font-size:.8rem;line-height:1.4}.log-item{padding:8px 0;border-bottom:1px solid var(--line)}.debug{display:grid;gap:6px;margin-top:20px}.modal{position:fixed;inset:0;background:#17323a99;z-index:20;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{position:relative;background:var(--paper);padding:28px;border-radius:18px;max-width:520px;width:100%;max-height:85vh;overflow:auto}.close{position:absolute;right:10px;top:10px;border:0;background:none;font-size:1.4rem}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.choice-grid button{min-height:48px}#toast{position:fixed;z-index:50;bottom:20px;left:50%;transform:translateX(-50%);background:#17323a;color:#fff;padding:10px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}@media(max-width:900px){.landing{grid-template-columns:1fr;padding:5vh 6vw}.hero h1{font-size:3.7rem}#table{height:auto;min-height:calc(100vh - 66px);grid-template-columns:1fr}.players-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0}.players-panel h3{grid-column:1/-1}.board-panel{height:62vh;order:-1}.log-panel{border:0}.status{max-width:75%;overflow:hidden;text-overflow:ellipsis}.seats{grid-template-columns:1fr}}