@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--font: "Outfit", ui-sans-serif, system-ui, sans-serif;--felt-deep: #043a1f;--felt-mid: #065c30;--felt-light: #0a7a40;--gold: #f0b429;--gold-dim: rgba(240,180,41,.18);--gold-glow: rgba(240,180,41,.45);--red-card: #d63031;--crimson: #c0392b;--success: #00b894;--danger: #e74c3c;--bg: #050d08;--panel: rgba(4,18,10,.92);--glass: rgba(255,255,255,.06);--glass-hover: rgba(255,255,255,.1);--border: rgba(255,255,255,.1);--border-gold: rgba(240,180,41,.4);--text: #f0f4f8;--muted: rgba(200,220,210,.65);--subtle: rgba(200,220,210,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}html{height:-webkit-fill-available}body{font-family:var(--font);font-size:13px;color:var(--text);background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(6,92,48,.55),transparent),radial-gradient(ellipse 60% 40% at 10% 90%,rgba(240,180,41,.1),transparent),radial-gradient(ellipse 50% 30% at 90% 80%,rgba(198,40,40,.08),transparent);min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available}button,input{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}h1,h2,h3,h4{font-weight:700;line-height:1.2}#app{width:100vw;height:100vh;height:100dvh;min-height:-webkit-fill-available;overflow:hidden;display:flex;flex-direction:column}.shell{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.topbar{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 16px;height:52px;background:#030c07f2;border-bottom:1px solid rgba(240,180,41,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20}.back-link{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);background:var(--glass);color:var(--text);text-decoration:none;font-size:18px;flex-shrink:0;cursor:pointer;transition:background .15s,border-color .15s,transform .12s}.back-link:hover{background:var(--glass-hover);border-color:var(--border-gold);transform:translate(-2px)}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.account-chip{display:flex;align-items:center;gap:8px;min-width:0;max-width:min(300px,48vw);padding:4px 12px 4px 4px;border-radius:99px;background:linear-gradient(135deg,#f0b4292e,#ffffff0f);border:1px solid rgba(240,180,41,.35);color:var(--text)}.account-chip-text{min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.1}.account-chip-name,.account-chip-balance{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip-name{font-size:12px;font-weight:800}.account-chip-balance{font-size:11px;font-weight:800;color:var(--gold)}.balance-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;background:linear-gradient(135deg,#f0b4292e,#f082281f);border:1px solid rgba(240,180,41,.35);font-size:12px;font-weight:800;color:var(--gold);max-width:min(360px,42vw);cursor:default;transition:border-color .15s}.balance-chip:hover{border-color:var(--gold)}.balance-icon{font-size:13px}.balance-amount{letter-spacing:.02em;overflow-wrap:anywhere}.player-chip{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:99px;background:var(--glass);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;max-width:140px;overflow:hidden}.player-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#e55c2a);display:grid;place-items:center;font-size:10px;font-weight:800;color:#180900;flex-shrink:0}.player-name-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conn-label{display:none}@media (min-width: 720px){.conn-label{display:inline}}.topbar-title{display:flex;flex-direction:column;flex:1;min-width:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);line-height:1}.topbar h1{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:var(--muted);flex-shrink:0}.connection .dot{width:8px;height:8px;border-radius:50%;background:#556;transition:background .3s,box-shadow .3s}.connection.is-online .dot{background:var(--success);box-shadow:0 0 10px #00b894cc;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 6px #00b89499}50%{box-shadow:0 0 14px #00b894}}.toast{position:fixed;top:62px;left:50%;transform:translate(-50%);z-index:100;padding:10px 18px;border-radius:8px;border:1px solid rgba(231,76,60,.5);background:#5a0a0af5;box-shadow:0 20px 50px #00000080;font-size:13px;font-weight:600;animation:toast-in .25s ease both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.lobby{flex:1;min-height:0;display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto 1fr;grid-template-areas:"intro  create" "rooms  create";gap:12px;padding:12px 16px;overflow:hidden}.intro-panel{grid-area:intro;display:flex;align-items:center;gap:24px;padding:20px 24px;background:linear-gradient(135deg,#065c3099,#04120ad9);border:1px solid var(--border-gold);border-radius:12px;overflow:hidden}.card-fan{position:relative;width:140px;height:110px;flex-shrink:0}.mini-card{position:absolute;left:10px;top:10px;width:64px;height:90px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:6px;border-radius:6px;border:1px solid rgba(0,0,0,.18);background:linear-gradient(160deg,#fff,#f0f4f8);font-size:14px;font-weight:900;box-shadow:0 8px 24px #0006;transform-origin:bottom center}.mini-card.red{color:var(--red-card)}.mini-card.black{color:#111}.mini-card:nth-child(1){transform:rotate(-22deg) translate(-14px);z-index:1}.mini-card:nth-child(2){transform:rotate(-8deg) translate(-4px) translateY(-6px);z-index:2}.mini-card:nth-child(3){transform:rotate(7deg) translate(10px) translateY(-4px);z-index:3}.mini-card:nth-child(4){transform:rotate(22deg) translate(24px);z-index:4}.intro-text h2{font-size:18px;font-weight:800;margin-bottom:6px}.intro-text p{font-size:12px;color:var(--muted);line-height:1.6}.create-panel{grid-area:create;padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:12px}.create-panel h2{font-size:14px;font-weight:700;padding-bottom:10px;border-bottom:1px solid var(--border)}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}input{width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff12;color:var(--text);outline:none;transition:border-color .15s}input:focus{border-color:var(--border-gold)}input::placeholder{color:var(--subtle)}.field-hint{font-size:11px;color:var(--gold);line-height:1.35}.rooms-panel{grid-area:rooms;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.rooms-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.rooms-header h2{font-size:14px;font-weight:700}.rooms-header p{font-size:11px;color:var(--muted);margin-top:2px}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:var(--glass);color:var(--text);font-size:15px;transition:background .15s,border-color .15s}.icon-btn:hover{background:var(--glass-hover);border-color:var(--border-gold)}.room-grid{flex:1;min-height:0;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;align-content:start}.room-grid::-webkit-scrollbar{width:4px}.room-grid::-webkit-scrollbar-track{background:transparent}.room-grid::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.room-card{padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--glass);display:flex;flex-direction:column;gap:10px;transition:border-color .15s,background .15s}.room-card:hover{background:var(--glass-hover);border-color:var(--border-gold)}.room-status{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.room-card h3{font-size:13px;font-weight:700}.room-card p{font-size:11px;color:var(--muted)}.room-card .room-bet{color:var(--gold);font-weight:700;overflow-wrap:anywhere}.room-bet-inline{font-size:11px;color:var(--gold);margin-top:2px;overflow-wrap:anywhere}.room-players{display:flex;flex-wrap:wrap;gap:4px}.room-players span{padding:2px 8px;border-radius:99px;background:#ffffff14;font-size:11px;color:var(--muted)}.empty-state{grid-column:1/-1;padding:32px 16px;text-align:center;color:var(--subtle);font-size:13px;border:1px dashed var(--border);border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:700;transition:filter .15s,transform .12s,opacity .15s;white-space:nowrap;flex-shrink:0}.btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0);filter:brightness(.96)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#f0b429,#e55c2a);color:#1a0800;box-shadow:0 8px 24px #f0822859}.btn-secondary{background:var(--glass);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--border-gold)}.btn-danger{background:#c6282840;border:1px solid rgba(198,40,40,.4);color:#ff8a80}.btn-danger:hover:not(:disabled){background:#c6282859}.btn-sm{height:30px;padding:0 12px;font-size:12px}.table-layout{flex:1;min-height:0;display:block;padding:8px 14px 10px;overflow:hidden}.table-main{height:100%;min-height:0;display:flex;flex-direction:column;overflow:visible}.table-surface{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:34px;border:2px solid rgba(8,86,45,.95);background:radial-gradient(ellipse 78% 52% at 50% 36%,rgba(105,184,93,.5),transparent 64%),radial-gradient(ellipse 120% 78% at 50% 50%,#0c763deb,#043c1ffa 58%,#022612);box-shadow:inset 0 0 0 5px #187e3f42,inset 0 0 80px #00000073,0 0 0 8px #001409b8,0 24px 70px #00000080;position:relative;overflow:visible}.table-header{position:absolute;inset:18px 18px auto 18px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;background:transparent;border:0;pointer-events:none}.table-room-badge{min-width:176px;padding:8px 14px;border-radius:10px;border:2px solid rgba(237,225,113,.75);background:#0e5630c2;box-shadow:inset 0 0 18px #ffffff14,0 10px 24px #0000003d;color:#f6ffd4db;font-size:14px;font-weight:700;line-height:1.35}.table-room-badge strong{color:#fff5a6;font-weight:900}.table-status-pill{max-width:min(440px,46vw);padding:8px 16px;border-radius:999px;background:#011e0d94;border:1px solid rgba(255,255,255,.1);color:#f5ffeed1;font-weight:800;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-clock{width:112px;padding:6px 10px;border-radius:12px;background:#011e0db3;border:1px solid rgba(255,255,255,.12);display:grid;gap:3px;color:#f5ffeed1;box-shadow:0 8px 18px #0003}.turn-clock-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.turn-clock-value{font-size:18px;line-height:1;font-weight:900;color:var(--gold)}.turn-clock-track{height:4px;border-radius:999px;overflow:hidden;background:#ffffff24}.turn-clock-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--success),var(--gold));transition:width .22s linear}.turn-clock.is-urgent{border-color:#e74c3cb8;box-shadow:0 0 18px #e74c3c3d}.turn-clock.is-urgent .turn-clock-value{color:#ff8a80}.turn-clock.is-urgent .turn-clock-fill{background:linear-gradient(90deg,#ff8a80,var(--danger))}.table-top-actions{display:flex;gap:8px;align-items:center;pointer-events:auto}.table-exit{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:3px solid rgba(255,255,255,.3);background:radial-gradient(circle at 35% 28%,#98f37b,#2ea83c 58%,#0d6f20);color:#eaffdc;font-size:34px;font-weight:900;line-height:1;box-shadow:inset 0 3px 5px #fff6,0 8px 18px #0000005c}.table-arena{flex:1;min-height:0;position:relative;display:grid;place-items:center;overflow:visible;padding:86px 34px 150px}.round-table{position:absolute;width:min(1040px,calc(100vw - 92px));height:min(520px,calc(100vh - 275px));height:min(520px,calc(100dvh - 275px));min-height:330px;border-radius:50%/46%;background:radial-gradient(ellipse 52% 42% at 50% 42%,rgba(180,232,132,.3),transparent 60%),radial-gradient(ellipse 85% 58% at 50% 55%,#128b41e0,#045227f2 68%,#033018);border:15px solid rgba(5,70,35,.98);box-shadow:inset 0 0 0 3px #2aae4e85,inset 0 0 70px #0000003d,inset 0 -26px 50px #00000047,0 20px 50px #00000061;display:grid;place-items:center}.table-ring{position:absolute;top:34px;right:34px;bottom:34px;left:34px;border-radius:50%/45%;border:3px solid rgba(76,198,103,.28);animation:none}@keyframes slow-spin{to{transform:rotate(360deg)}}.deck-stack{position:absolute;right:28%;top:13%;width:54px;height:74px}.deck-stack span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#dc3c3cd9,#c81e1eb3),repeating-linear-gradient(45deg,transparent 0 5px,rgba(255,255,255,.12) 5px 7px);box-shadow:0 6px 14px #0000004d}.deck-stack span:nth-child(2){transform:translate(3px,-3px)}.deck-stack span:nth-child(3){transform:translate(6px,-6px)}.center-play{position:relative;z-index:2;width:min(360px,44vw);min-height:0;aspect-ratio:2.2;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:0;border-radius:18px;background:transparent;text-align:center}.center-play p{font-size:11px;color:#ffffffb8;line-height:1.4}.center-play .combo-label{font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.04em}.center-play .player-name{font-size:10px;color:var(--muted)}.center-play .round-note{font-size:10px;font-weight:800;color:#ffffffc2;text-transform:uppercase;letter-spacing:.08em}.played-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:0}.played-cards-history{opacity:.78;filter:saturate(.88)}.seat{position:absolute;left:50%;top:50%;width:118px;padding:0;display:grid;grid-template-columns:1fr;justify-items:center;gap:4px;border:0;border-radius:20px;background:transparent;box-shadow:none;transform:rotate(var(--angle)) translate(var(--seat-radius)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%);transition:border-color .2s,box-shadow .2s}.table-arena{--seat-radius: min(36vw, 385px)}.avatar{grid-row:auto;width:68px;height:68px;border-radius:50%;border:5px solid rgba(255,225,96,.92);background:linear-gradient(135deg,#35c2c7,#f39c12);display:grid;place-items:center;font-size:24px;font-weight:800;color:#180900;box-shadow:0 0 0 4px #025024d1,0 12px 26px #0000004d}.seat-name{max-width:112px;padding:4px 12px;border-radius:999px;background:#000000b8;color:#fff;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.seat-name .me-tag{font-size:9px;font-weight:700;color:var(--gold);margin-left:4px;text-transform:uppercase;letter-spacing:.06em}.seat-sub{min-width:42px;padding:2px 8px;border-radius:999px;background:#00411fd6;border:2px solid rgba(151,241,119,.6);color:#eaffdf;font-size:14px;font-weight:900;line-height:1.1}.seat-score{font-size:18px;font-weight:900;color:#ffffffd1;text-shadow:0 2px 4px rgba(0,0,0,.4)}.seat-flags{grid-column:auto;justify-content:center;display:flex;flex-wrap:wrap;gap:3px;margin-top:2px}.seat-flags span{padding:1px 6px;border-radius:99px;background:#ffffff14;color:var(--muted);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.seat.is-turn{filter:drop-shadow(0 0 12px rgba(255,234,101,.82));animation:turn-pulse 1.8s ease-in-out infinite}@keyframes turn-pulse{0%,to{transform:rotate(var(--angle)) translate(var(--seat-radius)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%) scale(1)}50%{transform:rotate(var(--angle)) translate(var(--seat-radius)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%) scale(1.06)}}.action-bar{position:absolute;left:50%;bottom:150px;z-index:45;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0;background:transparent;border:0;pointer-events:none}.selected-info{max-width:min(520px,70vw);padding:3px 12px;border-radius:999px;background:#012612b8;color:#e9ffdebf;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-info.has-selection{color:var(--gold);font-weight:600}.actions{display:flex;gap:46px;flex-shrink:0;pointer-events:auto}.table-action{min-width:148px;min-height:58px;padding:0 24px;border-radius:999px;border:2px solid rgba(255,255,255,.34);color:#fff;font-size:18px;font-weight:900;text-transform:uppercase;text-shadow:0 2px 2px rgba(0,0,0,.38);box-shadow:inset 0 4px 7px #fff6,inset 0 -7px 10px #00000042,0 8px 16px #00000057}.table-action--red{background:linear-gradient(#ff77a0,#c91646 54%,#861029)}.table-action--silver{background:linear-gradient(#fff,#bfc4c2 52%,#747b77)}.table-action--green{background:linear-gradient(#8cffb5,#13b86d 52%,#07713d);border-color:#b5ffd68f;box-shadow:inset 0 4px 7px #ffffff70,inset 0 -7px 10px #0046234d,0 8px 18px #005a2a61}.table-action:disabled{opacity:.52;filter:saturate(.55);cursor:not-allowed}.hand-wrap{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:35;transform:translate(-50%);width:min(760px,calc(100vw - 210px));overflow:visible;display:flex;justify-content:center;align-items:flex-end;padding:48px 16px 4px;min-height:152px;background:transparent;border:0}.hand-wrap .card{margin:0 -5px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,outline-color .12s ease;will-change:transform;animation:card-deal .38s cubic-bezier(.22,1,.36,1) both}.hand-wrap .card:hover:not(.is-selected){transform:var(--card-fan-base, translateY(0)) translateY(-18px) scale(1.07);z-index:20;box-shadow:0 22px 44px #0000008c}.hand-wrap .card.is-selected{transform:var(--card-fan-base, translateY(0)) translateY(-34px) scale(1.08);z-index:30;box-shadow:0 18px 36px #f0b42973;outline:2.5px solid var(--gold);outline-offset:2px}.hand-wrap .card[data-suggested=true]{box-shadow:0 16px 30px #00b89461;outline:2px solid rgba(0,184,148,.82);outline-offset:2px}.card{position:relative;width:74px;height:106px;border-radius:7px;border:1px solid rgba(0,0,0,.15);background:linear-gradient(170deg,#fff,#edf2f8);box-shadow:0 6px 18px #0000004d;display:grid;grid-template-rows:auto 1fr;align-items:start;justify-items:start;padding:5px 6px;cursor:pointer;animation:card-enter .24s ease both;-webkit-user-select:none;user-select:none;flex-shrink:0}.card span{font-size:18px;font-weight:900;line-height:1}.card strong{place-self:center;font-size:26px;font-weight:400;line-height:1}.card.red span,.card.red strong{color:var(--red-card)}.card.black span,.card.black strong{color:#111827}.card.is-compact{width:50px;height:70px;cursor:default;pointer-events:none;animation:play-card-in .3s cubic-bezier(.2,.8,.2,1) both}.card.is-compact span{font-size:11px}.card.is-compact strong{font-size:20px}.played-cards .card:nth-child(1){animation-delay:0s}.played-cards .card:nth-child(2){animation-delay:.04s}.played-cards .card:nth-child(3){animation-delay:.08s}.played-cards .card:nth-child(4){animation-delay:.12s}.played-cards .card:nth-child(n+5){animation-delay:.16s}@keyframes card-deal{0%{opacity:0;transform:var(--card-fan-base, translateY(0)) translateY(60px) scale(.72) rotate(var(--deal-rotate, -8deg))}60%{opacity:1;transform:var(--card-fan-base, translateY(0)) translateY(-6px) scale(1.03)}to{opacity:1;transform:var(--card-fan-base, translateY(0)) translateY(0) scale(1)}}@keyframes shuffle-burst{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-6px,-8px) rotate(-4deg) scale(1.04)}50%{transform:translate(6px,-4px) rotate(3deg) scale(1.02)}75%{transform:translate(-3px,2px) rotate(-1deg) scale(1.01)}to{transform:translate(0) rotate(0) scale(1)}}.deck-stack.is-dealing span{animation:shuffle-burst .55s cubic-bezier(.36,.07,.19,.97) both}.deck-stack.is-dealing span:nth-child(2){animation-delay:.05s}.deck-stack.is-dealing span:nth-child(3){animation-delay:.1s}@keyframes play-card-in{0%{opacity:0;transform:translateY(20px) scale(.78) rotate(-8deg)}60%{opacity:1;transform:translateY(-4px) scale(1.04) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.side-panel{display:none;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.side-section{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.side-section-head{padding:9px 14px;border-bottom:1px solid var(--border);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);flex-shrink:0}.side-section-body{flex:1;min-height:0;overflow-y:auto;padding:10px 14px}.side-section-body::-webkit-scrollbar{width:3px}.side-section-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.score-panel{flex-shrink:0}.score-lines{display:flex;flex-direction:column;gap:6px}.score-line{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;border-radius:7px;background:#ffffff0d;font-size:12px}.score-line strong{font-weight:700}.score-line .penalty{font-weight:800;color:var(--danger)}.score-line small{grid-column:1/-1;font-size:10px;color:var(--muted);margin-top:1px}.instant-win{font-size:12px;font-weight:700;color:var(--gold);padding:6px 10px;background:#f0b4291a;border-radius:6px;margin-bottom:6px}.score-empty{font-size:12px;color:var(--muted);line-height:1.6}.rules-text{font-size:11px;color:var(--muted);line-height:1.65;display:flex;flex-direction:column;gap:8px}.rules-text .rule-row{display:flex;gap:8px}.rules-text .rule-icon{flex-shrink:0;width:16px;height:16px;border-radius:50%;background:var(--gold-dim);color:var(--gold);display:grid;place-items:center;font-size:9px;font-weight:800;margin-top:1px}.log-panel{flex:1;min-height:0}.log-lines{display:flex;flex-direction:column;gap:5px}.log-line{font-size:11px;color:var(--muted);padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);line-height:1.4}.log-line:last-child{border-bottom:none}.players-waiting{display:flex;flex-direction:column;gap:6px}.player-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;background:#ffffff0d;font-size:12px}.player-row .av-sm{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#e55c2a);display:grid;place-items:center;font-size:11px;font-weight:800;color:#180900;flex-shrink:0}.player-row span{flex:1;font-weight:600}.player-row .host-tag{font-size:9px;font-weight:700;color:var(--gold);padding:1px 6px;border-radius:99px;background:#f0b4291f;text-transform:uppercase;letter-spacing:.06em}.winner-banner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(ellipse 80% 60% at 50% 50%,#f0b42933,#000000c7);border-radius:12px;text-align:center;padding:24px;pointer-events:none;animation:banner-in .5s cubic-bezier(.2,.8,.2,1) both}.winner-banner .crown{font-size:38px;animation:crown-bounce .8s .3s ease both}.winner-banner h2{font-size:22px;font-weight:900;color:var(--gold);margin:0}.winner-banner p{font-size:13px;color:var(--muted);margin:0}.winner-banner .instant-tag{font-size:13px;color:var(--gold);font-weight:700}.winner-banner .banner-hint{font-size:11px;color:var(--subtle);margin-top:4px}.winner-actions{margin-top:10px;display:flex;justify-content:center;pointer-events:auto}.winner-actions .btn{min-width:180px;height:42px;box-shadow:0 12px 30px #f0b42947}.money-result{display:flex;align-items:center;gap:8px;margin-top:4px}.money-delta{font-size:22px;font-weight:900;letter-spacing:-.02em}.money-balance{font-size:14px;font-weight:700;color:var(--text)}.money-lines{display:flex;flex-direction:column;gap:2px;margin-top:2px}.money-lines span{font-size:11px;color:var(--muted)}.delta-pos{color:#00d185}.delta-neg{color:var(--danger)}.my-money-result{margin-top:10px;padding:10px;border-radius:8px;background:#f0b42914;border:1px solid rgba(240,180,41,.2)}.my-money-label{font-size:10px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.my-money-row{display:flex;align-items:center;gap:6px;font-size:15px}.my-money-row .arrow{color:var(--muted)}.my-money-result small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.balance-display{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:#f0b42914;border:1px solid rgba(240,180,41,.18);margin-bottom:8px}.balance-display-label{font-size:11px;color:var(--muted)}.balance-display-amount{font-size:15px;font-weight:800;color:var(--gold);text-align:right;overflow-wrap:anywhere}.score-line--winner{background:#f0b4291a;border:1px solid rgba(240,180,41,.25)}.score-line--winner .winner-text{color:var(--gold);font-weight:800}.rotten-items{color:var(--danger)!important}.player-row-name{flex:1;font-weight:600;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row-name em{font-style:normal;font-size:9px;color:var(--gold)}.card-count{font-size:11px;color:var(--muted);flex-shrink:0}.greeting-line{color:var(--gold);font-size:13px;font-weight:600;margin-bottom:4px!important}.greeting-line .gold{color:var(--gold)}.session-hint{font-size:11px;color:var(--muted);line-height:1.5}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}.btn-ghost:hover:not(:disabled){border-color:var(--border-gold);color:var(--gold)}@keyframes banner-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes crown-bounce{0%{transform:translateY(-30px) scale(.6);opacity:0}60%{transform:translateY(8px) scale(1.1);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media (max-width: 1024px){.table-layout{grid-template-columns:1fr 240px}.seat{width:140px}.card{width:58px;height:82px}.card strong{font-size:22px}.hand-wrap{width:min(760px,calc(100vw - 56px));min-height:128px;padding-top:36px}.action-bar{bottom:calc(118px + max(18px,env(safe-area-inset-bottom)))}.table-arena{padding-bottom:126px}}@media (max-width: 820px){.lobby{grid-template-columns:1fr;grid-template-areas:"intro" "create" "rooms";grid-template-rows:auto auto 1fr}.card-fan{display:none}.table-layout{grid-template-columns:1fr;grid-template-rows:1fr auto}.side-panel{display:none}}@media (max-width: 600px){.topbar{gap:8px;padding:0 10px}.topbar-title{display:none}.account-chip{max-width:calc(100vw - 92px)}.table-layout{padding:6px 8px 8px}.table-surface{border-radius:22px}.actions{width:calc(100vw - 28px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.action-bar{width:calc(100vw - 28px);bottom:calc(96px + max(18px,env(safe-area-inset-bottom)))}.table-action{min-width:0;min-height:46px;width:100%;padding:0 6px;font-size:13px}.selected-info{max-width:calc(100vw - 28px)}.hand-wrap{width:calc(100vw - 32px);min-height:104px;padding:30px 14px 4px}.hand-wrap .card{width:42px;height:60px;margin:0 -10px;padding:4px 5px;border-radius:6px}.hand-wrap .card span{font-size:12px}.hand-wrap .card strong{font-size:17px}.table-arena{padding:76px 20px 106px}}@media (max-height: 520px) and (orientation: landscape){.topbar{height:44px}.table-layout{padding:4px 8px 8px}.table-header{inset:10px 12px auto 12px}.table-room-badge,.table-status-pill{font-size:11px;padding:5px 9px}.table-exit{width:42px;height:42px;font-size:26px}.round-table{min-height:240px;height:min(360px,calc(100dvh - 180px))}.action-bar{bottom:calc(88px + max(12px,env(safe-area-inset-bottom)))}.hand-wrap{bottom:max(10px,env(safe-area-inset-bottom));min-height:92px;padding-top:26px}}