:root{color-scheme:dark;--bg:#151716;--panel:#222624;--tile:#343c36;--tile-ink:#fff6e3;--ink:#f6eedb;--muted:#b6bdb0;--accent:#ffaf70;--accent-ink:#24170c;--line:#444c43;--court:#252c26;--shadow:#0007;--p0:#f7a665;--p1:#be9be8;font-family:Manrope,sans-serif;font-size:14px}
[data-theme=classic]{color-scheme:light;--bg:#d7d5b9;--panel:#f3eddb;--tile:#f5efd9;--tile-ink:#183327;--ink:#163a2a;--muted:#526453;--accent:#235d41;--accent-ink:#fff4d9;--line:#a0ac8f;--court:#b7c7a5;--shadow:#28402b30}
[data-theme=street]{--bg:#16121f;--panel:#282034;--tile:#392d48;--tile-ink:#fff3eb;--ink:#f3eaff;--muted:#c3b4d4;--accent:#d4f08a;--accent-ink:#242a16;--line:#53405e;--court:#251d31;--shadow:#0006}
[data-theme=noir]{--bg:#171116;--panel:#2b1c25;--tile:#3b2531;--tile-ink:#fae8d2;--ink:#fae8d2;--muted:#c8abbb;--accent:#d8ba85;--accent-ink:#302216;--line:#674454;--court:#291a24;--shadow:#0006}
[data-theme=paper]{color-scheme:light;--bg:#e7d7bd;--panel:#fff0d4;--tile:#fff1d4;--tile-ink:#292420;--ink:#292420;--muted:#695848;--accent:#b93c30;--accent-ink:#fff3df;--line:#3a3028;--court:#efdfc3;--shadow:#32271930}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);overflow:hidden}button,input,select{font:inherit}button{color:inherit;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer;transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.danger{color:#f18c85}.app{height:100dvh;display:grid;grid-template-rows:54px 60px minmax(0,1fr) 30px;padding:0 12px;gap:6px}header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.brand{border:0;background:none;font:700 24px Oswald,sans-serif;letter-spacing:-.8px;padding:0}.brand span{color:var(--accent)}.brand small{font:700 8px Manrope,sans-serif;letter-spacing:2px;margin-left:14px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:6px}.header-actions button{padding:7px 11px;font-size:12px}.theme-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);margin-right:5px}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:8px}.player{display:flex;align-items:center;gap:12px;padding:6px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);position:relative;overflow:hidden}.player.active{border-color:var(--accent)}.player.active:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}.player .dot{width:22px;height:22px;background:var(--p0);border-radius:50%;border:2px solid #0005;box-shadow:inset -4px -4px 0 #0002}.player:nth-child(2) .dot{background:var(--p1)}.player .details{min-width:0;flex:1}.player b{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.player strong{font:600 29px Oswald,sans-serif;white-space:nowrap}.board-viewport{overflow:auto;position:relative;overscroll-behavior:contain;scrollbar-width:thin;border-radius:12px;touch-action:pan-x pan-y}.board{position:relative;display:grid;grid-template-columns:1.35fr repeat(9,1fr) 1.35fr;grid-template-rows:1.5fr repeat(9,1fr) 1.5fr;gap:4px;width:100%;height:100%;min-width:940px;min-height:620px;padding:5px;background:var(--line);border:1px solid var(--line);border-radius:12px;isolation:isolate}.cell{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:6px 7px 4px;border:0;border-radius:5px;background:var(--tile);color:var(--tile-ink);min-width:0;min-height:0;overflow:hidden;box-shadow:0 1px 0 #0004;container-type:inline-size}.cell:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--group,var(--accent))}.cell:hover{z-index:2;box-shadow:inset 0 0 0 2px var(--accent)}.cell.selected{box-shadow:inset 0 0 0 3px var(--accent)}.cell-body{display:flex;gap:5px;align-items:center;min-height:0;flex:1}.cell img{width:32px;height:32px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 1px #0003);background:#f6f0e4;border-radius:5px;padding:2px}.cell-name{font:700 clamp(11px,10cqw,14px)/1.12 Oswald,sans-serif;overflow-wrap:normal;min-width:0;text-align:left}.cell.edge .cell-body{justify-content:center;gap:4px}.cell.edge img{width:28px;height:28px}.cell.edge .cell-name{font-size:clamp(11px,12cqw,14px)}.cell-foot{display:flex;justify-content:space-between;gap:3px;align-items:center;font-size:10px;font-weight:850;line-height:1.1;min-height:12px}.cell-price{white-space:nowrap}.cell.owner-0{border-bottom:3px solid var(--p0)}.cell.owner-1{border-bottom:3px solid var(--p1)}.cell.mortgaged{background:repeating-linear-gradient(135deg,var(--tile),var(--tile) 8px,#8882 8px,#8882 10px);opacity:.78}.cell.mortgaged .cell-price{color:var(--muted)}.special-symbol{font:700 23px Oswald,sans-serif;min-width:25px;text-align:center;color:var(--accent)}.corner .cell-body{justify-content:center}.corner .cell-name{font-size:clamp(14px,13cqw,19px);text-align:center}.corner .special-symbol{font-size:28px}.court{position:relative;grid-column:2/11;grid-row:2/11;background:var(--court);border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;padding:20px;gap:8px}.court-lines{pointer-events:none;position:absolute;inset:5%;border:1px solid var(--line);border-radius:35px;opacity:.4}.court-lines:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid var(--line)}.court-lines:after{content:'';position:absolute;left:50%;top:50%;width:200px;height:200px;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%)}.game-logo{width:230px;max-width:35%;max-height:30%;object-fit:contain;position:relative;filter:drop-shadow(0 8px 10px #0002)}.command{position:relative;width:min(480px,95%);text-align:center;z-index:2}.turn-eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:850;color:var(--accent)}h1{font:600 clamp(23px,2.1vw,35px)/1.12 Oswald,sans-serif;margin:7px 0 9px}.dice-area{display:flex;justify-content:center;align-items:center;gap:18px;height:70px;perspective:600px}.die-wrap{width:42px;height:42px;perspective:400px}.die{position:relative;width:42px;height:42px;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(12deg)}.die .face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;padding:7px;background:#f4ecd8;border:1px solid #b6a994;border-radius:8px;backface-visibility:hidden;box-shadow:inset 0 0 4px #a9947480}.pip{width:6px;height:6px;border-radius:50%;background:#252624;align-self:center;justify-self:center}.face:nth-child(1){transform:translateZ(21px)}.face:nth-child(2){transform:rotateY(90deg) translateZ(21px)}.face:nth-child(3){transform:rotateX(90deg) translateZ(21px)}.face:nth-child(4){transform:rotateX(-90deg) translateZ(21px)}.face:nth-child(5){transform:rotateY(-90deg) translateZ(21px)}.face:nth-child(6){transform:rotateY(180deg) translateZ(21px)}.dice-sum{font:600 28px Oswald,sans-serif;color:var(--accent);width:30px}.turn-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.turn-actions button{font-size:14px;min-height:43px}.move-note{margin:9px 0 0;font-size:11px;color:var(--muted);min-height:15px}.court-bottom{position:absolute;bottom:17px;left:15px;right:15px;display:flex;justify-content:center;gap:7px;z-index:2}.court-bottom button{font-size:12px;padding:8px 15px}.court-bottom span{display:inline-block;background:var(--accent);color:var(--accent-ink);min-width:18px;margin-left:5px;border-radius:4px}.room-info{position:absolute;left:20px;top:14px;font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.map-tools{display:flex;gap:6px}.map-tools button{border:0;background:none;font-size:10px;padding:4px 9px}.tokens{position:absolute;inset:0;pointer-events:none;z-index:4}.token{position:absolute;width:24px;height:24px;filter:drop-shadow(1px 3px 2px #0006);transform-origin:center}.ball{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffcf93 0,#ef8b34 45%,#ac4e21 100%);border:2px solid #352b21;overflow:hidden;position:relative}.token.player-1 .ball{background:radial-gradient(circle at 30% 20%,#e2d4ff 0,#ae8cd7 48%,#6e498d 100%)}.ball:before,.ball:after{content:'';position:absolute;inset:0;border:1px solid #392d2c;border-radius:50%}.ball:before{width:38%;left:28%}.ball:after{height:38%;top:28%}.token:after{content:attr(data-player);position:absolute;font:900 9px Manrope;background:#161616;color:#fff;border-radius:50%;width:12px;height:12px;text-align:center;right:-3px;bottom:-3px}.buildings{display:flex;gap:2px;align-items:center}.mini-court{display:inline-block;position:relative;width:12px;height:9px;background:#75ba8a;border:1px solid #132c1b;border-radius:1px}.mini-court:before{content:'';position:absolute;left:45%;top:0;bottom:0;border-left:1px solid #d8f2db}.mini-arena{display:inline-block;width:24px;height:12px;background:#d89965;border:2px solid #4b301e;border-radius:7px 7px 3px 3px;position:relative}.mini-arena:after{content:'';position:absolute;inset:2px 4px;border:1px solid #eed2a5;border-radius:50%}.building-preview{display:flex;gap:7px;justify-content:center;padding:12px}.building-preview .mini-court{width:45px;height:28px;border-width:2px}.building-preview .mini-arena{width:95px;height:45px;border-radius:30px 30px 9px 9px}.building-preview .mini-arena:after{inset:6px 16px}.building-pop{animation:build-pop .4s ease-out}@keyframes build-pop{0%{transform:scale(.3) translateY(-10px)}70%{transform:scale(1.15)}100%{transform:none}}
dialog{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 30px);box-shadow:0 25px 90px #0007;overflow:auto}dialog::backdrop{background:#080a0ac9;backdrop-filter:blur(5px)}dialog>small{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:800}dialog h2{font:600 29px/1.15 Oswald;margin:8px 0 20px}dialog h3{font:600 21px Oswald}dialog p,dialog li{line-height:1.6;font-size:13px}dialog li{margin-bottom:10px}dialog>button:not(.close){width:100%;margin-top:10px}dialog .close{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:24px;padding:0;width:32px;height:32px;font-weight:400}label{display:block;font-size:12px;font-weight:750;margin:12px 0}input,select{width:100%;display:block;margin-top:7px;border:1px solid var(--line);border-radius:8px;padding:11px;background:var(--bg);color:var(--ink);font-size:15px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin:0}input[type=range]{padding:0;accent-color:var(--accent)}.hint{font-size:11px!important;color:var(--muted);line-height:1.5}.toggle{display:flex;align-items:center;justify-content:space-between;gap:15px}.separator{text-align:center;font-size:11px;color:var(--muted);margin:24px 0 10px}.error{color:#ee9b91;min-height:16px}#join-code{font-family:Oswald;letter-spacing:5px;text-transform:uppercase;font-size:24px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theme-options button{text-align:left;font-size:14px;padding:12px}.theme-options i{height:38px;border-radius:6px;display:block;margin-bottom:8px;background:linear-gradient(135deg,#252c26 60%,#ffaf70 60%)}.theme-options small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.theme-options [data-theme=classic] i{background:linear-gradient(135deg,#b7c7a5 60%,#235d41 60%)}.theme-options [data-theme=street] i{background:linear-gradient(135deg,#392d48 60%,#d4f08a 60%)}.theme-options [data-theme=noir] i{background:linear-gradient(135deg,#3b2531 60%,#d8ba85 60%)}.theme-options [data-theme=paper] i{background:linear-gradient(135deg,#fff1d4 60%,#b93c30 60%)}.theme-options .active{outline:2px solid var(--accent)}.club-heading{display:flex;gap:16px;align-items:center;padding-right:12px}.club-heading h2{margin:5px 0;font-size:27px}.club-heading small{font-size:10px;text-transform:uppercase;color:var(--accent);font-weight:800}.club-heading p{margin:0;color:var(--muted);font-size:11px}#club-logo img{width:74px;height:74px;object-fit:contain;background:#f5efdf;border-radius:12px;padding:7px}.property-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 6px}.property-stats>div{background:var(--bg);border:1px solid var(--line);padding:10px 14px;border-radius:10px}.property-stats small{display:block;color:var(--muted);font-size:10px}.property-stats b{font:600 27px Oswald}.group-cards{display:flex;gap:6px;margin:12px 0}.group-cards button{flex:1;min-width:0;padding:8px 4px;font-size:10px}.group-cards img{height:30px;width:30px;object-fit:contain;display:block;margin:0 auto 5px;background:#f5efdf;border-radius:3px}.group-cards small{display:block;margin-top:3px;color:var(--muted)}.rent-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:6px 2px;font-size:12px}.rent-row.current{color:var(--accent);font-weight:850}.property-actions{display:grid;gap:8px;margin-top:15px}.property-actions button{width:100%}.portfolio-list{display:grid;gap:7px}.portfolio-item{display:flex;align-items:center;gap:10px;text-align:left;width:100%;font-size:12px}.portfolio-item img{width:32px;height:32px;object-fit:contain;background:#f5efdf;border-radius:4px}.portfolio-item span{flex:1}.portfolio-item small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.wide-dialog{width:min(680px,calc(100vw - 24px))}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trade-item{display:flex;gap:8px;align-items:center;font-size:11px;padding:7px 0;border-bottom:1px solid var(--line)}.trade-item img{width:25px;height:25px;object-fit:contain;background:#f5efdf}.trade-item span{flex:1}.trade-item input{flex-shrink:0}.offer-side{padding:14px;background:var(--bg);border-radius:10px;margin:10px 0}.offer-side b{display:block;color:var(--accent);margin-bottom:6px}.offer-side p{margin:3px 0}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.auction-number{font:600 55px Oswald;color:var(--accent)}#history-list{padding-left:20px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:45px;transform:translateX(-50%);padding:14px 22px;border:1px solid var(--accent);border-radius:12px;background:var(--panel);color:var(--ink);z-index:100;font-size:13px;max-width:90vw;box-shadow:0 4px 25px #0006}.version{display:block;font-size:9px!important;letter-spacing:.5px!important;color:var(--muted)!important;margin-top:20px}
@media(min-width:1600px){.cell img{width:40px;height:40px}.cell-name{font-size:16px}.cell.edge .cell-name{font-size:15px}.cell.edge img{width:36px;height:36px}}
@media(max-height:780px) and (min-width:850px){.app{grid-template-rows:46px 48px minmax(0,1fr) 24px;gap:4px}.board{min-height:540px}.game-logo{width:190px;max-height:25%}.court{gap:2px}.court-bottom{bottom:10px}h1{font-size:26px}.dice-area{height:58px}.cell{padding:5px 4px 3px}.cell img{width:26px;height:26px}.cell-name,.cell.edge .cell-name{font-size:11px}.cell-foot{font-size:9px}.player strong{font-size:25px}}
@media(max-width:849px){.app{grid-template-rows:48px 56px minmax(0,1fr) 28px;padding:0 6px;gap:5px;padding-bottom:145px}.brand{font-size:20px}.brand small{display:none}.header-actions{gap:3px}.header-actions button{padding:6px 8px;font-size:11px}#theme-name{display:none}#fullscreen{display:none}.player{padding:6px 9px;gap:7px}.player strong{font-size:23px}.player b{font-size:11px}.player small{font-size:8px}.player .dot{width:17px;height:17px}.command{position:fixed;bottom:0;left:0;right:0;width:100%;padding:10px 12px 12px;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -8px 30px #0003;display:grid;grid-template-columns:1fr auto;column-gap:12px;text-align:left;z-index:10}.turn-eyebrow{grid-column:1;font-size:9px}.command h1{font-size:21px;margin:3px 0;grid-column:1}.dice-area{grid-column:2;grid-row:1/3;height:46px;gap:12px;transform:scale(.77);transform-origin:right center}.turn-actions{grid-column:1/3;justify-content:stretch;margin-top:7px;flex-wrap:nowrap}.turn-actions button{flex:1;font-size:12px;padding:9px 10px;min-height:38px}.move-note{grid-column:1/3;font-size:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:6px}.court-bottom{bottom:15px}.room-info{font-size:11px}.toast{bottom:160px}.game-logo{width:280px;max-height:45%;max-width:65%}.trade-columns{gap:12px}dialog{padding:25px 18px}.court{overflow:visible}footer{font-size:9px}}
.mobile-quick{display:none}.tour-strip{position:absolute;right:15px;top:10px;display:flex;gap:5px}.tour-strip button{font:600 10px Oswald;padding:5px 8px;line-height:1.2;border-radius:6px}.tour-strip button span{display:block;font:800 8px Manrope;color:var(--muted);margin-top:2px}.tour-strip .owned-0{border-color:var(--p0)}.tour-strip .owned-1{border-color:var(--p1)}
@media(max-width:849px){.app{padding-bottom:177px}.mobile-quick{display:flex;grid-column:1/3;gap:6px;margin-top:5px}.mobile-quick button{border:0;font-size:10px;flex:1;padding:3px 5px;color:var(--muted)}.tour-strip button{font-size:12px;padding:8px}.tour-strip button span{font-size:10px}}
.board.overview .cell-name{display:none}.board.overview .cell img,.board.overview .cell.edge img{width:50px;height:50px;max-height:100%;padding:2px}.board.overview .cell-body{justify-content:center}.board.overview .cell-foot{font-size:19px;min-height:22px}.board.overview .cell .special-symbol{font-size:32px}.board.overview .corner .cell-name{display:block;font-size:23px}.board.overview .tour-strip{display:none}.board.overview .court-bottom{display:none}.board.overview .game-logo{width:400px;max-width:80%;max-height:40%}.board.overview .room-info{font-size:21px}.board.overview .token{width:34px;height:34px}.board.overview .token:after{font-size:15px;width:20px;height:20px}.board.overview .mini-court{width:19px;height:14px}.board.overview .mini-arena{width:37px;height:20px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}