:root{--felt-1:#35845a;--felt-2:#1d5638;--felt-3:#123a26;--chrome:#14171e;--panel:#1c2129;--panel-edge:#2b323e;--text:#e9ecf2;--text-dim:#9aa3b2;--gold:#f2c14e;--gold-soft:#f2c14e59;--team0:#5b9dff;--team1:#ff9d4d;--card-red:#cf2f44;--card-black:#23252e;--danger:#e05563;--ease-out:cubic-bezier(.23, 1, .32, 1);--dur-fast:.12s;--dur-lift:.4s;--dur-flight:.34s;--dur-reflow:.28s;--dur-sweep:.4s;--dur-count:.5s;--dur-pulse:.9s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--chrome);color:var(--text);-webkit-font-smoothing:antialiased}html{-webkit-text-size-adjust:100%}html:has(.table-screen){background:var(--felt-3)}html:has(.table-screen) body{background:var(--felt-3)}html,body{overscroll-behavior:none}.app{touch-action:manipulation;height:100dvh}button,input,select,textarea{font:inherit}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.screen{overscroll-behavior:contain;height:100%;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));background:radial-gradient(ellipse 120% 90% at 50% 35%, var(--felt-1) 0%, var(--felt-2) 55%, var(--felt-3) 100%);justify-content:center;align-items:center;display:flex;overflow-y:auto}.panel{background:linear-gradient(180deg, var(--panel) 0%, #171b22 100%);border:1px solid var(--panel-edge);border-radius:16px;margin:auto;padding:32px;box-shadow:0 18px 50px #00000073}.btn{appearance:none;border:1px solid var(--panel-edge);color:var(--text);cursor:pointer;letter-spacing:.02em;transition:background .15s ease, transform var(--dur-fast) var(--ease-out), box-shadow .15s ease;background:#262d38;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:600}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){background:#313a48;transform:translateY(-1px)}}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:linear-gradient(#3f8f63,#2e6f4b);border-color:#4da377}@media (hover:hover) and (pointer:fine){.btn.primary:hover:not(:disabled){background:linear-gradient(#48a171,#357e56)}}.btn.gold{border-color:var(--gold);color:#ffe9b0;background:linear-gradient(#8a6d2a,#6b531d)}@media (hover:hover) and (pointer:fine){.btn.gold:hover:not(:disabled){background:linear-gradient(#a17f31,#7d6122)}}.btn.subtle{background:0 0}.btn.danger{color:#f0a0aa;border-color:#5a2b33}@media (hover:hover) and (pointer:fine){.btn.danger:hover:not(:disabled){border-color:var(--danger);background:#3a1e24}}.btn:active:not(:disabled):not(:focus-visible),.seat-option:active:not(:disabled):not(:focus-visible){transform:scale(.97)}.leave-room-btn{align-self:center}.leave-btn{appearance:none;border:1px solid var(--panel-edge);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:600;transition:color .15s,border-color .15s,background .15s}@media (hover:hover) and (pointer:fine){.leave-btn:hover{color:var(--text);border-color:#4a5462}}.leave-btn.armed{border-color:var(--danger);color:#ffb3bc;background:#3a1e24}.mute-btn{appearance:none;border:1px solid var(--panel-edge);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:14px;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}@media (hover:hover) and (pointer:fine){.mute-btn:hover{background:#262d38;border-color:#4a5462}}.room-panel>.mute-btn{position:absolute;top:14px;right:14px}.btn.big{border-radius:12px;padding:12px 24px;font-size:16px}.team-dot{vertical-align:baseline;border-radius:50%;width:10px;height:10px;display:inline-block}.team-dot.t0{background:var(--team0)}.team-dot.t1{background:var(--team1)}.bot-tag,.you-tag,.host-tag,.off-tag,.ready-tag{letter-spacing:.08em;vertical-align:middle;border-radius:6px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:700}.bot-tag{color:#9db6d8;background:#33405280}.you-tag{color:#a9e2bf;background:#2e5a3f}.host-tag{color:var(--gold);background:#5a4a1e}.off-tag{color:#f0a0aa;background:#55232b}.ready-tag{color:#7fdda6;text-transform:uppercase;background:#1f4a35}.conn-dot{background:currentColor;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.toast{border:1px solid var(--danger);color:#ffd7dc;z-index:60;pointer-events:none;background:#3a1e24;border-radius:10px;padding:10px 20px;font-weight:600;animation:.2s ease-out toast-in,.4s ease-in 3.6s forwards toast-out;position:fixed;bottom:220px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000080}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}}@keyframes toast-out{to{opacity:0}}.reconnect-banner{border:1px solid var(--gold);color:var(--gold);z-index:70;background:#4a3a12;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;position:fixed;top:60px;left:50%;transform:translate(-50%)}.lobby-panel{text-align:center;flex-direction:column;gap:16px;width:380px;max-width:100%;display:flex}.game-title{letter-spacing:.05em;color:var(--gold);text-shadow:0 2px 12px #f2c14e40;margin:0;font-size:52px}.game-title-en{letter-spacing:.35em;color:var(--text-dim);text-transform:uppercase;margin-top:6px;font-size:18px;display:block}.game-subtitle{color:var(--text-dim);margin:-8px 0 8px;font-size:13px}.field{text-align:left;flex-direction:column;gap:6px;display:flex}.field-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-weight:700}.field input,.field select,.start-level-row select,.room-input{border:1px solid var(--panel-edge);color:var(--text);background:#10131a;border-radius:10px;padding:11px 14px;transition:border-color .15s}.field input:focus,.field select:focus,.start-level-row select:focus,.room-input:focus{border-color:var(--team0)}.field select,.start-level-row select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.field select option,.start-level-row select option{color:var(--text);background:#10131a}.field-hint{color:var(--text-dim);font-size:12px;line-height:1.45}.start-level-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.start-level-row select{flex:none;min-width:96px}.games-won{color:var(--gold,#d9a441);margin-left:6px;font-weight:700}.divider{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--panel-edge);flex:1;height:1px}.join-row{gap:10px;display:flex}.room-input{text-transform:uppercase;letter-spacing:.4em;text-align:center;flex:1;min-width:0;font-size:18px;font-weight:700}.google-signin{flex-direction:column;align-items:center;gap:8px;min-height:40px;display:flex}.google-signin-slot{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;width:100%;min-height:44px;display:flex}.google-signin-slot iframe{background:0 0}.account-chip{border:1px solid var(--panel-edge);text-align:left;background:#10131a80;border-radius:999px;align-items:center;gap:10px;padding:6px 8px 6px 6px;display:flex}.account-avatar{object-fit:cover;background:#2a3140;border-radius:50%;flex:none;width:28px;height:28px}.account-avatar-blank{color:var(--gold);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.account-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.account-chip-wrap{flex-direction:column;gap:6px;display:flex}.account-error{font-size:13px}.account-signout,.account-edit{padding:4px 10px;font-size:13px}.account-block{flex-direction:column;gap:8px;display:flex}.name-edit{text-align:left;flex-direction:column;gap:8px;display:flex}.name-edit-input{box-sizing:border-box;border:1px solid var(--panel-edge);width:100%;color:var(--text);font:inherit;background:#10131a;border-radius:10px;padding:9px 12px}.name-edit-input:focus{border-color:var(--team0);outline:none}.name-edit-actions{gap:8px;display:flex}.name-edit-actions .btn{padding:6px 12px;font-size:13px}.name-edit-error,.save-name-error{color:#f0a0aa;font-size:12px}.save-name-row{color:var(--text-dim);text-align:left;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.save-name-row input{accent-color:var(--gold)}.hud-menu-row.account-edit .account-avatar{width:20px;height:20px}.hud-menu-row.hud-menu-edit{cursor:default;min-width:220px;display:block}.hud-menu-row.hud-menu-edit .name-edit-input{font-size:14px}.hud-menu-account-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lobby-error{border:1px solid var(--danger);color:#ffd7dc;background:#3a1e24;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600}.conn-status{color:var(--text-dim);font-size:13px}.conn-status.open{color:#6fce93}.conn-status.connecting{color:var(--gold)}.conn-status.closed{color:var(--danger)}.room-panel{text-align:center;flex-direction:column;gap:18px;width:420px;display:flex;position:relative}.room-code-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);font-size:12px}.room-code{appearance:none;border:1px dashed var(--gold-soft);color:var(--gold);letter-spacing:.45em;cursor:pointer;background:#10131a;border-radius:14px;padding:14px 10px 14px 24px;font-size:44px;font-weight:800;transition:border-color .15s;position:relative}@media (hover:hover) and (pointer:fine){.room-code:hover{border-color:var(--gold)}}.copied-tag{letter-spacing:.05em;background:var(--gold);color:#201703;opacity:0;border-radius:999px;padding:3px 10px;font-size:12px;transition:opacity .15s;position:absolute;top:-12px;right:10px}.copied-tag.show{opacity:1}.seat-list{flex-direction:column;gap:8px;display:flex}.seat-row{border:1px solid var(--panel-edge);text-align:left;background:#10131a;border-left-width:3px;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.seat-row.team0{border-left-color:var(--team0)}.seat-row.team1{border-left-color:var(--team1)}.seat-row.empty{opacity:.55}.seat-num{letter-spacing:.1em;color:var(--text-dim);width:52px;font-size:11px;font-weight:700}.seat-name{flex:1;font-weight:600}.seat-name.waiting{color:var(--text-dim);font-style:italic;font-weight:400}.conn-pip{background:#5a2b33;border-radius:50%;width:9px;height:9px}.conn-pip.on{background:#52c07d;box-shadow:0 0 8px #52c07db3}.team-legend{color:var(--text-dim);justify-content:center;gap:24px;font-size:12px;display:flex}.team-legend .team-dot{margin-right:5px}.room-actions{justify-content:center;gap:10px;display:flex}.room-hint{color:var(--text-dim);font-size:13px;font-style:italic}.table-screen{flex-direction:column;height:100%;display:flex}.hud{border-bottom:1px solid var(--panel-edge);padding:calc(8px + env(safe-area-inset-top,0px)) calc(18px + env(safe-area-inset-right,0px)) 6px calc(18px + env(safe-area-inset-left,0px));z-index:10;background:linear-gradient(#191d25,#14171e)}.hud-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.hud-group{align-items:center;gap:8px;display:flex}.chip{border:1px solid var(--panel-edge);white-space:nowrap;background:#10131a;border-radius:999px;align-items:center;gap:7px;padding:5px 13px;font-size:13px;font-weight:600;display:inline-flex}.room-chip{color:var(--gold);letter-spacing:.2em;font-weight:800}.phase-chip{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.level-chip.team0{border-color:#5b9dff73}.level-chip.team1{border-color:#ff9d4d73}.level-value,.points-big{font-variant-numeric:tabular-nums}.level-chip.level-up{animation:level-pulse var(--dur-pulse) var(--ease-out-expo)}@keyframes level-pulse{25%{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft), 0 0 16px #f2c14e8c;color:var(--gold)}}.trump-chip{border-color:var(--gold-soft);font-size:15px}.trump-chip.none{color:var(--text-dim);font-size:12px;font-style:italic}.trump-suit.red{color:#ff6b7c;font-size:18px}.trump-suit.black{color:#f4f6fa;font-size:18px}.trump-suit.nt{color:var(--gold);letter-spacing:.05em;font-weight:800}.trump-rank{color:var(--gold);font-size:16px;font-weight:800}.points-chip{border-color:#ff9d4d73}.points-big{color:var(--team1);font-size:20px;font-weight:800}.points-bar,.hud-more{display:none}.points-target{color:var(--text-dim);font-size:12px}.kitty-icon{background:repeating-linear-gradient(45deg,#3c5f96 0 2px,#2c4874 2px 4px);border:1px solid #56749f;border-radius:3px;width:12px;height:17px}.hud-message{text-align:center;color:#ffe9b0;padding:4px 0 2px;font-size:13px;animation:.25s ease-out message-in}.hud-notice{color:#ffe9b0;text-align:left;background:#281e0ceb;border:1px solid #ffe9b059;border-left:3px solid #e0a03a;border-radius:6px;align-items:flex-start;gap:8px;max-width:440px;margin:6px auto 0;padding:8px 10px;font-size:13px;line-height:1.35;animation:.25s ease-out message-in;display:flex}.hud-notice-body{flex:auto}.hud-notice-cards{font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff6de}.hud-notice-cards.forced{text-underline-offset:2px;text-decoration:underline}.hud-notice-close{color:#ffe9b0;cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:4px;flex:none;margin:-2px -2px 0 0;padding:0 6px;font-size:16px;line-height:1.2}@media (hover:hover) and (pointer:fine){.hud-notice-close:hover{opacity:1;background:#ffe9b01f}}.hud-notice-close:focus-visible{outline-offset:1px;opacity:1;outline:2px solid #e0a03a}@media (prefers-reduced-motion:reduce){.hud-notice{animation:none}}@keyframes message-in{0%{opacity:0;transform:translateY(-4px)}}.felt{background:radial-gradient(ellipse 130% 100% at 50% 30%, var(--felt-1) 0%, var(--felt-2) 55%, var(--felt-3) 100%);flex:1;position:relative;overflow:hidden;box-shadow:inset 0 0 120px #00000073}.table-emblem{color:#ffffff0f;letter-spacing:.2em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:90px;font-weight:800;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.opponent{border:1px solid var(--panel-edge);background:#10131ad1;border-top-width:3px;border-radius:14px;flex-direction:column;align-items:center;gap:8px;min-width:150px;padding:12px 18px;transition:box-shadow .25s,border-color .25s;display:flex;position:absolute}.opponent.team0{border-top-color:var(--team0)}.opponent.team1{border-top-color:var(--team1)}.opponent.on-turn{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 26px 4px var(--gold-soft)}.opponent.disconnected{opacity:.55}.opponent.pos-top{top:18px;left:50%;transform:translate(-50%)}.opponent.pos-left{top:42%;left:18px;transform:translateY(-50%)}.opponent.pos-right{top:42%;right:18px;transform:translateY(-50%)}.opp-name{align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.banker-crown{filter:drop-shadow(0 0 6px #f2c14ecc);font-size:15px}.opp-cards{align-items:center;gap:10px;display:flex}.back-stack{--cw:34px;display:flex}.back-stack .card.stacked+.card.stacked{margin-left:-26px}.card-count{color:var(--text-dim);font-size:14px;font-weight:800}.thinking{color:#d5dbe5;font-size:12px;font-style:italic;animation:1.4s ease-in-out infinite alternate thinking-pulse}.bot-banter{max-width:160px;color:var(--text-dim);font-size:10px;line-height:1.3}.bot-banter-label{font-style:italic}.bot-progress{background:#8a93a330;border-radius:3px;width:112px;max-width:100%;height:3px;margin:5px auto;overflow:hidden}.bot-progress>span{border-radius:inherit;background:#a7b4c9;width:36%;height:100%;animation:1.6s ease-in-out infinite bot-progress-sweep;display:block}@keyframes bot-progress-sweep{0%{transform:translate(-100%)}to{transform:translate(280%)}}@media (prefers-reduced-motion:reduce){.thinking{color:var(--text-dim);background:0 0;animation:none}.bot-progress>span{animation:none;transform:translate(90%)}}@keyframes thinking-pulse{0%{opacity:.45}to{opacity:1}}.their-turn{color:var(--gold);font-size:12px;font-style:italic}.trick-area{pointer-events:none;width:520px;height:320px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.trick-play{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.trick-play.pos-bottom{bottom:0;left:50%;translate:-50%}.trick-play.pos-top{top:0;left:50%;translate:-50%}.trick-play.pos-left{top:50%;left:0;translate:0 -50%}.trick-play.pos-right{top:50%;right:0;translate:0 -50%}.trick-cards{--cw:52px;display:flex}.trick-cards .card+.card{margin-left:-18px}.trick-play.winner .trick-cards .card{box-shadow:0 0 0 2px var(--gold), 0 0 18px #f2c14ea6}.trump-none-short{display:none}h2[tabindex="-1"]:focus{outline:none}.trick-play.winner .trick-cards{animation:win-lift var(--dur-lift) var(--ease-back) both}.trick-play.winner .win-tag{animation:chip-pop .35s var(--ease-back) 80ms both}@keyframes win-lift{to{transform:translateY(-10px)scale(1.06)}}@keyframes chip-pop{0%{opacity:0;transform:scale(.7)}}.trick-tag{gap:6px;min-height:16px;display:flex}.lead-tag,.win-tag,.declare-tag{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.lead-tag{color:#dfe5ee;background:#ffffff24}.win-tag{background:var(--gold);color:#201703}.declare-tag{color:var(--gold);text-transform:none;letter-spacing:.02em;background:#f2c14e33;font-size:11px}.you-area{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.you-tagline{border:1px solid var(--panel-edge);background:#10131ad1;border-radius:999px;align-items:center;gap:8px;padding:5px 16px;font-size:14px;font-weight:700;display:flex}.you-tagline.team0{border-color:#5b9dff8c}.you-tagline.team1{border-color:#ff9d4d8c}.you-tagline.on-turn{border-color:var(--gold);box-shadow:0 0 18px 2px var(--gold-soft)}.you-name{color:var(--text)}.your-turn-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:800}.action-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:900px;min-height:38px;display:flex}.action-hint{color:#e9ecf2bf;text-shadow:0 1px 4px #00000080;font-size:13px;font-style:italic}.hand{--cw:72px;justify-content:center;max-width:100vw;padding:22px 30px 6px;display:flex}.hand-slot{flex:0 34px;width:34px;min-width:12px}.hand-slot:last-child{flex:none;width:auto}.hand .card{transition:transform var(--dur-fast) ease-out, box-shadow var(--dur-fast)}@media (hover:hover) and (pointer:fine){.hand.selectable .card.clickable:hover{z-index:5;transform:translateY(-10px)}.hand.selectable .card.selected:hover{transform:translateY(-22px)}}.hand .card.selected{box-shadow:0 0 0 2px var(--gold), 0 6px 16px #00000073;transform:translateY(-18px)}.card{width:var(--cw,70px);aspect-ratio:5/7;border-radius:calc(var(--cw,70px) * .11);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#fdfdf7 0%,#f1f0e6 100%);border:1px solid #00000038;flex-shrink:0;position:relative;box-shadow:0 2px 6px #00000059}.card.clickable{cursor:pointer;text-align:initial;padding:0;display:block}.hand .card.clickable:focus-visible{outline:3px solid var(--gold);outline-offset:3px;z-index:6}.card.clickable:active{filter:brightness(.92)}.card.red{color:var(--card-red)}.card.black{color:var(--card-black)}.card .corner{flex-direction:column;align-items:center;font-weight:800;line-height:1.02;display:flex;position:absolute}.card .corner.tl{top:calc(var(--cw,70px) * .06);left:calc(var(--cw,70px) * .07)}.card .corner.br{bottom:calc(var(--cw,70px) * .06);right:calc(var(--cw,70px) * .07);transform:rotate(180deg)}.card .corner-rank{font-size:calc(var(--cw,70px) * .24)}.card .corner-suit{font-size:calc(var(--cw,70px) * .22)}.card .pip{font-size:calc(var(--cw,70px) * .52);opacity:.9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card.joker{overflow:hidden}.joker-text{top:calc(var(--cw,70px) * .08);left:calc(var(--cw,70px) * .08);writing-mode:vertical-rl;text-orientation:upright;font-size:calc(var(--cw,70px) * .15);letter-spacing:.18em;font-weight:800;position:absolute}.joker-star{bottom:calc(var(--cw,70px) * .1);right:calc(var(--cw,70px) * .1);font-size:calc(var(--cw,70px) * .34);position:absolute}.card.back{background:repeating-linear-gradient(45deg,#ffffff17 0 3px,#0000 3px 8px),repeating-linear-gradient(-45deg,#ffffff17 0 3px,#0000 3px 8px),linear-gradient(160deg,#33538b 0%,#253d67 100%);border-color:#4a679c}.modal-backdrop{width:100%;max-width:none;height:100%;max-height:none;color:inherit;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));overscroll-behavior:contain;background:#060a089e;border:0;justify-content:center;align-items:center;margin:0;animation:.25s ease-out fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}dialog.modal-backdrop:not([open]){display:none}dialog.modal-backdrop::backdrop{background:0 0}@keyframes fade-in{0%{opacity:0}}.modal{overscroll-behavior:contain;text-align:center;flex-direction:column;gap:20px;width:480px;max-width:92vw;max-height:100%;animation:.25s ease-out modal-in;display:flex;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}.modal-title{margin:0;font-size:24px}.modal-title.team0,.victory-title.team0{color:var(--team0)}.modal-title.team1,.victory-title.team1{color:var(--team1)}.result-grid{text-align:left;border:1px solid var(--panel-edge);background:#10131a;border-radius:12px;grid-template-columns:1fr auto;gap:8px 24px;padding:16px 20px;display:grid}.result-label{color:var(--text-dim);font-size:13px}.result-value{text-align:right;font-size:14px;font-weight:700}.result-label.total,.result-value.total{color:var(--gold);border-top:1px solid var(--panel-edge);padding-top:8px;font-size:15px}.result-note{color:var(--text-dim);font-size:12px;font-weight:400}.result-verdict{color:var(--text-dim);margin:10px 0 0;font-size:13px}.kitty-reveal{flex-direction:column;gap:8px;display:flex}.kitty-reveal-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:700}.kitty-cards{--cw:46px;justify-content:center;display:flex}.kitty-cards .card+.card{margin-left:-14px}.victory{align-items:center}.victory-crown{filter:drop-shadow(0 0 18px #f2c14ecc);font-size:56px}.victory-title{margin:0;font-size:28px}.victory-sub{color:var(--text-dim);margin:0}@media (height<=500px){.hud{z-index:10;pointer-events:none;padding:calc(4px + env(safe-area-inset-top,0px)) calc(4px + env(safe-area-inset-right,0px)) 0 calc(4px + env(safe-area-inset-left,0px));background:0 0;border-bottom:0;position:absolute;top:0;left:0;right:0}.hud-bar{align-items:flex-start}.hud-bar>.hud-group:first-child{display:none}.hud-bar>.hud-group,.hud-notice{pointer-events:auto}.hud-bar .hud-group:last-child{gap:4px}.trump-none-long{display:none}.trump-none-short{display:inline}.room-chip,.phase-chip{display:none}.chip{gap:5px;padding:2px 9px;font-size:11px}.trump-chip{font-size:12px}.trump-suit.red,.trump-suit.black{font-size:14px}.trump-rank{font-size:13px}.points-big{font-size:15px}.kitty-icon{width:9px;height:13px}.hud-message{padding:2px 0 1px;font-size:11px}.opponent{border-top-width:2px;border-radius:10px;gap:2px;min-width:96px;padding:5px 10px}.opp-name,.banker-crown{font-size:12px}.back-stack{--cw:20px}.back-stack .card.stacked{display:none}.back-stack .card.stacked:first-child{display:block}.card-count{font-size:12px}.bot-tag,.you-tag,.host-tag,.off-tag,.ready-tag{margin-left:4px;padding:1px 4px;font-size:8px}.opponent.pos-top{top:calc(4px + env(safe-area-inset-top,0px))}.opponent.pos-left{left:calc(4px + env(safe-area-inset-left));top:36%}.opponent.pos-right{right:calc(4px + env(safe-area-inset-right));top:36%}.trick-area{width:320px;height:140px;top:38%}.trick-cards{--cw:36px}.trick-cards .card+.card{margin-left:-12px}.trick-play{gap:0}.trick-tag{white-space:nowrap;min-height:0;margin-top:2px;position:absolute;top:100%;left:50%;translate:-50%}.trick-play.pos-top .trick-tag,.trick-play.pos-bottom .trick-tag{margin:0;top:50%;left:100%;translate:4px -50%}.trick-play.winner .trick-cards{animation-name:win-grow}.lead-tag,.win-tag{padding:1px 6px;font-size:8px}.declare-tag{font-size:9px}.table-emblem{font-size:48px}.you-area{padding-bottom:calc(4px + env(safe-area-inset-bottom));gap:4px}.you-tagline{padding:2px 12px;font-size:12px}.action-bar{gap:6px;min-height:30px}.action-bar .btn{min-height:44px;padding:6px 14px;font-size:13px}.action-hint{font-size:12px}.hand{--cw:58px;padding:16px calc(8px + env(safe-area-inset-right)) 4px calc(8px + env(safe-area-inset-left));justify-content:flex-start;overflow-x:auto}.hand-slot{flex:0 27px;width:27px;min-width:15px}.hand-slot:first-child{margin-left:auto}.hand-slot:last-child{margin-right:auto}.hand .card:after{content:"";position:absolute;inset:-16px 0 -4px}.hand .card.selected{transform:translateY(-14px)}.leave-btn{min-height:26px;padding:3px 9px;font-size:10px}.mute-btn{width:26px;height:26px;font-size:12px}.opponent{border:0;border-left:3px solid var(--panel-edge);background:#08140e99;border-radius:999px;flex-direction:row;gap:8px;min-width:0;padding:4px 11px 4px 9px}.opponent.team0{border-left-color:var(--team0)}.opponent.team1{border-left-color:var(--team1)}.opponent.on-turn{border-left-color:var(--gold);box-shadow:0 0 0 1.5px var(--gold), 0 0 16px 2px var(--gold-soft)}.back-stack,.back-stack .card.stacked:first-child,.bot-tag,.bot-banter,.bot-progress{display:none}.opp-cards{gap:0}.card-count:before{content:"·";color:var(--text-dim);margin:0 6px 0 0}.opponent.on-turn .card-count{color:var(--gold)}.thinking,.their-turn{font-size:11px}.opponent .thinking{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.opponent.on-turn:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 12px 3px var(--gold-soft);animation:1.1s ease-in-out infinite alternate thinking-pulse;position:absolute;inset:-3px}.opponent.pos-left,.opponent.pos-right{top:40%}.hud-bar .hud-group:nth-child(2){background:#08140eb8;border-radius:999px;gap:0;height:26px;padding:0 4px}.hud-bar .hud-group:nth-child(2) .chip{box-shadow:none;background:0 0;border-color:#0000}.kitty-chip,.hud-bar .mute-btn,.hud-bar .leave-btn{display:none}.hud-more{display:block;position:relative}.hud-bar .hud-more-btn{border:1px solid var(--panel-edge);min-width:32px;height:26px;min-height:26px;color:var(--text);letter-spacing:.08em;cursor:pointer;background:#10131ad1;border-radius:999px;padding:0 8px;font-size:15px;font-weight:700;line-height:1;position:relative}.hud-bar .hud-more-btn:after{content:"";position:absolute;inset:-4px -6px -14px}.hud-more-btn[aria-expanded=true]{border-color:var(--gold)}.hud-menu{z-index:12;border:1px solid var(--panel-edge);background:#0a0c11;border-radius:12px;flex-direction:column;min-width:168px;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #00000080}.hud-menu-row{min-height:34px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:6px 10px;font:500 13px inherit;display:flex}.hud-menu-row[aria-disabled=true]{cursor:default}@media (hover:hover) and (pointer:fine){.hud-menu-row:not([aria-disabled=true]):not(.hud-menu-edit):hover{background:#ffffff0f}}.hud-menu-row:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.hud-menu-row.leave.armed{color:var(--gold)}.hud-menu-k{color:var(--text-dim);font-variant-numeric:tabular-nums}.points-chip{background:#08140eb8;border-radius:999px;flex-wrap:nowrap;align-items:center;column-gap:5px;height:26px;padding:0 9px;line-height:1;display:flex;position:relative}.points-big{font-variant-numeric:tabular-nums}.points-chip .points-bar{height:2px;position:absolute;bottom:3px;left:9px;right:9px}.points-bar{background:#0006;border-radius:2px;display:block;overflow:hidden}.points-bar>span{background:var(--team1);height:100%;transition:width .5s;display:block}.you-tagline{display:none}.you-tagline.on-turn{display:flex}.phase-play .you-tagline .you-name,.action-bar .btn.subtle:disabled{display:none}.hud-message{left:calc(8px + env(safe-area-inset-left,0px));bottom:calc(var(--hand-h) + 6px);max-width:calc(50% - var(--trick-half) - 16px);z-index:11;pointer-events:none;background:#08140ecc;border-radius:12px;margin:0;padding:4px 12px;animation:3.2s forwards hud-message-pass-corner;position:fixed}.table-screen{--hand-h:calc(105.2px + env(safe-area-inset-bottom,0px));--trick-top:34px;--trick-half:168px;--setup-bar-h:56px;position:relative}.trick-area{top:var(--trick-top);bottom:var(--hand-h);width:calc(var(--trick-half) * 2);height:auto;transform:translate(-50%)}.table-emblem{top:50%}.opponent.pos-left,.opponent.pos-right{top:max(var(--trick-top), calc((var(--trick-top) + 100% - var(--hand-h)) / 2 - 59px));transform:none}.phase-play .you-area{pointer-events:none;justify-content:flex-end;top:0}.phase-play .you-area>*{pointer-events:auto}.phase-play .you-tagline,.phase-play .action-bar{z-index:3;margin:0;position:absolute;left:50%}.phase-play .you-tagline{top:calc((var(--trick-top) + 100% - var(--hand-h)) / 2 - 17px);transform:translate(-50%,-50%)}.phase-play .action-bar{top:auto;bottom:calc(var(--hand-h) + 6px);flex-wrap:nowrap;justify-content:center;transition:opacity .16s;transform:translate(-50%)}.phase-play.showing-last .action-bar{opacity:0;pointer-events:none}.phase-play .action-hint{display:none}.phase-deal .trick-area,.phase-declare .trick-area,.phase-bury .trick-area{bottom:calc(var(--hand-h) + var(--setup-bar-h))}.phase-bury .trick-area{bottom:calc(var(--hand-h) + var(--setup-bar-h) + 26px)}.phase-deal .action-bar,.phase-declare .action-bar,.phase-bury .action-bar{max-width:100%;padding:3px calc(8px + env(safe-area-inset-right,0px)) 3px calc(8px + env(safe-area-inset-left,0px));scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.phase-deal .action-bar>*,.phase-declare .action-bar>*,.phase-bury .action-bar>*{flex:none}.phase-deal .action-bar>:first-child,.phase-declare .action-bar>:first-child,.phase-bury .action-bar>:first-child{margin-left:auto}.phase-deal .action-bar>:last-child,.phase-declare .action-bar>:last-child,.phase-bury .action-bar>:last-child{margin-right:auto}.hud-notice{left:calc(8px + env(safe-area-inset-left,0px));bottom:calc(var(--hand-h) + 6px);z-index:11;width:calc(50% - var(--trick-half) - 16px);max-width:360px;margin:0;padding:6px 8px;font-size:11px;position:fixed}.panel{padding:16px 22px}.lobby-panel,.room-panel{gap:10px;width:360px}.game-title{font-size:28px}.game-title-en{letter-spacing:.25em;margin-top:2px;font-size:11px}.game-subtitle{margin:-4px 0 0}.field input,.field select,.room-input{padding:8px 12px}.field select{padding-right:30px}.btn.big{padding:9px 18px;font-size:14px}.room-code{padding:8px 4px 8px 16px;font-size:26px}.seat-list{gap:5px}.seat-row{padding:5px 12px;font-size:13px}.team-legend{gap:16px;font-size:11px}.modal{gap:8px;width:min(380px,100%);max-height:100%;padding:12px 16px 0;overflow-y:auto}.modal-title{font-size:15px}.modal-title .title-team{display:none}.kitty-reveal{gap:4px}.kitty-reveal-label{font-size:9px}.result-grid{gap:2px 0;padding:6px 12px}.result-grid .result-label{font-size:12px;line-height:1.35}.result-grid .result-value{padding-left:12px;font-size:13px;line-height:1.35}.result-grid .result-label.total,.result-grid .result-value.total{padding-top:4px}.result-verdict{display:none}.kitty-cards{--cw:26px}.kitty-cards .card+.card{margin-left:-6px}.modal>.btn.big{min-height:44px;box-shadow:0 -10px 12px var(--panel);margin-bottom:12px;padding:8px 16px;position:sticky;bottom:0}.victory-crown{font-size:38px}.victory-title{font-size:20px}.victory-sub{font-size:13px}.toast{padding:8px 16px;font-size:13px;bottom:120px}.reconnect-banner{top:40px}}@keyframes hud-message-pass-corner{0%{opacity:0;transform:translateY(4px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes win-grow{to{transform:scale(1.06)}}.rotate-hint{z-index:100;background:var(--chrome);color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:16px;font-weight:600;display:none;position:fixed;inset:0}.rotate-icon{font-size:48px;animation:1.8s ease-in-out infinite rotate-nudge}@keyframes rotate-nudge{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (orientation:portrait) and (width<=600px){.rotate-hint{display:flex}.table-screen{display:none}}.xray-panel{z-index:90;color:#cfd6e1;background:#0a0c11f0;border:1px solid #3a4250;border-radius:10px;width:360px;max-width:92vw;padding:10px 12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;position:fixed;top:52px;bottom:10px;right:10px;overflow-y:auto;box-shadow:0 12px 40px #0009}.xr-titlebar{color:var(--gold);justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:700;display:flex}.xr-close{appearance:none;color:#cfd6e1;cursor:pointer;background:0 0;border:1px solid #3a4250;border-radius:6px;width:22px;height:22px;padding:0;font-size:14px;line-height:1}@media (hover:hover) and (pointer:fine){.xr-close:hover{background:#262d38}}.xr-section{margin-bottom:10px}.xr-head{text-transform:uppercase;letter-spacing:.08em;color:#8a93a3;margin-bottom:3px;font-size:10px}.xr-dim{color:#6e7787;text-transform:none;letter-spacing:normal}.xr-error{color:#ff8a97}.xr-row{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.xr-label{color:#8a93a3;min-width:72px}.xr-cards{flex-wrap:wrap;gap:3px 6px;display:inline-flex}.xr-code.red,.xr-suit.red{color:#ff7585}.xr-code.black,.xr-suit.black{color:#e6ebf2}.xr-suit.trump{color:var(--gold);font-weight:700}.xr-code.boss{text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:2px;font-weight:700}.xr-table{border-collapse:collapse;width:100%}.xr-table th{text-align:left;color:#8a93a3;border-bottom:1px solid #2b323e;padding:1px 6px 1px 0;font-size:10px;font-weight:400}.xr-table td{vertical-align:top;border-bottom:1px solid #1d2430;padding:2px 6px 2px 0}.xr-table td:first-child{flex-wrap:wrap;gap:2px 5px;display:flex}.xr-num{text-align:right;font-variant-numeric:tabular-nums}.xr-table tr.bot td{background:#f2c14e17}.xr-tag{letter-spacing:.06em;color:#9db6d8;background:#2b3646;border-radius:4px;margin-left:4px;padding:0 5px;font-size:9px;font-weight:700;display:inline-block}.xr-tag.bot{background:var(--gold);color:#201703}.ready-status{opacity:.75;text-align:center;margin-top:10px;font-size:13px}.chat-launch{z-index:40;bottom:14px;right:14px;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));cursor:pointer;background:#141c16eb;border:1px solid #ffffff2e;border-radius:50%;width:46px;height:46px;font-size:20px;position:fixed}.chat-badge{color:#fff;background:#d9534f;border-radius:10px;padding:1px 5px;font-size:11px;font-weight:600;position:absolute;top:-4px;right:-4px}.chat-panel{z-index:41;bottom:68px;right:12px;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(68px + env(safe-area-inset-bottom,0px));width:min(320px,82vw);max-height:min(380px, calc(100dvh - 80px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));color:#eee;background:#101612f7;border:1px solid #ffffff29;border-radius:12px;flex-direction:column;display:flex;position:fixed;box-shadow:0 8px 28px #00000073}.chat-head{letter-spacing:.04em;text-transform:uppercase;opacity:.85;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.chat-close{color:#eee;cursor:pointer;background:0 0;border:none;font-size:20px}.chat-log{overscroll-behavior:contain;flex:1;min-height:0;padding:8px 12px;font-size:14px;overflow-y:auto}.chat-head,.chat-input{flex-shrink:0}.chat-empty{opacity:.5;font-size:13px}.chat-msg{word-break:break-word;margin:4px 0}.chat-msg .chat-name{opacity:.65;margin-right:6px;font-weight:600}.chat-msg.mine .chat-name{color:#8fd18f}.chat-input{border-top:1px solid #ffffff1f;gap:6px;padding:8px;display:flex}.chat-input input{color:#eee;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;flex:1;min-width:0;padding:7px 9px}button.room-chip{cursor:pointer;font:inherit;color:var(--gold);letter-spacing:.2em;border-color:#f2c14e73;font-weight:800;transition:background .12s,border-color .12s}@media (hover:hover) and (pointer:fine){button.room-chip:hover{border-color:var(--gold);background:#f2c14e24}}button.room-chip.copied{background:#78c88238;border-color:#8cdc9680}.chat-msg.system{opacity:.55;text-align:center;margin:6px 0;font-size:13px;font-style:italic}button.room-chip{position:relative}button.room-chip:after{content:attr(data-tip);white-space:nowrap;letter-spacing:0;opacity:0;pointer-events:none;z-index:50;background:#0c120ef5;border:1px solid #ffffff29;border-radius:6px;padding:4px 8px;font-size:12px;font-style:normal;transition:opacity .12s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){button.room-chip:hover:after{opacity:1}}button.room-chip:focus-visible:after{opacity:1}.seat-hint{opacity:.7;margin:4px 0 14px;font-size:14px}.seat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.seat-option{cursor:pointer;color:inherit;font:inherit;text-align:left;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;display:flex}.seat-option.team0{border-left:3px solid #6ba7ff}.seat-option.team1{border-left:3px solid #ffab5e}.seat-option:disabled,.seat-option.taken{opacity:.4;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.seat-option:not(:disabled):hover{background:#ffffff1f}}.seat-num{font-size:13px;font-weight:600}.seat-who{opacity:.8;font-size:13px}.seat-option{min-width:0}.seat-who{overflow-wrap:anywhere}.seat-team{opacity:.55;letter-spacing:.06em;font-size:11px}.seat-take{opacity:.7;margin-top:2px;font-size:11px}@keyframes hud-message-pass{0%{opacity:0;transform:translate(-50%,-4px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.hud-message,.modal,.modal-backdrop,.hud-notice,.trick-play,.rotate-icon,.trick-play.winner .trick-cards,.trick-play.winner .win-tag,.level-chip.level-up,.opponent.on-turn:after{animation:none}.hand .card,.btn,.seat-option{transition:none}.btn:active:not(:disabled),.seat-option:active:not(:disabled){transform:none}.toast{animation:.01ms linear 3.6s forwards toast-out}}@media (pointer:coarse){.btn,.leave-btn,.mute-btn,.hud-more-btn,.hud-menu-row,.hud-notice-close,.chat-close,.xr-close,button.room-chip{min-width:44px;min-height:44px}.field input,.field select,.start-level-row select,.room-input,.chat-input input{font-size:16px}}.mute-btn:active,.leave-btn:active,.hud-more-btn:active,.hud-menu-row:not([aria-disabled=true]):active,.chat-close:active,.xr-close:active,.chat-launch:active,.hud-notice-close:active,button.room-chip:active{background-color:#394452}@media (prefers-reduced-transparency:reduce){.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#10131a}.hud-menu,.chat-panel,.xray-panel{background:var(--panel)}}.lobby-panel{width:24rem}.field,.chat-log,.result-grid,.result-verdict,.ready-status{line-height:1.5}.field>span,.result-label,.ready-status{font-size:.875rem}.field input,.field select,.chat-input input{font-size:max(16px,1rem)}.chat-log,.result-value,.result-verdict{font-size:.9375rem}.modal-title,.victory-title{letter-spacing:-.02em;overflow-wrap:anywhere;line-height:1.2}.result-grid{min-width:0}.result-grid>*{overflow-wrap:anywhere;min-width:0}@media (prefers-contrast:more){:root{--text-dim:#dce2eb;--panel-edge:#aab7c8}.panel,.hud,.hud-menu,.chat-panel,.xray-panel{background:#14171e}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080b0e}.btn,.field input,.field select,.chat-input input,.chat-panel,.hud-menu{border-color:#b8c4d4}.chat-head,.chat-msg .chat-name,.seat-who,.seat-team,.seat-hint{opacity:1}}