*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f1923;--bg2: #1a2634;--bg3: #243447;--accent: #e94560;--accent2: #ff6b81;--green: #4ecdc4;--text: #eee;--dim: #7a8b9a;--radius: 10px}body{font-family:Fredoka,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow:hidden}.toast-error{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#c0392b;color:#fff;padding:10px 24px;border-radius:var(--radius);z-index:1000;font-weight:600;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}}.center-screen{max-width:480px;margin:0 auto;padding:60px 20px 40px;display:flex;flex-direction:column;align-items:center;gap:20px}.logo{font-size:2.6rem;font-weight:700;color:var(--accent);letter-spacing:2px}.logo-small{font-size:1.2rem;font-weight:700;color:var(--accent);letter-spacing:2px}.subtitle{color:var(--dim);font-size:1rem}.hint{color:var(--dim);font-size:.85rem}.code{font-size:1.4rem;letter-spacing:4px;color:var(--green)}.empty-text{color:var(--dim);font-size:.8rem;font-style:italic}h1{font-size:1.8rem}h2{font-size:1rem;color:var(--dim);margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}h3{font-size:.85rem;color:var(--dim);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}input,select{background:var(--bg);border:2px solid var(--bg3);color:var(--text);padding:10px 14px;border-radius:var(--radius);font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s;flex:1;min-width:0}input:focus,select:focus{border-color:var(--accent)}button{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}button:hover{background:var(--accent2)}button:disabled{opacity:.4;cursor:not-allowed}button.small{padding:6px 14px;font-size:.85rem}.btn-primary{font-size:1.1rem;padding:14px 32px}.btn-secondary{background:transparent;border:2px solid var(--bg3);color:var(--dim)}.btn-secondary:hover{border-color:var(--accent);color:var(--text)}.btn-action{background:var(--green);color:#111}.btn-action:hover{background:#5fe0d6}.btn-danger{background:#c0392b}.btn-danger:hover{background:#e74c3c}.btn-color{padding:6px 12px;font-size:.8rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.btn-bank{background:var(--bg3);border:2px solid var(--green);color:var(--green)}.btn-bank:hover{background:#4ecdc426}.overpay{color:var(--accent);font-weight:600}.pile-top{font-size:.6rem;color:var(--dim);margin-top:4px;text-align:center;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row{display:flex;gap:10px;width:100%;align-items:center}.row.center{justify-content:center}.panel{background:var(--bg2);padding:18px;border-radius:var(--radius);width:100%}.room-list,.player-list{list-style:none}.room-list li,.player-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--bg3)}.room-list li:last-child,.player-list li:last-child{border-bottom:none}.player-list li.disconnected{opacity:.35}.badge{font-size:.7rem;padding:2px 8px;border-radius:20px;margin-left:6px}.badge.host{background:var(--accent)}.badge.you{background:var(--green);color:#111}.game-screen{height:100vh;display:flex;flex-direction:column}.game-topbar{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;background:var(--bg2);border-bottom:2px solid var(--bg3);font-size:.85rem;flex-shrink:0}.your-turn{color:var(--green);font-weight:700}.board{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.board-opponents{display:flex;gap:8px;padding:8px 12px;overflow-x:auto;flex-shrink:0;border-bottom:1px solid var(--bg3)}.board-center{display:flex;align-items:center;justify-content:center;gap:24px;padding:8px 16px;flex-shrink:0}.board-me{flex:1;display:flex;gap:8px;padding:8px 12px;overflow:hidden;min-height:0}.piles{display:flex;gap:16px;justify-content:center}.pile{width:72px;height:100px;background:var(--bg2);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--bg3)}.draw-pile{border-color:var(--green)}.pile-label{font-size:.65rem;color:var(--dim);margin-bottom:4px;text-transform:uppercase}.pile-count{font-size:1.6rem;font-weight:700}.notif-log{flex:1;min-width:0}.notif{font-size:.7rem;color:var(--dim);padding:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-area-board{background:var(--bg2);border-radius:var(--radius);border:2px solid transparent;padding:8px 10px;min-width:180px;transition:border-color .2s,box-shadow .2s}.player-area-opponent{flex:1;max-width:280px}.player-area-active{border-color:var(--green)}.player-area-disconnected{opacity:.35}.player-area-targetable{cursor:pointer;border-color:var(--accent)!important;animation:targetPulse 1.2s infinite}.player-area-targeted{border-color:var(--accent)!important;box-shadow:0 0 12px #e9456066}.player-area-drop-over{border-color:var(--green)!important;box-shadow:0 0 16px #4ecdc466}@keyframes targetPulse{0%,to{box-shadow:0 0 4px #e9456033}50%{box-shadow:0 0 14px #e9456080}}.pa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pa-name-row{display:flex;align-items:center;gap:6px}.pa-name{font-size:.85rem}.pa-turn-badge{font-size:.55rem;padding:1px 6px;border-radius:8px;background:var(--green);color:#111;font-weight:700;text-transform:uppercase}.pa-dc-badge{font-size:.55rem;padding:1px 6px;border-radius:8px;background:var(--accent);color:#fff;font-weight:700}.pa-stats{display:flex;gap:8px}.pa-stat{font-size:.7rem;color:var(--dim)}.pa-board-content{display:flex;gap:8px;align-items:flex-start}.pa-properties{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-height:32px}.pa-bank{flex-shrink:0}.pa-bank-label{font-size:.6rem;color:var(--dim);text-transform:uppercase;margin-bottom:2px}.pa-bank-cards{display:flex;gap:3px;flex-wrap:wrap;max-width:100px}.pa-bank-chip{font-size:.65rem;padding:2px 6px;border-radius:10px;background:#4ecdc426;color:var(--green);border:1px solid rgba(78,205,196,.3);font-weight:600}.pa-empty{color:var(--dim);font-size:.75rem;font-style:italic;padding:8px}.pa-empty-small{color:var(--dim);font-size:.65rem;font-style:italic}.pa-collapse-btn{background:none;border:1px solid var(--bg3);color:var(--dim);width:18px;height:18px;padding:0;font-size:.75rem;line-height:16px;text-align:center;border-radius:4px;cursor:pointer;flex-shrink:0}.pa-collapse-btn:hover{border-color:var(--accent);color:var(--text)}.player-area-collapsed{min-width:120px}.player-area-collapsed .pa-board-content{display:none}.pa-summary{display:flex;gap:4px;flex-wrap:wrap;padding:2px 0}.pa-summary-pill{font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:6px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.player-area-action-source{border-color:#9b59b6!important;box-shadow:0 0 12px #9b59b680,inset 0 0 8px #9b59b61a;animation:pulseSource 1.5s ease-in-out infinite}@keyframes pulseSource{0%,to{box-shadow:0 0 12px #9b59b680,inset 0 0 8px #9b59b61a}50%{box-shadow:0 0 24px #9b59b6cc,inset 0 0 12px #9b59b633}}.player-area-must-respond{border-color:#e67e22!important;box-shadow:0 0 12px #e67e2280,inset 0 0 8px #e67e221a;animation:pulseRespond 1.2s ease-in-out infinite}@keyframes pulseRespond{0%,to{box-shadow:0 0 12px #e67e2280,inset 0 0 8px #e67e221a}50%{box-shadow:0 0 24px #e67e22cc,inset 0 0 12px #e67e2233}}.pa-action-badge{font-size:.5rem;background:#9b59b6;color:#fff;padding:1px 5px;border-radius:4px;font-weight:700}.pa-respond-badge{font-size:.6rem;background:#e67e22;color:#fff;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;animation:pulseRespond 1.2s ease-in-out infinite}.action-flash-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;font-size:2.5rem;font-weight:900;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7),0 0 40px rgba(155,89,182,.6);letter-spacing:2px;pointer-events:none;background:linear-gradient(135deg,#9b59b6d9,#e67e22d9);padding:16px 40px;border-radius:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.psc{background:var(--bg);border-radius:8px;border:2px solid var(--set-color, var(--bg3));min-width:100px;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}.psc-compact{min-width:80px;max-width:120px}.psc-complete{box-shadow:0 0 8px #4ecdc440}.psc-targetable{cursor:pointer;border-color:var(--accent)!important;animation:targetPulse 1.2s infinite}.psc-targetable:hover{transform:scale(1.04)}.psc-highlighted{border-color:var(--accent)!important;box-shadow:0 0 12px #e9456080}.psc-dimmed{opacity:.35;pointer-events:none}.psc-header{padding:3px 8px;font-size:.65rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);display:flex;justify-content:space-between;align-items:center;gap:4px;background:var(--set-color, var(--bg3))}.psc-title{flex:1}.psc-count{background:#0000004d;padding:0 5px;border-radius:6px;font-size:.6rem}.psc-rent{font-size:.55rem;background:#0000004d;padding:0 5px;border-radius:6px}.psc-stack{padding:4px 6px}.psc-card{font-size:.65rem;color:var(--dim);padding:2px 4px;margin-bottom:1px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid var(--set-color, var(--bg3));background:#ffffff08;transition:background .12s,transform .12s}.psc-card-selectable{cursor:pointer;border-left-color:var(--accent)!important;color:var(--text)}.psc-card-selectable:hover{background:#e9456026;transform:translate(3px)}.psc-card-name{overflow:hidden;text-overflow:ellipsis}.psc-wild{font-size:.5rem;background:#ffffff26;padding:0 3px;border-radius:3px;margin-left:3px;flex-shrink:0}.psc-bonus{font-size:.6rem;font-weight:600;padding:1px 4px;margin-top:1px}.psc-house{color:var(--green)}.psc-hotel{color:#f39c12}.psc-orphan{color:var(--dim);font-style:italic;font-weight:400}.psc-complete-tag{text-align:center;font-size:.55rem;font-weight:700;color:var(--green);padding:2px;background:#4ecdc41a;letter-spacing:1px}.my-prop-set-wrap{position:relative;display:inline-flex;flex-direction:column;gap:2px}.rearrange-wrap{position:relative;display:inline-block}.btn-rearrange{background:var(--bg3);color:var(--dim);border:1px solid var(--bg3);padding:1px 6px;font-size:.7rem;border-radius:4px;cursor:pointer;line-height:1}.btn-rearrange:hover{border-color:var(--accent);color:var(--text);background:var(--bg2)}.rearrange-menu{position:absolute;bottom:100%;left:0;background:var(--bg2);border:1px solid var(--bg3);border-radius:6px;padding:4px;display:flex;flex-wrap:wrap;gap:3px;z-index:50;box-shadow:0 4px 12px #0006;min-width:120px}.my-zone{background:var(--bg2);border-radius:var(--radius);padding:8px 12px;border:2px dashed transparent;transition:border-color .2s,background .2s;overflow-y:auto}.my-properties-zone{flex:1;min-width:0}.my-bank-zone{width:140px;flex-shrink:0}.drop-zone{transition:border-color .2s,background .2s}.drop-zone-over{border-color:var(--green)}.drop-zone-over.my-zone,.my-zone.drop-zone-over{border-color:var(--green)!important;background:#4ecdc40d}.drop-zone-over.pile{border-color:var(--accent)!important;background:#e945601a}.player-hand-area{background:var(--bg2);border-top:2px solid var(--bg3);padding:8px 16px;flex-shrink:0}.hand{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:auto;scrollbar-color:var(--dim) rgba(255,255,255,.06)}.hand::-webkit-scrollbar{height:8px}.hand::-webkit-scrollbar-track{background:#ffffff0f;border-radius:4px;margin:0 4px}.hand::-webkit-scrollbar-thumb{background:var(--dim);border-radius:4px;border:1px solid rgba(255,255,255,.1)}.hand::-webkit-scrollbar-thumb:hover{background:var(--text)}.game-card{min-width:130px;max-width:130px;height:195px;border-radius:10px;display:flex;flex-direction:column;cursor:pointer;background:#faf8f0;color:#222;border:3px solid #ddd;transition:box-shadow .15s;flex-shrink:0;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform}.game-card:hover{transform:translateY(-12px);box-shadow:0 10px 30px #00000080;z-index:2}.game-card.selected{transform:translateY(-20px);box-shadow:0 12px 36px #e9456080;border-color:var(--accent);z-index:3}.game-card.dragging{opacity:.3}.gc-color-band{padding:6px 10px 5px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.gc-color-name{font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);text-transform:uppercase;letter-spacing:.5px}.gc-set-size{font-size:.55rem;color:#fffc;font-weight:600}.gc-rainbow{background:linear-gradient(90deg,#e74c3c,#f39c12,#f1c40f,#2ecc71,#3498db,#9b59b6)}.gc-split{position:relative;display:flex;overflow:hidden;padding:0;height:30px}.gc-split-half{flex:1}.gc-split-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#00000080;padding:1px 8px;border-radius:4px;font-size:.65rem}.gc-money-band{background:linear-gradient(135deg,#27ae60,#2ecc71)}.gc-body{flex:1;padding:6px 10px;display:flex;flex-direction:column;gap:3px;overflow:hidden}.gc-title{font-size:.8rem;font-weight:700;line-height:1.15;color:#222}.gc-action-title{font-size:.75rem}.gc-desc{font-size:.6rem;color:#666;line-height:1.25;flex:1}.gc-rent-table{flex:1;display:flex;flex-direction:column;gap:1px;margin-top:2px}.gc-rent-row{display:flex;justify-content:space-between;align-items:center;font-size:.6rem;padding:1px 0}.gc-rent-row.bonus-row{color:#888;font-size:.55rem;border-top:1px dashed #ddd;margin-top:1px;padding-top:2px}.gc-rent-dots{display:flex;gap:2px;align-items:center}.gc-dot{width:8px;height:8px;border-radius:2px;border:1px solid rgba(0,0,0,.15)}.gc-rent-val{font-weight:700;color:#333;font-size:.65rem}.gc-money-body{align-items:center;justify-content:center;text-align:center}.gc-money-amount{font-size:2.4rem;font-weight:700;color:#27ae60;line-height:1}.gc-money-sub{font-size:.6rem;color:#888;margin-top:4px}.gc-wildcard-colors{display:flex;gap:6px;margin-top:auto}.gc-wc-option{flex:1;text-align:center;font-size:.6rem;font-weight:600;padding:3px;border:2px solid;border-radius:6px;color:#444}.gc-rent-preview{margin-top:auto;display:flex;flex-direction:column;gap:4px}.gc-rent-mini-label{font-size:.6rem;font-weight:700}.gc-rent-mini-vals{display:flex;gap:6px;font-size:.55rem;color:#666}.gc-footer{padding:3px 10px 5px;display:flex;justify-content:flex-end;background:#00000008;border-top:1px solid #eee}.gc-value{font-size:.85rem;font-weight:700;color:#27ae60;background:#27ae601a;padding:0 6px;border-radius:6px}.selected-card-info{background:var(--bg3);padding:6px 16px;display:flex;gap:16px;align-items:center;font-size:.85rem;flex-shrink:0;border-bottom:1px solid var(--bg2)}.selected-card-info strong{color:var(--accent2)}.selected-card-info .card-desc{color:var(--dim);flex:1}.selected-card-info .card-val{color:var(--green);font-weight:600;white-space:nowrap}.btn-toggle-hand{background:var(--bg3);color:var(--dim);border:1px solid var(--bg3);padding:4px 12px;font-size:.75rem;border-radius:6px;cursor:pointer}.btn-toggle-hand:hover{border-color:var(--accent);color:var(--text)}.btn-reorder{background:var(--bg3);color:var(--dim);border:1px solid var(--bg3);padding:4px 12px;font-size:.75rem;border-radius:6px;cursor:pointer}.btn-reorder:hover{border-color:var(--green);color:var(--text)}.btn-reorder.active{border-color:var(--green);color:var(--green);background:#4ecdc41a}.hand.reorder-active{background:#4ecdc40d;border-radius:8px;padding:8px}.hand.reorder-active .game-card{cursor:grab;border-color:#4ecdc44d}.hand.reorder-active .game-card:active{cursor:grabbing}.hand.reorder-active .game-card:hover{transform:translateY(-6px);box-shadow:0 6px 20px #4ecdc44d}.action-bar{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:6px;flex-wrap:wrap}.card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.action-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.dtr-options{display:flex;gap:6px;align-items:center}.dtr-option{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text);cursor:pointer;padding:3px 8px;background:var(--bg);border:1px solid var(--bg3);border-radius:6px}.dtr-option input[type=checkbox]{flex:0;min-width:auto;width:14px;height:14px;accent-color:var(--accent)}.discard-banner{background:linear-gradient(135deg,#2c1810,#3c1a0e);border-top:3px solid var(--accent);padding:8px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0}.discard-banner-icon{font-size:1.2rem}.discard-banner span:nth-child(2){flex:1;font-weight:700;color:var(--accent2);font-size:.95rem}.discard-banner-count{font-size:1.1rem;font-weight:700;color:var(--accent);background:var(--bg);padding:2px 10px;border-radius:8px;border:2px solid var(--accent)}.discard-mode{border-top-color:var(--accent)!important;background:linear-gradient(180deg,rgba(233,69,96,.08) 0%,var(--bg2) 100%)}.card-discard-mode{border-color:var(--accent)!important;cursor:pointer;animation:discardPulse 1.8s ease-in-out infinite}.card-discard-mode:hover{transform:translateY(-8px) scale(.95)!important;box-shadow:0 6px 20px #e9456080!important;opacity:.7;border-color:var(--accent2)!important}.card-discard-x{font-size:1rem;color:var(--accent);font-weight:700}@keyframes discardPulse{0%,to{box-shadow:0 0 4px #e9456033}50%{box-shadow:0 0 10px #e9456059}}.discard-confirm{background:var(--bg2);padding:24px 32px;border-radius:var(--radius);min-width:300px;max-width:420px;display:flex;flex-direction:column;gap:12px;border:2px solid var(--accent);text-align:center;animation:fadeIn .15s}.discard-confirm-title{font-size:1.15rem;font-weight:700;color:var(--accent2)}.discard-confirm-sub{font-size:.9rem;color:var(--text);line-height:1.4}.discard-confirm-detail{font-size:.85rem;color:var(--dim);padding:6px 12px;background:var(--bg);border-radius:6px}.discard-confirm-actions{display:flex;gap:10px;justify-content:center;margin-top:4px}.discard-pile-active{border-color:var(--accent)!important;animation:discardPulse 1.8s ease-in-out infinite;background:#e9456014!important}.discard-pile-active .pile-label{color:var(--accent2);font-weight:700}.targeting-bar{background:linear-gradient(135deg,#2c1024,#1a0f28);border-top:3px solid var(--accent);padding:8px 16px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;animation:fadeIn .2s}.targeting-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.targeting-step-label{font-weight:700;color:var(--accent2);font-size:.9rem}.targeting-chip{font-size:.75rem;padding:2px 10px;border-radius:12px;background:var(--bg3);color:var(--text);border:1px solid var(--bg3)}.targeting-actions{display:flex;gap:8px;flex-shrink:0}.color-picker-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .15s}.color-picker{background:var(--bg2);padding:20px;border-radius:var(--radius);min-width:260px;display:flex;flex-direction:column;gap:12px;align-items:center;border:2px solid var(--bg3)}.color-picker-label{font-weight:700;font-size:1rem;color:var(--text)}.color-picker-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.color-picker-btn{padding:8px 14px;font-size:.8rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);border-radius:8px;min-width:80px}.pending-bar{background:#2c1810;border-top:3px solid var(--accent);padding:10px 16px;flex-shrink:0}.pending-info{font-weight:700;color:var(--accent);margin-bottom:6px;font-size:.95rem}.payment-select{margin-bottom:8px}.payment-cards{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.payment-card{background:var(--bg2);padding:5px 10px;border-radius:6px;font-size:.8rem;cursor:pointer;border:2px solid transparent;display:flex;align-items:center;gap:4px}.payment-card.selected{border-color:var(--green)}.payment-card input{display:none}.payment-hint{font-size:.8rem;color:var(--accent2);margin-bottom:6px;padding:4px 10px;background:#e945601a;border-radius:6px;border-left:3px solid var(--accent)}.payment-total{font-size:.8rem;color:var(--dim)}.underpay{color:var(--accent2);font-weight:600}.btn-select-all{margin-top:6px;background:var(--bg3);border:1px solid var(--dim);color:var(--text);padding:4px 14px;font-size:.8rem}.btn-select-all:hover{border-color:var(--accent)}.pending-actions{display:flex;gap:10px}.overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.endgame-overlay{background:radial-gradient(ellipse at center,#0f1923eb,#000000f2);overflow:hidden}.winner-box{background:linear-gradient(145deg,var(--bg2),#1e3040);padding:48px 64px;border-radius:16px;text-align:center;border:2px solid var(--green);box-shadow:0 0 40px #4ecdc426,0 0 80px #4ecdc414,0 20px 60px #00000080;position:relative;z-index:2;max-width:440px}.winner-box h1{color:var(--green);font-size:2.2rem;margin-bottom:8px;text-shadow:0 0 20px rgba(78,205,196,.4)}.winner-trophy{font-size:4rem;margin-bottom:12px;filter:drop-shadow(0 0 16px rgba(241,196,15,.5));animation:trophyFloat 3s ease-in-out infinite}@keyframes trophyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.winner-sub{color:var(--dim);font-size:.95rem;margin-bottom:24px;line-height:1.4}.winner-box button{padding:12px 32px;font-size:1rem}.confetti-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.confetti-piece{position:absolute;top:-20px;left:var(--x);width:var(--size);height:var(--size);background:var(--color);border-radius:2px;animation:confettiFall 3.5s ease-in var(--delay) infinite;opacity:0}.confetti-piece:nth-child(2n){border-radius:50%}.confetti-piece:nth-child(3n){border-radius:0;transform:rotate(45deg)}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) translate(0) rotate(0)}to{opacity:0;transform:translateY(100vh) translate(var(--drift)) rotate(720deg)}}.show-mobile{display:none}.hide-mobile{display:inline}@media(max-width:900px){.game-card{min-width:115px;max-width:115px;height:172px}.gc-title{font-size:.7rem}.gc-money-amount{font-size:2rem}}@media(max-width:768px){.board-me{flex-direction:row}.my-bank-zone{width:25%;min-width:80px;max-width:120px;flex-shrink:0;order:-1}.my-properties-zone{flex:1;min-width:0}.player-area-opponent{max-width:200px;min-width:150px}.hand::-webkit-scrollbar{height:10px}.hand::-webkit-scrollbar-thumb{background:var(--text)}.hand::-webkit-scrollbar-track{background:#ffffff14}}@media(max-width:640px){.game-card{min-width:105px;max-width:105px;height:158px;border-radius:8px;border-width:2px}.game-card:hover{transform:translateY(-8px)}.game-card.selected{transform:translateY(-14px)}.gc-color-band{padding:4px 7px 3px}.gc-color-name{font-size:.6rem}.gc-set-size{font-size:.5rem}.gc-split{height:24px}.gc-split-label{font-size:.55rem}.gc-body{padding:4px 7px;gap:2px}.gc-title{font-size:.7rem}.gc-action-title{font-size:.65rem}.gc-desc{font-size:.5rem;line-height:1.2}.gc-rent-row{font-size:.5rem}.gc-rent-row.bonus-row{font-size:.45rem}.gc-dot{width:6px;height:6px}.gc-rent-val{font-size:.55rem}.gc-money-amount{font-size:1.8rem}.gc-money-sub{font-size:.5rem}.gc-wc-option{font-size:.5rem;padding:2px}.gc-rent-mini-label{font-size:.5rem}.gc-rent-mini-vals{font-size:.45rem;gap:4px}.gc-footer{padding:2px 7px 3px}.gc-value{font-size:.75rem;padding:0 5px}.hand{gap:8px;justify-content:flex-start}.show-mobile{display:inline}.hide-mobile{display:none}.board-opponents{gap:6px;padding:6px 8px}.player-area-opponent{min-width:140px}.psc-compact{min-width:70px}.board-center{padding:6px 10px;gap:12px}.pile{width:60px;height:80px}.player-hand-area{padding:8px 10px}}.chat-panel{position:fixed;bottom:120px;right:12px;width:280px;max-height:320px;background:var(--bg2);border:2px solid var(--bg3);border-radius:var(--radius);display:flex;flex-direction:column;z-index:80;box-shadow:0 8px 24px #00000080;animation:fadeIn .15s}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid var(--bg3);font-size:.85rem;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:1px}.chat-close{background:none;border:none;color:var(--dim);font-size:1.2rem;padding:0 4px;cursor:pointer;line-height:1}.chat-close:hover{color:var(--accent)}.chat-messages{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px;min-height:100px;max-height:200px;scrollbar-width:thin}.chat-msg{display:flex;flex-direction:column;gap:1px;padding:4px 8px;border-radius:8px;background:var(--bg);max-width:85%;animation:fadeIn .15s}.chat-msg-mine{align-self:flex-end;background:#4ecdc41f;border:1px solid rgba(78,205,196,.2)}.chat-msg-name{font-size:.6rem;color:var(--dim);font-weight:600}.chat-msg-text{font-size:.8rem;color:var(--text);word-break:break-word}.chat-input-row{display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--bg3)}.chat-input-row input{flex:1;padding:6px 10px;font-size:.8rem;border-radius:6px}.chat-send{background:var(--green);color:#111;border:none;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:.9rem}.chat-send:hover{background:#5fe0d6}.btn-chat-toggle,.btn-reaction-toggle{background:var(--bg3);color:var(--dim);border:1px solid var(--bg3);padding:4px 10px;font-size:1rem;border-radius:6px;cursor:pointer;line-height:1}.btn-chat-toggle:hover,.btn-reaction-toggle:hover{border-color:var(--accent);color:var(--text)}.action-bar-left{display:flex;gap:6px;align-items:center}.reaction-bar{display:flex;gap:4px;justify-content:center;padding:6px 0 2px;flex-wrap:wrap;animation:fadeIn .15s}.reaction-btn{background:var(--bg);border:2px solid var(--bg3);border-radius:8px;padding:4px 8px;font-size:1.3rem;cursor:pointer;transition:transform .12s,border-color .12s;line-height:1}.reaction-btn:hover{transform:scale(1.25);border-color:var(--accent)}.floating-reactions{position:fixed;inset:0;pointer-events:none;z-index:90;overflow:hidden}.floating-reaction{position:absolute;bottom:160px;display:flex;flex-direction:column;align-items:center;animation:floatUp 3s ease-out forwards}.floating-emoji{font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.floating-name{font-size:.65rem;color:#fff;background:#0009;padding:1px 6px;border-radius:4px;white-space:nowrap;margin-top:2px}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-300px) scale(.6)}}.hand-sort-bar{display:flex;gap:4px;justify-content:center;padding-bottom:4px}.btn-sort{background:var(--bg);color:var(--dim);border:1px solid var(--bg3);padding:2px 10px;font-size:.7rem;border-radius:4px;cursor:pointer;font-family:inherit}.btn-sort:hover{border-color:var(--accent);color:var(--text)}.btn-sort-active{border-color:var(--accent)!important;color:var(--accent)!important;background:#e945601a}.swap-hint{display:flex;gap:8px;justify-content:center;align-items:center;font-size:.75rem;color:var(--accent2);padding:4px 0 0;animation:fadeIn .15s}@media(max-width:380px){.game-card{min-width:90px;max-width:90px;height:135px}.gc-title{font-size:.6rem}.gc-money-amount{font-size:1.5rem}.gc-rent-table{display:none}}