:root{--bg: #17120e;--panel: #241b15;--panel-2: #2f2419;--line: #3f3226;--text: #f1e9d8;--muted: #b3a48c;--accent: #e6c27a;--accent-2: #d9a520;--ok: #6fcf7a;--danger: #e05a4a;--radius: 12px;--shadow: 0 6px 18px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}body{min-height:100dvh}button,input,select{font:inherit;color:inherit}h1,h2,h3{margin:0;font-family:Georgia,Times New Roman,serif;letter-spacing:.3px}small{font-size:.8em}.muted{color:var(--muted)}.error{color:var(--danger)}.loading{display:grid;place-items:center;min-height:100dvh;color:var(--muted);padding:16px;text-align:center}.icon{width:24px;height:24px;display:inline-block;vertical-align:middle;flex:none}.token{position:relative;display:inline-flex;width:34px;height:34px}.token .icon{width:100%;height:100%}.master-badge{position:absolute!important;right:-5px;bottom:-5px;width:15px!important;height:15px!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.token-wrap{display:inline-flex;padding:2px;border-radius:50%;touch-action:none}.token-wrap.draggable{cursor:grab;box-shadow:0 0 0 2px #e6c27a99}.token-wrap.draggable:active{cursor:grabbing}.drag-source{opacity:.35}.marker-sq{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.5);vertical-align:middle}.marker-sq.big{width:22px;height:22px;border-radius:5px}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:10px;padding:8px 14px;cursor:pointer;transition:transform .08s ease,background .15s ease}.btn:hover{background:#3a2d20}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent-2);color:#241b15;border-color:transparent;font-weight:700}.btn.primary:hover{background:#f0b830}.btn.ghost{background:transparent;border-color:transparent}.btn.tiny{padding:3px 8px;font-size:12px;border-radius:8px}.btn.wide{width:100%;text-align:left;margin-bottom:6px}.btn.big{width:100%;padding:14px;font-size:17px}.lobby{min-height:100dvh;display:grid;place-items:center;padding:16px;background:radial-gradient(1200px 600px at 50% -10%,#3a2a1c,var(--bg))}.lobby-card{width:100%;max-width:560px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);display:grid;gap:14px}.lobby-card h1{font-size:34px;color:var(--accent);display:flex;align-items:center;gap:10px}.lobby-card h1 .icon{width:36px;height:36px;color:var(--accent)}.presets{display:flex;flex-wrap:wrap;gap:8px}.seats{display:grid;gap:8px}.seat-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:8px;align-items:center}.seat-no{width:28px;height:28px;border-radius:50%;background:var(--panel-2);display:grid;place-items:center;font-weight:700;color:var(--accent)}.lobby input,.lobby select,.actionbar select{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:0}.options{display:grid;gap:10px}.options label{display:grid;gap:4px;color:var(--muted);font-size:14px}.options input[type=range]{padding:0}.small{font-size:13px}.game{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:92px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#17120eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar .status{flex:1;display:flex;flex-direction:column;line-height:1.15}.topbar .status strong{color:var(--accent)}.topbar .status span{font-size:13px;color:var(--muted)}.conn{width:10px;height:10px;border-radius:50%;background:var(--danger)}.conn.on{background:var(--ok)}.hint{margin:8px 10px 0;padding:8px 12px;background:#e6c27a1f;border:1px dashed rgba(230,194,122,.5);border-radius:10px;font-size:13px;color:var(--accent)}.layout{display:grid;gap:12px;padding:10px}@media(max-width:1099px){.layout .players{order:-1}}@media(min-width:1100px){.layout{grid-template-columns:1.6fr 1fr;align-items:start}.layout .board,.layout .collection{grid-column:1}.layout .players{grid-column:2;grid-row:1 / span 2}}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}@media(min-width:1100px){.board{grid-template-columns:repeat(5,1fr)}.layout{grid-template-columns:1.9fr 1fr}}.district{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px;box-shadow:var(--shadow);display:grid;gap:8px}.district header{display:flex;align-items:center;justify-content:space-between}.district h3{font-size:15px;color:var(--accent)}.tally{display:flex;gap:4px}.tally-dot{min-width:20px;height:20px;border-radius:10px;padding:0 5px;font-size:12px;font-weight:700;color:#111;display:grid;place-items:center}.guild-row{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;padding:6px;border-radius:10px;background:var(--panel-2)}.guild-row.cat-basic{border-left:3px solid #7fb3ff}.guild-row.cat-resource{border-left:3px solid #8fd18f}.guild-row.cat-interactive{border-left:3px solid #ff8f8f}.guild-name{display:flex;flex-direction:column;min-width:0}.guild-name strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guild-name small{font-size:10.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sites{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.site-group{display:inline-flex;gap:3px;padding:3px;border-radius:9px;background:#00000040}.site{position:relative;width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:#1f1711;display:grid;place-items:center;padding:0;cursor:default;transition:transform .12s ease,box-shadow .12s ease}.site.small{width:30px;height:30px}.site .icon{width:22px;height:22px}.site.small .icon{width:18px;height:18px}.site.owned{background:var(--owner);border-color:#ffffff4d}.site.owned .icon{color:#fff}.site .marker{position:absolute;right:-4px;top:-4px;width:12px;height:12px;border-radius:3px;border:1px solid #000}.tappable{cursor:pointer;box-shadow:0 0 0 2px #e6c27ad9}.tappable:hover{transform:translateY(-1px)}.plank{position:relative;width:60px;height:34px;border-radius:8px;border:1px solid var(--line);background:#2b1d12;display:grid;place-items:center;padding:0}.plank .plank-icon{width:54px;height:22px;opacity:.7}.plank.occupied{background:#3a2a1c}.plank.locked{opacity:.45;background:repeating-linear-gradient(45deg,#2b1d12,#2b1d12 4px,#1c130c 4px,#1c130c 8px)}.plank .fee,.plank .plank-num{position:absolute;left:3px;top:1px;font-size:10px;color:var(--accent);font-weight:700}.plank .token{width:28px;height:28px}body.dragging [data-drop][data-ok]{box-shadow:0 0 0 2px var(--ok),0 0 14px #6fcf7a80}body.dragging [data-drop][data-ok].drop-hover{transform:scale(1.12);box-shadow:0 0 0 3px var(--ok),0 0 20px #6fcf7acc}body.dragging [data-drop]:not([data-ok]){opacity:.55}.drag-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%) scale(1.1);filter:drop-shadow(0 8px 12px rgba(0,0,0,.6))}.fly-token{position:fixed;z-index:900;pointer-events:none;transform:translate(-50%,-50%)}.pulse{animation:pulse .55s ease}@keyframes pulse{0%{box-shadow:0 0 #e6c27ae6}to{box-shadow:0 0 0 14px #e6c27a00}}.collection{display:grid;gap:10px}.areas{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:720px){.areas{grid-template-columns:repeat(4,1fr)}}.area{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px;min-height:84px;display:grid;grid-template-rows:auto 1fr;gap:6px;transition:transform .12s ease,box-shadow .12s ease}.area-head{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px}.area-tokens{display:flex;flex-wrap:wrap;gap:3px;align-content:flex-start}.area-tokens .token{width:26px;height:26px}.desks{display:grid;gap:8px;grid-template-columns:1fr}@media(min-width:720px){.desks{grid-template-columns:1fr 1fr 1.4fr}}.desk{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px;display:grid;gap:6px;align-content:start}.desk-head{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;flex-wrap:wrap}.desk-head small{color:var(--muted);font-weight:400}.planks{display:flex;gap:6px;flex-wrap:wrap}.months{display:flex;gap:4px}.month{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;background:var(--panel-2);font-size:12px;color:var(--muted)}.month.scoring{border:1px solid var(--danger);color:var(--text)}.month.now{background:var(--accent-2);color:#241b15;font-weight:700}.stock{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gnome-stock{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);touch-action:none}.gnome-stock .icon{width:28px;height:28px}.gnome-stock.draggable{cursor:grab;box-shadow:0 0 0 2px #e6c27a99}.pool{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.card{position:relative;display:grid;gap:3px;justify-items:center;width:74px;padding:6px 4px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(#3a2a1c,#2b1f15);color:var(--text);touch-action:none;transition:transform .12s ease,box-shadow .12s ease}.card .icon{width:26px;height:26px;color:#b3a48c}.card .cname{font-size:11px;font-weight:600}.card .cost{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;font-size:10px}.card .cost .icon{width:12px;height:12px}.card.mini{width:62px;padding:4px 2px}.card.mini span{font-size:10px}.card.back{background:#2d4e8a}.card.draggable{cursor:grab;box-shadow:0 0 0 2px #e6c27a99}.discard{font-size:12px;color:var(--muted)}.players{display:grid;gap:10px}.others{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.player{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--pc);border-radius:var(--radius);padding:10px;display:grid;gap:8px;box-shadow:var(--shadow)}.player.current{outline:2px solid var(--accent)}.player header{display:flex;align-items:center;gap:8px}.crest{position:relative;width:34px;height:34px;display:grid;place-items:center}.crest .icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.crest b{position:relative;color:#fff;font-size:14px}.pname{flex:1;display:flex;flex-direction:column;line-height:1.15;min-width:0}.pname small{color:var(--muted)}.score{font-size:22px;font-weight:700;color:var(--accent);display:flex;align-items:baseline;gap:3px}.score small{font-size:11px;color:var(--muted)}.resources{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.res{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:8px;background:var(--panel-2)}.res .icon{width:20px;height:20px}.workers{display:flex;flex-wrap:wrap;gap:8px}.worker-group{display:flex;flex-wrap:wrap;gap:2px;align-items:center;padding:4px;border-radius:10px;background:#0003;min-width:40px}.worker-group .count{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--muted)}.worker-group .count .token{width:22px;height:22px}.worker-group .count.small{font-size:11px}.hand{display:flex;flex-wrap:wrap;gap:6px;min-height:28px;align-items:center}.hand-count{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:13px}.hand-count .icon{width:18px;height:24px}.built{display:flex;flex-wrap:wrap;gap:6px}.built-card{display:grid;gap:4px;padding:6px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);min-width:92px;transition:transform .12s ease,box-shadow .12s ease}.bc-head{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.bc-head .icon{width:18px;height:18px;color:var(--accent)}.bc-head .income{width:14px;height:14px;margin-left:auto}.locks{display:flex;gap:3px}.lock{width:22px;height:22px;border-radius:6px;border:1px dashed var(--line);display:grid;place-items:center;font-size:11px;color:var(--muted)}.lock.filled{border-style:solid;background:#1c130c}.lock .icon{width:18px;height:18px}.player.compact .built-card{min-width:0;padding:4px}.player.compact .bc-head span{display:none}.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:8px;align-items:center;padding:10px calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));background:#17120ef0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:auto}.actionbar .btn{white-space:nowrap}.waiting{color:var(--muted);font-size:13px;flex:1}.perspective{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000008c;display:flex;align-items:flex-end;justify-content:center}@media(min-width:720px){.sheet-backdrop{align-items:center}}.sheet{width:100%;max-width:560px;max-height:80dvh;background:var(--panel);border:1px solid var(--line);border-radius:18px 18px 0 0;display:grid;grid-template-rows:auto 1fr;box-shadow:var(--shadow);animation:rise .18s ease}@media(min-width:720px){.sheet{border-radius:18px}}@keyframes rise{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.sheet header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.sheet h3{font-size:16px;color:var(--accent)}.sheet-body{padding:12px 14px calc(14px + env(safe-area-inset-bottom));overflow-y:auto}.action-list{display:grid;gap:2px}.log{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px}.log li{padding:4px 8px;border-radius:6px;background:var(--panel-2)}.log li.ev-score,.log li.ev-game_over{color:var(--accent)}.log li.ev-round,.log li.ev-phase{color:var(--muted);font-style:italic}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:50;background:var(--danger);color:#fff;padding:8px 14px;border-radius:10px;box-shadow:var(--shadow);animation:rise .15s ease}.handoff{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#17120ef7;display:grid;place-items:center;text-align:center;cursor:pointer}.handoff .icon{width:72px;height:72px}.handoff h2{color:var(--accent);margin-top:12px}.winner{font-size:18px;color:var(--accent)}.final{padding-left:20px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:1px}.center{text-align:center;justify-content:center}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row.between{justify-content:space-between}.lobby-card h2{color:var(--accent);font-size:22px}.lobby-card input,.lobby-card select{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:0}.field{display:grid;gap:4px;color:var(--muted);font-size:14px}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.join-form{display:flex;gap:8px}.join-form input{flex:1;text-transform:uppercase;letter-spacing:4px;font-weight:700;font-size:20px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.recent{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.code-display{font:700 clamp(34px,11vw,48px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.25em;text-align:center;color:var(--accent);padding:16px 8px 16px calc(8px + .25em);background:var(--panel-2);border:1px dashed var(--accent);border-radius:14px;-webkit-user-select:all;user-select:all}.seat-list{display:grid;gap:8px}.seat-card{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px}.seat-card.yours{border-color:var(--accent)}.seat-meta{display:grid;min-width:0}.seat-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6b5a48;vertical-align:middle}.presence.on{background:var(--ok);box-shadow:0 0 6px #6fcf7ab3}.settings-list{margin:6px 0 0;padding-left:18px;color:var(--muted);font-size:13px}.btn.danger{color:var(--danger)}details summary{cursor:pointer}details[open]{display:grid;gap:8px}.guild-picker{display:grid;gap:10px}.guild-cat h4{margin:0 0 6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.guild-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.guild-option{display:grid;gap:2px;text-align:left;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);cursor:pointer}.guild-option.cat-basic{border-left:3px solid #7fb3ff}.guild-option.cat-resource{border-left:3px solid #8fd18f}.guild-option.cat-interactive{border-left:3px solid #ff8f8f}.guild-option strong{font-size:13px}.guild-option small{font-size:11px;color:var(--muted)}.guild-option.selected{background:#3a2d20;box-shadow:inset 0 0 0 1px var(--accent)}.guild-option:disabled{opacity:.4;cursor:not-allowed}.code-badge{font-size:12px;padding:3px 8px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);color:var(--accent)}.btn.undo{background:#33507a;border-color:transparent;color:#fff;font-weight:600}.btn.undo:hover{background:#3d6196}.sheet .btn.undo.wide{margin-top:10px;text-align:center}.loading .btn{margin-top:10px}