:root{--felt: #14532d;--felt-dark: #0c3a1f;--ink: #fff;--accent: #1a237e;--card-w: 72px;--card-h: 102px;--hand-overlap: 24px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--accent);-webkit-user-select:none;user-select:none}.board{position:relative;min-height:100dvh;background:radial-gradient(ellipse at center,#1e6b3a 0%,var(--felt) 55%,var(--felt-dark) 100%);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.board-header{display:flex;align-items:center;gap:12px;padding:4px 8px}.board-header h1{font-size:1.1rem;margin:0;letter-spacing:.06em}.dealer-line{font-size:.85rem;opacity:.9;margin-right:auto}.score-summary{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:0 8px 2px}.score-summary-chip{background:#0000004d;color:#fff;font-weight:700;font-size:.78rem;padding:3px 12px;border-radius:999px;white-space:nowrap}.score-summary-chip.leading{background:#ffd600;color:#1a237e;box-shadow:0 2px 8px #ffd60066}.card{position:relative;z-index:0;width:var(--card-w);height:var(--card-h);border-radius:8px;border:2px solid #1a237e;background:#fff;color:#111;font-weight:900;box-shadow:0 2px 6px #00000059;transition:transform .15s ease;touch-action:manipulation;display:inline-flex;cursor:pointer;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-rendering:inherit;appearance:none;-webkit-appearance:none;margin:0}.card .corner{position:absolute;top:4px;left:6px;display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;text-align:left;z-index:1}.card .corner .rank{font-size:1.3rem}.card .corner .suit{font-size:1.05rem;line-height:1.1}.card.playable:hover,.card.playable:focus-visible{transform:translateY(-12px);z-index:60!important}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#ffffff73;z-index:2;opacity:0;pointer-events:none;transition:opacity .25s ease}.card.disabled{cursor:default}.card.disabled:after{opacity:1}.card-blue{border-color:#1565c0}.card-blue .corner .rank{color:#1565c0}.card-green{border-color:#2e7d32}.card-green .corner .rank{color:#2e7d32}.card-red{border-color:#c62828}.card-red .corner .rank{color:#c62828}.card-black{border-color:#37474f}.card-black .corner .rank{color:#37474f}.card.colorRT{border-color:#ffd600;background:linear-gradient(135deg,#fff,#e1f5fe)}.card.tanRT{border-color:#a1887f;background:#d7ccc8}.card-back{background:repeating-linear-gradient(45deg,#1a237e 0 6px,#283593 6px 12px);border-color:#0d1450;cursor:default}.card.small{width:36px;height:52px;font-size:.8rem;border-radius:5px}.card.small .corner{top:2px;left:4px}.card.small .corner .rank{font-size:.8rem}.card.small .corner .suit{font-size:.7rem}@media(max-width:600px){.card{width:54px;height:76px}.card .corner{top:3px;left:5px}.card .corner .rank{font-size:1.05rem}.card .corner .suit{font-size:.9rem}.card.small{width:30px;height:44px}.card.small .corner .rank{font-size:.65rem}.card.small .corner .suit{font-size:.55rem}.hand .card .corner{top:4px;left:6px}.hand .card .corner .rank{font-size:1.2rem}.hand .card .corner .suit{font-size:.95rem}}.hand{display:flex;align-items:flex-end;gap:0;width:100%;max-width:100%;min-width:0;overflow-x:auto;padding:14px 6px 6px}.hand:before,.hand:after{content:"";margin:auto}.hand .card{width:calc(var(--card-w) * 1.25);height:auto;aspect-ratio:12 / 17;margin-left:calc(-1 * var(--hand-overlap));flex:0 1 auto;min-width:0}.hand .card .corner{top:5px;left:8px}.hand .card .corner .rank{font-size:1.55rem}.hand .card .corner .suit{font-size:1.2rem}@keyframes hand-deal{0%{opacity:0;transform:translate(calc((var(--card-n, 0) / 2 - var(--card-i, 0) - .5) * var(--hand-overlap))) scale(.55) rotate(-4deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}.hand.dealing .card{animation:hand-deal .5s cubic-bezier(.22,.9,.3,1.08) backwards;animation-delay:calc(var(--card-i, 0) * 40ms)}.hand.collapsing .card{animation:hand-collapse .22s cubic-bezier(.2,.8,.3,1) both}@keyframes hand-collapse{0%{transform:translate(var(--card-slide, 0px))}to{transform:translate(0)}}.hand .card:first-child{margin-left:0}.hand .card:last-child{margin-right:8px}@media(max-width:600px){.hand{justify-content:flex-start}}.trick-pile{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:160px;position:relative}.trick-cards .trick-status{flex-basis:100%;justify-content:center;padding:0;background:none}.trick-status{display:flex;gap:14px;align-items:center;font-size:1.05rem;font-weight:700;background:#0000004d;padding:7px 20px;border-radius:999px;flex-wrap:wrap;justify-content:center}.trump-indicator{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;width:calc(var(--card-w) * .78);height:calc(var(--card-h) * .78);padding:5px 6px;border-radius:8px;border:2px solid #1a237e;background:radial-gradient(ellipse at 50% 0%,#fff,#f4f6fd);color:#111;font-weight:900;box-shadow:0 3px 8px #00000059;box-sizing:border-box}.trump-indicator .trump-header{font-size:.52rem;font-weight:900;letter-spacing:.14em;color:#1a237e;opacity:.75;line-height:1}.trump-indicator .trump-value{font-size:1.25rem;font-weight:900;line-height:1.05;margin-top:2px}.trump-indicator .trump-icon{font-size:1.5rem;line-height:1}.trump-indicator .trump-label{margin-top:auto;font-size:.55rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.trump-indicator.suit-blue .trump-value{color:#1565c0}.trump-indicator.suit-green .trump-value{color:#2e7d32}.trump-indicator.suit-red .trump-value{color:#c62828}.trump-indicator.suit-black .trump-value{color:#37474f}.trump-indicator.rt .trump-value{color:#1a237e}.round-indicator{font-size:inherit;font-weight:600;opacity:.75;white-space:nowrap}.lead-indicator{font-weight:800;text-transform:capitalize;padding:1px 10px;border-radius:999px;border:1.5px solid currentColor;font-size:.82rem}.lead-blue{color:#90caf9;background:#1565c059}.lead-green{color:#a5d6a7;background:#2e7d3259}.lead-red{color:#ef9a9a;background:#c6282859}.lead-black{color:#cfd8dc;background:#37474f73}.lead-rt-color{color:#fff59d;background:#ffd6004d}.lead-rt-tan{color:#d7ccc8;background:#a1887f66}.trick-cards{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;background:#00000038;border-radius:14px;padding:10px 16px;transition:background .25s ease,border-color .25s ease}.trick-cards.lead-blue{background:#1565c052;border:1.5px solid rgba(144,202,249,.45)}.trick-cards.lead-green{background:#2e7d3252;border:1.5px solid rgba(165,214,167,.45)}.trick-cards.lead-red{background:#c6282852;border:1.5px solid rgba(239,154,154,.45)}.trick-cards.lead-black{background:#37474f73;border:1.5px solid rgba(207,216,220,.45)}.trick-cards.lead-rt-color{background:#ffd60040;border:1.5px solid rgba(255,245,157,.45)}.trick-cards.lead-rt-tan{background:#a1887f66;border:1.5px solid rgba(215,204,200,.45)}.trick-slot{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px}.trick-player{font-size:.75rem;font-weight:700;opacity:.95}.card-placeholder{width:var(--card-w);height:var(--card-h);border-radius:8px;border:2px dashed rgba(255,255,255,.5);background:#ffffff0f;display:inline-block}@keyframes card-to-board-me{0%{opacity:0;transform:translateY(72px) scale(.35) rotate(6deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes card-to-board-them{0%{opacity:0;transform:translateY(-72px) scale(.35) rotate(-6deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.trick-slot.from-me .card{animation:card-to-board-me .35s cubic-bezier(.25,.9,.3,1.05) both}.trick-slot.from-them .card{animation:card-to-board-them .35s cubic-bezier(.25,.9,.3,1.05) both}.trick-slot.acting .card-placeholder{border-color:#ffd600;box-shadow:0 0 12px #ffd6008c;animation:turn-pulse 1.4s ease-in-out infinite}@media(max-width:600px){.card-placeholder{width:48px;height:68px}.trick-slot{min-width:48px}}.opponents{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.opponent{display:flex;flex-direction:column;align-items:center;gap:4px;background:#00000038;border-radius:12px;padding:6px 10px 8px;min-width:96px}.opponent.is-dealer{outline:2px solid #ffd600}.opponent .avatar{position:relative;width:48px;height:48px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:.72rem;font-weight:700;line-height:1.05;text-align:center;padding:0 3px;overflow:hidden;box-shadow:inset 0 1px #ffffff40}.opponent .leader-flag{position:absolute;bottom:-3px;right:-3px;font-size:.85rem;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.opponent .turn-dot{position:absolute;top:-2px;right:-2px;margin:0;border:2px solid rgba(0,0,0,.5);box-sizing:content-box}.trick-meter{font-size:.85rem;line-height:1.2;letter-spacing:-.02em;min-height:1.2em;color:#fff}.trick-meter:empty{min-width:8px}.my-row{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:4px}.my-info{display:flex;gap:12px;font-size:.85rem;align-items:center}.action-overlay{position:absolute;left:50%;transform:translate(-50%);top:170px;bottom:150px;width:min(560px,calc(100% - 32px));overflow-y:auto;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;pointer-events:none;scrollbar-width:thin}.action-overlay>*{pointer-events:auto}.action-overlay .turn-banner{width:auto}.action-overlay .bid-panel-wrapper{width:100%}.action-overlay .waiting-banner{position:static;transform:none;left:auto;bottom:auto}.bid-panel-wrapper{display:grid;grid-template-rows:1fr;overflow:hidden;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin .4s ease;opacity:1;margin-top:4px;margin-bottom:4px}.bid-panel-wrapper.is-hidden{grid-template-rows:0fr;opacity:0;margin-top:0;margin-bottom:0;pointer-events:none}.bid-panel{min-height:0;background:#fff;color:#111;border-radius:12px;padding:10px 20px 8px;max-width:540px;width:calc(100% - 24px);margin:2px auto;text-align:center;box-shadow:0 10px 40px #00000073;animation:panel-in .25s ease both}.bid-panel h3{margin:0 0 6px;font-size:.95rem}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bid-buttons{display:flex;flex-wrap:nowrap;gap:4px;width:100%;justify-content:space-between;box-sizing:border-box;margin:6px 0 4px}.bid-button{flex:1 1 auto;min-width:0;min-height:38px;padding-left:4px;padding-right:4px;border-radius:8px;border:1px solid #5f5f8f;background:#7676a5;color:#fff;font-size:clamp(10px,2.5vw,14px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.suit-buttons button{min-width:44px;min-height:44px;padding:0 12px;border-radius:8px;border:1px solid #5f5f8f;background:#7676a5;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.bid-button:hover,.suit-buttons button:hover{background:#8585b3}.bid-button.selected{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #1a237e59}.first-class-slot{min-height:40px;display:flex;align-items:center;justify-content:center}.first-class-toggle{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:#fff8e1;border:1px solid #f6c344;color:#6b4f00;font-size:.85rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,box-shadow .15s ease}.first-class-toggle:hover{background:#fff3c4;box-shadow:0 2px 6px #f6c34466}.first-class-toggle:has(input:checked){background:#ffe082;border-color:#f9a825;color:#4a3600}.first-class-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:2px solid #c8a94a;border-radius:4px;background-color:#fff;display:inline-grid;place-content:center;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.first-class-toggle input[type=checkbox]:checked{background-color:#f9a825;border-color:#f9a825}.first-class-toggle input[type=checkbox]:before{content:"";width:10px;height:10px;transform:scale(0);background-color:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform .12s ease-in-out}.first-class-toggle input[type=checkbox]:checked:before{transform:scale(1)}.first-class-mark{font-size:1rem;line-height:1}.trump-choice{background:#fff;color:#111;border-radius:12px;padding:14px 20px;max-width:540px;width:calc(100% - 24px);margin:4px auto;text-align:center;box-shadow:0 10px 40px #00000073;animation:panel-in .25s ease both}.trump-choice h3{margin-top:0;font-size:1rem}.suit-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.suit-buttons button{min-width:96px}.waiting-banner,.status-line{position:fixed;left:50%;transform:translate(-50%);bottom:12px;background:#000000b3;color:#fff;padding:8px 16px;border-radius:999px;font-size:.9rem;z-index:10;white-space:nowrap}.gameover-screen{position:fixed;inset:0;z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;background:radial-gradient(ellipse at center,#0e2a16f0,#040c07f7);color:#fff;text-align:center;animation:gameover-in .5s cubic-bezier(.2,.9,.3,1.1) both}@keyframes gameover-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.gameover-head h2{margin:0;font-size:clamp(1.8rem,6vw,3rem);letter-spacing:.04em;color:#ffd600;text-shadow:0 3px 0 rgba(0,0,0,.4),0 0 30px rgba(255,214,0,.4)}.gameover-sub{margin:6px 0 0;opacity:.8;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem}.gameover-scores{list-style:none;margin:0;padding:0;width:min(360px,90vw);display:flex;flex-direction:column;gap:8px}.gameover-score{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 16px;text-align:left}.gameover-score.winner{background:#ffd6002e;border-color:#ffd60099}.gos-rank{font-weight:900;opacity:.6}.gos-name{font-weight:700}.gos-total{font-size:1.3rem;font-weight:900;color:#ffd600}.gameover-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.gameover-note{margin:0;opacity:.85}.round-splash{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(ellipse at center,#102d18e0,#040c07f0);color:#fff;text-align:center;padding:24px;animation:round-splash-cycle 3.4s ease both;pointer-events:none}@keyframes round-splash-cycle{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0}}.round-splash-title{font-size:.95rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase;opacity:.85}.round-splash-scores{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:min(560px,92vw)}.round-splash-score{display:flex;flex-direction:column;align-items:center;gap:2px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px 16px;min-width:96px}.rss-name{font-size:.8rem;font-weight:700;opacity:.9}.rss-points{font-size:1.5rem;font-weight:900}.round-splash-sign{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:Inter,Arial Black,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.12em;line-height:.95;color:#ffd600;text-shadow:0 2px 0 #b26a00,0 5px 0 rgba(0,0,0,.55),0 0 40px rgba(255,214,0,.45);animation:round-splash-pop .5s cubic-bezier(.2,.9,.3,1.2) both}.round-splash-sign{font-size:clamp(2.6rem,9vw,4.6rem)}.round-splash-round{font-size:clamp(1.4rem,5vw,2.6rem);letter-spacing:.4em}@keyframes round-splash-pop{0%{transform:scale(1.25);opacity:0}to{transform:scale(1);opacity:1}}.trick-toast{position:fixed;left:50%;top:64px;transform:translate(-50%,-50%);background:#101a10f0;border:1.5px solid rgba(255,214,0,.55);color:#ffd600;font-weight:800;font-size:1.1rem;letter-spacing:.02em;padding:12px 26px;border-radius:999px;z-index:30;box-shadow:0 10px 34px #0000008c;animation:trick-toast-in .25s ease both;pointer-events:none;white-space:nowrap}@keyframes trick-toast-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.scoreboard{position:relative}.scoreboard-toggle{min-height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.5);background:#ffffff1f;color:#fff;font-weight:700;cursor:pointer;padding:0 12px}.sound-toggle{min-height:40px;min-width:44px;border-radius:8px;border:1px solid rgba(255,255,255,.5);background:#ffffff1f;color:#fff;font-size:1.05rem;line-height:1;cursor:pointer;padding:0 10px}.sound-toggle[aria-pressed=false]{opacity:.55}.sound-toggle:hover{background:#ffffff38}.scoreboard-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:#101418;color:#eee;padding:20px;overflow-y:auto;z-index:40;box-shadow:-8px 0 30px #00000080}.scoreboard-drawer table{width:100%;border-collapse:collapse;font-size:.85rem}.scoreboard-drawer th,.scoreboard-drawer td{border-bottom:1px solid #2a2f36;padding:5px 8px;text-align:center}.scoreboard-drawer th{position:sticky;top:0;background:#101418}.scoreboard-drawer .totals{font-weight:800}.scoreboard-drawer tr.latest td,.scoreboard-drawer tr.latest th{background:#ffd6001a;color:#ffd600}.live-bids{margin-top:14px;border-top:1px solid #2a2f36;padding-top:10px;display:flex;flex-direction:column;gap:6px}.live-bids-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.live-bid-row{display:flex;align-items:center;gap:10px;font-size:.85rem}.live-bid-name{flex:0 0 110px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-bid-row .trick-meter{font-size:.9rem;color:#fff}.app-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(120% 90% at 50% 0%,#1e6b3a 0%,var(--felt) 48%,var(--felt-dark) 100%);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.menu-corner{position:absolute;top:12px;right:12px}.glass-card{position:relative;width:min(420px,100%);background:linear-gradient(180deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:32px 28px 30px;text-align:center;box-shadow:0 30px 60px #00000073,0 2px 8px #00000040,inset 0 1px #ffffff2e;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.brand-mark{display:flex;justify-content:center;gap:7px;margin-bottom:16px}.brand-mark i{width:14px;height:20px;border-radius:3px;display:block;box-shadow:0 2px 6px #0006,inset 0 1px #ffffff73}.brand-mark i:nth-child(1){background:#1565c0}.brand-mark i:nth-child(2){background:#2e7d32}.brand-mark i:nth-child(3){background:#c62828}.brand-mark i:nth-child(4){background:#d7ccc8}.app-shell h1{margin:0;font-size:clamp(1.55rem,6vw,1.95rem);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#fff}.tagline{margin:8px 0 0;font-size:.95rem;font-weight:400;color:#ffffffb8}.fields{display:flex;flex-direction:column;gap:15px;margin:26px 0 22px;text-align:left}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff9e;padding-left:2px}.select-wrap{position:relative;display:block}.select-wrap:after{content:"";position:absolute;right:16px;top:50%;width:10px;height:6px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23ffffff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round' opacity='0.75'/%3E%3C/svg%3E") no-repeat center;pointer-events:none}.app-shell select{width:100%;min-height:50px;appearance:none;-webkit-appearance:none;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#00000047;color:#fff;font-family:inherit;font-size:1rem;font-weight:600;padding:0 42px 0 16px;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.app-shell select:hover{border-color:#ffffff57;background:#0000005c}.app-shell select:focus-visible{outline:none;border-color:#ffca28;box-shadow:0 0 0 3px #ffca2859}.app-shell select option{background:#171c26;color:#fff}.btn{display:block;width:100%;min-height:52px;border-radius:14px;border:1px solid transparent;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ffca2873}.btn-primary{background:linear-gradient(180deg,#ffd54f,#ffca28);color:#1a237e;box-shadow:0 10px 22px #00000059,inset 0 1px #ffffff80}.btn-primary:hover:not(:disabled){box-shadow:0 14px 28px #0006,inset 0 1px #ffffff80}.btn-ghost{background:#ffffff14;border-color:#ffffff38;color:#fff}.btn-ghost:hover:not(:disabled){background:#ffffff24}.btn-mini{display:inline-block;width:auto;min-height:30px;padding:0 14px;border-radius:999px;font-size:.78rem;font-weight:700;background:#ffffff1a;border-color:#ffffff40;color:#fff}.btn-mini:hover:not(:disabled){background:#ffffff2e}.btn[disabled]{opacity:.45;cursor:not-allowed}.text-input{width:100%;min-height:50px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#00000047;color:#fff;font-family:inherit;font-size:1rem;font-weight:500;padding:0 16px;transition:border-color .15s ease,box-shadow .15s ease}.text-input::placeholder{color:#fff6}.text-input:focus-visible{outline:none;border-color:#ffca28;box-shadow:0 0 0 3px #ffca2859}.match-chip{display:inline-block;margin:16px 0 0;padding:6px 16px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:#ffffffe6}.lobby-gap{display:flex;flex-direction:column;gap:14px;margin-top:24px}.invite-card{background:#fff;border-radius:18px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 14px 30px #00000059}.qr-caption{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1a237e}.invite-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;background:#00000059;border:1px solid rgba(255,255,255,.14);padding:10px 14px;border-radius:12px;word-break:break-all;color:#ffffffd9;-webkit-user-select:text;user-select:text}.invite-actions{display:flex;gap:10px}.invite-actions .btn{flex:1;min-height:44px;font-size:.92rem}.seat-list{display:flex;flex-direction:column;gap:8px;text-align:left}.seat{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 8px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.seat .avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1rem;background:linear-gradient(135deg,#283593,#1a237e);color:#fff;box-shadow:inset 0 1px #ffffff40}.seat-name{flex:1;font-size:.98rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat.empty{background:transparent;border:1.5px dashed rgba(255,255,255,.3);color:#ffffffa6}.seat.empty .avatar{background:#ffffff1f;color:#ffffff80}.seat.empty .seat-name{font-weight:500}.loading-seats{font-size:.9rem;color:#fff9}.error-line{color:#ffb4b4;font-size:.9rem;margin:14px 0 0}@media(max-width:420px){.glass-card{padding:26px 20px 24px}}@media(prefers-reduced-motion:reduce){.btn,.app-shell select,.text-input{transition:none}.hand .card,.trick-slot .card,.last-trick,.bid-panel,.trump-choice,.trick-toast,.turn-banner.mine,.round-splash{animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}::view-transition-group(*){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.3,1)}.last-trick{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:40;opacity:.95;display:flex;flex-direction:column;align-items:center;gap:6px;background:#0c1a10eb;border:1px solid rgba(255,214,0,.35);border-radius:14px;padding:12px 18px;box-shadow:0 10px 30px #00000080;animation:last-trick-in .4s cubic-bezier(.2,.8,.3,1.1) both}@keyframes last-trick-in{0%{opacity:0;transform:translate(-50%,-50%) translateY(12px) scale(.94)}to{opacity:.95;transform:translate(-50%,-50%) translateY(0) scale(1)}}.last-trick .trick-cards{background:transparent;padding:0;gap:6px}.last-trick-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.last-trick-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px}.last-trick-ok{padding:8px 34px;border-radius:999px;border:1px solid rgba(255,214,0,.7);background:#ffd600;color:#1a237e;font-size:.9rem;font-weight:900;cursor:pointer;letter-spacing:.04em;transition:transform .12s ease,background .12s ease}.last-trick-ok:hover{background:#ffca28;transform:translateY(-1px)}.auto-resume{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.auto-resume-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.auto-resume-bar{width:100%;height:5px;border-radius:999px;background:#ffffff2e;overflow:hidden}.auto-resume-bar:before{content:"";display:block;height:100%;width:100%;transform-origin:left;background:#ffd600;animation:auto-resume-fill 3s linear forwards}@keyframes auto-resume-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.trick-slot.trick-winner .card{animation:trick-win .6s ease 2;border-color:#ffd600;box-shadow:0 0 14px #ffd600cc}@keyframes trick-win{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.leader-flag{font-size:.8rem}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.turn-banner{align-self:center;background:#0000008c;color:#fff;font-weight:800;font-size:1rem;padding:8px 18px;border-radius:999px;letter-spacing:.02em;margin:2px 0 4px;box-shadow:0 3px 10px #00000059;animation:banner-in .25s ease}.turn-banner.mine{background:#ffd600;color:#1a237e}@keyframes banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.opponent.active-turn{outline:3px solid #ffd600;outline-offset:2px;box-shadow:0 0 16px #ffd6008c;animation:turn-pulse 1.4s ease-in-out infinite}@keyframes turn-pulse{0%,to{box-shadow:0 0 8px #ffd60059}50%{box-shadow:0 0 18px #ffd600bf}}.turn-dot{display:inline-block;width:8px;height:8px;margin-left:5px;border-radius:50%;background:#ffd600;vertical-align:middle;animation:turn-pulse 1.4s ease-in-out infinite}.scoreboard-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.scoreboard-drawer-head h3{margin:0}.scoreboard-close{min-height:34px;border:1px solid #444;border-radius:8px;background:transparent;color:#eee;font-weight:700;cursor:pointer;padding:0 10px}.scoreboard-close:hover{background:#ffffff1a}:root{color-scheme:dark;background:#1a237e}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.app-shell{min-height:100dvh;display:grid;place-content:center;text-align:center;color:#fff}