:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2ede1;--muted:#a49b8a;--panel:#24211c;--line:#3a352d;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:#16140f;margin:0}.page{grid-template-columns:minmax(0,1fr) 22rem;align-items:stretch;gap:1.25rem;height:100vh;padding:1.25rem;display:grid}.board{border-radius:.5rem;flex-direction:column;place-self:center;gap:.5rem;width:100%;height:100%;padding-bottom:.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1.5rem 3rem #0000008c}.board>div:first-child,.board>svg{flex:auto;min-height:0}.action-bar{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid var(--line);background:#0c0a07b8;border-radius:.6rem;align-self:center;align-items:center;gap:.6rem;max-width:calc(100% - 1.5rem);padding:.45rem .6rem;display:flex}.action-bar button{white-space:nowrap}.action-bar .big{font:inherit;letter-spacing:.03em;color:#f4fff5;cursor:pointer;background:linear-gradient(#4f7a58,#3c6045);border:1px solid #86c08f;border-radius:.5rem;padding:.7rem 1.6rem;font-size:1.15rem;font-weight:600;animation:2.2s ease-in-out infinite pulse;box-shadow:0 0 .9rem #7ec88c73}.action-bar .big:hover{background:linear-gradient(#5a8a64,#46704f)}@keyframes pulse{0%,to{box-shadow:0 0 .8rem #7ec88c59}50%{box-shadow:0 0 1.6rem #7ec88cb3}}@media (prefers-reduced-motion:reduce){.action-bar .big{animation:none}}.action-bar .side-actions{flex-direction:column;gap:.3rem;display:flex}.action-bar.waiting{background:#0c0a0799}.action-bar .who{font-size:.95rem}.turn-clock{font-variant-numeric:tabular-nums;border:1px solid var(--line);white-space:nowrap;background:#221e18;border-radius:.4rem;padding:.3rem .5rem;font-size:.95rem}.turn-clock.urgent{color:#ffcfc2;background:#3a221b;border-color:#a2503c}.overlay{z-index:5;background:#0807058c;place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.overlay .auction{width:min(26rem,100%);box-shadow:0 1rem 2.5rem #0009}.card-overlay{font:inherit;color:inherit;cursor:pointer;text-align:inherit;border:0}.event-card{border:1px solid var(--line);color:#221e17;background:#f4ecd8;border-radius:.6rem;width:min(24rem,100%);padding:1.4rem 1.5rem;transform:rotate(-1deg);box-shadow:0 1.2rem 3rem #0009}.event-card.chance{border-top:.5rem solid #b9772f}.event-card.chest{border-top:.5rem solid #3f6f8f}.event-card p{margin:0 0 .5rem}.event-card .deck{text-transform:uppercase;letter-spacing:.12em;color:#6d6252;font-size:.75rem}.event-card .text{font-size:1.15rem;line-height:1.35}.event-card .who,.event-card .hint{color:#6d6252;margin:0;font-size:.78rem}.event-card .hint{margin-top:.6rem}.money-flash{font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 .1rem .3rem #000c;border-radius:.35rem;padding:.15rem .4rem;font:600 1rem Segoe UI,system-ui,sans-serif;animation:2.4s ease-out forwards float-away}.money-flash.up{color:#a9e6b4;background:#142e1ad9}.money-flash.down{color:#ffc3b4;background:#3c1812d9}@keyframes float-away{0%{opacity:0;transform:translateY(.5rem)scale(.9)}15%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-1.6rem)}}.money-flash-svg{animation:2.4s ease-out forwards float-away-svg}@keyframes float-away-svg{0%{opacity:0;transform:translateY(.25px)}15%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-.9px)}}.money-flash-svg.up{fill:#a9e6b4}.money-flash-svg.down{fill:#ff9d86}.delta{margin-left:.4rem;font-weight:600;animation:3s ease-out forwards fade-out}.delta.up{color:#8fdba0}.delta.down{color:#ff9d86}@keyframes fade-out{0%,60%{opacity:1}to{opacity:0}}.over{border:1px solid var(--line);background:#262219;border-radius:.4rem;flex-direction:column;gap:.6rem;padding:.8rem;display:flex}.my-streets{border:1px solid var(--line);border-radius:.4rem;padding:.6rem}.my-streets h2{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 .4rem;font-size:.8rem}.my-streets ul{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.my-streets li{flex-direction:column;gap:.2rem;display:flex}.street-name{font:inherit;text-align:left;border:0;border-left:.3rem solid var(--line);color:var(--ink);cursor:pointer;background:0 0;flex-direction:column;padding:0 0 0 .45rem;display:flex}.street-name:hover .name{text-decoration:underline}.street-name .name{font-size:.9rem}.my-streets .rent{color:var(--muted);font-variant-numeric:tabular-nums;padding-left:.75rem;font-size:.75rem}.street-actions{gap:.3rem;padding-left:.75rem;display:flex}.street-actions .action{flex:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:.5rem;flex-direction:column;gap:.75rem;min-height:0;padding:1rem;display:flex;overflow:hidden}h1{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1.15rem}.muted{color:var(--muted);margin:0;font-size:.8rem}.headline{margin:0;font-size:1rem;font-weight:600}.warn{color:#ffd9cf;background:#4a2b23;border-radius:.3rem;margin:0;padding:.5rem .6rem;font-size:.85rem}.players{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.players li{border-radius:.3rem;grid-template-columns:.7rem 1fr auto;align-items:center;gap:.5rem;padding:.3rem .4rem;font-size:.9rem;display:grid}.players li.active{background:#322d25}.dot{border-radius:50%;width:.7rem;height:.7rem}.cash{font-variant-numeric:tabular-nums;color:var(--muted)}.players .name{align-items:baseline;gap:.4rem;min-width:0;display:flex}.token{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.actions,.bids,.manage{flex-wrap:wrap;gap:.4rem;display:flex}.manage{border-top:1px solid var(--line);width:100%;padding-top:.5rem}button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#2f2a23;border-radius:.3rem;padding:.4rem .7rem;font-size:.85rem}button:hover{background:#3a342b}:focus-visible{outline-offset:2px;border-radius:.2rem;outline:2px solid #9dc7a6}button.link{font-size:inherit;color:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.auction{background:#2b2519;border:1px solid #6b5a2a;border-radius:.4rem;flex-direction:column;gap:.35rem;padding:.6rem;display:flex}.auction p{margin:0;font-size:.85rem}.clock{background:#1c1811;border-radius:.2rem;place-items:center;height:1.35rem;display:grid;position:relative;overflow:hidden}.clock-bar{background:#6b5a2a;transition:width .2s linear;position:absolute;inset:0 auto 0 0}.clock span{font-variant-numeric:tabular-nums;font-size:.8rem;position:relative}.log{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:.2rem;margin:0;padding:.5rem 0 0;font-size:.8rem;list-style:none;display:flex}.lobby{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.lobby-card{background:var(--panel);border:1px solid var(--line);border-radius:.6rem;flex-direction:column;gap:1rem;width:min(26rem,100%);padding:1.6rem;display:flex}.lobby-card h1{font-size:1.4rem}.lobby-card label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.lobby-card input{font:inherit;border:1px solid var(--line);color:var(--ink);background:#1b1813;border-radius:.3rem;width:100%;padding:.5rem .6rem;font-size:1rem}.lobby-card #room{letter-spacing:.22em;text-transform:uppercase;font-family:Consolas,ui-monospace,monospace}.lobby-card .row{gap:.5rem;display:flex}.lobby-card .row button{white-space:nowrap}button.primary{background:#3f5f45;border-color:#4d7355;padding:.6rem;font-size:.95rem}button.primary:hover:not(:disabled){background:#4a7052}button.primary:disabled{color:#6f665a;cursor:default;background:#2a2721}.players.waiting li{border:1px solid var(--line);background:#1f1c17;padding:.45rem .55rem}.players.waiting li.free{color:var(--muted);border-style:dashed;font-style:italic}.players.waiting li.free .dot{border:1px dashed var(--line);background:0 0}.players.waiting .cash{text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-style:normal}.invite{border:1px dashed var(--line);border-radius:.4rem;flex-direction:column;gap:.4rem;padding:.7rem;display:flex}.invite .row{flex-wrap:wrap;gap:.4rem;display:flex}.invite input{font:inherit;border:1px solid var(--line);min-width:0;color:var(--ink);background:#16130f;border-radius:.25rem;flex:18rem;padding:.4rem .5rem;font-size:.8rem}.invite button{white-space:nowrap;margin-left:auto}.invite code{font-family:Consolas,ui-monospace,monospace;font-size:.75rem}.card{border:1px solid var(--line);background:#1f1c17;border-radius:.4rem;overflow:hidden}.card-head{background:#272219;border-top:.35rem solid #5b5346;padding:.6rem .7rem .5rem;position:relative}.card-head h2{margin:0;padding-right:1rem;font-size:.95rem;font-weight:600}.owner-dot{border-radius:50%;width:.65rem;height:.65rem;position:absolute;top:.75rem;right:.7rem}.rents{flex-direction:column;gap:.1rem;margin:0;padding:.5rem .7rem;font-size:.8rem;list-style:none;display:flex}.rents li{color:var(--muted);border-radius:.2rem;justify-content:space-between;padding:.12rem .25rem;display:flex}.rents li.now{color:var(--ink);background:#332d22;font-weight:600}.rents .amount{font-variant-numeric:tabular-nums}.card .muted{padding:0 .7rem .5rem}.buildings{gap:.25rem;padding:0 .7rem .6rem;display:flex}.house,.hotel{border:1px solid #4a4238;border-radius:.1rem;height:.7rem}.house{width:.7rem}.hotel{width:1.6rem}.card-actions{background:var(--line);border-top:1px solid var(--line);flex-direction:column;gap:1px;display:flex}button.action{text-align:left;background:#221f19;border:none;border-radius:0;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.45rem .7rem;display:flex}button.action:hover:not(:disabled){background:#322c22}button.action:disabled{color:#6f665a;cursor:default}button.action .amount{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.trade{border-top:1px solid var(--line);flex-direction:column;gap:.6rem;padding-top:.6rem;display:flex}.trade .row{gap:.4rem;display:flex}.trade .row.wrap{flex-wrap:wrap}.offer{background:#262218;border:1px solid #5a5330;border-radius:.4rem;flex-direction:column;gap:.3rem;padding:.6rem;display:flex}.offer p{margin:0;font-size:.82rem}.builder{flex-direction:column;gap:.5rem;display:flex}.columns{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.side{flex-direction:column;gap:.4rem;display:flex}.picks{flex-direction:column;gap:.15rem;max-height:11rem;margin:0;padding:0;list-style:none;display:flex;overflow:auto}button.pick{text-align:left;background:#221f19;align-items:center;gap:.35rem;width:100%;padding:.25rem .35rem;font-size:.78rem;display:flex}button.pick.chosen{background:#3c4a36;border-color:#55684c}.stripe{border-radius:.1rem;flex:none;width:.3rem;height:.85rem}.side label{color:var(--muted);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.side input{font:inherit;border:1px solid var(--line);width:5rem;color:var(--ink);background:#16130f;border-radius:.25rem;padding:.25rem .35rem;font-size:.8rem}.panel-scroll{flex-direction:column;flex:auto;gap:.75rem;min-height:0;padding-right:.25rem;display:flex;overflow-y:auto}.log{flex:none;max-height:11rem;overflow-y:auto}@media (width<=60rem){.page{grid-template-columns:minmax(0,1fr);gap:.75rem;height:auto;padding:.75rem}.board{aspect-ratio:1/1.16;width:100%;height:auto}.panel,.panel-scroll{overflow:visible}.log{max-height:none}}