@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@700;800;900&display=swap";:root{--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Playfair Display", Georgia, serif;--bg-deep:#060810;--bg-primary:#0c0f18;--bg-elevated:#111520;--bg-card:#0e121ed9;--bg-hover:#ffffff0f;--bg-subtle:#ffffff09;--bg-board:linear-gradient(145deg, #dfd2b4 0%, #d0be96 40%, #c4af82 100%);--gold:#c9952e;--gold-light:#e4be5a;--gold-dim:#c9952e40;--text-primary:#eae5da;--text-secondary:#eae5da85;--text-muted:#eae5da4d;--text-tile:#2a1f10;--border:#ffffff0f;--border-light:#ffffff1f;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:30px;--sh-card:0 6px 24px #0000004d;--sh-board:0 30px 80px #00000080, inset 0 1px 0 #ffffff59;--sh-tile:inset 0 0 0 1px #503c1e14;--sh-building:0 2px 5px #0006;font-family:var(--font-ui);color:var(--text-primary);background:var(--bg-deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.45}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}p{margin:0}#root{min-height:100vh}.app-shell{background:radial-gradient(ellipse at 15% 0%, #c9952e0a 0%, transparent 50%), radial-gradient(ellipse at 85% 100%, #283c8c0f 0%, transparent 50%), linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-primary) 100%);min-height:100vh}.home-shell,.lobby-shell{max-width:1100px;margin:0 auto;padding:40px clamp(20px,4vw,60px)}.home-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:36px;display:grid}.home-copy{padding-top:16px}.eyebrow{text-transform:uppercase;letter-spacing:.25em;color:var(--gold);margin:0 0 10px;font-size:.7rem;font-weight:700}.home-copy h1{font-family:var(--font-display);background:linear-gradient(135deg, var(--text-primary) 40%, var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:12ch;margin:0;font-size:clamp(2.6rem,5vw,4.6rem);font-weight:900;line-height:.95}.hero-text{max-width:48ch;color:var(--text-secondary);margin-top:14px;font-size:.92rem;line-height:1.65}.mode-tabs{gap:8px;margin-top:20px;display:flex}.hero-actions{flex-wrap:wrap;align-items:end;gap:10px;margin-top:16px;display:flex}.hero-actions label,.trade-box label,.connection-box label{color:var(--text-secondary);gap:4px;font-size:.8rem;font-weight:500;display:grid}.connection-box{gap:12px;display:grid}.room-pill,.notice{border-radius:var(--r-md);background:var(--bg-subtle);color:var(--text-secondary);padding:11px 14px;font-size:.88rem}.room-pill{justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-form{flex-wrap:wrap;gap:8px;display:flex}.inline-form.twin{grid-template-columns:1fr;display:grid}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:18px}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel-head h3{margin:0;font-size:.95rem;font-weight:700}.panel-head span{color:var(--text-secondary);font-size:.78rem}.setup-card{align-self:end}.lobby-panel{max-width:900px}button,select,input{border-radius:var(--r-sm);font:inherit;border:0;padding:9px 14px;font-size:.84rem}button{color:var(--text-primary);cursor:pointer;border:1px solid var(--border);background:#ffffff12;font-weight:600;transition:all .15s}button:hover:not(:disabled){border-color:var(--border-light);background:#ffffff1f}button:disabled{cursor:not-allowed;opacity:.3}.primary{background:linear-gradient(135deg, var(--gold), #d4a030);color:#1a1200;box-shadow:0 2px 14px var(--gold-dim);border:1px solid #c9952e80}.primary:hover:not(:disabled){background:linear-gradient(135deg, var(--gold-light), var(--gold));box-shadow:0 4px 22px var(--gold-dim)}.ghost{color:var(--text-secondary);background:0 0;border-color:#0000;padding:6px 10px}.ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d}select,input{color:var(--text-primary);border:1px solid var(--border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1e1e2e}select option{color:var(--text-primary);background:#1e1e2e}select option:checked,select option:hover{color:var(--gold-light);background:#2e2e44}select:focus,input:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-dim);outline:none}.actions{flex-wrap:wrap;gap:8px;display:flex}.game-shell{grid-template-rows:auto 1fr auto;height:100dvh;display:grid;overflow:hidden}.game-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);align-items:center;gap:16px;min-height:56px;padding:10px 20px;display:flex}.header-brand{align-items:baseline;gap:10px;margin-right:auto;display:flex}.header-brand h2{font-family:var(--font-display);color:var(--gold-light);margin:0;font-size:1.3rem;font-weight:800}.header-brand span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:600}.header-turn{background:var(--bg-subtle);border-radius:999px;align-items:center;gap:10px;padding:5px 14px;font-size:.82rem;display:flex}.header-turn .turn-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.header-dice{align-items:center;gap:5px;display:flex}.die{color:#2a1f10;background:linear-gradient(145deg,#fff,#e8dfc8);border-radius:5px;place-items:center;width:30px;height:30px;font-size:.95rem;font-weight:800;display:grid;box-shadow:0 2px 6px #0003,inset 0 1px #fffc}.die-speed{color:#e65100;background:linear-gradient(145deg,#fff3e0,#ffe0b2)}.die-plus{color:var(--text-muted);font-size:.7rem;font-weight:600}.dice-overlay{z-index:50;pointer-events:none;border-radius:inherit;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dice-overlay:before{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:inherit;background:#0a0a128c;position:absolute;inset:0}.dice-overlay-inner{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.dice-face{background:linear-gradient(145deg,#fff,#f0e8d0);border-radius:14px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4px;width:80px;height:80px;padding:10px;display:grid;box-shadow:0 8px 24px #00000073,0 2px 6px #0000004d,inset 0 1px #ffffffe6,inset 0 -2px 4px #00000014}.dice-overlay-inner{flex-flow:wrap;justify-content:center;gap:20px}.dice-result-label{text-align:center;color:#fff;text-shadow:0 2px 8px #0009;letter-spacing:.03em;flex:0 0 100%;font-size:1.1rem;font-weight:700;animation:.3s ease-out dice-label-in}.pip{background:0 0;border-radius:50%;transition:background 50ms}.pip-on{background:#1a1008;box-shadow:inset 0 1px 2px #0006}@keyframes dice-shake{0%{transform:translate(0)rotate(0)}15%{transform:translate(-4px,-6px)rotate(-8deg)}30%{transform:translate(5px,3px)rotate(6deg)}45%{transform:translate(-3px,5px)rotate(-5deg)}60%{transform:translate(4px,-4px)rotate(7deg)}75%{transform:translate(-5px,2px)rotate(-4deg)}90%{transform:translate(2px,-3px)rotate(3deg)}to{transform:translate(0)rotate(0)}}@keyframes dice-land{0%{opacity:0;transform:scale(.6)translateY(-20px)rotate(20deg)}50%{opacity:1;transform:scale(1.12)translateY(4px)rotate(-3deg)}70%{transform:scale(.96)translateY(-2px)rotate(1deg)}85%{transform:scale(1.03)translateY(1px)}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}@keyframes dice-overlay-out{0%{opacity:1}70%{opacity:1}to{opacity:0}}.dice-overlay-rolling{animation:none}.dice-overlay-showing{animation:1.8s ease-out forwards dice-overlay-out}.big-die.rolling{will-change:transform;animation:.18s ease-in-out infinite dice-shake}.big-die.landing{will-change:transform, opacity;animation:.5s cubic-bezier(.22,1,.36,1) forwards dice-land}.big-die.landing:nth-child(2){animation-delay:80ms}.card-overlay{z-index:60;cursor:pointer;border-radius:inherit;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-overlay:before{content:"";border-radius:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;inset:0}.card-overlay-chance:before{background:#0c080299}.card-overlay-community:before{background:#02081699}@keyframes card-flip-in{0%{opacity:0;transform:rotateY(90deg)scale(.8)}55%{opacity:1;transform:rotateY(-8deg)scale(1.04)}75%{transform:rotateY(4deg)scale(1.01)}to{opacity:1;transform:rotateY(0)scale(1)}}@keyframes card-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)translateY(-12px)}}.drawn-card{perspective:800px;width:min(320px,85%);transform-style:preserve-3d;border-radius:18px;gap:18px;padding:28px 24px 20px;animation:.55s cubic-bezier(.22,1,.36,1) forwards card-flip-in;display:grid;position:relative}.drawn-card-chance{color:#1a0e00;background:linear-gradient(145deg,#f5b800,#e08000);border:2px solid #ffdc5080;box-shadow:0 20px 60px #0009,0 4px 16px #0006,inset 0 1px #ffffff4d}.drawn-card-community{color:#e3f2fd;background:linear-gradient(145deg,#1565c0,#0d47a1);border:2px solid #64b4ff66;box-shadow:0 20px 60px #0009,0 4px 16px #0006,inset 0 1px #ffffff26}.drawn-card:after{content:"";pointer-events:none;border-radius:12px;position:absolute;inset:8px}.drawn-card-chance:after{border:1.5px solid #ffc82866}.drawn-card-community:after{border:1.5px solid #64b4ff40}.drawn-card-header{justify-content:center;align-items:center;gap:10px;display:flex}.drawn-card-type{border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:1.3rem;font-weight:900;display:grid}.drawn-card-chance .drawn-card-type{color:#fff8e0;background:#0000002e}.drawn-card-community .drawn-card-type{color:#fff;background:#ffffff26}.drawn-card-deck{text-transform:uppercase;letter-spacing:.18em;opacity:.75;font-size:.78rem;font-weight:800}.drawn-card-text{text-align:center;margin:0;padding:4px 0;font-size:1.15rem;font-weight:700;line-height:1.45}.drawn-card-chance .drawn-card-text{color:#1a0e00}.drawn-card-community .drawn-card-text{color:#fff}.drawn-card-footer{border-top:1px solid #ffffff26;align-items:center;gap:7px;padding-top:12px;display:flex}.drawn-card-chance .drawn-card-footer{border-top-color:#0000001f}.drawn-card-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 2px #ffffff4d}.drawn-card-player{opacity:.85;flex:1;font-size:.78rem;font-weight:700}.drawn-card-dismiss{opacity:.45;font-size:.65rem;font-style:italic}.phase-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.phase-badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.6s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.25}}.phase-roll{color:#66bb6a;background:#66bb6a1a}.phase-buy{color:#42a5f5;background:#42a5f51a}.phase-auction{color:#ffa726;background:#ffa7261a}.phase-build{color:#ab47bc;background:#ab47bc1a}.phase-jail{color:#ef5350;background:#ef53501a}.phase-bus{color:#ffee58;background:#ffee581a}.phase-over{color:var(--gold);background:var(--gold-dim)}.header-actions{gap:6px;display:flex}.game-main{grid-template-columns:1fr 460px;min-width:0;display:grid;overflow:hidden}.board-area{place-items:center;min-width:0;padding:16px;display:grid;overflow:auto}.side-panel{border-left:1px solid var(--border);background:var(--bg-primary);grid-template-rows:auto 1fr;width:460px;min-width:0;max-width:460px;display:grid;overflow:hidden}.side-tabs{border-bottom:1px solid var(--border);padding:0 4px;display:flex}.side-tab{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:10px 8px;font-size:.76rem;font-weight:600;transition:all .15s}.side-tab:hover{color:var(--text-primary);background:0 0}.side-tab.active{color:var(--gold-light);border-bottom-color:var(--gold);background:0 0}.side-content{box-sizing:border-box;align-content:start;gap:14px;min-width:0;padding:16px;display:grid;overflow:hidden auto}.side-content input,.side-content select,.side-content textarea{box-sizing:border-box;width:100%;min-width:0}.side-content .panel{min-width:0;overflow:hidden}.player-bar{border-top:1px solid var(--border);background:var(--bg-elevated);align-items:stretch;gap:8px;padding:8px 16px;display:flex;overflow-x:auto}.player-chip{border-radius:var(--r-md);background:var(--bg-subtle);border:1px solid var(--border);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;min-width:0;padding:8px 14px;transition:all .15s;display:flex}.player-chip:hover{background:var(--bg-hover);border-color:var(--border-light)}.player-chip.is-active{border-color:var(--gold);box-shadow:0 0 12px var(--gold-dim)}.player-chip.is-bankrupt{opacity:.3;pointer-events:none}.chip-color{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 6px}.chip-info{gap:1px;min-width:0;display:grid}.chip-name{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.chip-cash{color:var(--text-secondary);font-size:.7rem;font-weight:500}.board-frame{aspect-ratio:1;border-radius:var(--r-xl);background:var(--bg-board);box-shadow:var(--sh-board);gap:3px;width:min(100vh - 120px,100vw - 420px);max-width:1000px;padding:12px;display:grid}.tile{min-width:0;min-height:0;color:var(--text-tile);box-shadow:var(--sh-tile);cursor:pointer;background:#fffcf2f5;border-radius:6px;flex-direction:column;transition:box-shadow .18s;display:flex;position:relative;overflow:hidden}.tile:not(.tile-clickable){cursor:default}.tile:hover{box-shadow:var(--sh-tile), 0 4px 14px #0003;z-index:10}.tile-glow{box-shadow:var(--sh-tile), 0 0 12px var(--gold-dim);z-index:5}.tile-stripe{flex-shrink:0;width:100%;height:7px}.tile-top .tile-stripe{order:99}.tile-right .tile-stripe{width:7px;height:100%;position:absolute;top:0;bottom:0;left:0}.tile-right .tile-title,.tile-right .tile-meta,.tile-right .buildings-row,.tile-right .tile-tokens{padding-left:10px}.tile-left .tile-stripe{width:7px;height:100%;position:absolute;top:0;bottom:0;right:0}.tile-left .tile-title,.tile-left .tile-meta,.tile-left .buildings-row,.tile-left .tile-tokens{padding-right:10px}.tile-owned-indicator{height:3px;transition:background .2s;position:absolute;bottom:0;left:0;right:0}.tile-top .tile-owned-indicator{top:0;bottom:auto}.tile-right .tile-owned-indicator{width:3px;height:100%;inset:0 auto 0 0}.tile-left .tile-owned-indicator{width:3px;height:100%;inset:0 0 0 auto}.tile-title{flex:1;gap:1px;padding:4px 5px 2px;font-size:.58rem;font-weight:500;line-height:1.2;display:grid}.tile-title strong{color:#2a1f108c;align-self:end;font-size:.54rem;font-weight:700}.tile-icon{text-align:center;flex:1;place-items:center;padding:3px 0;font-size:1rem;line-height:1;display:grid}.tile-meta{flex-wrap:wrap;flex-shrink:0;gap:3px;padding:0 5px;display:flex}.tile-meta small{text-transform:uppercase;letter-spacing:.03em;font-size:.44rem;font-weight:700}.tile-meta .tag-mortgaged{color:#c62828}.tile-meta .tag-depot{color:#f9a825}.tile-tokens{flex-wrap:wrap;flex-shrink:0;gap:3px;padding:2px 4px 3px;display:flex}.stripe-brown{background:linear-gradient(90deg,#6d4534,#8b5e3c)}.stripe-lightBlue{background:linear-gradient(90deg,#4fc3f7,#81d4fa)}.stripe-pink{background:linear-gradient(90deg,#ec407a,#f48fb1)}.stripe-orange{background:linear-gradient(90deg,#ef6c00,#ff9800)}.stripe-red{background:linear-gradient(90deg,#d32f2f,#ef5350)}.stripe-yellow{background:linear-gradient(90deg,#f9a825,#fdd835)}.stripe-green{background:linear-gradient(90deg,#2e7d32,#4caf50)}.stripe-darkBlue{background:linear-gradient(90deg,#1565c0,#1e88e5)}.stripe-railroad{background:linear-gradient(90deg,#263238,#455a64)}.stripe-utility{background:linear-gradient(90deg,#00838f,#26c6da)}.stripe-special{background:linear-gradient(90deg,#b8a88a,#c8b89a)}.token{color:#111;border-radius:50%;place-items:center;width:16px;height:16px;font-size:.48rem;font-weight:900;display:inline-grid;box-shadow:0 2px 5px #0000004d,inset 0 1px #ffffff40}.token-active{animation:1.6s ease-in-out infinite token-glow}@keyframes token-glow{0%,to{box-shadow:0 2px 5px #0000004d,0 0 #ffd70080}50%{box-shadow:0 2px 5px #0000004d,0 0 0 3px #ffd70000}}.buildings-row{justify-content:center;align-items:flex-end;gap:2px;min-height:18px;padding:1px 4px 0;display:flex}.bld{filter:drop-shadow(0 1px 2px #0006);flex-direction:column;align-items:center;display:flex;position:relative}.bld-house{width:12px}.bld-house .bld-roof{border-bottom:5px solid #795548;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0}.bld-house .bld-body{background:linear-gradient(90deg,#4caf50 62%,#388e3c 62%);border-radius:0 0 1px 1px;width:10px;height:7px;position:relative}.bld-house .bld-body:before{content:"";background:#ffffc8a6;border-radius:.5px;width:3px;height:3px;position:absolute;top:1px;left:2px}.bld-hotel{width:15px}.bld-hotel .bld-roof{background:#b71c1c;border-radius:1px 1px 0 0;width:15px;height:2px;position:relative}.bld-hotel .bld-roof:before{content:"";background:#9e9e9e;border-radius:1px 1px 0 0;width:4px;height:3px;position:absolute;top:-3px;left:5px}.bld-hotel .bld-body{background:linear-gradient(90deg,#f44336 62%,#d32f2f 62%);border-radius:0 0 1px 1px;width:13px;height:12px;position:relative}.bld-hotel .bld-body:before{content:"";background:repeating-linear-gradient(#0000 0 1.5px,#ffffc84d 1.5px 2.5px);width:9px;height:8px;position:absolute;top:1px;left:2px}.bld-sky{width:12px}.bld-sky .bld-antenna{background:#90caf9;width:1px;height:4px;margin:0 auto;position:relative}.bld-sky .bld-antenna:after{content:"";background:#f44336;border-radius:50%;width:3px;height:2px;animation:2s ease-in-out infinite blink;position:absolute;top:-1px;left:-1px}@keyframes blink{0%,40%,60%,to{opacity:1}50%{opacity:.15}}.bld-sky .bld-body{background:linear-gradient(90deg,#42a5f5 58%,#1e88e5 58%);border-radius:1px 1px 0 0;width:10px;height:18px;position:relative;overflow:hidden}.bld-sky .bld-body:before{content:"";background:#ffffff1f;width:3px;height:100%;position:absolute;top:0;left:1px}.bld-sky .bld-body:after{content:"";background:repeating-linear-gradient(#0000 0 2.5px,#ffffff1a 2.5px 3px);position:absolute;inset:2px 1px 1px}.bld-depot{width:16px}.bld-depot .bld-roof{background:#5d4037;border-radius:1px 1px 0 0;width:18px;height:2px}.bld-depot .bld-body{background:linear-gradient(90deg,#fdd835 62%,#f9a825 62%);border-radius:0 0 1px 1px;width:14px;height:5px}.board-center{border-radius:var(--r-lg);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border);background:radial-gradient(at 50% 20%,#c9952e1a,#0000 60%),linear-gradient(#080a14f2,#0e0c1af7);grid-area:3/3/10/10;grid-template-rows:1fr auto;gap:12px;padding:18px;display:grid}.center-brand{text-align:center;place-content:center;gap:4px;display:grid}.mono-logo{flex-direction:column;align-items:center;gap:1px;line-height:1;display:flex}.mono-logo-sub{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:#1a1a2e;background:linear-gradient(90deg, var(--gold-light), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(.45rem,1.2vw,.65rem);font-style:italic;font-weight:700}.mono-logo-main{font-family:var(--font-display);letter-spacing:-.01em;color:#d0021b;text-shadow:2px 2px #8b0000,4px 4px #00000059,0 0 20px #d0021b2e;background:linear-gradient(#fff9ee 0%,#fde68a 50%,#f5c842 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(2px 3px #00000080);paint-order:stroke fill;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,4.2vw,3.4rem);font-style:italic;font-weight:900;line-height:.85}.mono-logo-edition{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:.85;margin-top:2px;font-size:clamp(.4rem,1vw,.58rem);font-weight:700}.center-active-count{color:var(--text-muted);margin-top:2px;font-size:.62rem}.dice-last-roll{border-radius:var(--r-md);border:1px solid var(--border);background:#ffffff0a;flex-wrap:nowrap;align-items:center;gap:7px;padding:7px 10px;display:flex}.dice-log-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dice-log-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.72rem;font-weight:600;overflow:hidden}.dice-log-faces{flex-shrink:0;gap:4px;display:flex}.dice-log-total{color:var(--gold-light);flex-shrink:0;font-size:.78rem;font-weight:700}.dice-doubles-badge{color:var(--gold);background:#c9952e1f;border:1px solid #c9952e4d;border-radius:999px;padding:1px 5px;font-size:.66rem;font-weight:700}.dice-face.mini-die{background:linear-gradient(145deg,#fff,#ece0c4);border-radius:4px;gap:1.5px;width:22px;height:22px;padding:3px;box-shadow:0 2px 5px #0000004d,inset 0 1px #fffc}.dice-face.mini-die .pip{border-radius:50%}.dice-face.mini-die .pip-on{background:#1a1008}.center-info{border-radius:var(--r-md);border:1px solid var(--border);background:#ffffff06;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;font-size:.68rem;display:grid}.center-info h3{margin:0;font-size:.72rem}.single-column{grid-template-columns:1fr}.turn-section{gap:10px;display:grid}.turn-section .actions{margin-top:4px}.turn-section .actions .primary{flex:1;min-height:42px;font-size:.9rem}.tile-detail{gap:14px;display:grid}.special-tile-header{border-radius:var(--r-md);background:var(--bg-subtle);border:1px solid var(--border);align-items:center;gap:14px;padding:14px;display:flex}.special-tile-icon{border-radius:var(--r-md);background:linear-gradient(135deg, var(--gold-dim), #c9952e1f);border:1px solid #c9952e4d;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.4rem;display:grid}.special-tile-header h3{margin:0;font-size:1.05rem;font-weight:800}.special-tile-sub{color:var(--text-secondary);margin:3px 0 0;font-size:.78rem;line-height:1.4}.special-rules-list{border:1px solid var(--border);border-radius:var(--r-md);gap:0;display:grid;overflow:hidden}.special-rule-row{border-bottom:1px solid #ffffff0a;gap:2px;padding:9px 13px;transition:background .12s;display:grid}.special-rule-row:last-child{border-bottom:none}.special-rule-row:hover{background:var(--bg-hover)}.special-rule-heading{color:var(--gold-light);font-size:.8rem;font-weight:700}.special-rule-body{color:var(--text-secondary);font-size:.75rem;line-height:1.45}.detail-back{justify-self:start}.detail-header{gap:6px;display:grid}.detail-color{border-radius:4px;height:8px}.detail-header h3{margin:0;font-size:1.15rem;font-weight:800}.detail-header p{color:var(--text-secondary);font-size:.85rem}.rent-chart{border:1px solid var(--border);border-radius:var(--r-md);gap:0;display:grid;overflow:hidden}.rent-chart-title{background:var(--bg-subtle);border-bottom:1px solid var(--border);padding:8px 12px;font-size:.78rem;font-weight:700}.rent-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.82rem;transition:background .15s;display:flex}.rent-row:last-child{border-bottom:none}.rent-row span{color:var(--text-secondary)}.rent-row strong{font-weight:700}.rent-active{background:var(--gold-dim);color:var(--gold-light)}.rent-active span{color:var(--gold-light)}.detail-owner{border-radius:var(--r-md);background:var(--bg-subtle);align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;display:flex}.detail-owner .owner-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.detail-buildings{border-radius:var(--r-md);background:var(--bg-subtle);align-items:center;gap:8px;padding:10px 12px;display:flex}.detail-buildings span{color:var(--text-secondary);font-size:.82rem}.detail-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.detail-actions button{min-height:38px}.portfolio-stats{grid-template-columns:1fr 1fr;gap:8px;min-width:0;display:grid}.stat-card{border-radius:var(--r-md);background:var(--bg-subtle);border:1px solid var(--border);gap:2px;padding:10px 12px;display:grid}.stat-card span{color:var(--text-secondary);font-size:.72rem}.stat-card strong{font-size:1rem;font-weight:700}.stat-card.wide{grid-column:1/-1}.holdings-list{gap:6px;display:grid}.holding-item{border-radius:var(--r-md);background:var(--bg-subtle);cursor:pointer;grid-template-columns:6px 1fr auto;align-items:center;gap:8px;padding:10px;transition:background .15s;display:grid}.holding-item:hover{background:var(--bg-hover)}.holding-color{border-radius:3px;width:6px;height:100%;min-height:24px}.holding-info{gap:1px;min-width:0;display:grid}.holding-info strong{font-size:.82rem;font-weight:600}.holding-info small{color:var(--text-secondary);font-size:.72rem}.holding-buildings{align-items:flex-end;gap:2px;display:flex}.roster{gap:6px;display:grid}.player-card{border-radius:var(--r-md);background:var(--bg-subtle);grid-template-columns:6px 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.player-card.is-bankrupt{opacity:.3}.player-tag{border-radius:999px;width:6px;height:100%;min-height:28px}.player-nums{text-align:right;gap:1px;display:grid}.player-nums span{font-size:.88rem;font-weight:600}.player-nums small{color:var(--text-muted);font-size:.72rem}.trade-desk{gap:12px;display:grid}.trade-partner-label{color:var(--text-secondary);gap:4px;font-size:.8rem;font-weight:500;display:grid}.offer-grid{border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:1fr 20px 1fr;gap:0;display:grid;overflow:hidden}.offer-col{align-content:start;gap:0;min-width:0;padding:10px;display:grid}.offer-col-you{background:#ffffff06}.offer-col-them{border-left:1px solid var(--border);background:#ffffff05}.offer-col-head{justify-content:space-between;align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.offer-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.72rem;font-weight:700}.offer-total{color:var(--gold-light);font-size:.9rem}.offer-cash-label{color:var(--text-secondary);gap:3px;margin-bottom:8px;font-size:.75rem;display:grid}.offer-cash-label input{width:100%;min-width:0;padding:5px 7px;font-size:.82rem}.offer-divider{color:var(--text-muted);background:var(--bg-elevated);justify-content:center;align-items:center;font-size:.9rem;display:flex}.offer-deed-list{gap:2px;display:grid}.deed-check{cursor:pointer;border-radius:4px;align-items:center;gap:5px;padding:3px 2px;font-size:.78rem;transition:background .1s;display:flex}.deed-check:hover{background:var(--bg-hover)}.deed-check.is-locked{opacity:.4;cursor:not-allowed}.deed-check input[type=checkbox]{width:13px;height:13px;accent-color:var(--gold);flex-shrink:0;margin:0;padding:0}.deed-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.deed-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.muted-sm{color:var(--text-muted);padding:2px 0;font-size:.74rem;font-style:italic}.deal-bar{border-radius:var(--r-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:9px 12px;font-size:.78rem;display:flex}.deal-bar-even{border:1px solid var(--border);background:#ffffff0a}.deal-bar-win{background:#22c55e14;border:1px solid #22c55e33}.deal-bar-lose{background:#ef444414;border:1px solid #ef444433}.deal-verdict{color:var(--text-primary);text-align:right;flex:1;font-size:.75rem;font-weight:600}.trade-response{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-subtle);text-align:center;gap:8px;padding:18px;display:grid}.trade-response-thinking{background:#c9952e0d;border-color:#c9952e40}.trade-response-accepted{background:#22c55e12;border-color:#22c55e59}.trade-response-rejected{background:#ef444412;border-color:#ef444459}.trade-response-icon{font-size:1.8rem}.trade-response-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.trade-response-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.check-row{align-items:center;gap:7px;margin-top:5px;font-size:.82rem;display:flex}.check-row input{width:15px;height:15px;accent-color:var(--gold);padding:0}.trade-help{color:var(--text-muted);margin-bottom:2px;font-size:.75rem;display:block}.auction-box{gap:10px;display:grid}.log-list{gap:4px;display:grid}.log-list p{border-radius:var(--r-sm);background:var(--bg-subtle);color:var(--text-secondary);margin:0;padding:8px 10px;font-size:.82rem;line-height:1.4}.chat-panel{gap:10px;display:grid}.chat-toolbar,.chat-compose{gap:8px;display:grid}.chat-toolbar select,.chat-compose textarea{width:100%}.chat-list{gap:8px;max-height:420px;display:grid;overflow:auto}.chat-card{border-radius:var(--r-sm);background:var(--bg-subtle);border:1px solid var(--border);padding:10px 12px}.chat-card-private{background:#f05eb514;border-color:#f05eb547}.chat-card-meta{color:var(--text-muted);justify-content:space-between;gap:10px;margin-bottom:4px;font-size:.74rem;display:flex}.chat-card p{color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.45}.lobby-list{gap:8px;display:grid}.muted{color:var(--text-secondary);font-size:.85rem}.asset-actions{flex-wrap:wrap;gap:6px;display:flex}.guidance-card{border-radius:var(--r-md);background:var(--bg-subtle);border:1px solid var(--border);gap:6px;padding:12px;display:grid}.guidance-card p{font-size:.85rem;line-height:1.55}.guidance-card small{color:var(--text-secondary)}.bus-ticket-panel{border-radius:var(--r-md);background:var(--bg-subtle);border:1px solid var(--border);padding:12px}.bus-ticket-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}@media (width<=1220px){.home-grid{grid-template-columns:1fr}.game-shell{height:100dvh}.game-main{grid-template-rows:1fr auto;grid-template-columns:1fr;overflow:auto}.board-area{min-height:0;padding:12px}.side-panel{border-left:none;border-top:1px solid var(--border);width:100%;max-width:100%;max-height:40dvh}.board-frame{width:min(55dvh,100vw - 24px);max-width:700px}.center-info,.portfolio-stats{grid-template-columns:1fr 1fr}}@media (width<=780px){.home-copy h1{max-width:14ch}.home-grid{gap:24px}.game-header{gap:8px;padding:8px 12px}.game-header .header-brand h2{font-size:1rem}.game-header .header-actions{gap:6px}.game-header .header-actions button{padding:5px 10px;font-size:.76rem}.board-frame{border-radius:var(--r-lg);gap:2px;width:min(90vw,480px);padding:8px}.tile-title{padding:3px 3px 1px;font-size:.44rem}.tile-title strong{font-size:.4rem}.tile-meta small{font-size:.36rem}.tile-tokens{padding:0 3px 2px}.tile-icon{font-size:.65rem}.token{width:12px;height:12px;font-size:.38rem}.buildings-row{gap:1px;min-height:12px;padding:0 2px}.bld-house{width:8px}.bld-house .bld-body{width:6px;height:5px}.bld-house .bld-roof{border-bottom-width:3px;border-left-width:5px;border-right-width:5px}.bld-hotel{width:10px}.bld-hotel .bld-body{width:8px;height:8px}.bld-hotel .bld-roof{width:10px}.bld-sky .bld-body{width:6px;height:12px}.bld-sky .bld-antenna{height:2px}.bld-depot{width:10px}.bld-depot .bld-body{width:8px;height:3px}.bld-depot .bld-roof{width:12px}.die{width:24px;height:24px;font-size:.8rem}.board-center{grid-area:2/2/11/11;padding:10px}.center-brand h2{font-size:clamp(1.2rem,4vw,2.2rem)}.trade-columns,.deal-preview-grid,.inline-form.twin,.portfolio-stats{grid-template-columns:1fr}.stat-card.wide{grid-column:1/-1}.player-bar{gap:6px;padding:6px 10px}.player-chip{padding:6px 10px}}@media (width<=480px){.game-header{padding:6px 10px}.header-brand h2{font-size:.95rem}.board-frame{gap:1px;width:min(98vw,340px);padding:6px}.tile-title{font-size:.38rem}.tile-title strong{font-size:.34rem}.side-panel{max-height:38dvh}.player-chip-name{display:none}.player-chip-cash{font-size:.72rem}.side-tabs .side-tab{letter-spacing:.04em;font-size:.68rem}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.side-content>*{animation:.2s ease-out fade-up}