:root{--bg: #0e1116;--panel: #161b23;--panel-2: #1d232d;--line: #2a323f;--text: #e6eaf0;--muted: #8b97a8;--accent: #4c8dff;--danger: #e0503f;--good: #2fb673;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4{margin:0 0 .5rem;font-weight:650}p{margin:.35rem 0}.muted{color:var(--muted)}.error{color:var(--danger)}.spacer{flex:1}button{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.45rem .8rem;font:inherit;cursor:pointer}button:hover:not(:disabled){border-color:#3d4756;background:#232b36}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#3d7cf0}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.big{padding:.7rem 1.2rem;font-size:1rem}button.link{background:none;border:none;color:var(--accent);padding:0 .25rem;text-decoration:underline}button.x{background:none;border:none;font-size:1.4rem;line-height:1;color:var(--muted)}input,select{background:#0f141b;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;font:inherit;width:100%}label{display:block;margin:.5rem 0;color:var(--muted)}label input,label select{margin-top:.2rem}.row{display:flex;gap:.5rem;align-items:center}.row.wrap{flex-wrap:wrap}.row.end{justify-content:flex-end;margin-top:1rem}.home{display:grid;place-items:center;min-height:100%;padding:2rem}.home-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:2rem;width:min(720px,100%)}.home-split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.home-split section{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}@media (max-width: 640px){.home-split{grid-template-columns:1fr}}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-bottom:1px solid var(--line);background:var(--panel)}.status{font-size:.8rem;padding:.1rem .5rem;border-radius:99px;background:var(--panel-2)}.status.open{color:var(--good)}.status.connecting,.status.closed{color:#e2a33c}.toast{position:fixed;top:3.5rem;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:.5rem 1rem;border-radius:8px;z-index:60;cursor:pointer}.table{display:grid;grid-template-columns:minmax(0,1fr) var(--side-w);gap:1rem;padding:1rem;flex:1;min-height:0;--side-w: 380px;--board: min( calc(100vh - 92px) , calc(100vw - var(--side-w) - 4rem), 1100px)}.table-main{display:flex;flex-direction:column;gap:.75rem;min-width:0}.table-side{display:flex;flex-direction:column;gap:.75rem;overflow:auto}@media (max-width: 1100px){.table{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem}.board{display:grid;aspect-ratio:1;width:var(--board);height:var(--board);margin:0 auto;background:radial-gradient(circle at 50% 45%,#121924,#0a0e13 70%);border:1px solid var(--line);border-radius:14px;padding:6px;gap:3px;transition:filter .25s ease,opacity .25s ease}.board-dimmed{filter:blur(3px) brightness(.45) saturate(.6);pointer-events:none}.tile{position:relative;background:linear-gradient(180deg,#1f2732,#1a212b);border-radius:5px;padding:2px;overflow:hidden;display:flex;font-size:11px;line-height:1.18}.tile.ownable{cursor:pointer}.tile.ownable:hover{background:#27303c}.tile.selected{outline:2px solid var(--accent)}.tile.mortgaged{opacity:.55}.tile-body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;padding:2px}.tile-name{font-weight:650;letter-spacing:.01em;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.tile-name.long{font-size:10px;letter-spacing:-.01em}.tile-name.longer{font-size:9px}.tile-price{color:#9aa7b8;font-size:10px;font-variant-numeric:tabular-nums;margin-top:1px}.tile-glyph{font-size:20px;font-weight:700;opacity:.55;line-height:1;margin-top:2px}.tile-corner-label{font-weight:800;font-size:11px;letter-spacing:.06em;text-align:center}.type-go .tile-corner-label{color:#6fd39a}.type-gotojail .tile-corner-label{color:#e2777a}.type-vacation .tile-corner-label{color:#e2b23c}.tile-art{position:absolute;top:12%;right:6%;bottom:4%;left:6%;width:88%;height:84%;opacity:.28;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 50% 55%,#000 45%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 55%,#000 45%,transparent 78%)}.tile.ownable:hover .tile-art{opacity:.45}.tile-band{position:absolute}.edge-bottom .tile-band{top:0;left:0;right:0;height:17%}.edge-top .tile-band{bottom:0;left:0;right:0;height:18%}.edge-left .tile-band{right:0;top:0;bottom:0;width:18%}.edge-right .tile-band{left:0;top:0;bottom:0;width:18%}.edge-bottom .tile-body{padding-top:20%}.edge-top .tile-body{padding-bottom:20%}.edge-left .tile-body{padding-right:20%}.edge-right .tile-body{padding-left:20%}.edge-corner{background:#1a212b}.buildings{position:absolute;top:1px;right:1px;display:flex;gap:1px}.house{width:6px;height:6px;background:var(--good);border-radius:1px;box-shadow:0 0 3px #2fb67399}.hotel{width:13px;height:7px;background:var(--danger);border-radius:1px;box-shadow:0 0 4px #e0503f99}.mortgage-flag{position:absolute;bottom:1px;left:2px;font-size:7px;font-weight:700;color:#e2a33c;letter-spacing:.04em}.tokens{position:absolute;bottom:2px;right:2px;display:flex;flex-wrap:wrap-reverse;gap:2px;max-width:88%;justify-content:flex-end}.token{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#080b10d9;box-shadow:0 0 0 2px #ffffff47;animation:hop .55s cubic-bezier(.28,.9,.35,1.1)}.token svg{display:block}.token.jailed{border-radius:8px;box-shadow:0 0 0 2px #e2777a}.token.current{box-shadow:0 0 0 2px #ffffff80,0 0 12px #ffffff40;animation:hop .55s cubic-bezier(.28,.9,.35,1.1),bob 1.6s ease-in-out .55s infinite}@keyframes hop{0%{transform:translateY(-26px) scale(.65);opacity:0}45%{transform:translateY(-13px) scale(1.14);opacity:1}70%{transform:translateY(0) scale(1)}84%{transform:translateY(-6px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion: reduce){.token,.token.current{animation:none}}.board-center{grid-row:2 / -2;grid-column:2 / -2;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.board-center h1{font-size:clamp(1.1rem,2.4vw,2rem);letter-spacing:.16em;text-transform:uppercase;color:transparent;background:linear-gradient(100deg,#6f7c8f,#8b97a8 40%,#dfe6ef 60%,#8b97a8);-webkit-background-clip:text;background-clip:text}.dice-area{display:flex;flex-direction:column;align-items:center;gap:.4rem}.dice-tray{display:flex;align-items:center;gap:.8rem;background:none;border:2px solid transparent;border-radius:16px;padding:.6rem .8rem;cursor:default}.dice-tray:disabled{opacity:1;cursor:default}.dice-tray.clickable{cursor:pointer;border-color:#4c8dff80;background:#4c8dff17}.dice-tray.clickable:hover{border-color:var(--accent);background:#4c8dff2e;transform:translateY(-2px)}.dice-tray.clickable{animation:readypulse 1.9s ease-in-out infinite}@keyframes readypulse{0%,to{box-shadow:0 0 #4c8dff59}50%{box-shadow:0 0 0 10px #4c8dff00}}.dice-hint{color:var(--accent);font-size:.9rem;margin:0}.dice-tray.shaking{animation:shake .18s linear infinite}@keyframes shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(-3px,2px) rotate(-4deg)}50%{transform:translate(2px,-3px) rotate(3deg)}75%{transform:translate(3px,2px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.die{width:clamp(48px,6.5vh,72px);height:clamp(48px,6.5vh,72px);display:block;filter:drop-shadow(0 5px 12px rgba(0,0,0,.6))}.die svg{width:100%;height:100%;display:block}.die-rolling{animation:tumble .28s linear infinite}@keyframes tumble{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.12)}to{transform:rotate(360deg) scale(1)}}.dice-caption{color:var(--muted);animation:fadein .25s ease}.dice-caption strong{color:var(--text)}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.doubles-tag{margin-left:.4rem;font-size:.78em;text-transform:uppercase;letter-spacing:.05em;background:#2f4a2f;color:#7fd0a1;border-radius:99px;padding:.1rem .5rem}.dice-idle{color:var(--muted)}.pot{color:#e2a33c}.card-popup{display:flex;gap:.9rem;align-items:center;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1.1rem;max-width:min(420px,80%);animation:cardin .3s cubic-bezier(.2,.9,.3,1.3)}@keyframes cardin{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1}}.card-popup strong{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:.8em}.card-popup p{margin:.2rem 0 0;font-size:.95em}.card-chance{border-left:4px solid #c69ee0}.card-chance strong{color:#c69ee0}.card-chest{border-left:4px solid #7fd0a1}.card-chest strong{color:#7fd0a1}.card-art{width:48px;height:48px;flex:none;opacity:.85}.card-chance .card-art{color:#c69ee0}.card-chest .card-art{color:#7fd0a1}.center-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;text-align:center;width:100%;max-width:560px}.center-title{font-size:clamp(1rem,1.9vw,1.7rem);letter-spacing:.18em;text-transform:uppercase;margin:0;color:transparent;background:linear-gradient(100deg,#6f7c8f,#8b97a8 40%,#dfe6ef 60%,#8b97a8);-webkit-background-clip:text;background-clip:text}.center-actions{min-height:92px;display:flex;align-items:center;justify-content:center;width:100%}.center-box{display:flex;flex-direction:column;align-items:center;gap:.6rem;background:#161b23eb;border:1px solid var(--line);border-radius:14px;padding:1rem 1.4rem;width:100%;animation:fadein .2s ease}.center-box.danger{border-color:var(--danger)}.center-box strong{font-size:1.1rem}.center-box .winner{font-size:1.5rem;color:#ffd76a}.row.center{justify-content:center}.turn-of{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:1.05rem}.turn-of span{font-weight:650}.auction-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:1.5rem;background:#06090d8c;animation:fadein .2s ease}.auction-card{background:var(--panel);border:1px solid #5b4a22;border-radius:16px;box-shadow:0 24px 60px #0009;padding:1.25rem 1.5rem;width:min(560px,100%);display:flex;flex-direction:column;gap:.9rem;animation:cardin .28s cubic-bezier(.2,.9,.3,1.3)}.auction-head{display:flex;align-items:center;gap:1rem}.auction-head h2{margin:0}.auction-head .muted{margin:0;font-size:.85em}.auction-art{width:72px;height:72px;border-radius:12px;position:relative;flex:none;overflow:hidden}.auction-art .tile-art{top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%;opacity:.9}.timer{margin-left:auto;position:relative;width:64px;height:64px;flex:none}.timer svg{width:64px;height:64px;transform:rotate(-90deg)}.timer-track{fill:none;stroke:#2a323f;stroke-width:6}.timer-ring{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.timer-ring.urgent{stroke:var(--danger)}.timer span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}.timer span.urgent{color:var(--danger)}.auction-bid{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;background:#12171f;border-radius:10px;padding:.6rem .9rem}.auction-bid strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.auction-leader{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);margin-left:auto}.auction-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.auction-steps button{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.7rem .4rem;font-size:1.05rem;font-weight:650}.auction-steps em{font-style:normal;font-size:.78rem;opacity:.8;font-weight:400}.auction-custom{display:flex;gap:.5rem}.auction-custom input{flex:1}.auction-players{display:flex;flex-wrap:wrap;gap:.4rem}.auction-chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--panel-2);border:1px solid var(--line);border-radius:99px;padding:.2rem .6rem;font-size:.85em}.auction-chip.out{opacity:.4}.auction-chip em{font-style:normal;color:var(--muted);font-size:.85em}.small{font-size:.85em}.actionbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem 1rem}.actionbar.danger{border-color:var(--danger)}.auction-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#2a2013;border:1px solid #6b5220;border-radius:var(--radius);padding:.6rem 1rem}.auction-bar input{width:110px}.players{display:flex;flex-direction:column;gap:.5rem}.player-card{background:var(--panel-2);border:1px solid var(--line);border-left:4px solid;border-radius:8px;padding:.5rem .6rem}.player-card.active{box-shadow:0 0 0 1px var(--accent)}.player-card.out{opacity:.5}.player-top{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.player-name{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-weight:600}.player-name em{color:var(--muted);font-weight:400}.player-cash{font-variant-numeric:tabular-nums;font-weight:700}.player-bottom{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.85em;margin-top:.15rem}.swatch{width:10px;height:10px;border-radius:50%;display:inline-block}.tag{font-size:.72em;background:#2b3542;color:var(--muted);border-radius:99px;padding:.05rem .45rem;text-transform:uppercase;letter-spacing:.03em}.tag.warn{background:#4a2f1c;color:#e2a33c}.chips{display:flex;flex-wrap:wrap;gap:2px;margin-top:.35rem}.chip{width:16px;height:12px;border-radius:2px;font-size:8px;display:grid;place-items:center;color:#06090d;font-weight:700}.chip-mortgaged{opacity:.35}.feed{display:flex;flex-direction:column;min-height:260px;flex:1}.tabs{display:flex;gap:.25rem;margin-bottom:.5rem}.tabs button{flex:1;padding:.3rem;font-size:.85em}.tabs button.on{background:var(--accent);border-color:var(--accent);color:#fff}.feed-body{flex:1;overflow:auto;font-size:.88em}.log-line{margin:.1rem 0;color:#c3ccd8}.log-line .ts{color:#5d6979;margin-right:.4rem;font-variant-numeric:tabular-nums}.log-rent,.log-pay{color:#e0a06a}.log-buy,.log-build{color:#7fd0a1}.log-jail,.log-bankrupt,.log-debt{color:#e2777a}.log-turn,.log-start,.log-win{color:var(--accent)}.log-card{color:#c69ee0}.chat-line{margin:.15rem 0}.chat-form{display:flex;gap:.4rem;margin-top:.5rem}.lobby{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem;overflow:auto}@media (max-width: 900px){.lobby{grid-template-columns:1fr}}.lobby-col{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.lobby-players{list-style:none;padding:0;margin:.5rem 0 1rem}.lobby-players li{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;border-bottom:1px solid var(--line)}.rules{display:flex;flex-direction:column;gap:.3rem}.rules .numeric{display:grid;grid-template-columns:1fr 110px;align-items:center;gap:.5rem;color:var(--text)}.rules .numeric input{margin:0}.toggle{display:flex;gap:.55rem;align-items:flex-start;color:var(--text);padding:.3rem 0;border-top:1px solid var(--line)}.toggle input{width:auto;margin-top:.25rem}.toggle em{display:block;color:var(--muted);font-style:normal;font-size:.85em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070bb3;display:grid;place-items:center;z-index:50;padding:1rem}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(480px,100%);max-height:85vh;display:flex;flex-direction:column}.modal.wide{width:min(860px,100%)}.modal header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.modal-body{padding:1rem;overflow:auto}.rent-table{width:100%;border-collapse:collapse;margin:.5rem 0}.rent-table td{padding:.2rem .4rem;border-bottom:1px solid var(--line)}.rent-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.rent-table tr.sep td{border-top:2px solid var(--line);color:var(--muted)}.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 700px){.trade-grid{grid-template-columns:1fr}}.trade-grid section{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem}.trade-tiles{display:flex;flex-direction:column;gap:.25rem;max-height:260px;overflow:auto;margin-top:.5rem}.trade-tile{text-align:left;border-left:4px solid;font-size:.9em;padding:.3rem .5rem}.trade-tile.on{background:var(--accent);border-color:var(--accent);color:#fff}.trade-tile em{color:var(--muted);font-style:normal;font-size:.85em}.trades{display:flex;flex-direction:column;gap:.5rem}.trade-offer{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.5rem;font-size:.9em}.piece-picker{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.piece-option{width:46px;height:46px;display:grid;place-items:center;padding:0;border-radius:10px;background:var(--panel-2)}.piece-option.on{border-color:var(--accent);background:#1c2940;box-shadow:0 0 0 1px var(--accent)}.piece-option:disabled{opacity:.3}.lobby-players li{gap:.6rem}