:root{color-scheme:dark;--bg: #14141f;--tile-bg: #1f1f2e;--tile-border: #33334a;--text: #f0f0f5;--text-dim: #9a9ab0;--accent: #2ecc71;--accent-bright: #54e98a;--font-headline: "Space Grotesk", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-body: "Hanken Grotesk", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background-color:var(--bg);background-image:radial-gradient(circle at 15% 50%,rgba(46,204,113,.05),transparent 25%),radial-gradient(circle at 85% 30%,rgba(178,176,205,.03),transparent 25%);color:var(--text);font-family:var(--font-body)}h1,h2,h3,.brand{font-family:var(--font-headline)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}#app{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.board{position:relative;display:grid;grid-template-columns:repeat(11,minmax(64px,90px));grid-template-rows:repeat(11,minmax(64px,90px));gap:2px;background:var(--tile-border);padding:2px;border-radius:8px;box-shadow:0 20px 60px #00000080}.tile{position:relative;background:#fff;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:4px 3px;overflow:hidden;text-align:center;transition:background .2s ease}.tile--corner{justify-content:center;gap:4px}.tile--special{padding:0;justify-content:stretch}.tile__strip{position:absolute;top:0;left:0;right:0;height:8px;z-index:1}.tile__icon{width:40px;height:40px;object-fit:contain;margin-bottom:4px;background:#fff;border-radius:4px;padding:2px;position:relative;z-index:1}.tile--corner .tile__icon{width:50px;height:50px}.tile__icon--large{width:72px;height:72px;margin-top:14px}.tile__icon--full{width:100%;height:100%;margin:0;padding:0;border-radius:0;object-fit:cover}.tile[data-type=Go]{justify-content:center;align-items:center}.tile[data-type=Go] .tile__icon--full{width:78%;height:78%;object-fit:contain}.tile[data-type=Jail] .tile__icon--full,.tile[data-type=GoToJail] .tile__icon--full{width:104%;height:104%;transform:translateY(-4%)}.tile[data-type=CasinoJackpot]{justify-content:center;align-items:center}.tile[data-type=CasinoJackpot] .tile__icon--full{width:82%;height:82%;object-fit:contain;transform:none}.tile__name{font-size:9px;line-height:1.15;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative;z-index:1}.tile--corner .tile__name{font-size:10px;font-weight:600}.tile__price{font-size:9px;color:#555;margin-top:2px;position:relative;z-index:1}.tile__houses{position:absolute;top:10px;left:0;right:0;display:flex;gap:2px;justify-content:center;z-index:2;pointer-events:none}.tile__house-pip{width:7px;height:7px;background:#2ecc71;border:1px solid #14141f;border-radius:2px}.tile__hotel-pip{width:16px;height:9px;background:#e74c3c;border:1px solid #14141f;border-radius:2px}.tile__block{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.tile__block:before,.tile__block:after{content:"";position:absolute;top:50%;left:50%;width:135%;height:5px;background:#000;box-shadow:0 0 0 1px #fff9}.tile__block:before{transform:translate(-50%,-50%) rotate(45deg)}.tile__block:after{transform:translate(-50%,-50%) rotate(-45deg)}.tile__block-count{position:absolute;bottom:2px;right:2px;background:#000;color:#fff;font-size:10px;font-weight:800;line-height:1;padding:2px 4px;border-radius:4px;z-index:1}.tile--trade-selectable{cursor:pointer;outline:2px dashed rgba(255,255,255,.6);outline-offset:-2px}.tile--trade-selected{outline:3px solid #fff;outline-offset:-3px}.board__center{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#22223a,var(--tile-bg));border-radius:6px}.board__logo{font-size:28px;font-weight:800;letter-spacing:.15em;color:var(--text-dim);transform:rotate(-8deg)}.token-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.token{position:absolute;top:0;left:0;width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,.95);box-shadow:0 2px 8px #000000b3;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5);transition:transform .14s ease,opacity .15s ease;will-change:transform}#app{align-items:flex-start;justify-content:center}#app.screen--landing,#app.screen--lobby{align-items:center}.screen{width:100%;display:flex;justify-content:center}.screen--landing,.screen--lobby{align-items:center;min-height:calc(100vh - 32px)}.dice-stage{position:relative;width:100%;max-width:900px;display:flex;align-items:center;justify-content:center}.dice-field{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.floating-die{position:absolute;line-height:1;color:var(--text);pointer-events:none;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%) rotate(var(--base-rot, 0deg))}.floating-die--rolling{animation:floating-die-roll 1.7s ease-in-out}@keyframes floating-die-roll{0%{transform:translate(-50%,-50%) rotate(var(--base-rot, 0deg)) scale(1)}35%{transform:translate(-50%,-50%) rotate(calc(var(--base-rot, 0deg) + 240deg)) scale(1.18)}70%{transform:translate(-50%,-50%) rotate(calc(var(--base-rot, 0deg) + 400deg)) scale(.9)}to{transform:translate(-50%,-50%) rotate(calc(var(--base-rot, 0deg) + 360deg)) scale(1)}}@media (max-width: 900px){.dice-field{display:none}}.game-layout{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;justify-content:center}.board-stage{position:relative;display:inline-block;flex-shrink:0}.side-panel{display:flex;flex-direction:column;gap:10px;width:260px;max-height:calc(100vh - 32px);overflow-y:auto}.player-card{position:relative;border-radius:10px;padding:12px 14px;background:var(--tile-bg);border:2px solid var(--tile-border);cursor:pointer;transition:background .2s ease,border-color .2s ease;overflow:hidden}.player-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:6px;background:var(--player-color, var(--tile-border))}.player-card--current{border-color:var(--player-color, #f4d03f)}.player-card--danger{background:#5a1f1f;animation:danger-pulse 1s ease-in-out infinite}.player-card--bankrupt{opacity:.5}.player-card__name{font-weight:700;font-size:15px;margin-left:8px}.player-card__status{font-size:11px;color:var(--text-dim);margin-left:8px}.player-card__cash{font-size:18px;font-weight:700;margin-left:8px;margin-top:4px}.player-card__timer{font-size:13px;margin-left:8px;margin-top:4px;color:var(--text-dim)}.player-card__menu{margin-top:8px;margin-left:8px;display:flex;flex-direction:column;gap:6px}@keyframes danger-pulse{0%,to{background:#5a1f1f}50%{background:#8a2a2a}}.center-stack{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;width:min(97%,760px);max-height:96%;z-index:10;pointer-events:none}.center-stack>*{pointer-events:auto}.overlay-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;width:min(85%,560px);max-height:90%;overflow-y:auto;background:#fff;color:#1a1a1a;border-radius:12px;box-shadow:0 20px 60px #0009;padding:16px 20px}.overlay-modal h2,.overlay-modal h3{color:#1a1a1a}.fairness-help-btn{position:fixed;top:16px;right:16px;z-index:50;width:36px;height:36px;border-radius:50%;border:1px solid var(--tile-border);background:#14141ff0;color:#fff;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 4px 14px #0006}.fairness-help-btn:hover{background:#28283cf5}.overlay-fairness-help{position:fixed;z-index:60;width:min(90%,620px)}.overlay-fairness-help p{line-height:1.5;margin:0 0 12px}.overlay-dice{background:#14141fe6;border:1px solid var(--tile-border);border-radius:16px;padding:22px;text-align:center;width:100%;font-size:17px}.dice-pair{display:flex;gap:18px;justify-content:center;margin-bottom:12px}.die{font-size:84px;line-height:1}.die--rolling{animation:die-roll .55s ease-in-out}@keyframes die-roll{0%{transform:rotate(0) scale(1)}40%{transform:rotate(200deg) scale(1.2)}70%{transform:rotate(320deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.overlay-actions{background:#14141fe6;border:1px solid var(--tile-border);border-radius:16px;padding:22px;width:100%;max-height:44vh;overflow-y:auto;font-size:17px}.overlay-actions h3{font-size:19px}.overlay-actions .btn,.overlay-dice .btn{font-size:15px;padding:12px 16px}.overlay-actions .btn--sm{font-size:13px;padding:6px 10px}.overlay-casino{background:#14141ff0;border:1px solid var(--tile-border);border-radius:12px;padding:14px;width:100%;text-align:center}.overlay-casino h3{margin:0 0 8px}.wheel-wrap{position:relative;width:160px;height:160px;margin:4px auto 12px}.wheel{width:160px;height:160px;border-radius:50%;border:4px solid #1a1a1a;box-shadow:0 8px 30px #00000080,inset 0 0 0 2px #ffffff26;position:relative;transition:transform 3.5s cubic-bezier(.12,.65,.1,1)}.wheel__label{position:absolute;transform:translate(-50%,-50%);font-size:11px;font-weight:800;color:#1a1a1a;text-shadow:0 1px 0 rgba(255,255,255,.35);pointer-events:none;white-space:nowrap}.wheel__pointer{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:18px solid #fff;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.overlay-log-chat{background:#14141ff0;border:1px solid var(--tile-border);border-radius:16px;padding:14px 18px;width:100%;max-height:320px;display:flex;flex-direction:column}.chat-log{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;font-size:14px;color:var(--text-dim);display:flex;flex-direction:column-reverse;gap:6px;max-height:240px}.chat-space,.chat-nick{font-weight:700}.chat-whisper-pill{display:flex;align-items:center;gap:6px;width:fit-content;margin-top:6px;padding:3px 6px 3px 10px;font-size:12px;color:#f4d03f;background:#f4d03f1f;border:1px solid rgba(244,208,63,.4);border-radius:20px}.chat-whisper-pill button{background:none;border:none;color:inherit;cursor:pointer;font-size:15px;line-height:1;padding:2px 4px}.chat-input-row{display:flex;gap:6px;margin-top:8px}.chat-send-icon{width:16px;height:16px;display:block;filter:invert(1)}#chat-send{display:flex;align-items:center;justify-content:center}.chat-input-row input{flex:1;background:var(--bg);border:1px solid var(--tile-border);border-radius:6px;padding:8px 10px;font-size:14px;color:var(--text)}.tile-manage-popup{position:absolute;transform:translate(-50%,calc(-100% - 8px));z-index:35;background:#fff;color:#1a1a1a;border-radius:10px;padding:8px 10px;box-shadow:0 10px 30px #0000008c;display:flex;flex-direction:column;gap:6px;min-width:130px;max-width:220px;text-align:center}.tile-manage-popup__title{font-size:12px;font-weight:700}.tile-manage-popup__info{list-style:none;margin:0;padding:0;font-size:11px;line-height:1.4;text-align:left;color:#333}.tile-manage-popup__info li+li{margin-top:2px}.tile-manage-popup__actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.tile-manage-popup .btn--sm{margin:0}.chance-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:40;width:260px;padding:24px 20px;border-radius:14px;background:linear-gradient(160deg,#fff8e1,#ffe9a8);color:#4a3200;text-align:center;box-shadow:0 25px 70px #000000a6;animation:chance-appear .4s ease-out}.chance-card--mine{cursor:pointer}.chance-card--closing{animation:chance-dismiss .22s ease-in forwards}.chance-card h3{margin:0 0 10px;letter-spacing:.1em;color:#a8710a}@keyframes chance-appear{0%{transform:translate(-50%,-50%) scale(.4) rotate(-8deg);opacity:0}70%{transform:translate(-50%,-50%) scale(1.05) rotate(2deg);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes chance-dismiss{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(.5) rotate(6deg);opacity:0}}.trade-columns{display:flex;gap:16px}.trade-column{flex:1;min-width:0}.trade-column+.trade-column{border-left:1px solid #ddd;padding-left:16px}.trade-column h4{margin:0 0 8px}.trade-space-list{list-style:none;margin:0 0 8px;padding:0;font-size:12px;max-height:160px;overflow-y:auto}.trade-space-list li{padding:3px 0;display:flex;align-items:center}.space-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px;flex-shrink:0;border:1px solid rgba(0,0,0,.2)}.trade-cash-input{width:100%;padding:6px 8px;border:1px solid #ccc;border-radius:6px;margin-top:4px}.player-card__inventory{margin-top:8px;margin-left:8px;display:flex;flex-wrap:wrap;gap:4px}.item-card{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:14px;border-radius:6px;background:#ffffff0f;border:1px solid var(--tile-border);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.item-card:hover{background:#ffffff24;transform:translateY(-1px)}.item-card--selected{border-color:var(--accent-bright, #54e98a);background:#2ecc7140}.trade-hint{font-size:12px;color:#666;margin:4px 0 8px}.overlay-modal--pulsing{animation:pulse-glow 1.1s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 20px 60px #0009}50%{box-shadow:0 20px 60px #e74c3ca6}}.panel{background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:8px;padding:12px 14px}.panel h1,.panel h2,.panel h3{margin:0 0 10px}.panel--narrow{width:min(92vw,360px)}.panel--wide{width:min(92vw,440px)}.panel--glow{position:relative;overflow:hidden;z-index:1;box-shadow:0 20px 60px #00000080}.panel--glow:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(84,233,138,.5),transparent)}.panel--glow{padding:32px;border-radius:16px;transform-style:preserve-3d;will-change:transform;transition:transform .15s ease-out}.panel--glow .brand{font-size:30px;font-weight:700;letter-spacing:.03em;text-align:center;margin:0}.panel--glow .subtitle{text-align:center;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);font-family:var(--font-mono);margin:6px 0 22px}.panel--winner{text-align:center;border-color:#f4d03f}.panel--log{font-size:12px}.brand{text-align:center;letter-spacing:.1em}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:13px;color:var(--text-dim)}.field input{background:#e7e5f0;border:1px solid transparent;border-radius:8px;padding:10px 12px;height:44px;color:#14141f;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:#6b6b80}.field input:focus{outline:none;border-color:var(--accent-bright);box-shadow:0 0 0 2px var(--accent-bright)}.field__input-wrap{position:relative}.field__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b6b80;font-size:18px;pointer-events:none}.field__input-wrap input{width:100%;padding-left:38px}.divider{display:flex;align-items:center;gap:12px;color:var(--text-dim);margin:14px 0;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--tile-border)}.btn{width:100%;padding:10px 14px;margin-top:8px;border:1px solid var(--tile-border);border-radius:6px;background:#2a2a3d;color:var(--text);cursor:pointer;font-size:14px}.btn:hover{background:#34344c}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#0c1f14;font-weight:700;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.btn--primary:hover{background:var(--accent-bright);transform:translateY(-1px);box-shadow:0 6px 20px #2ecc714d}.btn--primary:active{transform:translateY(1px)}.btn--sm{width:auto;padding:4px 8px;margin:2px 4px 2px 0;font-size:12px}.btn--pill{height:48px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.btn--pill .material-symbols-outlined{font-size:18px}.leave-link{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-dim);font-size:12px;cursor:pointer;padding:0}.leave-link:hover{color:#e74c3c}.leave-link .material-symbols-outlined{font-size:16px}.lobby-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--tile-border);font-size:12px;color:var(--text-dim)}.error{color:#e74c3c;font-size:13px;min-height:18px}.hint{color:var(--text-dim);font-size:13px}.room-code{letter-spacing:.15em;color:var(--accent)}.room-code-box{position:relative;cursor:pointer;background:#0e0e18;border:1px solid var(--tile-border);border-radius:8px;padding:14px 16px;text-align:center;transition:border-color .15s ease}.room-code-box:hover{border-color:#2ecc7180}.room-code-box__code{font-family:var(--font-mono);font-size:28px;font-weight:700;letter-spacing:.3em;color:var(--accent);text-shadow:0 0 12px rgba(46,204,113,.4)}.room-code-box__copy{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--accent);background:var(--tile-bg);border:1px solid rgba(46,204,113,.3);border-radius:6px;padding:3px 8px;opacity:0;transition:opacity .15s ease}.room-code-box:hover .room-code-box__copy{opacity:1}.badge{font-size:10px;background:#2ecc71;color:#0c1f14;padding:1px 6px;border-radius:10px;vertical-align:middle}.player-list,.trade-list,.log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lobby-player-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#12121e;border:1px solid var(--tile-border);border-radius:8px;font-size:13px;transition:background .15s ease,border-color .15s ease}.lobby-player-row--self{background:#2ecc7114;border-color:#2ecc7166}.lobby-player-avatar{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.4)}.player-name{flex:1}.dice{font-size:18px;margin:4px 0}.auction-controls{display:flex;gap:6px;align-items:center}.auction-controls input{flex:1;background:var(--bg);border:1px solid var(--tile-border);border-radius:6px;padding:6px 8px;color:var(--text)}.trade-form{margin-top:8px;font-size:12px}.trade-form label{display:flex;flex-direction:column;gap:2px;margin-top:6px;color:var(--text-dim)}.trade-form input,.trade-form select{background:var(--bg);border:1px solid var(--tile-border);border-radius:6px;padding:6px 8px;color:var(--text)}.log-list{font-size:11px;color:var(--text-dim);max-height:200px;overflow-y:auto}