:root{--felt: #0d4a37;--felt-dark: #082d22;--felt-light: #13684d;--gold: #f4c542;--gold-dark: #c99a1d;--ink: #12211b;--paper: #fffdf6;--panel: rgba(4, 26, 19, .62);--panel-solid: #0b3328;--line: rgba(255, 255, 255, .1);--text: #f1f7f3;--muted: #9dbcae;--red: #e03131;--blue: #1971c2;--good: #51cf66;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(ellipse at 50% 35%,var(--felt-light) 0%,var(--felt) 45%,var(--felt-dark) 100%) fixed;background-color:var(--felt-dark);-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;background-image:radial-gradient(rgba(255,255,255,.6) 1px,transparent 1px);background-size:3px 3px}button,input{font-family:inherit}.btn{border:0;border-radius:999px;padding:10px 20px;font-weight:700;font-size:15px;cursor:pointer;color:var(--text);background:#ffffff1a;transition:transform .12s,background .15s,box-shadow .15s,opacity .15s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#ffd85c,var(--gold-dark));color:#2a1d00;box-shadow:0 4px #8a6a10,0 8px 20px #f4c54240}.btn.secondary{background:#f1f7f3;color:var(--ink);box-shadow:0 4px #9fb3a9}.btn.danger{background:linear-gradient(180deg,#ff6b6b,#c92a2a);color:#fff;box-shadow:0 4px #7d1a1a}.btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.25)}.btn.ghost:hover:not(:disabled){background:#ffffff14}.btn.big{padding:13px 28px;font-size:16px}.btn.sm{padding:6px 14px;font-size:13px}.btn.pulse{animation:pulse 1.4s infinite}@keyframes pulse{50%{box-shadow:0 4px #8a6a10,0 0 0 8px #f4c54240}}.icon-btn{border:0;background:#ffffff14;color:var(--text);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px;display:inline-grid;place-items:center;flex:none}.icon-btn:hover{background:#ffffff29}.spacer{flex:1}.muted{color:var(--muted);font-weight:400}.good{color:var(--good)}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.avatar{font-size:20px;line-height:1;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff1a;flex:none}.avatar.big{width:42px;height:42px;font-size:24px;background:#ffffffeb;box-shadow:inset 0 -3px #0000001f}.tag{font-size:10px;font-weight:800;letter-spacing:.1em;background:var(--gold);color:#2a1d00;padding:3px 7px;border-radius:6px}.tag.gray{background:#556;color:#fff}.card{--w: 10em;width:var(--w);height:calc(var(--w) * 1.43);border-radius:.8em;background:var(--paper);color:var(--ink);position:relative;flex:none;overflow:hidden;box-shadow:0 .15em .3em #00000040,0 .6em 1.4em #0003;border:.45em solid #fff;outline:1px solid rgba(0,0,0,.12);-webkit-user-select:none;user-select:none;transition:transform .18s ease,box-shadow .18s ease,opacity .18s,filter .18s}.card-lg{font-size:11px}.card-md{font-size:8.4px}.card-sm{font-size:6.4px}.card-xs{font-size:4.6px}.card.clickable{cursor:pointer}.card.selected{transform:translateY(-1.4em);box-shadow:0 0 0 .35em var(--gold),0 1em 2em #0006}.card.dim{opacity:.38;filter:grayscale(.5)}.card-value{position:absolute;top:.4em;left:.4em;width:2.5em;height:2.5em;border-radius:50%;background:#fff;border:.18em solid var(--ink);font-weight:800;font-size:1em;display:grid;place-items:center;z-index:2;letter-spacing:-.04em}.card[data-type=property] .prop-band{margin:0;height:4.4em;border-radius:.35em;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 .6em 0 2.6em;font-weight:800;font-size:1em;line-height:1.05;text-transform:uppercase;letter-spacing:.01em}.card[data-type=property] .card-value{top:.85em}.prop-name{font-size:.74em}.wild-alt{font-size:.62em;font-weight:800;opacity:.9;letter-spacing:.04em}.rent-table{padding:.6em .6em 0;display:grid;gap:.25em}.rent-row{display:flex;align-items:center;justify-content:space-between;font-size:.95em;border-bottom:1px dashed rgba(0,0,0,.15);padding-bottom:.15em}.rent-row b{font-weight:800}.rent-cards{display:flex;gap:.15em}.rent-cards i{width:.7em;height:1em;border-radius:.15em;display:block}.card[data-type=wild]{display:flex;flex-direction:column}.wild-half{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:800;text-transform:uppercase;font-size:.85em;gap:.2em}.wild-half.top{border-radius:.35em .35em 0 0;padding-left:2em}.wild-half.bottom{border-radius:0 0 .35em .35em}.wild-rents{display:flex;gap:.35em;font-size:.95em;opacity:.9}.wild-mid{height:2.1em;display:grid;place-items:center;background:#fff}.wild-mid span{font-weight:900;letter-spacing:.2em;font-size:1.05em}.wild-any{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.wild-badge{background:#fff;padding:.4em .8em;border-radius:.5em;font-weight:900;letter-spacing:.15em;font-size:1.2em;box-shadow:0 .2em .5em #00000040}.wild-caption{position:absolute;bottom:.6em;left:0;right:0;text-align:center;font-weight:700;color:#fff;font-size:.9em;text-shadow:0 1px 3px rgba(0,0,0,.6)}.assigned-tag{position:absolute;top:.5em;left:50%;transform:translate(-50%);padding:.2em .6em;border-radius:.4em;font-weight:800;font-size:.85em;border:.15em solid #fff;white-space:nowrap}.card[data-type=money]{background:var(--money)}.card[data-type=money]:after{content:"";position:absolute;top:.6em;right:.6em;bottom:.6em;left:.6em;border:.18em solid rgba(0,0,0,.18);border-radius:.5em}.money-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.money-center span{font-size:3.6em;font-weight:900;letter-spacing:-.06em;background:#fff;width:1.8em;height:1.8em;border-radius:50%;display:flex;align-items:center;justify-content:center;border:.05em solid var(--ink);box-shadow:inset 0 -.06em #0000001f}.money-center small{font-size:.45em;font-weight:900;margin:.5em 0 0 .05em;letter-spacing:0}.money-corner{position:absolute;font-weight:800;font-size:1.05em}.money-corner.tl{top:.8em;left:.9em}.money-corner.br{bottom:.8em;right:.9em;transform:rotate(180deg)}.card[data-type=action],.card[data-type=rent]{background:linear-gradient(180deg,#fffaf0,#f7efdc)}.action-disc,.rent-disc{margin:2.2em auto 0;width:6.6em;height:6.6em;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:.3em solid #fff;box-shadow:0 0 0 .15em var(--ink)}.action-disc{background:var(--tint);color:#fff}.action-icon{font-size:1.9em;line-height:1}.action-name{font-weight:900;font-size:.9em;line-height:1;margin-top:.25em;text-transform:uppercase;padding:0 .3em}.rent-disc-inner{background:#fff;border-radius:50%;width:3.6em;height:3.6em;display:grid;place-items:center;font-weight:900;font-size:.95em;letter-spacing:.08em}.action-text{font-size:.72em;text-align:center;padding:.6em .8em 0;line-height:1.2;color:#4a4a4a}.card-back{background:linear-gradient(135deg,#d63a2f,#a51e16);border-color:#fff}.back-inner{position:absolute;top:.5em;right:.5em;bottom:.5em;left:.5em;border-radius:.5em;border:.15em solid rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transform:rotate(-30deg)}.back-inner span{font-weight:900;font-size:1.15em;letter-spacing:.05em;background:#fff;color:#c92a2a;padding:.15em .4em;border-radius:.2em}.back-inner small{font-weight:900;font-size:1.8em;letter-spacing:.1em;margin-top:.1em}.empty-slot{display:grid;place-items:center;background:#ffffff0d;border:.2em dashed rgba(255,255,255,.25);outline:none;box-shadow:none;color:var(--muted);font-weight:700;font-size:10px}.splash{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:var(--gold);animation:spin .9s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.home{height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:28px 16px 40px;gap:24px}.home-hero{text-align:center}.fan{height:200px;position:relative;width:420px;max-width:100%;margin:0 auto 10px}.fan-card{position:absolute;left:50%;top:20px;transform-origin:50% 140%;transform:translate(-50%) rotate(calc(var(--i) * 12deg));animation:deal .7s backwards cubic-bezier(.2,.8,.3,1.2);animation-delay:calc((var(--i) + 2) * .08s)}@keyframes deal{0%{transform:translate(-50%) translateY(80px) rotate(0) scale(.6);opacity:0}}.logo{margin:0;display:flex;flex-direction:column;align-items:center;line-height:.9}.logo span{background:#e03131;color:#fff;padding:6px 16px;border-radius:8px;font-size:34px;letter-spacing:.04em;font-weight:900;border:3px solid #fff;box-shadow:var(--shadow)}.logo b{font-size:64px;font-weight:900;letter-spacing:.12em;color:var(--gold);text-shadow:0 4px 0 #7a5b0b;margin-top:6px}.logo em{font-style:normal;font-size:14px;letter-spacing:.5em;color:var(--muted);margin-top:6px;text-transform:uppercase}.tagline{color:var(--muted);font-size:16px}.tagline b{color:var(--gold)}.home-panel,.lobby-card,.rules-box{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tabs{display:flex;background:#00000040;border-radius:999px;padding:4px;margin-bottom:18px}.tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:10px;border-radius:999px;font-weight:700;cursor:pointer;font-size:14px}.tabs button.on{background:#fff;color:var(--ink)}.home-panel form{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}input{background:#0000004d;border:1.5px solid rgba(255,255,255,.15);color:var(--text);padding:12px 14px;border-radius:12px;font-size:16px;outline:none}input:focus{border-color:var(--gold)}.code-input{text-transform:uppercase;letter-spacing:.5em;font-weight:800;font-size:24px;text-align:center}.rules-box summary{cursor:pointer;font-weight:700}.rules-box ul{padding-left:20px;margin:12px 0 0;color:var(--muted);line-height:1.5;font-size:14px}.rules-box li b{color:var(--text)}.lobby{height:100%;overflow-y:auto;display:grid;place-items:center;padding:24px 16px}.lobby-card{max-width:520px;display:flex;flex-direction:column;gap:12px}.lobby-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}.room-code{display:flex;gap:6px;margin-top:6px}.room-code span{width:48px;height:58px;background:#fff;color:var(--ink);border-radius:10px;display:grid;place-items:center;font-size:32px;font-weight:900;box-shadow:0 4px #9fb3a9}.lobby-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lobby-players li{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff0f;border-radius:12px}.lobby-players li.empty{opacity:.4;border:1.5px dashed rgba(255,255,255,.2);background:transparent}.lobby-players li.away{opacity:.6}.pname{flex:1;font-weight:600}.pname em{color:var(--muted);font-style:normal;font-weight:400}.avatar-pick{display:flex;gap:8px;flex-wrap:wrap}.avatar-pick button{width:44px;height:44px;font-size:24px;border-radius:12px;border:2px solid transparent;background:#ffffff14;cursor:pointer}.avatar-pick button.on{border-color:var(--gold);background:#f4c5422e}.avatar-pick button:disabled{opacity:.25;cursor:not-allowed}.house-rules{display:flex;flex-direction:column;gap:4px;background:#f4c5421a;border:1px solid rgba(244,197,66,.35);border-radius:12px;padding:12px 14px;font-size:14px;color:var(--muted)}.house-rules b{color:var(--gold)}.house-rules>b{color:var(--text)}.lobby-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px}.waiting{color:var(--muted);font-size:14px;animation:breathe 2s infinite}@keyframes breathe{50%{opacity:.5}}.game{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"top top" "opp side" "center side" "me side"}.topbar{grid-area:top;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#0000004d;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:6px}.brand span{background:#e03131;color:#fff;padding:2px 7px;border-radius:4px;font-weight:900;font-size:12px;border:1.5px solid #fff}.brand b{color:var(--gold);font-weight:900;letter-spacing:.1em;font-size:18px}.room-chip,.win-rule{font-size:13px;color:var(--muted);background:#ffffff0f;padding:5px 10px;border-radius:999px}.room-chip b{color:var(--text);letter-spacing:.1em}.win-rule{color:var(--gold)}.side-toggle{display:none}.opponents{grid-area:opp;display:flex;gap:10px;padding:12px 16px 4px;overflow-x:auto}.seat{flex:1 1 0;min-width:210px;max-width:320px;background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative}.seat:hover{transform:translateY(-2px)}.seat.active{border-color:var(--gold);box-shadow:0 0 0 3px #f4c54233,var(--shadow)}.seat.offline{opacity:.55}.seat.role-target{border-color:#ff8787;box-shadow:0 0 0 3px #ff6b6b40}.seat-top{display:flex;align-items:center;gap:10px}.seat-name{display:flex;flex-direction:column;min-width:0;flex:1}.seat-name b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-name small{color:var(--muted);font-size:12px}.mini-hand{display:flex;align-items:center;position:relative;padding-right:4px}.mini-hand span{width:12px;height:17px;border-radius:2px;background:linear-gradient(135deg,#d63a2f,#a51e16);border:1.5px solid #fff;margin-left:-7px;transform:rotate(calc((var(--i) - 3) * 5deg))}.mini-hand em{font-style:normal;font-weight:800;font-size:13px;margin-left:6px}.kick{align-self:flex-start}.progress{display:flex;flex-direction:column;gap:5px;min-width:180px}.progress.compact{gap:3px}.prog-row{display:flex;align-items:center;gap:8px;font-size:12px}.prog-row b{font-size:12px;min-width:44px;text-align:right}.prog-label{color:var(--muted);width:32px;font-weight:600}.set-pips{display:flex;gap:4px;flex:1}.set-pips i{flex:1;height:8px;border-radius:4px;background:#ffffff1f}.set-pips i.on{background:var(--good);box-shadow:0 0 8px #51cf6699}.bar{flex:1;height:8px;border-radius:4px;background:#ffffff1f;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold));border-radius:4px;transition:width .5s}.pile-chips{display:flex;flex-wrap:wrap;gap:4px}.chips-empty{font-size:12px;color:var(--muted)}.chip{display:flex;align-items:center;gap:3px;background:var(--c);padding:3px 6px;border-radius:6px;font-size:11px}.chip.complete{box-shadow:0 0 0 2px #fff}.chip-dots{display:flex;gap:2px}.chip-dots i{width:6px;height:9px;border-radius:2px;background:#ffffff4d;border:1px solid rgba(0,0,0,.15)}.chip-dots i.on{background:#fff}.center{grid-area:center;display:flex;align-items:center;justify-content:center;gap:22px;padding:8px 16px;flex-wrap:wrap}.piles-row{display:flex;gap:14px}.deck-spot{display:flex;flex-direction:column;align-items:center;gap:4px}.deck-spot small{color:var(--muted);font-size:11px}.deck-stack{position:relative}.deck-stack:before,.deck-stack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;background:#a51e16;border:3px solid #fff;transform:translate(3px,3px);z-index:-1}.deck-stack:after{transform:translate(6px,6px);z-index:-2}.turn-panel{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:12px 18px;min-width:300px;max-width:520px;flex:1}.turn-who{display:flex;align-items:center;gap:12px;width:100%}.turn-who b{font-size:18px}.plays{margin-left:auto;display:flex;align-items:center;gap:5px}.plays i{width:14px;height:14px;border-radius:50%;background:#ffffff1f}.plays i.on{background:var(--gold);box-shadow:0 0 8px #f4c54299}.plays small{color:var(--muted);margin-left:3px}.status{color:var(--muted);font-size:14px;text-align:center}.my-turn .status{color:var(--gold);font-weight:600}.pending-banner{width:100%;background:#e0313124;border:1px solid rgba(255,135,135,.4);border-radius:12px;padding:8px 12px;animation:pop .25s}.pb-title{font-weight:700;font-size:14px}.pb-targets{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.pb-t{font-size:12px;background:#00000040;padding:3px 8px;border-radius:999px;color:var(--muted)}.pb-t.respond,.pb-t.pay,.pb-t.counter{color:#ffd8a8}.pb-t.done{color:var(--good)}@keyframes pop{0%{transform:scale(.94);opacity:0}}.me{grid-area:me;display:flex;flex-direction:column;min-height:0;padding:4px 16px 0;gap:6px}.me.spectator{align-items:center;justify-content:center;color:var(--muted)}.me-head{display:flex;align-items:center;gap:12px}.me-head .seat-name{flex:0 0 auto}.me-head .progress{width:280px}.me-board{flex:1;min-height:0;display:flex;gap:12px;overflow:auto;padding:4px 2px 6px}.board-block{background:#0000002e;border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px 10px;min-width:0}.board-block.props{flex:1}.board-block.bank{flex:0 1 auto;min-width:150px}.block-title{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:6px}.block-title b{color:var(--gold);font-size:14px}.empty-note{color:var(--muted);font-size:13px;padding:8px 4px;opacity:.8}.pile-stacks{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.pile{display:flex;flex-direction:column;align-items:center;border-radius:10px;padding:4px;transition:box-shadow .15s,background .15s}.pile.complete{background:#51cf661f;box-shadow:inset 0 0 0 1.5px #51cf6680}.pile.selectable{cursor:pointer;box-shadow:inset 0 0 0 2px #f4c54299}.pile.selectable:hover{background:#f4c5421f}.pile.selected{box-shadow:inset 0 0 0 3px var(--gold);background:#f4c54233}.pile-head{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;display:flex;gap:8px;margin-bottom:4px}.pile-rent{opacity:.85}.pile-cards{display:flex;flex-direction:column}.pile-cards .card+.card{margin-top:-8.9em}.pile-cards .card.clickable:hover{transform:translateY(-.6em);z-index:5}.pile-cards .card.selected{transform:translate(.8em)}.pile-done{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--good);margin-top:4px}.bank-strip{display:flex;align-items:center;padding-right:8px;position:relative;flex-wrap:nowrap}.bank-strip .card+.card{margin-left:-6.2em}.bank-strip .card.clickable:hover{transform:translateY(-.8em)}.bank-total{margin-left:10px;font-weight:900;font-size:18px;color:var(--gold)}.hand{display:flex;justify-content:safe center;align-items:flex-end;padding:28px 10px 12px;min-height:206px;overflow-x:auto;overflow-y:visible;flex:none}.hand-card+.hand-card{margin-left:clamp(-70px,calc(-6px - (var(--n) - 7) * 6px),-6px)}.hand.live .hand-card:hover,.hand.discarding .hand-card:hover{transform:translateY(-16px) scale(1.04);z-index:10;box-shadow:0 0 0 3px #f4c542b3,0 16px 30px #00000073}.hand.live .hand-card.selected,.hand.discarding .hand-card.selected{transform:translateY(-22px);box-shadow:0 0 0 4px var(--red),0 16px 30px #00000073}.hand:not(.live):not(.discarding) .hand-card{filter:saturate(.85)}@keyframes draw{0%{transform:translateY(60px) scale(.8);opacity:0}}.sidebar{grid-area:side;display:flex;flex-direction:column;min-height:0;background:#00000047;border-left:1px solid var(--line)}.side-tabs{display:none;gap:4px;padding:8px;border-bottom:1px solid var(--line);align-items:center}.side-tabs button:not(.icon-btn){flex:1;border:0;background:transparent;color:var(--muted);padding:8px;border-radius:8px;font-weight:700;cursor:pointer;font-size:13px}.side-tabs button.on{background:#ffffff1a;color:var(--text)}.side-close{display:none!important}.side-toggle{position:relative}.side-toggle .badge{position:absolute;top:-4px;right:-4px;margin:0}.badge{background:var(--red);color:#fff;border-radius:999px;padding:1px 6px;font-size:11px;margin-left:4px}.side-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px}.log-line{font-size:13px;line-height:1.35;color:#d3e4db;padding:6px 8px;background:#ffffff0a;border-radius:8px;border-left:3px solid rgba(244,197,66,.4)}.log-line:last-child{border-left-color:var(--gold);background:#f4c54214}.chat-line{font-size:13px;display:flex;flex-direction:column;background:#ffffff0f;padding:6px 10px;border-radius:10px;max-width:90%}.chat-line.mine{align-self:flex-end;background:#f4c54229}.chat-line.system{align-self:center;background:transparent;color:var(--muted);font-size:12px}.chat-who{font-size:11px;color:var(--muted);font-weight:700}.chat-form{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}.chat-form input{flex:1;padding:8px 12px;font-size:14px;min-width:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a0699;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50;padding:16px;animation:fade .2s}@keyframes fade{0%{opacity:0}}.modal{background:linear-gradient(180deg,#11493a,#0a3328);border:1px solid rgba(255,255,255,.14);border-radius:22px;width:100%;max-width:560px;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;box-shadow:0 30px 80px #0009;animation:rise .25s cubic-bezier(.2,.8,.3,1.1)}.modal.wide{max-width:860px}.modal.urgent{border-color:#ff878799;box-shadow:0 0 0 4px #ff6b6b26,0 30px 80px #0009}@keyframes rise{0%{transform:translateY(30px) scale(.97);opacity:0}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 10px}.modal-head h2{margin:0;font-size:21px}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:14px}.modal-body{padding:6px 20px 16px;overflow-y:auto}.modal-foot{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--line);flex-wrap:wrap}.play-layout{display:flex;gap:18px;align-items:flex-start}.play-layout .preview{transform:rotate(-3deg)}.play-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.hint{margin:0;color:#cfe2d8;line-height:1.45;font-size:15px}.hint.warn{color:#ffd8a8}.step{font-weight:700;font-size:14px;margin-top:8px;margin-bottom:6px}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;flex:1}.color-btn{border:3px solid transparent;background:var(--c);border-radius:12px;padding:10px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;transition:transform .12s}.color-btn:hover:not(:disabled){transform:translateY(-2px)}.color-btn.on{border-color:#fff;box-shadow:0 0 0 3px var(--gold)}.color-btn:disabled{cursor:default}.color-btn small{opacity:.85;font-weight:600}.picker{display:flex;flex-wrap:wrap;gap:8px}.player-pick{display:flex;align-items:center;gap:8px;border:2px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--text);border-radius:14px;padding:8px 12px;cursor:pointer;text-align:left}.player-pick.on{border-color:var(--gold);background:#f4c54229}.pp-name{font-weight:700}.pp-note{color:var(--muted);font-size:12px}.doubles{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pill{border:2px solid rgba(255,255,255,.2);background:transparent;color:var(--text);border-radius:999px;padding:6px 16px;cursor:pointer;font-weight:700}.pill.on{background:var(--gold);color:#2a1d00;border-color:var(--gold)}.total-line{font-size:16px;margin-top:4px}.total-line b{color:var(--gold);font-size:22px}.respond-body{display:flex;gap:18px;align-items:center}.respond-body p{color:#cfe2d8;font-size:15px;line-height:1.5}.pay-total{font-size:15px;color:#ffa8a8}.pay-total.ok{color:var(--good)}.pay-total b{font-size:20px}.modal .bank-strip{flex-wrap:wrap;row-gap:10px}.modal .bank-strip .card+.card{margin-left:6px}.flash{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:40;pointer-events:none;display:flex;flex-direction:column;align-items:center;animation:flash 1.5s forwards}.flash b{font-size:clamp(34px,7vw,74px);font-weight:900;color:#fff;letter-spacing:.04em;text-shadow:0 5px 0 rgba(0,0,0,.35),0 0 40px rgba(0,0,0,.5);-webkit-text-stroke:2px rgba(0,0,0,.3);white-space:nowrap}.flash span{background:#00000080;padding:4px 14px;border-radius:999px;font-weight:700;margin-top:6px}.flash.jsn b{color:#74c0fc}.flash.dealBreaker b{color:#ff6b6b}.flash.rent b,.flash.debtCollector b,.flash.birthday b{color:var(--gold)}.flash.slyDeal b,.flash.forcedDeal b{color:#b197fc}@keyframes flash{0%{transform:translate(-50%,-50%) scale(.4) rotate(-6deg);opacity:0}15%{transform:translate(-50%,-50%) scale(1.1) rotate(-3deg);opacity:1}25%{transform:translate(-50%,-50%) scale(1) rotate(-3deg)}80%{opacity:1}to{transform:translate(-50%,-60%) scale(1) rotate(-3deg);opacity:0}}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000a06bf;display:grid;place-items:center;padding:16px;animation:fade .4s;overflow:hidden}.win-card{background:linear-gradient(180deg,#145c48,#0a3328);border:2px solid var(--gold);border-radius:26px;padding:28px;width:100%;max-width:480px;text-align:center;box-shadow:0 0 80px #f4c5424d;animation:rise .5s cubic-bezier(.2,.8,.3,1.3);position:relative;z-index:2}.trophy{font-size:72px;animation:bounce 1.2s infinite}@keyframes bounce{50%{transform:translateY(-10px)}}.win-card h1{margin:6px 0;font-size:34px;color:var(--gold)}.win-card>p{color:var(--muted);margin:0 0 16px}.standings{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:6px}.standings li{display:flex;align-items:center;gap:10px;background:#ffffff0f;padding:8px 12px;border-radius:12px;font-size:14px}.standings li.champ{background:#f4c54233;border:1px solid var(--gold)}.st-name{flex:1;text-align:left;font-weight:700}.win-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;align-items:center}.confetti i{position:absolute;top:-20px;left:calc(var(--x) * 100%);width:10px;height:16px;background:hsl(var(--h),85%,60%);animation:fall calc(2.5s + var(--d) * 2.5s) linear infinite;animation-delay:calc(var(--d) * -4s);border-radius:2px}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}.fly-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:38}.flight{position:fixed;left:0;top:0;opacity:0;transform-origin:0 0;will-change:transform;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}.flight .card{transition:none}.land-pulse{animation:land .55s ease-out}@keyframes land{0%{box-shadow:0 0 #f4c542e6}to{box-shadow:0 0 0 14px #f4c54200}}.card.land-pulse{animation:land-card .5s ease-out}@keyframes land-card{0%{transform:scale(1.08);box-shadow:0 0 0 .4em #f4c542e6}to{transform:scale(1)}}.toasts{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}.toast{background:#2b0d0d;color:#ffc9c9;border:1px solid #c92a2a;padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;box-shadow:var(--shadow);animation:rise .25s;text-align:center}.toast.ok{background:#fff;color:var(--ink);border-color:#fff}.offline-bar{position:fixed;bottom:0;left:0;right:0;background:#c92a2a;color:#fff;text-align:center;padding:6px;font-weight:700;z-index:120;font-size:14px}@media (max-width: 1100px){.game{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "opp" "center" "me"}.side-toggle{display:inline-grid}.side-tabs{display:flex}.side-title,.sidebar.tab-log .sec-chat,.sidebar.tab-chat .sec-log{display:none}.sidebar{position:fixed;right:0;top:0;bottom:0;width:min(340px,88vw);z-index:45;background:var(--panel-solid);transform:translate(100%);transition:transform .25s;box-shadow:-10px 0 40px #0006}.sidebar.open{transform:none}.side-close{display:inline-grid!important}}@media (max-width: 760px){body{overflow:auto}.game{height:auto;min-height:100dvh;grid-template-rows:auto auto auto auto}.topbar{flex-wrap:wrap;padding:8px 12px;gap:8px}.win-rule,.brand span{display:none}.topbar{flex-wrap:nowrap}.opponents{padding:10px 12px 4px}.seat{min-width:190px}.center{padding:8px 12px;gap:12px}.center .piles-row{display:none}.turn-panel{min-width:0;width:100%}.me{padding:4px 12px 0}.me-head{flex-wrap:wrap}.me-head .progress{width:100%}.me-board{flex-direction:column;overflow:visible}.hand{justify-content:flex-start;min-height:170px;position:sticky;bottom:0;z-index:20;margin:0 -12px;padding:22px 12px 10px;background:linear-gradient(180deg,transparent,rgba(4,26,19,.92) 30%)}.hand-card+.hand-card{margin-left:clamp(-62px,calc(-30px - (var(--n) - 5) * 6px),-30px)}.topbar .room-chip{font-size:12px}.card-lg{font-size:9.5px}.card-md{font-size:7.2px}.play-layout{flex-direction:column;align-items:center}.play-layout .preview{display:none}.respond-body{flex-direction:column}.logo span{font-size:26px}.logo b{font-size:48px}.fan{height:170px}.fan-card{font-size:9px}.room-code span{width:40px;height:50px;font-size:26px}}.side-sec{display:flex;flex-direction:column;min-height:0}.sec-log{flex:1 1 0;border-bottom:1px solid var(--line)}.sec-chat{flex:1.5 1 0}.side-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:8px 12px 0}.chat-panel{display:flex;flex-direction:column;flex:1;min-height:0}.chat-list{gap:2px}.chat-line{align-self:flex-start;margin-top:6px}.chat-line.grouped{margin-top:0}.chat-line.system{margin-top:4px}.chat-who i{font-style:normal;font-weight:500;margin-left:6px;opacity:.7}.chat-text{overflow-wrap:anywhere;line-height:1.3}.chat-line.big .chat-text{font-size:28px;line-height:1.1}.chat-line.big{background:transparent}.reactions{display:flex;gap:4px;padding:6px 8px 0;flex-wrap:wrap}.reactions button{border:0;background:#ffffff14;color:var(--text);border-radius:999px;padding:3px 9px;cursor:pointer;font-size:15px;font-weight:700}.reactions button:hover{background:#ffffff2e}.chat-ro{padding:10px;color:var(--muted);font-size:13px;text-align:center;border-top:1px solid var(--line)}.lobby-chat{height:240px;display:flex;flex-direction:column;background:#0003;border:1px solid var(--line);border-radius:12px;overflow:hidden}.bar-spacer{flex:1}.room-chip.watching{color:var(--gold)}.rules-field,.rules-picker{display:flex;flex-direction:column;gap:8px}.rule-opt{text-align:left;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1.5px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text);cursor:pointer;font-family:inherit}.rule-opt b{font-size:15px}.rule-opt small{color:var(--muted);font-size:12.5px;line-height:1.3}.rule-opt.on{border-color:var(--gold);background:#f4c54224}.rule-opt.on b{color:var(--gold)}.custom-rules{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:#00000038}.custom-rules label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.custom-rules label.check{flex-direction:row;align-items:center;gap:8px;color:var(--text)}.custom-rules label.check input{width:18px;height:18px;padding:0}.custom-rules input[type=text],.custom-rules label:not(.check) input{padding:8px 10px;font-size:15px}.stepper{display:flex;align-items:center;justify-content:space-between;font-size:14px}.stepper div{display:flex;align-items:center;gap:8px}.stepper b{min-width:46px;text-align:center}.stepper button{width:30px;height:30px;border-radius:8px;border:0;background:#ffffff1f;color:var(--text);font-size:18px;cursor:pointer}.stepper button:disabled{opacity:.3;cursor:not-allowed}.rules-actions{display:flex;justify-content:flex-end;gap:8px}.house-rules .btn{align-self:flex-start;margin-top:6px}.live-games{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:16px 18px;box-shadow:var(--shadow)}.live-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.live-head h2{margin:0;font-size:16px;display:flex;align-items:center;gap:8px}.live-head h2 em{font-style:normal;background:#ffffff1f;border-radius:999px;padding:1px 8px;font-size:12px}.live-head small,.live-main>small{color:var(--muted);font-size:12px}.live-dot{width:9px;height:9px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 8px #ff4d4d;animation:breathe 1.6s infinite}.live-empty{color:var(--muted);font-size:14px;margin:6px 0 0}.live-games ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.live-games li{display:flex;align-items:center;gap:10px;background:#ffffff0f;border-radius:12px;padding:10px 12px}.live-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.live-players{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px;font-weight:600}.live-p small{color:var(--muted);font-weight:500;margin-left:5px;font-size:11px}.live-p.active{color:var(--gold)}.live-p.away{opacity:.5}