:root{--paper:#f4f1e8;--ink:#20231f;--muted:#777b72;--line:#d9d5ca;--white:#fffefa;--human:#e85d3f;--ai1:#397c6b;--ai2:#5a67a8;--wood:#2f765b;--brick:#c35c43;--wool:#87a95b;--grain:#d9a93c;--ore:#74828b;--desert:#d8bd83;--sea:#b8d8da;--shadow:0 14px 40px rgba(48,45,37,.09)}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}body{margin:0;min-height:100vh;background:var(--paper)}button{font:inherit;color:inherit}.topbar{height:66px;padding:10px max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;background:rgba(244,241,232,.91);backdrop-filter:blur(14px);z-index:10}.brand{border:0;background:none;display:flex;align-items:center;gap:9px;font-weight:700;padding:0}.brand-mark{width:30px;height:30px;background:var(--ink);color:white;border-radius:9px;display:grid;place-items:center;font-family:"DM Serif Display";font-size:21px}.turn-pill{font-size:12px;font-weight:600;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:7px 10px;display:flex;align-items:center;gap:7px;white-space:nowrap}.turn-pill span:first-child{width:7px;height:7px;border-radius:50%;background:var(--human)}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--white);display:grid;place-items:center}.icon-btn svg{width:18px}main{max-width:760px;margin:auto;padding:0 12px 28px}.score-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:5px 0 10px}.player-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:9px;min-width:0}.player-card.active{box-shadow:inset 0 0 0 1px var(--player)}.player-top{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.player-dot{width:8px;height:8px;border-radius:50%;background:var(--player)}.player-score{font:24px/1 "DM Serif Display";margin:6px 0 2px}.player-meta{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-card{position:relative;background:var(--sea);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(61,90,88,.08)}#board{display:block;width:100%;max-height:64vh;min-height:390px;touch-action:manipulation}.hex{stroke:rgba(39,48,44,.24);stroke-width:3;transition:filter .15s}.hex.clickable{cursor:pointer;filter:brightness(1.04)}.hex.clickable:hover{filter:brightness(1.12)}.number-disc{fill:#fffaf0;stroke:rgba(35,36,32,.16);stroke-width:2}.number-text{font-weight:700;font-size:21px;fill:var(--ink);text-anchor:middle;dominant-baseline:middle}.number-text.hot{fill:#bd4535}.pip-text{font-size:10px;fill:#666;text-anchor:middle}.edge-hit{stroke:transparent;stroke-width:22;cursor:pointer}.edge-guide{stroke:#fff;stroke-width:7;stroke-linecap:round;opacity:.85;stroke-dasharray:8 9;pointer-events:none}.road{stroke-width:12;stroke-linecap:round;stroke:#fff;paint-order:stroke;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}.vertex-hit{fill:transparent;cursor:pointer}.vertex-guide{fill:#fff;stroke:var(--ink);stroke-width:3;opacity:.9;pointer-events:none}.building{stroke:#fff;stroke-width:4;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.robber{fill:#2e302d;stroke:#fff;stroke-width:3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.port-line{stroke:#fff;stroke-width:5;stroke-linecap:round}.port-label{fill:#fff;font-size:12px;font-weight:700;text-anchor:middle;paint-order:stroke;stroke:#466c6c;stroke-width:4px}.dice-float{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px;background:rgba(255,255,255,.88);padding:7px;border-radius:15px;box-shadow:var(--shadow);backdrop-filter:blur(5px)}.die{width:35px;height:35px;background:var(--white);border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;font-weight:700}.toast{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);width:max-content;max-width:85%;padding:9px 13px;background:#20231fe8;color:white;border-radius:11px;font-size:12px;box-shadow:var(--shadow)}.hidden{display:none!important}.resource-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0}.resource{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:8px 4px;text-align:center;position:relative}.resource svg{width:18px;height:18px;color:var(--resource)}.resource b{display:block;font-size:15px}.resource span{font-size:9px;color:var(--muted)}.action-panel,.log-card{background:var(--white);border:1px solid var(--line);border-radius:19px;padding:14px;margin-top:9px}.phase-copy small,.sheet-head small{font-size:9px;letter-spacing:.13em;color:var(--muted);font-weight:700}.phase-copy strong{display:block;font:22px/1.15 "DM Serif Display";margin:3px 0}.phase-copy span{font-size:12px;color:var(--muted)}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:13px}.action-btn{border:0;background:var(--ink);color:white;border-radius:13px;padding:11px 8px;display:flex;justify-content:center;align-items:center;gap:7px;font-weight:600;font-size:12px}.action-btn.secondary{background:#eeece5;color:var(--ink)}.action-btn:disabled{opacity:.35}.action-btn svg{width:17px}.action-btn.wide{grid-column:1/-1}.cost{font-size:9px;opacity:.7}.log-card{padding:0;overflow:hidden}.log-card button{border:0;background:none;width:100%;display:flex;justify-content:space-between;padding:13px 14px;font-size:12px;font-weight:600}.log-card button span{display:flex;gap:8px;align-items:center}.log-card svg{width:16px}.game-log{display:none;border-top:1px solid var(--line);max-height:180px;overflow:auto;padding:10px 14px}.game-log.open{display:block}.log-line{font-size:11px;padding:4px 0;color:var(--muted)}dialog{border:0;padding:0;border-radius:24px 24px 0 0;width:min(100%,760px);max-width:none;margin:auto 0 0;box-shadow:0 -18px 60px rgba(0,0,0,.16);background:var(--white)}dialog::backdrop{background:rgba(28,30,27,.36);backdrop-filter:blur(2px)}dialog form{padding:19px 18px max(22px,env(safe-area-inset-bottom));max-height:82vh;overflow:auto}.sheet-head{display:flex;justify-content:space-between;align-items:start}.sheet-head h2{font:27px/1.1 "DM Serif Display";margin:3px 0 16px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.choice{border:1px solid var(--line);background:var(--paper);border-radius:15px;padding:12px;text-align:left}.choice b{display:block}.choice small{color:var(--muted)}.trade-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.stepper{display:flex;align-items:center;background:var(--paper);border-radius:10px}.stepper button{border:0;background:none;width:30px;height:30px}.stepper b{min-width:20px;text-align:center}.sheet-actions{display:flex;gap:8px;margin-top:14px}.sheet-actions button{flex:1}.rules-copy h3{font:20px "DM Serif Display";margin:18px 0 5px}.rules-copy p,.rules-copy li{font-size:12px;line-height:1.55;color:#555}.badge{display:inline-flex;gap:4px;align-items:center;padding:4px 7px;background:var(--paper);border-radius:7px;font-size:10px;margin:2px}.badge svg{width:12px}.winner{text-align:center;padding:10px}.winner-icon{font-size:55px}.winner h2{font:35px "DM Serif Display";margin:8px}.winner p{color:var(--muted);font-size:13px}
.action-btn svg{flex:0 0 auto}.action-label{display:flex;flex-direction:column;gap:3px}.action-btn.has-reason{min-height:70px;justify-content:flex-start;text-align:left;background:#f5f1e8;color:var(--ink);border:1px solid #ded6c7}.action-btn.has-reason:disabled{opacity:1}.action-btn.has-reason>svg{color:#958c7d}.action-reason{display:flex;align-items:flex-start;gap:4px;color:#9b4b3c;font-size:9px;font-weight:600;line-height:1.25}.action-reason svg{width:11px;height:11px;margin-top:1px}
@media(min-width:700px){main{padding-bottom:50px}.topbar{max-width:790px;margin:auto}.board-card{border-radius:30px}#board{min-height:540px}.actions{grid-template-columns:repeat(4,1fr)}.action-btn.wide{grid-column:auto}dialog{margin:auto;border-radius:24px;width:560px}}