:root{--bg: #f4f1ea;--surface: #ffffff;--surface-2: #f7f5f0;--text: #1f2421;--muted: #69706b;--border: #ddd8cc;--accent: #2f6f4f;--accent-text: #ffffff;--danger: #c8322f;--success: #2f7d4f;--board-bg: #dfe9df;--tile-bg: #fbfaf6;--tile-border: #9aa69c;--center-bg: #e8efe6;--hatch: rgba(80, 80, 80, .35);--house: #2f9e44;--hotel: #9c1d4f;--radius: 10px;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #151816;--surface: #1e2320;--surface-2: #252b27;--text: #e7ebe8;--muted: #9aa39d;--border: #343c37;--accent: #4fae7d;--accent-text: #0d1a12;--danger: #ff6b66;--success: #6bd49b;--board-bg: #1a2a20;--tile-bg: #222924;--tile-border: #4b5a50;--center-bg: #1d2620;--hatch: rgba(220, 220, 220, .3)}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.05rem}h3{font-size:.9rem;margin-top:.75rem}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:.5rem .85rem;cursor:pointer;transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.danger{color:var(--danger);border-color:var(--danger);background:transparent}button.link{border:none;background:none;padding:.2rem .3rem;color:var(--accent);text-decoration:underline}button.big{font-size:1.1rem;padding:.75rem 1.5rem}input,select{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.45rem .6rem;min-width:0}.muted{color:var(--muted)}.small{font-size:.82rem}.error{color:var(--danger);margin:.5rem 0 0}.success{color:var(--success);margin:.5rem 0 0}.badge{display:inline-block;margin-left:.4rem;padding:.05rem .4rem;border-radius:999px;font-size:.72rem;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);vertical-align:middle}.dot{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;flex:none;margin-right:.4rem;vertical-align:middle}.dot.large{width:1.4rem;height:1.4rem}.app{min-height:100vh;overflow-x:clip}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.6rem}.logo{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:8px;background:var(--accent);color:var(--accent-text);font-weight:800;font-size:1.2rem}.brand-name{font-weight:700;font-size:1.1rem}.game{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1rem;padding:1rem;align-items:start}.board-wrap{position:sticky;top:1rem;display:flex;justify-content:center;min-width:0}.board{width:100%;max-width:min(100%,calc(100vh - 6rem));height:auto;border-radius:6px;box-shadow:var(--shadow);-webkit-user-select:none;user-select:none}.sidebar{display:flex;flex-direction:column;gap:.75rem;min-width:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;box-shadow:var(--shadow)}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}@media(max-width:960px){.game{grid-template-columns:minmax(0,1fr);padding:.5rem}.board-wrap{position:static}.board{max-width:100%}}.board-bg{fill:var(--board-bg)}.tile{cursor:pointer}.tile-bg{fill:var(--tile-bg)}.tile-outline{fill:none;stroke:var(--tile-border);stroke-width:1;pointer-events:none}.tile:hover .tile-bg{fill:var(--surface-2)}.tile.selected .tile-outline{stroke:var(--accent);stroke-width:3.5}.tile-label{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4px 3px 0;text-align:center;font-size:10px;line-height:1.15;color:var(--text);overflow:hidden;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.tile-label.corner{justify-content:center;font-size:12px;font-weight:700;padding:6px}.tile-name{font-weight:600}.tile-price{margin-top:2px;color:var(--muted);font-size:9.5px}.tile-symbol{font-size:20px;font-weight:800;line-height:1}.mortgaged{pointer-events:none}.hatch-line{stroke:var(--hatch);stroke-width:3}.house{fill:var(--house);stroke:#fff;stroke-width:1.5}.hotel{fill:var(--hotel);stroke:#fff;stroke-width:2}.token circle{stroke:#fff;stroke-width:2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.token.jailed circle{stroke:#111;stroke-dasharray:3 2}.token text{fill:#fff;font-size:10px;font-weight:700;pointer-events:none}.token text.narrow{font-size:8px;letter-spacing:-.3px}.board-center{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;background:var(--center-bg);color:var(--board-text, var(--text));text-align:center}.center-title{font-size:44px;font-weight:800;letter-spacing:-1px;color:var(--accent)}.center-pack{font-size:16px;opacity:.7;margin-top:-8px}.center-turn{font-size:16px;font-weight:600}.center-dice{display:flex;gap:8px}.die-face{font-size:64px;line-height:1}.die-number{display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--text);border-radius:10px;font-size:26px;font-weight:700}.center-card{max-width:340px;padding:10px 14px;border:3px solid var(--border);border-radius:10px;background:var(--tile-bg);font-size:14px}.center-card-deck{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin-bottom:4px}.center-meta{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center;font-size:12px;opacity:.75}.turn-header{display:flex;align-items:center;gap:.4rem}.turn-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.turn-name{font-weight:700;font-size:1.1rem}.turn-cash{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.turn-hint{margin:.6rem 0}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tile-info-header{border-left:6px solid var(--border);padding-left:.6rem;margin-bottom:.5rem}.facts{display:grid;grid-template-columns:auto 1fr;gap:.2rem .75rem;margin:0;font-size:.9rem}.facts dt{color:var(--muted)}.facts dd{margin:0;font-variant-numeric:tabular-nums}.rent-table{width:100%;border-collapse:collapse;font-size:.85rem}.rent-table td{padding:.15rem .25rem;border-bottom:1px solid var(--border)}.rent-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.rent-table tr.active td{font-weight:700;color:var(--accent)}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.player{padding:.5rem .6rem;border-radius:8px;border:1px solid transparent}.player.acting{border-color:var(--accent);background:var(--surface-2)}.player.bankrupt{opacity:.55}.player-row{display:flex;align-items:center}.player-name{font-weight:600}.player-cash{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}.player-meta{margin:.15rem 0 0 1.15rem}.chips{display:flex;flex-wrap:wrap;gap:.25rem;margin:.35rem 0 0 1.15rem}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .4rem;font-size:.75rem;border-radius:6px;border-width:1px;background:var(--surface)}.chip.selected{outline:2px solid var(--accent)}.chip.mortgaged{opacity:.5;text-decoration:line-through}.chip-color{width:.55rem;height:.55rem;border-radius:2px}.chip-buildings{font-weight:700;color:var(--house)}.log-tools{display:flex;gap:.25rem;font-size:.82rem}.event-log{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto;font-size:.84rem}.event-log li{padding:.2rem 0;border-bottom:1px dashed var(--border)}.event-log li.turn{font-weight:700;color:var(--accent);border-bottom-style:solid;padding-top:.45rem}.setup-main{display:flex;justify-content:center;padding:1.5rem 1rem 3rem}.setup{width:100%;max-width:640px;display:flex;flex-direction:column;gap:1rem}.setup fieldset{margin:0}.setup legend{font-weight:700;padding:0 .3rem}.setup summary{cursor:pointer;font-weight:700}.seat{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem}.seat input{flex:1 1 10rem}.swatches{display:flex;gap:.3rem}.swatch{width:1.7rem;height:1.7rem;padding:0;border-radius:50%;border:2px solid transparent}.swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--surface) inset}.swatch:disabled{opacity:.2;cursor:not-allowed}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem 1rem;margin-top:.75rem}.rules-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.rules-grid label.check{flex-direction:row;align-items:flex-start;gap:.5rem}.rules-grid label.check input{margin-top:.2rem}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#00000073;padding:1rem;z-index:10}.dialog{width:100%;max-width:420px;background:var(--surface);border-radius:14px;padding:1.5rem;box-shadow:0 10px 40px #0000004d}.dialog h2{font-size:1.4rem;display:flex;align-items:center}.ranking{margin:0 0 1rem;padding-left:1.4rem}.ranking li{padding:.2rem 0}.ranking li>span:last-child{float:right;font-variant-numeric:tabular-nums}a.brand{color:inherit;text-decoration:none}.header-code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-weight:700;letter-spacing:.15em;padding:.3rem .6rem;border:1px solid var(--border);border-radius:8px}.center-page{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;text-align:center}.center{text-align:center}.banner{padding:.6rem .9rem;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);font-weight:600}.banner.warning{background:#fff3cd;border-color:#e0b84a;color:#5c4500}@media(prefers-color-scheme:dark){.banner.warning{background:#3a3014;border-color:#7a6223;color:#f3dc9a}}.badge.offline{color:var(--danger);border-color:var(--danger)}a.link{color:var(--accent);padding:.2rem .3rem}.danger-link{color:var(--danger)!important}.home{max-width:980px;margin:0 auto;padding:1.5rem 1rem 3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;align-items:start}.hero{grid-column:1 / -1;text-align:center;padding:1rem 0 .5rem}.home-card{display:flex;flex-direction:column;gap:.75rem}.home-card label,.join-form label,.seed{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.seed{margin-top:.75rem}.code-input{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.3rem;letter-spacing:.25em;text-transform:uppercase}.home-error{grid-column:1 / -1;text-align:center}.lobby{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem}.invite{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.room-code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:2rem;font-weight:800;letter-spacing:.2em;color:var(--accent)}.invite-link{display:flex;gap:.5rem;flex:1 1 260px;min-width:0}.invite-link input{flex:1}.seat-list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.35rem}.seat-list li{display:flex;align-items:center;gap:.1rem;flex-wrap:wrap}.seat-list .link{margin-left:auto}.join-form{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.lobby details summary{cursor:pointer;margin:.5rem 0}fieldset.rules-grid{border:none;padding:0;margin:.75rem 0 0;min-width:0}.turn-panel.my-turn{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.turn-cash{display:flex;align-items:center;gap:.6rem}.countdown{font-variant-numeric:tabular-nums;font-weight:700;padding:.1rem .45rem;border-radius:6px;background:var(--surface-2);border:1px solid var(--border)}.countdown.urgent{color:var(--danger);border-color:var(--danger)}.auction-panel{border-color:#e0a83a}.auction-high{font-size:1.1rem;font-weight:700;margin:.4rem 0}.bidder{padding:.5rem 0;border-top:1px dashed var(--border)}.bidder-name{font-weight:600;margin-bottom:.25rem}.custom-bid{display:flex;gap:.35rem}.custom-bid input{width:6rem}.offers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.offer{padding:.6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.offer-title{font-weight:700}.offer-terms{font-size:.88rem;margin:.3rem 0}.trade-form{margin-top:.75rem;display:flex;flex-direction:column;gap:.6rem}.trade-parties{display:flex;gap:.75rem;flex-wrap:wrap}.trade-parties label{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;flex:1 1 120px}.trade-sides{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.bundle{border:1px solid var(--border);border-radius:8px;padding:.5rem .6rem;margin:0;min-width:0;display:flex;flex-direction:column;gap:.4rem}.bundle legend{font-weight:700;font-size:.85rem}.bundle label{display:flex;flex-direction:column;gap:.2rem;font-size:.82rem}.bundle label.check{flex-direction:row;align-items:center;gap:.35rem}.bundle-tiles{display:flex;flex-direction:column;gap:.15rem;max-height:180px;overflow-y:auto}.badge.bot{color:var(--accent);border-color:var(--accent)}.add-bots{margin:0 0 .75rem}.takeover{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;margin-bottom:.75rem}.header-nav{display:flex;align-items:center;gap:1rem}.header-nav a{color:var(--accent);font-weight:600;text-decoration:none}.packs-page,.shared-pack{max-width:900px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem}.item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.item-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.button-like{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:.5rem .85rem;cursor:pointer}.recovery{display:flex;flex-direction:column;gap:.3rem}.recovery code{word-break:break-all;padding:.4rem;background:var(--surface-2);border-radius:6px}.restore{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin-top:.75rem}.restore label{display:flex;flex-direction:column;gap:.25rem;flex:1 1 260px;font-size:.9rem}.pack-preview{max-width:640px;width:100%}.editor{max-width:1400px;margin:0 auto;padding:1rem 1rem 3rem}.editor-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.75rem}.issues ul{margin:.4rem 0 0;padding-left:1.2rem;font-size:.88rem}.tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin:.75rem 0}.tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.editor-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:1rem;align-items:start}.editor-preview{position:sticky;top:1rem}@media(max-width:1000px){.editor-body{grid-template-columns:minmax(0,1fr)}.editor-preview{position:static}}.field{display:flex;flex-direction:column;gap:.25rem;font-size:.88rem;min-width:0}.field textarea,.json-editor textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:8px;padding:.45rem .6rem;resize:vertical}.json-editor textarea{width:100%;min-height:420px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.8rem}.tile-editor-list{list-style:none;padding:0;margin:0}.tile-editor-list li{border-bottom:1px solid var(--border);padding:.35rem 0}.tile-editor-list summary{cursor:pointer}.tile-editor{padding:.5rem 0 .75rem}.group-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.4rem}.group-row input[type=color]{width:2.6rem;height:2.2rem;padding:.1rem}.deck{margin-bottom:1.25rem}.card-row{border:1px solid var(--border);border-radius:8px;padding:.6rem;margin-bottom:.6rem;display:flex;flex-direction:column;gap:.4rem}.effects{display:flex;flex-direction:column;gap:.4rem}.effect{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem}.effect .field input{width:7rem}.rules-form{border:none;padding:0;margin:0;min-width:0}.rules-more summary{cursor:pointer;margin-top:.75rem;font-weight:600}.ruleset-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0}.lobby-cards .my-cards{margin-top:.75rem}.board .tile-label{color:var(--board-text, var(--text))}.board.font-serif{font-family:Georgia,Times New Roman,serif}.board.font-rounded{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}.board.font-mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.blocked-stripe{fill:#dc3c3c59}.blocked{pointer-events:none}.center-image{max-width:70%;max-height:35%;object-fit:contain}.rule-list{margin:.25rem 0 0;padding-left:1.1rem}.effect.choice{flex-direction:column;align-items:stretch}.choice-options{display:flex;flex-direction:column;gap:.5rem;padding-left:.75rem;border-left:3px solid var(--border)}.choice-option{display:flex;flex-direction:column;gap:.3rem}.board-tab-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-top:.75rem}@media(max-width:700px){.board-tab-body{grid-template-columns:minmax(0,1fr)}}.sortable-tiles{list-style:none;margin:0;padding:0;max-height:560px;overflow-y:auto}.sortable-tile{display:flex;align-items:center;gap:.25rem;border-bottom:1px solid var(--border);background:var(--surface)}.sortable-tile.selected{background:var(--surface-2);outline:2px solid var(--accent);outline-offset:-2px}.drag-handle{cursor:grab;border:none;background:none;padding:.35rem .4rem;color:var(--muted);touch-action:none}.tile-pick{flex:1;display:flex;align-items:center;gap:.4rem;border:none;background:none;padding:.35rem .25rem;text-align:left}.add-tile{margin:0 0 .25rem}.properties h3{margin-top:0}.image-upload img{max-width:160px;max-height:100px;object-fit:contain;border:1px solid var(--border);border-radius:6px}.type-editor{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.type-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.type-head input[type=color]{width:2.6rem;height:2.2rem;padding:.1rem}.rule-block{border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;padding:.6rem;display:flex;flex-direction:column;gap:.5rem}.rule-row{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:.5rem;align-items:start}.block-label{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);padding-top:.45rem}.conditions{display:flex;flex-direction:column;gap:.35rem}.color-row{display:flex;align-items:center;gap:.6rem}.color-row input[type=color]{width:3rem;height:2.2rem;padding:.1rem}.settings-row{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:-.25rem}.token{animation:token-hop .16s ease-out;transform-box:fill-box;transform-origin:center}@keyframes token-hop{0%{transform:translateY(-5px) scale(1.12)}to{transform:none}}@media(prefers-reduced-motion:reduce){.token{animation:none}}.replay-panel input[type=range]{width:100%}.stats-page .title-name{font-size:1.6rem;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem 1rem;margin:0}.stat-grid dd{margin:0;font-size:1.15rem;font-weight:600}.achievements{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem}.achievements li{display:flex;gap:.6rem;align-items:flex-start;padding:.6rem;border-radius:8px;border:1px solid var(--border)}.achievements li.locked{opacity:.5}.achievement-icon{font-size:1.3rem;color:var(--accent)}.recent-games{list-style:none;padding:0;margin:0}.recent-games li{display:grid;grid-template-columns:6rem 1fr auto auto;gap:.75rem;padding:.3rem 0;border-bottom:1px solid var(--border)}.banner.success{border-color:var(--accent)}