:root{--bg:#0f0f1a;--bg-gradient1:rgba(16,36,80,0.5);--bg-gradient2:rgba(60,20,60,0.3);--panel-bg:linear-gradient(160deg,#161e35,#121828);--panel-border:#1e2d50;--card-bg:#161e35;--card-bg-hover:#1a2a48;--input-bg:#0c0f1a;--input-border:#1e2d50;--text:#e8e8f0;--text-muted:#7a7a90;--text-dim:#5a5a70;--text-faint:#4a4a60;--accent:#e94560;--accent2:#f39c12;--accent-dark:#c0392b;--green:#2ecc71;--green-dark:#1e8449;--blue:#2980b9;--purple:#8e44ad;--orange:#e67e22;--log-bg:#0c0f1a;--log-border:#1a2035;--scrollbar:#2a3a5c;--shadow:rgba(0,0,0,0.4);--shadow-heavy:rgba(0,0,0,0.6);--overlay:rgba(0,0,0,0.85);--die-bg:linear-gradient(145deg,#ffffff,#e8e8e8);--die-color:#1a1a2e;--pip-color:#1a1a2e;--board-bg:#f5efe0;--board-border:#8b7355;--board-center:linear-gradient(135deg,#e8dcc8,#d4c4a8);--board-center-text:#5c4a32;--square-bg:#faf8f2;--square-border:#c8b89a;--square-text:#2c2417;--square-price:#6b5e4f;--mortgage-overlay:rgba(0,0,0,0.35);--surrender-hover-bg:#3a1a1a}[data-theme="light"]{--bg:#f0f2f5;--bg-gradient1:rgba(200,220,255,0.5);--bg-gradient2:rgba(255,220,240,0.3);--panel-bg:linear-gradient(160deg,#ffffff,#f5f5fa);--panel-border:#d0d5e0;--card-bg:#ffffff;--card-bg-hover:#f0f4ff;--input-bg:#f5f5fa;--input-border:#d0d5e0;--text:#1a1a2e;--text-muted:#555568;--text-dim:#777790;--text-faint:#999aaa;--accent:#e94560;--accent2:#e67e22;--accent-dark:#c0392b;--green:#27ae60;--green-dark:#1e8449;--blue:#2980b9;--purple:#8e44ad;--orange:#d35400;--log-bg:#f5f5fa;--log-border:#d0d5e0;--scrollbar:#c0c0d0;--shadow:rgba(0,0,0,0.1);--shadow-heavy:rgba(0,0,0,0.2);--overlay:rgba(255,255,255,0.9);--die-bg:linear-gradient(145deg,#ffffff,#e0e0e0);--die-color:#1a1a2e;--pip-color:#1a1a2e;--board-bg:#f5efe0;--board-border:#8b7355;--board-center:linear-gradient(135deg,#e8dcc8,#d4c4a8);--board-center-text:#5c4a32;--square-bg:#faf8f2;--square-border:#c8b89a;--square-text:#2c2417;--square-price:#6b5e4f;--mortgage-overlay:rgba(0,0,0,0.25);--surrender-hover-bg:#fde8e8}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none !important}body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);background-image:radial-gradient(ellipse at 20% 50%,var(--bg-gradient1) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,var(--bg-gradient2) 0%,transparent 50%);color:var(--text);min-height:100vh}a{color:var(--accent2)}.theme-toggle{background:none;border:1px solid var(--panel-border);border-radius:8px;width:36px;height:36px;font-size:1.1rem;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:border-color 0.2s,color 0.2s}.theme-toggle:hover{border-color:var(--accent2);color:var(--accent2)}.toast-container{position:fixed;top:1.25rem;right:1.25rem;z-index:200;display:flex;flex-direction:column;gap:0.5rem;pointer-events:none}.toast{background:var(--card-bg);border:1px solid var(--panel-border);border-left:4px solid var(--accent);border-radius:10px;padding:0.85rem 1.25rem;font-size:0.9rem;color:var(--text);box-shadow:0 8px 32px var(--shadow);animation:toastIn 0.3s ease-out;pointer-events:auto;max-width:340px}.toast.toast-out{animation:toastOut 0.25s ease-in forwards}@keyframes toastIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes toastOut{to{opacity:0;transform:translateX(40px)}}.landing{display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem 3rem;min-height:100vh}.landing-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.3rem}.landing h1{font-size:3.2rem;font-weight:800;letter-spacing:-1px;color:#f39c12;margin:0}.subtitle{color:var(--text-muted);margin-bottom:1rem;font-size:1.05rem;letter-spacing:0.5px}.landing-panels{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;align-items:flex-start}.panel{background:var(--panel-bg);border-radius:16px;padding:1.75rem;width:340px;border:1px solid var(--panel-border);box-shadow:0 4px 24px var(--shadow)}.panel-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.25rem}.panel-icon{font-size:1.3rem;line-height:1}.panel-header h2{color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.82rem;margin:0}.panel>h2{margin-bottom:1.25rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.85rem}.landing-card{background:var(--panel-bg);border-radius:16px;padding:1.75rem;width:100%;max-width:420px;border:1px solid var(--panel-border);box-shadow:0 4px 24px var(--shadow)}.landing-card input[type="text"],.landing-card input[type="number"]{display:block;width:100%;padding:0.7rem 0.9rem;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font-size:0.95rem;transition:border-color 0.2s,box-shadow 0.2s}.landing-card input::placeholder{color:var(--text-faint)}.landing-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(233,69,96,0.15)}.tab-bar{display:flex;border-bottom:2px solid var(--input-border);margin-bottom:1.25rem;margin-top:0.5rem}.tab-btn{flex:1;padding:0.7rem 1rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--text-muted);font-size:0.9rem;font-weight:600;cursor:pointer;transition:color 0.2s,border-color 0.2s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent2);border-bottom-color:var(--accent2)}.tab-pane{animation:tabFadeIn 0.25s ease-out}.tab-pane[hidden]{display:none}@keyframes tabFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:0.85rem}.form-label{display:block;font-size:0.78rem;color:var(--text-dim);margin-bottom:0.35rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.panel input[type="text"],.lobby-join-input{display:block;width:100%;padding:0.7rem 0.9rem;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font-size:0.95rem;transition:border-color 0.2s,box-shadow 0.2s}.panel input::placeholder,.lobby-join-input::placeholder{color:var(--text-faint)}.panel input:focus,.lobby-join-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(233,69,96,0.15)}.bot-buttons{display:flex;gap:0.3rem}.bot-btn{flex:1;padding:0.45rem 0;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--text-muted);font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.15s}.bot-btn:hover{border-color:var(--accent);color:var(--text)}.bot-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:transparent;color:white;box-shadow:0 2px 8px rgba(233,69,96,0.3)}.sub-panel{margin-bottom:0.25rem}.sub-panel-title{font-size:0.9rem;font-weight:600;color:var(--text);margin-bottom:0.75rem}.panel-divider{display:flex;align-items:center;gap:0.75rem;margin:1.25rem 0;color:var(--text-faint);font-size:0.78rem;text-transform:uppercase;letter-spacing:1px}.panel-divider::before,.panel-divider::after{content:'';flex:1;border-top:1px solid var(--panel-border)}.emoji-grid{display:flex;flex-wrap:wrap;gap:0.25rem}.emoji-btn{width:34px;height:34px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);font-size:1.15rem;cursor:pointer;transition:all 0.15s;display:flex;align-items:center;justify-content:center}.emoji-btn:hover{border-color:var(--accent2);transform:scale(1.1)}.emoji-btn.selected{border-color:var(--accent2);background:rgba(243,156,18,0.15);box-shadow:0 0 8px rgba(243,156,18,0.3)}.rules-card{background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:0.6rem 0.75rem;display:flex;flex-direction:column;gap:0.1rem}.rule-option{display:flex;align-items:center;gap:0.5rem;font-size:0.82rem;color:var(--text-muted);padding:0.35rem 0.2rem;border-radius:6px;cursor:pointer;transition:background 0.15s;user-select:none}.rule-option:hover{background:rgba(255,255,255,0.04)}[data-theme="light"] .rule-option:hover{background:rgba(0,0,0,0.03)}.rule-option input[type="checkbox"]{display:none}.rule-check{width:18px;height:18px;border:2px solid var(--input-border);border-radius:5px;flex-shrink:0;position:relative;transition:all 0.2s;background:transparent}.rule-option input[type="checkbox"]:checked+.rule-check{background:var(--accent2);border-color:var(--accent2)}.rule-option input[type="checkbox"]:checked+.rule-check::after{content:'';position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.rule-text{flex:1;line-height:1.3}.rule-timeout{cursor:default;padding-top:0.45rem;margin-top:0.1rem;border-top:1px solid var(--input-border)}.rule-timeout .rule-text{font-size:0.82rem}.timeout-input{display:flex;align-items:center;gap:0.3rem;flex-shrink:0}.timeout-input input{width:56px;padding:0.3rem 0.4rem;border-radius:6px;border:1px solid var(--input-border);background:var(--card-bg);color:var(--text);font-size:0.85rem;font-family:'SF Mono','Fira Code',monospace;text-align:center}.timeout-input input:focus{outline:none;border-color:var(--accent2)}.timeout-unit{font-size:0.72rem;color:var(--text-faint)}#join-code{text-transform:uppercase;font-family:'SF Mono','Fira Code',monospace;font-size:1.15rem;letter-spacing:3px;text-align:center}.btn-play{width:100%;padding:0.75rem;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:white;font-size:0.95rem;font-weight:600;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s;box-shadow:0 2px 12px rgba(233,69,96,0.25);margin-top:0.25rem}.btn-play:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(233,69,96,0.35)}.btn-play:active{transform:translateY(0)}.btn-play.btn-join{background:linear-gradient(135deg,var(--blue),#2471a3);box-shadow:0 2px 12px rgba(41,128,185,0.25)}.btn-play.btn-join:hover{box-shadow:0 4px 20px rgba(41,128,185,0.35)}.btn-primary,.btn-start,.winner-content button{width:100%;padding:0.75rem;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:white;font-size:0.95rem;font-weight:600;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s;box-shadow:0 2px 12px rgba(233,69,96,0.25)}.btn-start:hover,.winner-content button:hover,.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(233,69,96,0.35)}.btn-start:active,.btn-primary:active{transform:translateY(0)}.error{color:#e74c3c;margin-top:1rem;text-align:center;font-size:0.9rem}.lobby-list-section{margin-top:3rem;width:100%;max-width:640px}.lobby-list-section h2{color:var(--text-muted);font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;text-align:center}.lobby-list{display:flex;flex-direction:column;gap:0.6rem}.lobby-item{background:var(--panel-bg);border-radius:12px;padding:1rem 1.25rem;border:1px solid var(--panel-border);transition:border-color 0.2s,box-shadow 0.2s}.lobby-item:hover{border-color:var(--scrollbar);box-shadow:0 2px 16px var(--shadow)}.lobby-item .li-row{display:flex;align-items:center;justify-content:space-between}.lobby-item .li-info{display:flex;flex-direction:column;gap:0.2rem}.lobby-item .li-host{font-weight:600;font-size:1rem;color:var(--text)}.lobby-item .li-meta{font-size:0.78rem;color:var(--text-dim)}.lobby-item .li-links{display:flex;gap:0.5rem;align-items:center}.lobby-item .li-join-btn,.lobby-item .li-spectate-btn{padding:0.5rem 1.3rem;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:white;font-weight:600;font-size:0.85rem;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s;box-shadow:0 2px 8px rgba(233,69,96,0.2);white-space:nowrap}.lobby-item .li-spectate-btn{background:var(--card-bg);border:1px solid var(--panel-border);color:var(--text-muted);box-shadow:none;padding:0.5rem 0.8rem;font-size:0.78rem}.lobby-item .li-spectate-btn:hover{border-color:var(--accent2);color:var(--accent2)}.lobby-item .li-join-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(233,69,96,0.3)}.lobby-item .li-join-form{display:flex;gap:0.5rem;margin-top:0.75rem;animation:slideDown 0.2s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lobby-join-input{flex:1;margin-bottom:0;font-size:0.9rem;padding:0.6rem 0.85rem}.li-join-confirm{padding:0.6rem 1.2rem;border:none;border-radius:10px;background:linear-gradient(135deg,#27ae60,#1e8449);color:white;font-weight:600;font-size:0.85rem;cursor:pointer;white-space:nowrap;transition:transform 0.15s}.li-join-confirm:hover{transform:translateY(-1px)}.li-join-cancel{padding:0.6rem 0.85rem;border:none;border-radius:10px;background:var(--card-bg);color:var(--text-muted);font-size:0.85rem;cursor:pointer;transition:background 0.2s}.li-join-cancel:hover{background:var(--scrollbar)}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.lobby h1{font-size:2.5rem;font-weight:800;color:#f39c12;margin-bottom:1.5rem}.lobby-code{font-size:1.2rem;margin-bottom:0.5rem;color:var(--text-muted)}.lobby-code span{font-family:'SF Mono','Fira Code',monospace;font-size:2.8rem;font-weight:700;color:var(--accent2);letter-spacing:6px;background:var(--card-bg);padding:0.4rem 1.5rem;border-radius:12px;border:1px solid var(--panel-border);user-select:all;display:inline-block;margin-top:0.25rem}.lobby-share{color:var(--text-dim);margin-bottom:0.5rem;font-size:0.95rem}.lobby-rules{color:var(--accent2);font-size:0.82rem;font-weight:600;margin-bottom:1rem;padding:0.5rem 1rem;background:var(--card-bg);border:1px solid var(--panel-border);border-radius:8px}.lobby-invite{margin-bottom:2rem}.lobby-invite button{padding:0.5rem 1.2rem;border:1px solid var(--panel-border);border-radius:10px;background:var(--card-bg);color:var(--text-muted);font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.15s}.lobby-invite button:hover{border-color:var(--accent2);color:var(--accent2)}.lobby-players{display:flex;gap:0.75rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.lobby-player{background:var(--card-bg);padding:0.75rem 1.5rem;border-radius:10px;border:1px solid var(--panel-border);border-left:4px solid var(--text-dim);font-size:1.05rem;font-weight:500}.btn-start{width:auto;padding:0.85rem 3.5rem;font-size:1.1rem;border-radius:12px}.lobby-wait{color:var(--text-dim);font-style:italic;font-size:0.95rem}.game-container{padding:1rem}.game-layout{display:flex;gap:1.25rem;max-width:2000px;margin:0 auto;align-items:flex-start}.board-wrapper{position:relative;flex-shrink:0}.board-zoom{position:absolute;bottom:-2rem;left:50%;transform:translateX(-50%);display:flex;gap:0.35rem;align-items:center;z-index:5}.board-zoom button{width:28px;height:28px;border:1px solid var(--panel-border);border-radius:6px;background:var(--card-bg);color:var(--text-muted);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s,color 0.15s;padding:0;line-height:1}.board-zoom button:hover{background:var(--scrollbar);color:var(--text)}.board-zoom .zoom-label{font-size:0.7rem;color:var(--text-dim);min-width:2.5rem;text-align:center}.board{--bs:660px;display:grid;grid-template-columns:1.4fr repeat(9,1fr) 1.4fr;grid-template-rows:1.4fr repeat(9,1fr) 1.4fr;width:var(--bs);height:var(--bs);background:var(--board-bg);border:3px solid var(--board-border);border-radius:12px;box-shadow:0 8px 40px var(--shadow),inset 0 0 40px rgba(0,0,0,0.03);--sq-font:calc(var(--bs) * 0.0135);--sq-price-font:calc(var(--bs) * 0.0115);--sq-corner-font:calc(var(--bs) * 0.015);--band-size:calc(var(--bs) * 0.018);--token-size:calc(var(--bs) * 0.02);--dot-size:calc(var(--bs) * 0.014)}.square{border:1px solid var(--square-border);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--square-bg);padding:2px;transition:box-shadow 0.15s}.square:hover{box-shadow:inset 0 0 12px rgba(0,0,0,0.08)}.square .color-band{position:absolute;background:var(--band-color);box-shadow:0 0 3px rgba(0,0,0,0.15)}.square.bottom .color-band{top:0;left:0;right:0;height:var(--band-size)}.square.top .color-band{bottom:0;left:0;right:0;height:var(--band-size)}.square.left .color-band{top:0;right:0;bottom:0;width:var(--band-size)}.square.right .color-band{top:0;left:0;bottom:0;width:var(--band-size)}.square .sq-name{font-size:var(--sq-font);text-align:center;color:var(--square-text);font-weight:700;line-height:1.15;z-index:1;padding:0 2px;word-break:break-word;letter-spacing:-0.3px;text-shadow:0 0.5px 0 rgba(255,255,255,0.6)}.square .sq-price{font-size:var(--sq-price-font);color:var(--square-price);z-index:1;font-weight:600;opacity:0.85}.square.corner{font-weight:800;color:var(--square-text);background:var(--board-bg)}.square.corner .sq-name{font-size:var(--sq-corner-font);letter-spacing:0}.square.group-highlight{box-shadow:inset 0 0 12px rgba(255,255,255,0.5),0 0 8px rgba(243,156,18,0.4);z-index:5}.square .tokens{display:flex;flex-wrap:wrap;gap:1px;position:absolute;bottom:2px;left:2px;z-index:2}.token{width:var(--token-size);height:var(--token-size);border-radius:50%;border:1.5px solid rgba(255,255,255,0.6);box-shadow:0 1px 3px rgba(0,0,0,0.4);transition:transform 0.15s ease}.token-emoji{width:calc(var(--token-size) * 1.4);height:calc(var(--token-size) * 1.4);border-radius:50%;font-size:calc(var(--token-size) * 1.1);line-height:1;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4);background:rgba(255,255,255,0.3)}.token-moving{animation:token-pop 0.15s ease;box-shadow:0 0 8px 2px rgba(255,255,255,0.4);z-index:10}@keyframes token-pop{0%{transform:scale(0.5)}60%{transform:scale(1.3)}100%{transform:scale(1)}}.tokens{position:relative;overflow:visible}.token.in-jail,.token-emoji.in-jail{box-shadow:0 0 0 2px #e74c3c;opacity:0.7;filter:grayscale(0.4)}.sidebar{flex:1;min-width:280px;max-width:380px;display:flex;flex-direction:column;gap:0.85rem}.sidebar-controls{display:flex;gap:0.4rem;justify-content:flex-end}.dice-area{text-align:center;padding:0.25rem 0;position:relative}.dice-display{display:flex;gap:1rem;justify-content:center}.die{width:56px;height:56px;background:var(--die-bg);color:var(--die-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;box-shadow:0 4px 16px var(--shadow);transition:transform 0.3s}.die:empty::after{content:''}.die.rolling{animation:diceRoll 0.4s ease-out}@keyframes diceRoll{0%{transform:rotateZ(0deg) scale(0.7)}50%{transform:rotateZ(180deg) scale(1.15)}100%{transform:rotateZ(360deg) scale(1)}}.die.shaking{animation:diceShake3D 0.08s ease-in-out infinite}@keyframes diceShake3D{0%,100%{transform:perspective(200px) rotateX(0deg) rotateY(0deg)}25%{transform:perspective(200px) rotateX(15deg) rotateY(-10deg) scale(1.05)}50%{transform:perspective(200px) rotateX(-10deg) rotateY(15deg) scale(0.95)}75%{transform:perspective(200px) rotateX(5deg) rotateY(-5deg) scale(1.02)}}.die.dice-land{animation:diceLand 0.3s ease-out}@keyframes diceLand{0%{transform:scale(1.2) translateY(-5px)}50%{transform:scale(0.95) translateY(2px)}100%{transform:scale(1) translateY(0)}}.dice-area.doubles::after{content:'DUBBEL!';display:block;color:var(--accent2);font-weight:800;font-size:0.85rem;letter-spacing:2px;margin-top:0.3rem;animation:doublesPulse 0.6s ease-in-out 3}@keyframes doublesPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(1.1)}}.dice-stats{font-size:0.65rem;color:var(--text-faint);text-align:center;margin-top:0.15rem}.actions{display:flex;gap:0.5rem;flex-wrap:wrap}.btn{padding:0.7rem 1.2rem;border:none;border-radius:10px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s;color:white;flex:1;min-width:120px}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled,.btn.loading{opacity:0.6;cursor:wait;transform:none !important}.btn-roll{background:linear-gradient(135deg,#27ae60,#1e8449);box-shadow:0 2px 12px rgba(39,174,96,0.3)}.btn-roll:hover{box-shadow:0 4px 20px rgba(39,174,96,0.4)}.btn-buy{background:linear-gradient(135deg,#2980b9,#2471a3);box-shadow:0 2px 12px rgba(41,128,185,0.3)}.btn-buy:hover{box-shadow:0 4px 20px rgba(41,128,185,0.4)}.btn-skip{background:var(--card-bg);border:1px solid var(--panel-border);box-shadow:none;color:var(--text-muted)}.btn-skip:hover{background:var(--scrollbar)}.btn-endturn{background:linear-gradient(135deg,#8e44ad,#7d3c98);box-shadow:0 2px 12px rgba(142,68,173,0.3)}.btn-endturn:hover{box-shadow:0 4px 20px rgba(142,68,173,0.4)}.btn-doubles{background:linear-gradient(135deg,#27ae60,#2ecc71) !important;box-shadow:0 2px 12px rgba(46,204,113,0.4) !important;animation:pulse-doubles 1.2s infinite}.btn-doubles:hover{box-shadow:0 4px 20px rgba(46,204,113,0.5) !important}@keyframes pulse-doubles{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}.keyboard-hints{font-size:0.7rem;color:var(--text-dim);text-align:center;margin-top:2px;letter-spacing:0.02em}.turn-info{background:var(--card-bg);padding:0.85rem 1.1rem;border-radius:10px;font-size:0.95rem;text-align:center;border:1px solid var(--panel-border);border-left:4px solid var(--accent2)}.turn-timer{font-size:0.8rem;color:var(--accent);font-weight:700;font-family:'SF Mono','Fira Code',monospace}.turn-timer.urgent{color:#e74c3c;animation:timerBlink 0.5s ease-in-out infinite}@keyframes timerBlink{0%,100%{opacity:1}50%{opacity:0.4}}.player-panel{display:flex;flex-direction:column;gap:0.4rem}.player-card{background:var(--card-bg);border-radius:10px;padding:0.7rem 0.9rem;border:1px solid var(--panel-border);border-left:4px solid var(--text-dim);display:flex;justify-content:space-between;align-items:center;transition:background 0.2s,box-shadow 0.2s}.player-card.active{background:var(--card-bg-hover);box-shadow:0 0 0 1px rgba(243,156,18,0.3),0 0 16px rgba(243,156,18,0.1)}.player-card.bankrupt{opacity:0.35}.player-card.bankrupt .p-name{text-decoration:line-through}.player-card .p-name{font-weight:600;font-size:0.9rem}.player-card .p-money{color:var(--green);font-weight:700;font-family:'SF Mono','Fira Code',monospace;font-size:0.95rem}.player-card .p-money.debt{color:#e74c3c;animation:pulse-debt 1.5s infinite}@keyframes pulse-debt{0%,100%{opacity:1}50%{opacity:0.6}}.player-card .p-props{font-size:0.72rem;color:var(--text-dim)}.chat-section{background:var(--card-bg);border:1px solid var(--panel-border);border-radius:10px;padding:0.75rem}.chat-section h3{color:var(--text-dim);margin-bottom:0.4rem;font-size:0.78rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.chat-messages{max-height:120px;overflow-y:auto;font-size:0.8rem;line-height:1.5;margin-bottom:0.4rem}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}.chat-msg{padding:1px 0}.chat-msg .chat-name{font-weight:600}.chat-msg .chat-time{font-size:0.7em;color:var(--text-dim);margin-left:4px}.chat-reactions{display:flex;gap:0.2rem;margin-bottom:0.3rem}.react-btn{background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;font-size:0.9rem;padding:0.15rem 0.35rem;cursor:pointer;transition:transform 0.1s,background 0.1s;line-height:1}.react-btn:hover{transform:scale(1.2);background:var(--card-bg-hover)}.chat-input-row{display:flex;gap:0.3rem}.chat-input{flex:1;padding:0.4rem 0.6rem;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font-size:0.8rem}.chat-input:focus{outline:none;border-color:var(--accent2)}#chat-send{padding:0.4rem 0.7rem;border:none;border-radius:8px;background:linear-gradient(135deg,var(--blue),#2471a3);color:white;font-size:0.75rem;font-weight:600;cursor:pointer;flex:none;min-width:0}.stats-section{position:relative}.stats-section h3{color:var(--text-dim);margin-bottom:0.5rem;font-size:0.78rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer}.stats-section h3::after{content:'';display:inline-block;margin-left:0.3rem;border:4px solid transparent;border-top:5px solid var(--text-dim);vertical-align:middle;transition:transform 0.2s}.stats-section.collapsed h3::after{transform:rotate(-90deg)}.stats-section.collapsed .stats-content{display:none}.stats-table{width:100%;font-size:0.78rem;border-collapse:collapse}.stats-table th,.stats-table td{padding:0.25rem 0.4rem;text-align:left;border-bottom:1px solid var(--panel-border)}.stats-table th{color:var(--text-dim);font-weight:600}.stats-table td:last-child{text-align:right;font-family:'SF Mono',monospace;color:var(--green)}.log-section{position:relative}.log-section h3{color:var(--text-dim);margin-bottom:0.5rem;font-size:0.78rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer}.log-section h3::after{content:'';display:inline-block;margin-left:0.3rem;border:4px solid transparent;border-top:5px solid var(--text-dim);vertical-align:middle;transition:transform 0.2s}.log-section.collapsed h3::after{transform:rotate(-90deg);border-top-color:var(--text-dim)}.log-section.collapsed .log{display:none}.log{background:var(--log-bg);border-radius:10px;border:1px solid var(--log-border);padding:0.75rem;max-height:250px;overflow-y:auto;font-size:0.8rem;line-height:1.6}.log::-webkit-scrollbar{width:4px}.log::-webkit-scrollbar-track{background:transparent}.log::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}.log p{color:var(--text-dim);padding:1px 0}.log p:last-child{color:var(--text)}.winner-overlay{position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn 0.3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.winner-content{background:var(--panel-bg);border-radius:20px;padding:3rem 4rem;text-align:center;border:1px solid var(--panel-border);box-shadow:0 20px 60px var(--shadow-heavy);animation:scaleIn 0.3s ease-out;max-width:600px;width:90%;position:relative}@keyframes scaleIn{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}}.winner-content h2{font-size:1.8rem;color:#f39c12;margin-bottom:0.75rem}.winner-content p{font-size:1.4rem;margin-bottom:1.5rem;font-weight:600}.winner-content button{width:auto;padding:0.85rem 2.5rem;border-radius:12px;margin:0.3rem}.winner-content .btn-rematch{background:linear-gradient(135deg,#27ae60,#1e8449);box-shadow:0 2px 12px rgba(39,174,96,0.3)}.winner-stats{margin-top:1.5rem}.winner-stats canvas{width:100%;max-width:500px;height:200px;border-radius:8px;background:var(--input-bg)}.stats-summary{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-top:0.75rem;font-size:0.82rem;color:var(--text-muted)}.houses{position:absolute;top:1px;left:50%;transform:translateX(-50%);display:flex;gap:1px;z-index:3}.square.bottom .houses{top:auto;bottom:1px;left:50%}.square.top .houses{top:1px}.square.left .houses{top:50%;left:auto;right:1px;transform:translateY(-50%);flex-direction:column}.square.right .houses{top:50%;left:1px;right:auto;transform:translateY(-50%);flex-direction:column}.house{width:calc(var(--bs) * 0.01);height:calc(var(--bs) * 0.008);background:#27ae60;border:0.5px solid #1a7a3a;border-radius:1px}.house.hotel{width:calc(var(--bs) * 0.015);height:calc(var(--bs) * 0.01);background:#e74c3c;border-color:#a93226;border-radius:2px}.square.mortgaged::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient( -45deg,transparent,transparent 3px,rgba(231,76,60,0.25) 3px,rgba(231,76,60,0.25) 5px );z-index:4;pointer-events:none}.die-face{display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);width:38px;height:38px;padding:4px;gap:2px}.pip{width:8px;height:8px;background:var(--pip-color);border-radius:50%;place-self:center}.property-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:1.5rem;min-width:280px;max-width:340px;z-index:150;box-shadow:0 20px 60px var(--shadow-heavy);animation:scaleIn 0.2s ease-out}.popup-close{position:absolute;top:0.5rem;right:0.75rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0.25rem;line-height:1}.popup-close:hover{color:var(--text)}.pp-color{height:8px;border-radius:4px;margin-bottom:0.75rem}.pp-title{font-size:1.1rem;margin-bottom:0.5rem;color:var(--text)}.pp-price{font-size:0.9rem;color:var(--text-muted);margin-bottom:0.75rem}.pp-rent-table{width:100%;border-collapse:collapse;margin-bottom:0.75rem;font-size:0.82rem}.pp-rent-table td{padding:0.25rem 0.5rem;border-bottom:1px solid var(--panel-border)}.pp-rent-table td:first-child{color:var(--text-muted)}.pp-rent-table td:last-child{text-align:right;color:var(--green);font-weight:600}.pp-detail{font-size:0.8rem;color:var(--text-dim);margin-bottom:0.25rem}.pp-owner{margin-top:0.75rem;font-weight:600;font-size:0.9rem}.pp-status{font-size:0.8rem;color:var(--text-muted);margin-top:0.25rem}.pp-status.mortgaged{color:#e74c3c}.pp-status.hotel{color:#e74c3c;font-weight:600}.pp-actions{margin-top:0.75rem;display:flex;flex-direction:column;gap:0.4rem}.btn-sm{padding:0.5rem 0.8rem;font-size:0.8rem;border-radius:8px;border:none;background:linear-gradient(135deg,#2980b9,#2471a3);color:white;font-weight:600;cursor:pointer;transition:transform 0.1s;text-align:center}.btn-sm:hover{transform:translateY(-1px)}.btn-sm.btn-warn{background:linear-gradient(135deg,#e67e22,#d35400)}.card-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:140;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s}.card-popup{border-radius:16px;padding:2rem 2.5rem;text-align:center;min-width:280px;max-width:360px;box-shadow:0 20px 60px rgba(0,0,0,0.5);animation:cardFlip 0.5s ease-out;color:white}.card-popup.chance{background:linear-gradient(160deg,#f39c12,#e67e22)}.card-popup.community{background:linear-gradient(160deg,#3498db,#2980b9)}.card-popup h3{font-size:0.85rem;text-transform:uppercase;letter-spacing:2px;opacity:0.8;margin-bottom:0.75rem}.card-popup p{font-size:1.15rem;font-weight:600;line-height:1.4}@keyframes cardFlip{0%{transform:perspective(600px) rotateY(90deg) scale(0.8);opacity:0}50%{transform:perspective(600px) rotateY(-10deg) scale(1.05)}100%{transform:perspective(600px) rotateY(0deg) scale(1);opacity:1}}.auction-panel{background:var(--panel-bg);border-radius:12px;padding:1rem;border:2px solid var(--accent2);animation:fadeIn 0.3s}.auction-header{font-size:0.95rem;font-weight:700;color:var(--accent2);margin-bottom:0.5rem;display:flex;align-items:center;gap:0.4rem}.auction-badge{display:inline-block;background:var(--accent2);color:#fff;font-size:0.65rem;font-weight:800;letter-spacing:0.05em;padding:0.15rem 0.5rem;border-radius:4px;text-transform:uppercase;vertical-align:middle}.auction-detail{font-size:0.8rem;color:var(--text-muted);margin-bottom:0.3rem}.auction-current-bid{font-size:1.4rem;font-weight:800;color:var(--green);margin:0.3rem 0;font-family:'SF Mono',monospace}.auction-bidders{display:flex;flex-wrap:wrap;gap:0.3rem;margin:0.5rem 0}.auction-bidder-tag{display:inline-flex;align-items:center;gap:0.2rem;font-size:0.72rem;padding:0.15rem 0.45rem;border-radius:6px;border:1px solid var(--pc,var(--input-border));background:transparent;color:var(--text-muted)}.auction-bidder-tag.bidder-highest{background:var(--green);color:#fff;border-color:var(--green);font-weight:700}.auction-bidder-tag.bidder-passed{opacity:0.4;text-decoration:line-through}.auction-bidder-tag.bidder-current{box-shadow:0 0 0 2px var(--accent2)}.auction-your-turn{font-size:0.8rem;font-weight:700;color:var(--accent2);margin-bottom:0.3rem}.auction-actions{display:flex;gap:0.4rem;align-items:center;flex-wrap:wrap}.auction-wait{font-size:0.85rem;color:var(--text-muted);font-style:italic}.bid-input{width:100px;padding:0.5rem;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font-size:0.9rem;font-family:'SF Mono',monospace}.bid-input:focus{outline:none;border-color:var(--accent2)}.quick-bids{display:flex;gap:4px;width:100%}.btn-xs{padding:2px 8px;font-size:0.72rem;border-radius:6px;border:1px solid var(--input-border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;transition:background 0.15s}.btn-xs:hover{background:var(--card-bg-hover);color:var(--text)}.trade-panel{background:var(--panel-bg);border-radius:12px;padding:1rem;border:1px solid #9b59b6;animation:fadeIn 0.3s}.trade-panel h4{font-size:0.95rem;color:#9b59b6;margin-bottom:0.5rem}.trade-from,.trade-to{font-size:0.85rem;color:var(--text-muted);font-weight:600;margin-top:0.4rem}.trade-items{font-size:0.8rem;color:var(--text);padding-left:0.5rem}.trade-actions{display:flex;gap:0.4rem;margin-top:0.6rem;flex-wrap:wrap}.trade-wait{font-size:0.8rem;color:var(--text-muted);font-style:italic}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:160;animation:fadeIn 0.2s}.modal-box{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:1.5rem;min-width:320px;max-width:420px;max-height:80vh;overflow-y:auto;position:relative}.modal-box h4{font-size:1rem;margin-bottom:0.75rem;color:var(--text)}.trade-section{margin-bottom:0.75rem;padding:0.5rem;background:var(--input-bg);border-radius:8px}.trade-section h5{font-size:0.85rem;color:var(--text-muted);margin-bottom:0.4rem}.trade-props{display:flex;flex-direction:column;gap:0.25rem;margin-bottom:0.4rem}.trade-prop{font-size:0.82rem;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:0.4rem}.trade-prop input[type="checkbox"]{accent-color:#9b59b6}.trade-prop.disabled{opacity:0.45;cursor:not-allowed;text-decoration:line-through}.trade-section label{font-size:0.82rem;color:var(--text-muted);display:flex;align-items:center;gap:0.4rem}.trade-modal-actions{display:flex;gap:0.5rem;margin-top:0.75rem}.surrender-area{text-align:center}.btn-surrender{background:var(--input-bg);border:1px solid var(--panel-border);color:var(--text-muted);padding:0.4rem 1rem;font-size:0.75rem;border-radius:8px;cursor:pointer;transition:all 0.2s;min-width:0;flex:none}.btn-surrender:hover{background:var(--surrender-hover-bg);border-color:#e74c3c;color:#e74c3c}.btn-jailfree{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 2px 12px rgba(243,156,18,0.3)}.btn-jailfree:hover{box-shadow:0 4px 20px rgba(243,156,18,0.4)}.p-info{display:flex;flex-direction:column;gap:0.15rem}.p-props-dots{display:flex;gap:2px;flex-wrap:wrap}.prop-dot{width:8px;height:8px;border-radius:50%;display:inline-block;border:0.5px solid rgba(255,255,255,0.2)}.p-worth{font-size:0.65rem;color:var(--text-dim);font-family:'SF Mono','Fira Code',monospace}.jail-card-badge{font-size:0.7rem;margin-left:0.3rem}.jail-badge{font-size:0.7rem;color:#e74c3c;font-weight:700;margin-left:0.2rem}.bankrupt-label{font-size:0.6rem;color:#e74c3c;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-left:0.3rem;opacity:0.8}.player-card.tradeable:hover{border-color:#9b59b6;box-shadow:0 0 0 1px rgba(155,89,182,0.3),0 0 12px rgba(155,89,182,0.1)}.player-card{position:relative}.trade-btn{position:absolute;right:0.4rem;bottom:0.3rem;background:linear-gradient(135deg,#9b59b6,#7d3c98);color:#fff;border:none;border-radius:5px;padding:0.15rem 0.45rem;font-size:0.65rem;font-weight:600;cursor:pointer;opacity:0.7;transition:opacity 0.15s,transform 0.15s}.trade-btn:hover{opacity:1;transform:scale(1.05)}.timer{font-size:0.75rem;color:var(--text-dim);float:right}.log-new{animation:logSlide 0.3s ease-out}@keyframes logSlide{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.spectator-banner{background:linear-gradient(135deg,var(--accent2),var(--orange));color:white;text-align:center;padding:0.6rem;font-weight:600;font-size:0.9rem;border-radius:10px}.btn-mute{background:none;border:1px solid var(--panel-border);border-radius:8px;width:36px;height:36px;font-size:1.1rem;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:border-color 0.2s,color 0.2s}.btn-mute:hover{border-color:var(--accent2);color:var(--accent2)}.btn-mute.muted{opacity:0.5}.token.active-player,.token-emoji.active-player{animation:tokenPulse 1.5s ease-in-out infinite}@keyframes tokenPulse{0%,100%{box-shadow:0 0 4px 1px rgba(255,255,255,0.3)}50%{box-shadow:0 0 10px 3px rgba(243,156,18,0.6)}}.chat-unread{display:inline-block;background:var(--accent);color:white;font-size:0.65rem;font-weight:700;border-radius:10px;padding:0 5px;min-width:16px;text-align:center;margin-left:0.3rem;animation:badgePop 0.3s ease-out}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}.p-money{position:relative}.money-change{position:absolute;right:0;top:-1rem;font-size:0.75rem;font-weight:700;font-family:'SF Mono','Fira Code',monospace;pointer-events:none;animation:moneyFloat 1.5s ease-out forwards;z-index:5;white-space:nowrap}.money-change.positive{color:var(--green)}.money-change.negative{color:#e74c3c}@keyframes moneyFloat{0%{opacity:1;transform:translateY(0)}70%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}.pp-rent-table tr.current-rent{background:rgba(46,204,113,0.15)}.pp-rent-table tr.current-rent td{font-weight:700}.btn-home{background:none;border:1px solid var(--panel-border);border-radius:8px;width:36px;height:36px;font-size:1.1rem;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:border-color 0.2s,color 0.2s;text-decoration:none}.btn-home:hover{border-color:var(--accent2);color:var(--accent2)}.token.visiting-jail,.token-emoji.visiting-jail{}.turn-countdown{font-size:1.4rem;font-weight:800;font-family:'SF Mono','Fira Code',monospace;color:var(--accent2);text-align:center;padding:0.3rem 0;line-height:1}.turn-countdown.warning{color:var(--accent)}.turn-countdown.urgent{color:#e74c3c;animation:timerBlink 0.5s ease-in-out infinite}.board-center{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--board-center);border-radius:4px;gap:calc(var(--bs,660px) * 0.01)}.board-center-logo{width:calc(var(--bs,660px) * 0.08);height:calc(var(--bs,660px) * 0.08)}.board-center-title{font-size:calc(var(--bs,660px) * 0.035);font-weight:800;color:var(--board-center-text,#5c4a32);text-align:center;line-height:1.1;letter-spacing:3px;opacity:0.55}.board-center-title span{display:block;font-size:0.85em;letter-spacing:4px;opacity:0.8}.board-center-pot{display:flex;flex-direction:column;align-items:center;gap:calc(var(--bs,660px) * 0.004);animation:fadeIn 0.4s}.center-pot-label{font-size:calc(var(--bs,660px) * 0.016);font-weight:600;color:var(--board-center-text,#5c4a32);opacity:0.6;text-transform:uppercase;letter-spacing:1px}.center-pot-amount{font-size:calc(var(--bs,660px) * 0.055);font-weight:900;color:#27ae60;font-family:'SF Mono','Fira Code',monospace;text-shadow:0 1px 3px rgba(0,0,0,0.15);line-height:1}@keyframes potBump{0%{transform:scale(1)}30%{transform:scale(1.2)}100%{transform:scale(1)}}.center-pot-amount.pot-bump{animation:potBump 0.4s ease-out}.board.theme-classic{--board-bg:#c8e6c9;--board-border:#2e7d32;--board-center:linear-gradient(135deg,#a5d6a7,#81c784);--board-center-text:#1b5e20;--square-bg:#e8f5e9;--square-border:#66bb6a}.board.theme-ocean{--board-bg:#bbdefb;--board-border:#1565c0;--board-center:linear-gradient(135deg,#90caf9,#64b5f6);--board-center-text:#0d47a1;--square-bg:#e3f2fd;--square-border:#42a5f5}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--text-muted)}.loading-screen p{font-size:0.95rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--panel-border);border-top-color:var(--accent2);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.btn-sm:focus-visible,.bot-btn:focus-visible,.emoji-btn:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.volume-control{display:flex;align-items:center;gap:0.3rem}.volume-slider{width:60px;height:4px;-webkit-appearance:none;appearance:none;background:var(--panel-border);border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent2);cursor:pointer}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent2);cursor:pointer;border:none}.fp-pot{position:absolute;bottom:2px;right:2px;font-size:var(--sq-price-font);color:#27ae60;font-weight:700;z-index:3}.resume-banner{display:flex;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,rgba(46,204,113,0.15),rgba(39,174,96,0.1));border:1px solid rgba(46,204,113,0.3);border-radius:12px;padding:0.75rem 1.25rem;margin-bottom:1rem;animation:fadeIn 0.3s}.resume-banner span{font-size:0.9rem;color:var(--text)}.btn-resume{background:linear-gradient(135deg,#2ecc71,#27ae60);color:white;border:none;padding:0.5rem 1.2rem;border-radius:8px;font-weight:600;font-size:0.85rem;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s;white-space:nowrap}.btn-resume:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(46,204,113,0.3)}.rules-link{color:var(--text-dim);font-size:0.82rem;text-decoration:none;margin-bottom:2rem;display:inline-block;padding:0.35rem 0.8rem;border:1px solid var(--panel-border);border-radius:8px;transition:all 0.2s}.rules-link:hover{color:var(--accent2);border-color:var(--accent2);background:rgba(243,156,18,0.08)}.square.monopoly-glow .color-band{box-shadow:0 0 6px 1px var(--band-color);animation:monopolyPulse 2s ease-in-out infinite}@keyframes monopolyPulse{0%,100%{box-shadow:0 0 4px 1px var(--band-color)}50%{box-shadow:0 0 10px 3px var(--band-color)}}.owner-bar{position:absolute;z-index:3;opacity:0.85;pointer-events:none}.square.bottom .owner-bar{bottom:0;left:0;right:0;height:3px}.square.top .owner-bar{top:0;left:0;right:0;height:3px}.square.left .owner-bar{left:0;top:0;bottom:0;width:3px}.square.right .owner-bar{right:0;top:0;bottom:0;width:3px}.square.corner .owner-bar{bottom:0;left:0;right:0;height:3px}.info-panel{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:0.75rem;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.info-panel:empty{display:none}.info-panel::-webkit-scrollbar{width:3px}.info-panel::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}.ip-featured{background:var(--card-bg);border:2px solid var(--panel-border);border-radius:12px;overflow:hidden;animation:scaleIn 0.2s ease-out}.ip-card-band{height:12px}.ip-card-body{padding:0.6rem 0.75rem 0.5rem}.ip-card-name{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:0.15rem}.ip-card-price{font-size:0.95rem;color:var(--green);font-weight:700;font-family:'SF Mono','Fira Code',monospace;margin-bottom:0.5rem}.ip-card-rents{margin-bottom:0.4rem}.ip-rent-row{display:flex;justify-content:space-between;font-size:0.75rem;padding:0.15rem 0;color:var(--text-muted);border-bottom:1px solid var(--panel-border)}.ip-rent-row span:last-child{color:var(--green);font-weight:600;font-family:'SF Mono','Fira Code',monospace}.ip-card-detail{font-size:0.72rem;color:var(--text-dim);padding:0.1rem 0}.ip-section h4{font-size:0.78rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.4rem}.ip-group{background:var(--card-bg);border:1px solid var(--panel-border);border-radius:8px;padding:0.25rem;margin-bottom:0.3rem;position:relative}.ip-monopoly{border-color:var(--accent2);box-shadow:0 0 8px rgba(243,156,18,0.15)}.ip-monopoly-badge{position:absolute;top:-8px;right:6px;font-size:0.75rem;color:var(--accent2);line-height:1}.ip-mini-card{display:flex;align-items:center;gap:0.35rem;padding:0.2rem 0.3rem;cursor:pointer;border-radius:4px;transition:background 0.15s}.ip-mini-card:hover{background:var(--card-bg-hover)}.ip-mini-band{width:10px;height:10px;border-radius:2px;flex-shrink:0}.ip-mini-name{font-size:0.75rem;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ip-mini-name.ip-mort{text-decoration:line-through;opacity:0.5}.ip-mini-houses{display:flex;gap:1px;flex-shrink:0}.ip-h{width:6px;height:5px;background:#27ae60;border-radius:1px}.ip-mini-hotel{font-size:0.6rem;font-weight:800;color:#e74c3c;flex-shrink:0}.ip-empty{font-size:0.78rem;color:var(--text-faint);font-style:italic}@media (max-width:1400px){.info-panel{display:none}}@media (max-width:1100px){.game-layout{flex-direction:column;align-items:center}.board{--bs:min(95vw,660px) !important}.sidebar{max-width:100%;width:100%}}@media (max-width:500px){.landing{padding:2rem 0.75rem 2rem}.landing h1{font-size:2.2rem}.panel{width:100%;max-width:100%}.landing-card{padding:1.25rem}.board{--bs:98vw !important}.board-zoom{position:fixed;bottom:0.5rem;left:50%;transform:translateX(-50%);z-index:50;background:var(--card-bg);padding:0.25rem 0.5rem;border-radius:8px;border:1px solid var(--panel-border)}.board-zoom button{min-width:44px;min-height:44px}.btn{min-width:0;flex:1 1 45%;min-height:44px}.property-popup{position:fixed;top:auto;bottom:0;left:0;right:0;transform:none;border-radius:16px 16px 0 0;max-width:100%;min-width:0;max-height:70vh;overflow-y:auto;animation:slideUp 0.3s ease-out}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.log-section{}.sidebar-controls button{min-width:44px;min-height:44px}.actions{touch-action:manipulation}.btn-sm{min-height:44px}.prop-dot{width:10px;height:10px}.chat-input{font-size:16px}}@media (max-width:900px) and (orientation:landscape){.game-layout{flex-direction:row !important;align-items:flex-start}.board{--bs:min(85vh,480px) !important}.sidebar{max-height:100vh;overflow-y:auto;max-width:300px}}.logo-icon{flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(243,156,18,0.3))}.entrance{opacity:0;transform:translateY(16px);animation:entranceUp 0.5s ease-out forwards}.entrance-1{animation-delay:0s}.entrance-2{animation-delay:0.08s}.entrance-3{animation-delay:0.16s}.entrance-4{animation-delay:0.24s}@keyframes entranceUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.rules-toggle{display:flex;align-items:center;gap:0.4rem;width:100%;padding:0.5rem 0.2rem;background:none;border:none;color:var(--text-dim);font-size:0.78rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;transition:color 0.2s}.rules-toggle:hover{color:var(--text)}.rules-toggle-icon{display:inline-block;width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform 0.2s}.rules-toggle.open .rules-toggle-icon{transform:rotate(90deg)}.rules-card.rules-collapsible{max-height:0;overflow:hidden;padding:0 0.75rem;border:0 solid transparent;margin-top:0;opacity:0;transition:max-height 0.3s ease,padding 0.3s ease,border 0.3s ease,margin 0.3s ease,opacity 0.2s ease}.rules-toggle.open+.rules-card.rules-collapsible{max-height:300px;padding:0.6rem 0.75rem;border:1px solid var(--input-border);margin-top:0.3rem;opacity:1}.pw-collapsible{max-height:0;overflow:hidden;opacity:0;transition:max-height 0.3s ease,opacity 0.2s ease,margin 0.3s ease;margin-top:0}.rules-toggle.open+.pw-collapsible{max-height:60px;opacity:1;margin-top:0.3rem}.landing-deco{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.deco{position:absolute;color:var(--text-faint);opacity:0.07}.deco-die{top:12%;left:6%;width:60px;height:60px;--r:-15deg;animation:decoFloat 12s ease-in-out infinite}.deco-house{top:20%;right:8%;width:50px;height:50px;--r:10deg;animation:decoFloat 14s ease-in-out infinite reverse}.deco-coin{bottom:25%;left:10%;width:45px;height:45px;--r:5deg;animation:decoFloat 16s ease-in-out infinite;animation-delay:-4s}.deco-key{bottom:18%;right:12%;width:50px;height:50px;--r:-20deg;animation:decoFloat 13s ease-in-out infinite reverse;animation-delay:-2s}@keyframes decoFloat{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-20px) rotate(var(--r,0deg))}}[data-theme="light"] .deco{opacity:0.05}.site-footer{padding:2rem 1.5rem;text-align:center;color:var(--text-faint);font-size:0.78rem;position:relative;z-index:1}.footer-inner{display:flex;align-items:center;justify-content:center;gap:0.5rem;flex-wrap:wrap}.footer-brand{font-weight:700;color:#f39c12;font-size:0.85rem}.footer-sep{color:var(--text-faint)}.site-footer a{color:var(--text-dim);text-decoration:none;transition:color 0.2s}.site-footer a:hover{color:var(--accent2)}.landing{position:relative;z-index:1}@media (max-width:700px){.deco{display:none}}.feature-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem;margin-bottom:0.75rem}.feature-chip{display:inline-block;padding:0.3rem 0.75rem;border-radius:100px;font-size:0.78rem;font-weight:600;background:var(--input-bg);color:var(--text-dim);border:1px solid var(--panel-border)}.connection-bar{position:fixed;top:0;left:0;right:0;z-index:9999;background:#c0392b;color:#fff;text-align:center;padding:0.5rem;font-size:0.85rem;font-weight:600;animation:connPulse 2s ease-in-out infinite}@keyframes connPulse{0%,100%{opacity:1}50%{opacity:0.7}}.help-box{max-width:380px}.help-box h2{margin:0 0 1rem;font-size:1.2rem}.help-table{width:100%;border-collapse:collapse}.help-table td{padding:0.4rem 0.5rem;border-bottom:1px solid var(--panel-border)}.help-table td:first-child{white-space:nowrap;width:1%}.help-table kbd{display:inline-block;padding:0.15rem 0.45rem;border-radius:4px;font-size:0.78rem;font-family:inherit;background:var(--input-bg);border:1px solid var(--panel-border);color:var(--text);box-shadow:0 1px 0 var(--panel-border)}.rules-box{max-width:440px}.rules-box h2{margin:0 0 1rem;font-size:1.2rem}.quick-rules p{margin:0 0 0.6rem;font-size:0.88rem;line-height:1.5;color:var(--text-dim)}.quick-rules strong{color:var(--text)}.rules-full-link{display:block;margin-top:1rem;text-align:center;color:var(--accent2);font-size:0.85rem;text-decoration:none}.rules-full-link:hover{text-decoration:underline}.endgame-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0.5rem;margin-top:0.75rem;font-size:0.82rem}.endgame-stat{background:var(--input-bg);border-radius:8px;padding:0.5rem 0.75rem;text-align:center}.endgame-stat .stat-label{color:var(--text-faint);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.03em}.endgame-stat .stat-value{font-size:1.1rem;font-weight:700;color:var(--text);margin-top:0.15rem}.leaderboard-section{max-width:440px;margin:1.5rem auto 0;position:relative;z-index:1}.leaderboard-section h2{font-size:1.1rem;margin-bottom:0.75rem;color:var(--text)}.leaderboard-table{width:100%;border-collapse:collapse;font-size:0.85rem;background:var(--card-bg);border-radius:10px;overflow:hidden}.leaderboard-table th,.leaderboard-table td{padding:0.5rem 0.75rem;text-align:left;border-bottom:1px solid var(--panel-border)}.leaderboard-table th{color:var(--text-faint);font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.03em}.leaderboard-table td{color:var(--text-dim)}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-reset{background:none;border:none;color:var(--text-faint);font-size:0.75rem;cursor:pointer;margin-top:0.5rem;padding:0.3rem 0}.leaderboard-reset:hover{color:var(--accent2)}@media (max-width:360px){.landing h1{font-size:1.8rem}.subtitle{font-size:0.85rem}.feature-chips{gap:0.35rem}.feature-chip{font-size:0.7rem;padding:0.2rem 0.5rem}.tab-btn{font-size:0.82rem;padding:0.55rem 0.75rem}.btn-play{font-size:0.9rem;padding:0.7rem}.sidebar{padding:0.5rem}.dice-area{gap:0.25rem}}@media (max-width:500px){.feature-chips{margin-bottom:0.5rem}.endgame-stats{grid-template-columns:1fr 1fr}.help-box,.rules-box{max-width:95vw;margin:1rem}}.bankrupt-row{opacity:0.4}.bankrupt-row td:first-child::after{content:" (failliet)";font-size:0.75em;color:var(--text-faint)}