:root{--bg: #2f3a4d;--bg2: #38445a;--panel: #354256;--panel2: #41506a;--line: #4a5870;--text: #eef1f7;--muted: #a6b2c4;--accent: #2ecc71;--accent2: #4f8ef7;--warn: #f1c40f;--danger: #e74c3c;--cell-bg: #ece7da;--cell-text: #1c2430;--board: #1f6f4a;--overlay: rgba(34, 42, 56, .92);--site-bg: radial-gradient(900px 650px at 22% 0%, rgba(48, 106, 190, .2), transparent 58%), radial-gradient(760px 620px at 86% 8%, rgba(28, 134, 88, .14), transparent 56%), linear-gradient(160deg, #243044 0%, #1b2638 56%, #121a29 100%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--site-bg);background-color:#121a29;background-attachment:fixed;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:9px 16px;border-radius:10px;font-weight:600;font-size:14px;transition:transform .05s,filter .15s}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#34d178,#1fa85b);border-color:#28a35c;color:#06210f}.btn.warn{background:linear-gradient(180deg,#f6d365,#e0a800);border-color:#c99700;color:#3a2c00}.btn.danger{background:linear-gradient(180deg,#ef6f63,#d23b2c);border-color:#b73022;color:#2a0703}.btn.tg{background:linear-gradient(180deg,#34a7e8,#2481c4);border-color:#2179b3;color:#042033;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600}.btn.ghost{background:transparent}.btn.big{padding:13px 22px;font-size:16px}.btn.tiny{padding:6px 10px;font-size:12.5px;border-radius:8px}.text-input{background:var(--bg2);border:1px solid var(--line);color:var(--text);padding:11px 14px;border-radius:10px;font-size:15px;outline:none;width:100%}.text-input.small{width:110px;padding:8px 10px}.text-input:focus{border-color:var(--accent2)}.tag{font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;letter-spacing:.5px}.tag.dev{background:var(--warn);color:#2a2200}.tag.host{background:var(--accent2);color:#04203b}.muted{color:var(--muted);font-size:13px;text-align:center}.color-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px}.brand{display:flex;gap:8px;align-items:baseline;font-weight:800;letter-spacing:1px}.brand-mono{color:var(--accent);font-size:30px}.brand-online{font-size:30px}.brand.small .brand-mono,.brand.small .brand-online{font-size:18px}.auth-screen,.room-screen,.post-screen{min-height:100%;display:grid;place-items:center;padding:24px}.auth-card,.room-card,.post-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:32px;width:100%;max-width:460px;box-shadow:0 24px 60px #00000073}.auth-card .brand{justify-content:center}.auth-sub{text-align:center;color:var(--muted);margin:8px 0 20px}.auth-hint{color:var(--muted);font-size:13.5px;line-height:1.5;margin-bottom:14px}.auth-card .text-input{margin-bottom:12px}.auth-card .btn{width:100%}.auth-error{color:var(--danger);font-size:13px;margin-top:12px}.lobby-screen{max-width:1040px;margin:0 auto;padding:24px;min-height:100vh;display:flex;flex-direction:column}.lobby-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.profile-chip{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);padding:6px 10px 6px 6px;border-radius:30px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff}.avatar.sm{width:30px;height:30px;font-size:13px}.avatar.ghost{background:transparent!important;border:1px dashed var(--line);color:var(--muted)}.lobby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.card-cta h2{margin:0 0 8px;font-size:19px}.card-cta p{color:var(--muted);font-size:13.5px;min-height:40px;margin:0 0 16px}.card-cta .text-input{margin-bottom:12px}.card-cta .btn{width:100%}.room-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.room-head h2{margin:0}.room-code{display:flex;align-items:center;gap:8px}.room-code .label{color:var(--muted);font-size:12px}.room-code .code{font-size:22px;font-weight:800;letter-spacing:3px;color:var(--accent)}.preset-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.preset-pill{display:flex;flex-direction:column;gap:2px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--text);text-align:left}.preset-pill.active{border-color:var(--accent);background:#2ecc711f}.preset-name{font-weight:700;font-size:13.5px}.preset-cap{color:var(--muted);font-size:12px}.players-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.player-row{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.player-row.empty{opacity:.6}.pname{flex:1;font-weight:600}.pname.muted{color:var(--muted);font-weight:400}.ready-dot{font-size:12px;color:var(--muted)}.ready-dot.on{color:var(--accent)}.invite-row{display:flex;gap:8px;margin-bottom:18px}.room-actions{display:flex;gap:10px}.room-actions .btn{flex:1}.hint-line{color:var(--muted);font-size:12.5px;margin:12px 0 0;text-align:center}.post-card{max-width:560px;text-align:center}.post-card h1{margin:0 0 6px}.winner{font-size:18px;margin-bottom:18px}.rank-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.rank-table th,.rank-table td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left}.rank-table tr.me td{background:#3b82f61f}.match-screen{display:flex;flex-direction:column;height:100vh;padding:12px 18px;gap:8px;overflow:hidden}.match-main{flex:1;display:flex;align-items:center;justify-content:center;gap:58px;min-height:0}.player-rail{width:260px;flex-shrink:0;background:transparent;border:none;padding:0;margin-left:0;align-self:center;display:flex;flex-direction:column;gap:14px}.rail-title{display:none}.rail-player{position:relative;display:flex;align-items:center;gap:13px;background:var(--bg2);border:2px solid transparent;border-radius:14px;padding:13px 14px;min-height:78px;transition:box-shadow .2s}.rail-player.active{background:var(--panel2);box-shadow:0 0 0 2px #ffffff0d,0 6px 18px #0000004d}.rail-player.bankrupt{opacity:.45;filter:grayscale(.6)}.rail-avatar{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff}.rail-info{flex:1;min-width:0}.rail-name{font-weight:700;font-size:16px;line-height:1.15;display:flex;gap:6px;align-items:center}.you-tag{font-size:11px;background:var(--accent2);color:#04203b;padding:2px 6px;border-radius:4px}.rail-cash{color:var(--accent);font-weight:800;font-size:19px;line-height:1.15;margin-top:2px}.rail-meta{display:flex;gap:10px;font-size:13px;line-height:1.25;color:var(--muted);margin-top:5px;flex-wrap:wrap}.meta-jail{color:var(--warn)}.meta-bankrupt{color:var(--danger)}.meta-auto{color:var(--accent2)}.active-dot{position:absolute;right:10px;top:10px;width:10px;height:10px;border-radius:50%}.rail-foot{margin-top:16px;color:var(--muted);font-size:13px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.board-stage{flex:0 0 auto;display:grid;place-items:center;min-width:0}.board{position:relative;background:linear-gradient(135deg,#0b2417,#0a1c13);border:3px solid #07150d;border-radius:10px;box-shadow:0 30px 80px #00000080}.cell{position:absolute;background:var(--cell-bg);color:var(--cell-text);border:1px solid #cdc7b8;overflow:visible;cursor:pointer}.cell.selected{outline:3px solid var(--accent);outline-offset:-3px;z-index:6}.cell.corner{background:#ece6d8}.band{position:absolute;display:flex;align-items:center;justify-content:center;z-index:2;overflow:hidden}.band-top{bottom:100%;left:-1px;right:-1px;height:20px;border-radius:5px 5px 0 0}.band-bottom{top:100%;left:-1px;right:-1px;height:20px;border-radius:0 0 5px 5px}.band-left{right:100%;top:-1px;bottom:-1px;width:20px;border-radius:5px 0 0 5px}.band-right{left:100%;top:-1px;bottom:-1px;width:20px;border-radius:0 5px 5px 0}.band-price{color:#fff;font-weight:900;font-size:11px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.55);white-space:nowrap}.band-left .band-price{transform:rotate(-90deg)}.band-right .band-price{transform:rotate(90deg)}.cell-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.board-logo-frame{--board-logo-rotation: 0deg;--board-logo-scale: 1;--board-logo-shift-x: 0px;--board-logo-shift-y: 0px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:7px 8px;box-sizing:border-box;flex-shrink:0;justify-self:center;align-self:center;overflow:visible}.board-logo-frame:not(.edge-row){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100%;min-height:0}.board-logo-frame.plated{padding:5px 7px}.board-logo-frame.edge-row{--board-logo-rotation: -90deg;position:absolute;left:50%;top:50%;padding:7px 14px;transform:translate(-50%,-50%)}.board-logo-frame.edge-row.plated{padding:5px 10px}.board-logo-content{width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;transform:translate(var(--board-logo-shift-x),var(--board-logo-shift-y)) rotate(var(--board-logo-rotation)) scale(var(--board-logo-scale));transform-origin:center}.board-logo-plate{width:var(--board-logo-plate-width);height:var(--board-logo-plate-height);padding:4px 7px;border-radius:8px;background:var(--board-logo-plate-bg);box-shadow:0 1px 3px #0000004d;box-sizing:border-box}.board-logo-img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;display:block}.cell.trade-offer{outline:3px solid var(--accent);outline-offset:-3px;z-index:6}.cell.trade-request{outline:3px solid var(--accent2);outline-offset:-3px;z-index:6}.cell-glyph{font-size:31px;font-weight:800;display:flex;flex-direction:column;align-items:center;color:#6c3fa3}.cell-glyph.chance{font-size:38px}.glyph-sub{display:none;font-size:8px;color:var(--cell-text);font-weight:700}.cell-fallback{font-size:10px;font-weight:700;text-align:center;line-height:1.05}.corner-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.corner-icon{font-size:38px;line-height:1}.jail-split{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.jail-zone{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.jail-prison{clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(135deg,#18222f33,#18222f14)}.jail-rest{clip-path:polygon(0 0,100% 0,100% 100%);background:linear-gradient(135deg,#ffffff0f,#f7dd9f33)}.jail-split:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(42,49,59,.38) 50%,transparent calc(50% + 1px));pointer-events:none}.jail-bars{position:absolute;left:33.33%;top:66.66%;transform:translate(-50%,-50%);width:30px;height:32px;border:2px solid #222b37;border-radius:5px;background:repeating-linear-gradient(90deg,transparent 0 6px,#222b37 6px 8px);box-shadow:inset 0 0 0 1px #ffffff4d,0 2px 4px #0000002e}.jail-lock{position:absolute;left:33.33%;top:66.66%;transform:translate(-50%,-50%);font-size:16px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}.jail-donut{position:absolute;left:66.66%;top:33.33%;transform:translate(-50%,-50%);font-size:36px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.22))}.tokens{position:absolute;bottom:2px;left:50%;transform:translate(-50%);display:flex;gap:2px;z-index:5}.token{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 5px #0000008c}.board-token-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8}.board-token{position:absolute;left:0;top:0;will-change:transform}.board-token.eased{transition:transform .22s ease}.upgrade-band{position:absolute;box-sizing:border-box;display:flex;gap:2px;align-items:center;justify-content:center;min-width:18px;min-height:16px;padding:2px 4px;border-radius:6px;background:#0a121cc7;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 5px #00000073;z-index:9;pointer-events:none}.upgrade-top{bottom:4px;left:50%;transform:translate(-50%)}.upgrade-bottom{top:4px;left:50%;transform:translate(-50%)}.upgrade-left{right:4px;top:50%;transform:translateY(-50%)}.upgrade-right{left:4px;top:50%;transform:translateY(-50%)}.star{font-size:10px;line-height:1;color:#35d07f;text-shadow:0 1px 1px rgba(0,0,0,.6),0 0 2px rgba(255,180,0,.7)}.upgrade-band .hq{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;background:#ffcf3f29;border:1px solid rgba(255,207,63,.78);box-shadow:0 0 5px #ffcf3f59}.upgrade-band .hq:before{content:"";width:8px;height:8px;transform:rotate(45deg);border-radius:2px;background:#ffcf3f;box-shadow:0 1px 2px #00000073}.cell.mortgaged .cell-inner{filter:grayscale(.7) opacity(.8)}.cell.mortgaged{background:repeating-linear-gradient(-45deg,#c0392b29 0,#c0392b29 8px,#c0392b0d 8px,#c0392b0d 16px)}.mortgage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none;z-index:6}.mortgage-tag{font-size:8px;font-weight:900;letter-spacing:.5px;color:#fff;background:#c0392b;padding:1px 4px;border-radius:3px;box-shadow:0 1px 3px #00000080}.mortgage-turns{font-size:11px;font-weight:800;color:#c0392b;background:#ffffffe6;border-radius:8px;padding:0 5px;box-shadow:0 1px 2px #0006}.board-center{position:absolute;z-index:3;display:flex;flex-direction:column;padding:16px;background:var(--site-bg);background-attachment:fixed}.center-watermark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:900;letter-spacing:4px;font-size:34px;color:#ffffff0f;transform:rotate(-45deg);pointer-events:none}.center-area{flex:1;display:flex;flex-direction:column;height:100%;gap:10px;z-index:1}.center-top{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0}.center-log{height:44%;min-height:120px;overflow-y:auto;background:var(--overlay);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.5;color:#d6deea;box-shadow:0 6px 18px #0000004d}.log-line{padding:2px 0;border-bottom:1px solid rgba(255,255,255,.06)}.center-log::-webkit-scrollbar,.ach-grid::-webkit-scrollbar{width:8px}.center-log::-webkit-scrollbar-track,.ach-grid::-webkit-scrollbar-track{background:transparent}.center-log::-webkit-scrollbar-thumb,.ach-grid::-webkit-scrollbar-thumb{background:var(--accent);border-radius:8px;border:2px solid rgba(20,26,34,.93)}.center-log::-webkit-scrollbar-thumb:hover,.ach-grid::-webkit-scrollbar-thumb:hover{background:#12833c}.center-log,.ach-grid{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.turn-banner{font-weight:800;font-size:18px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.dice3d-host{flex:0 0 auto;width:clamp(205px,50%,335px);max-width:min(92vw,335px);aspect-ratio:1.04;pointer-events:none}.dice3d-canvas{display:block;width:100%;height:100%}.dice3d-host.jackpot-dice3d{width:clamp(150px,48%,210px);max-width:210px;aspect-ratio:1}.action-zone,.action-col{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.action-row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.action-prompt{font-size:14px;text-align:center}.auction-state{font-size:13px;color:var(--warn);text-align:center}.debt-warn{font-size:12.5px;color:var(--warn);text-align:center}.trade-banner{background:var(--overlay);color:var(--text);border:1px solid var(--accent2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;align-items:center;max-width:92%;box-shadow:0 12px 30px #00000040}.trade-banner-text{font-size:13px;text-align:center}.tb-line{color:var(--muted);font-size:12px;margin-top:3px}.scp-floating{position:absolute;width:252px;max-height:calc(100% - 16px);z-index:20}.scp{background:var(--overlay);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;max-height:100%;overflow-y:auto;box-shadow:0 18px 44px #00000073}.scp-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.scp-logo{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#fff;font-size:15px;flex-shrink:0;overflow:hidden}.scp-logo img{width:80%;height:80%;object-fit:contain}.scp-head-text{flex:1;min-width:0}.scp-name{font-weight:800;font-size:15px}.scp-owner{font-size:12px;color:var(--muted)}.scp-close{align-self:flex-start}.scp-rows{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.scp-row{display:flex;justify-content:space-between;font-size:12.5px}.scp-label{color:var(--muted)}.scp-value.strong{color:var(--accent);font-weight:800}.rent-table{background:#ffffff0f;border-radius:8px;padding:6px 8px;margin:6px 0;font-size:12px}.rt-row{display:flex;justify-content:space-between;padding:2px 0}.rt-row.cur{color:var(--accent);font-weight:800}.rt-row.sub{border-top:1px solid var(--line);margin-top:4px;padding-top:4px;color:var(--muted)}.scp-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.scp-desc{font-size:13px;color:var(--muted);line-height:1.5}.log-bar{height:42px;flex-shrink:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 12px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.log-label{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:1px;flex-shrink:0}.log-chip{flex-shrink:0;font-size:12.5px;color:#c4ccd8;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:3px 10px}.rail-popover{position:fixed;z-index:30}.trade-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:86%;max-width:340px;background:var(--overlay);color:var(--text);border:1px solid var(--accent2);border-radius:14px;padding:14px;z-index:15;box-shadow:0 18px 44px #0000004d;display:flex;flex-direction:column;gap:8px}.trade-panel-head{display:flex;flex-direction:column;gap:2px}.tp-hint{font-size:11px;text-align:left}.tp-side{font-size:13px}.tp-label{font-weight:700}.cash-row{display:flex;align-items:center;gap:8px;font-size:13px}.trade-panel-actions{display:flex;gap:8px;margin-top:6px}.trade-panel-actions .btn{flex:1}.trade-target{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);background:#2a1416;border:1px solid var(--danger);color:#ffd9d4;padding:12px 18px;border-radius:10px;font-size:14px;z-index:300;box-shadow:0 10px 30px #00000080;cursor:pointer;max-width:80vw}.turn-timer{position:absolute;right:10px;top:10px;min-width:30px;height:30px;padding:0 7px;border-radius:15px;background:var(--accent);color:#06210f;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}.turn-timer.low{background:var(--danger);color:#fff}.rail-player.clickable{cursor:pointer}.rail-player.clickable:hover{filter:brightness(1.08)}.meta-loan{color:#e0a400}.jackpot-panel{display:flex;flex-direction:column;align-items:center;gap:8px}.jackpot-dice{display:flex;gap:6px}.jp-face{width:38px;height:38px;border-radius:9px;border:2px solid var(--line);background:var(--panel2);color:var(--text);font-size:18px;font-weight:800}.jp-face.on{border-color:var(--accent);background:#2ecc7133;color:var(--accent)}.jackpot-reveal{display:flex;flex-direction:column;align-items:center;gap:8px}.jp-reveal-title{font-weight:800;letter-spacing:1px;color:#ffcf3f}.jp-result{font-size:22px;font-weight:900;animation:jp-pop .3s ease-out}.jp-result.win{color:#2ecc71}.jp-result.lose{color:#e74c3c}@keyframes jp-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.self-panel{width:210px;max-width:90vw;background:var(--overlay);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 14px 36px #00000073;display:flex;flex-direction:column;gap:6px;font-size:12px}.self-head{display:flex;justify-content:space-between;align-items:center}.self-cash{font-size:16px;font-weight:800;color:var(--accent)}.self-loan{font-size:12px;color:#e0a400}.self-actions{display:flex;flex-direction:column;gap:5px;margin-top:2px}.avatar img,.avatar.sm img{width:100%;height:100%;border-radius:50%;object-fit:cover}.login-qr{display:flex;flex-direction:column;align-items:center;gap:12px;margin:8px 0 6px}.login-qr img{border-radius:12px;background:#fff;padding:8px}.qr-skeleton{width:220px;height:220px;border-radius:12px;background:var(--panel2);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.auth-hint.small{font-size:12px}.auth-dev-toggle{display:block;margin:14px auto 0}.auth-dev{margin-top:10px}.profile-chip.clickable{cursor:pointer}.profile-chip.clickable:hover{border-color:var(--accent2)}.lvl-chip{font-size:11px;font-weight:800;color:var(--accent2);background:#4f8ef726;padding:2px 7px;border-radius:20px}.tag.premium{background:linear-gradient(180deg,#f6d365,#e0a800);color:#3a2c00}.profile-card{max-width:520px}.profile-top{display:flex;gap:16px;align-items:center;margin-bottom:18px}.profile-avatar{width:84px;height:84px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--accent2);color:#fff;font-size:34px;font-weight:800;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-id{flex:1;min-width:0}.profile-name{font-size:20px;font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-level{display:flex;align-items:center;gap:8px;margin-top:8px}.lvl-badge{font-size:12px;font-weight:800;color:var(--accent2);white-space:nowrap}.xp-bar{flex:1;height:8px;border-radius:6px;background:var(--panel2);overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#34d178,#4f8ef7)}.xp-text{font-size:11px;color:var(--muted);white-space:nowrap}.profile-actions{display:flex;gap:10px;margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.stat-cell{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.stat-value{font-size:18px;font-weight:800;color:var(--text)}.stat-label{font-size:11px;color:var(--muted);margin-top:2px}.btn.full{width:100%}.settings-row{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.setting-name{font-weight:700}.setting-cap{font-size:12px;color:var(--muted)}.toggle{width:46px;height:26px;border-radius:20px;border:1px solid var(--line);background:var(--panel2);position:relative;flex-shrink:0;transition:background .15s}.toggle .knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.on{background:linear-gradient(180deg,#34d178,#1fa85b);border-color:#28a35c}.toggle.on .knob{transform:translate(20px)}.toggle:disabled{opacity:.6;cursor:not-allowed}.rail-avatar img{width:100%;height:100%;border-radius:12px;object-fit:cover}.tabs{display:flex;gap:8px;margin:14px 0}.tab{flex:1;background:var(--bg2);border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:9px;font-weight:700}.tab.on{color:var(--text);border-color:var(--accent);background:#2ecc711f}.custom-tab{display:flex;flex-direction:column;gap:12px}.dice-preview{display:flex;flex-direction:column;align-items:center;gap:0}.dice-preview .dice3d-host{width:260px;height:150px}.dice-preview .btn{margin-top:-8px}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skin-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg2);border:2px solid var(--line);border-radius:12px;padding:10px 6px;color:var(--text)}.skin-cell.on{border-color:var(--accent);background:#2ecc711f}.skin-cell.locked{opacity:.7}.skin-swatch{width:34px;height:34px;border-radius:8px;border:1px solid;display:grid;place-items:center}.skin-swatch i{width:7px;height:7px;border-radius:50%;display:block}.skin-label{font-size:11px}.skin-lock{position:absolute;top:4px;right:6px;font-size:11px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080b1099;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;width:100%;max-width:380px;box-shadow:0 24px 60px #00000080}.modal h2{margin:0 0 12px}.perks{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px;font-size:14px}.modal .btn{margin-top:8px}.xp-reward{text-align:center;margin:12px 0}.xp-gain{font-size:18px;font-weight:800;color:var(--accent)}.xp-reward.levelup .levelup-burst{font-size:20px;font-weight:900;color:var(--warn);animation:levelup-pop .6s ease-out}@keyframes levelup-pop{0%{transform:scale(.4) rotate(-6deg);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@media (max-width: 900px){.lobby-grid{grid-template-columns:1fr}}@media (max-width: 760px){.lobby-screen,.auth-screen,.room-screen,.post-screen{padding:14px}.lobby-topbar{flex-wrap:wrap;gap:10px}.stats-grid{grid-template-columns:repeat(2,1fr)}.brand-mono,.brand-online{font-size:24px}.match-screen.mobile{padding:6px}.match-screen.mobile .match-main{flex-direction:column;gap:40px;justify-content:center}.match-screen.mobile .board-stage{order:1}.match-screen.mobile .player-rail{order:2;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;overflow:visible}.match-screen.mobile .rail-player{flex:0 1 auto;min-height:0;padding:8px 28px 8px 10px;gap:8px}.match-screen.mobile .rail-foot{order:3;flex-basis:100%;width:100%;flex-direction:row;justify-content:center;gap:12px;margin-top:2px}.match-screen.mobile .turn-timer{min-width:18px;height:18px;padding:0 4px;font-size:10px;right:5px;top:5px}.match-screen.mobile .dice3d-host{width:clamp(92px,42%,150px)}.match-screen.mobile .dice3d-host.jackpot-dice3d{width:clamp(80px,38%,130px)}.match-screen.mobile .center-area,.match-screen.mobile .center-top{gap:6px}.match-screen.mobile .center-area .btn{padding:6px 9px;font-size:12px;border-radius:8px}.match-screen.mobile .center-area .btn.big{padding:8px 12px;font-size:13px}.match-screen.mobile .action-prompt{font-size:12px}.match-screen.mobile .auction-state,.match-screen.mobile .action-zone .muted,.match-screen.mobile .center-top .muted{font-size:11px}.match-screen.mobile .text-input.small{width:72px;padding:6px 8px;font-size:13px}.match-screen.mobile .action-row{gap:6px}.match-screen.mobile .rail-avatar{width:32px;height:32px;font-size:14px}.match-screen.mobile .rail-cash{font-size:13px}.match-screen.mobile .rail-meta,.match-screen.mobile .rail-foot,.center-log{font-size:11px}}.cta-buttons{display:flex;gap:8px}.cta-buttons .btn{flex:1}.friends-card{max-width:520px}.friend-add{display:flex;gap:8px;margin-bottom:14px}.friend-add .text-input{flex:1}.friends-h{margin:14px 0 8px;font-size:14px;color:var(--muted)}.friend-list{display:flex;flex-direction:column;gap:8px}.friend-row,.public-row{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:8px 12px}.friend-avatar{position:relative;width:38px;height:38px;border-radius:50%;background:var(--accent2);color:#fff;display:grid;place-items:center;font-weight:800;flex-shrink:0;overflow:visible}.friend-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.presence{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#6b7280;border:2px solid var(--panel)}.presence.on{background:var(--accent)}.friend-meta{flex:1;min-width:0}.friend-name{font-weight:700}.friend-sub{font-size:12px;text-align:left}.friend-actions{display:flex;gap:6px;align-items:center}.public-head{display:flex;align-items:center;justify-content:space-between}.invite-friends{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.invite-friend-row{display:flex;align-items:center;justify-content:space-between;font-size:14px}.invite-banner{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:60;background:var(--panel);border:1px solid var(--accent);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 14px 40px #00000080;max-width:92vw}.invite-banner-actions{display:flex;gap:6px}.back-btn{margin-top:18px}.confirm-modal{max-width:340px}.confirm-msg{text-align:left;margin:0 0 16px}.confirm-actions{display:flex;gap:8px}.confirm-actions .btn{flex:1}.friend-req-banner{bottom:84px}.skin-swatch.custom-swatch{background:var(--panel2);border-color:var(--line);font-size:16px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.xp-breakdown{margin:10px auto 0;max-width:320px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.xp-line{display:flex;justify-content:space-between;font-size:13px}.xp-line-val{color:var(--accent);font-weight:700}.brand-flag{font-size:22px;line-height:1;align-self:center}.brand.small .brand-flag{font-size:16px}.lobby-footer{text-align:center;color:var(--muted);font-size:13px;margin-top:auto;padding-top:32px;padding-bottom:8px}.lobby-footer a{color:var(--accent2);text-decoration:none;font-weight:700}.lobby-footer a:hover{text-decoration:underline}.rules-card{max-width:600px;text-align:left}.rule-section{margin-bottom:14px}.rule-section h3{margin:0 0 4px;font-size:15px}.rule-section p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}.auth-back{display:block;margin:14px auto 0}.landing{max-width:980px;margin:0 auto;padding:32px 22px 8px;display:flex;flex-direction:column;min-height:100vh}.landing-hero{text-align:center;padding:28px 0 36px}.landing-brand{justify-content:center;margin-bottom:14px}.landing-brand .brand-mono,.landing-brand .brand-online{font-size:40px}.landing-title{font-size:30px;margin:6px auto 12px;max-width:760px;line-height:1.2}.landing-sub{color:var(--muted);font-size:16px;line-height:1.6;max-width:680px;margin:0 auto 22px}.landing-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.landing-section{padding:26px 0;border-top:1px solid var(--line)}.landing-section h2{text-align:center;font-size:24px;margin:0 0 22px}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-feature{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;text-align:center}.lf-icon{font-size:34px;line-height:1;margin-bottom:8px}.landing-feature h3{margin:0 0 6px;font-size:17px}.landing-feature p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}.landing-steps{list-style:none;padding:0;margin:0 auto 22px;max-width:620px;display:flex;flex-direction:column;gap:14px}.landing-steps li{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.step-n{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(180deg,#34d178,#1fa85b);color:#06210f}.landing-steps h3{margin:0 0 2px;font-size:16px}.landing-steps p{margin:0;color:var(--muted);font-size:13.5px}@media (max-width: 760px){.landing-features{grid-template-columns:1fr}.landing-brand .brand-mono,.landing-brand .brand-online{font-size:30px}.landing-title{font-size:24px}}.chance-reveal{display:flex;flex-direction:column;align-items:center;gap:4px;background:linear-gradient(180deg,#9b59b638,#9b59b614);border:1px solid #9b59b6;border-radius:14px;padding:12px 18px;max-width:300px;text-align:center;animation:jp-pop .3s ease-out}.chance-card-icon{font-size:26px;line-height:1}.chance-card-title{font-weight:800;font-size:15px}.chance-card-text{font-size:13px;color:var(--muted)}.landing-note{color:var(--muted);font-size:13px;margin:12px 0 0}.brand-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:26px auto 0;max-width:760px}.brand-chip{font-size:13px;font-weight:700;color:var(--text);background:var(--panel);border:1px solid var(--line);padding:6px 12px;border-radius:20px;opacity:.9}@media (max-width: 760px){.band-top,.band-bottom{height:max(12px,calc(var(--cs, 60px) * .34))}.band-left,.band-right{width:max(12px,calc(var(--cs, 60px) * .34))}.band-price{font-size:max(9px,calc(var(--cs, 60px) * .22))}.corner-icon{font-size:calc(var(--cs, 60px) * .4)}.cell-glyph{font-size:calc(var(--cs, 60px) * .42)}.cell-glyph.chance{font-size:calc(var(--cs, 60px) * .5)}.cell-fallback{font-size:calc(var(--cs, 60px) * .18)}.board-logo-frame{padding:calc(var(--cs, 60px) * .1)}.board-logo-frame.edge-row{padding:calc(var(--cs, 60px) * .1) calc(var(--cs, 60px) * .16)}.jail-donut{font-size:calc(var(--cs, 60px) * .4)}.jail-lock{font-size:calc(var(--cs, 60px) * .2)}.jail-bars{width:calc(var(--cs, 60px) * .36);height:calc(var(--cs, 60px) * .38)}.mortgage-tag{font-size:calc(var(--cs, 60px) * .15);padding:1px calc(var(--cs, 60px) * .06)}.mortgage-turns{font-size:calc(var(--cs, 60px) * .18)}.star{font-size:calc(var(--cs, 60px) * .2)}}.ach-grid{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;padding-right:6px}.ach-cell{display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-height:56px}.ach-cell.locked{opacity:.55}.ach-cell.unlocked{border-color:var(--accent);background:#2ecc711a}.ach-icon{font-size:26px;line-height:1;width:34px;text-align:center;flex-shrink:0}.ach-info{flex:1;min-width:0;text-align:left}.ach-name{font-weight:700;font-size:14px;line-height:1.2}.ach-desc{font-size:12px;color:var(--muted);line-height:1.3;margin-top:2px}.ach-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#2c3543,#222b38);border:1px solid var(--warn);border-radius:14px;padding:12px 18px;box-shadow:0 14px 40px #00000080;max-width:92vw;animation:jp-pop .3s ease-out;cursor:pointer}.ach-toast-icon{font-size:30px;line-height:1}.ach-toast-head{font-size:12px;color:var(--warn);font-weight:700}.ach-toast-name{font-weight:800;font-size:15px}