:root{--felt:#0b6b3a;--felt-2:#084d2a;--ink:#17202a;--gold:#ffd166;--me:#ffd166;--op:#7cd0ff;--card-w:46px;--card-h:66px;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 50% 20%, #0e7a43, var(--felt-2) 70%);color:#fff;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}#root{display:flex}button{cursor:pointer;font-family:inherit}.btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:12px;padding:11px 16px;font-size:15px;font-weight:600;transition:transform 80ms,background .15s}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg, #ffe08a, var(--gold));color:#4a3500;border-color:#d9a400}.btn--ghost{background:#ffffff0d}.btn--icon{border-radius:10px;width:38px;height:38px;padding:0;font-size:24px;line-height:1}.menu{text-align:center;padding:32px 22px;padding-top:calc(env(safe-area-inset-top) + 24px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;display:flex}.menu__logo{flex-direction:column;align-items:center;display:flex}.menu__title{letter-spacing:8px;background:linear-gradient(180deg, #fff, var(--gold));-webkit-text-fill-color:transparent;text-shadow:0 4px 18px #0000004d;-webkit-background-clip:text;background-clip:text;font-size:68px;font-weight:900}.menu__sub{letter-spacing:10px;opacity:.7;margin-top:-4px;font-size:14px}.menu__cards{gap:8px;display:flex}.menu__mini{color:#17202a;background:#fff;border-radius:6px;place-items:center;width:34px;height:46px;font-size:22px;display:grid;transform:rotate(-6deg);box-shadow:0 6px 14px #0000004d}.menu__mini:nth-child(2){transform:rotate(3deg)}.menu__mini:nth-child(3){transform:rotate(-2deg)}.menu__mini:nth-child(4){transform:rotate(6deg)}.menu__mini.red{color:#e63946}.menu__btns{flex-direction:column;gap:12px;width:100%;max-width:340px;display:flex}.menu__foot{opacity:.6;max-width:340px;font-size:12px;line-height:1.7}.diff{flex-direction:column;align-items:center;gap:6px;display:flex}.diff__label{opacity:.7;font-size:12px}.diff__seg{background:#00000047;border-radius:12px;gap:3px;padding:3px;display:flex}.diff__opt{color:#fff;opacity:.65;background:0 0;border:none;border-radius:9px;padding:7px 20px;font-size:14px;font-weight:600;transition:background .15s}.diff__opt--on{background:linear-gradient(180deg, #ffe08a, var(--gold));color:#4a3500;opacity:1}.diff__hint{opacity:.6;min-height:14px;font-size:11px}.game{flex-direction:column;flex:1;min-width:0;max-width:100vw;height:100%;display:flex;overflow:hidden}.topbar{padding:8px 12px;padding-top:calc(env(safe-area-inset-top) + 8px);background:#0000002e;align-items:center;gap:10px;display:flex}.levels{flex:1;gap:8px;display:flex}.lvl{background:#ffffff14;border-radius:8px;padding:4px 9px;font-size:13px}.lvl b{margin-left:2px;font-size:15px}.lvl--me b{color:var(--me)}.lvl--op b{color:var(--op)}.dealno{opacity:.7;font-size:12px}.felt{flex-direction:column;flex:1;min-height:0;padding:6px;display:flex;position:relative;overflow:hidden}.felt__mid{flex:1;justify-content:space-between;align-items:center;gap:6px;min-height:0;display:flex;overflow:hidden}.opp{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.opp--top{align-self:center;max-width:96vw}.opp--side{flex:1 1 0;max-width:33vw}.opp__backs{align-items:flex-end;max-width:100%;display:flex}.opp__backs .card--back{width:34px;height:48px;box-shadow:0 1px 3px #0000004d}.opp__bubble{align-items:center;max-width:100%;min-height:40px;display:flex}.ptag{background:#0000004d;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:flex}.ptag.team-0{box-shadow:inset 0 0 0 1px #ffd16680}.ptag.team-1{box-shadow:inset 0 0 0 1px #7cd0ff73}.ptag--turn{border-color:var(--gold);background:#ffd16633;animation:1.2s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 12px 2px #ffd1668c}}.ptag__name{font-weight:700}.ptag__count{opacity:.85}.ptag__rank{background:var(--gold);color:#4a3500;border-radius:6px;padding:0 5px;font-weight:700}.ptag__think{gap:2px;display:inline-flex}.ptag__think i{opacity:.5;background:#fff;border-radius:50%;width:4px;height:4px;animation:1s infinite think}.ptag__think i:nth-child(2){animation-delay:.15s}.ptag__think i:nth-child(3){animation-delay:.3s}@keyframes think{40%{opacity:1;transform:translateY(-3px)}}.bubble{border-radius:14px;padding:4px 12px;font-size:15px;font-weight:700}.bubble--pass{color:#ffb3b3;background:#00000059}.minicombo{align-items:center;max-width:100%;height:40px;padding-left:6px;display:flex;overflow:hidden}.minicombo__more{opacity:.8;align-self:center;margin-left:2px;font-size:11px}.felt__center{flex:1 1 0;min-width:0}.selfplay{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;min-width:0;min-height:52px;display:flex}.selfplay__cards{align-items:center;height:44px;padding-left:22px;display:flex}.selfplay__label{color:var(--gold);font-size:11px}.me{flex-direction:column;gap:6px;min-width:0;padding-top:4px;display:flex}.me__info{flex-wrap:wrap;align-items:center;gap:10px;min-height:26px;padding:0 6px;display:flex}.preview{color:var(--gold);background:#00000040;border-radius:10px;padding:2px 10px;font-size:13px}.toast{color:#ffd0d0;background:#b4141459;border-radius:10px;padding:2px 10px;font-size:13px}.hand{scrollbar-width:none;flex-wrap:nowrap;justify-content:center;align-items:flex-end;min-width:0;min-height:92px;padding:24px 10px 4px;display:flex;overflow:auto hidden}.hand::-webkit-scrollbar{display:none}.hand--dim{opacity:.82}.controls{padding:8px 12px calc(env(safe-area-inset-bottom) + 10px);gap:8px;min-width:0;display:flex}.controls .btn{white-space:nowrap;flex:1 1 0;min-width:0}.controls .btn--ghost{flex:0 auto;padding-left:12px;padding-right:12px}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #cfd6dd;flex:none;padding:0;transition:transform .12s;position:relative;box-shadow:0 2px 5px #00000047}.card--sel{border-color:var(--gold);transform:translateY(-16px);box-shadow:0 8px 16px #0006}.card--faded{opacity:.5}.card--red{color:#e63946}.card--black{color:#17202a}.card__corner{flex-direction:column;align-items:flex-start;font-weight:800;line-height:1;display:flex;position:absolute;top:2px;left:3px}.card__corner b{letter-spacing:-.5px;font-size:15px}.card__corner i{font-size:12px;font-style:normal}.card--r10 .card__corner b{letter-spacing:-1.5px;font-size:11px}.card__pip{opacity:.9;font-size:20px;position:absolute;bottom:3px;right:5px}.card--joker .card__joker{white-space:pre-line;text-align:center;opacity:.45;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}.card__corner--joker{align-items:flex-start}.card__corner--joker b{letter-spacing:0;font-size:11px;line-height:1.02}.card--joker.card--red{color:#e63946}.card__wild{color:#f4a900;font-size:10px;position:absolute;top:2px;right:3px}.card--back{border-radius:var(--radius);background:repeating-linear-gradient(45deg,#b2233a 0 6px,#8c1a2d 6px 12px);border:2px solid #fff;box-shadow:0 2px 5px #0000004d}.overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.panel{text-align:center;background:linear-gradient(#123f2a,#0c2c1e);border:1px solid #ffffff24;border-radius:18px;width:100%;max-width:360px;padding:22px;box-shadow:0 20px 60px #00000080}.panel h3{margin:0 0 14px;font-size:20px}.rules{text-align:left;opacity:.9;margin:0 0 16px;padding-left:18px;font-size:13px;line-height:1.9}.ranklist{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.rankrow{background:#ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:7px 12px;display:flex}.rankrow.team-0{box-shadow:inset 3px 0 0 var(--me)}.rankrow.team-1{box-shadow:inset 3px 0 0 var(--op)}.rankrow__pos{text-align:left;width:42px;font-weight:700}.result{color:var(--gold);margin:6px 0;font-size:16px;font-weight:700}.result--sub{color:#fff;opacity:.8;font-size:13px;font-weight:400}.score{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:340px;display:grid}.score__cell{background:#00000038;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.score__cell b{font-size:22px}.score__cell span{opacity:.7;font-size:11px}.score__cell--win b{color:var(--gold)}.winover{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04140cd1;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.winover--win{background:radial-gradient(circle at 50% 30%,#ffd16640,#04140ce6)}.winover__card{z-index:2;text-align:center;background:linear-gradient(#16452e,#0b2a1c);border:1px solid #ffd16659;border-radius:22px;width:86%;max-width:340px;padding:28px 26px;animation:.5s cubic-bezier(.2,1.3,.5,1) pop;position:relative;box-shadow:0 24px 70px #0009}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.winover__trophy{font-size:66px;animation:1.4s infinite bounce}@keyframes bounce{50%{transform:translateY(-10px)}}.winover__card h2{color:var(--gold);margin:6px 0;font-size:26px}.winover__team{margin:4px 0;font-size:15px}.winover__egg{opacity:.9;margin:10px 0 18px;font-size:14px;line-height:1.6}.winover__btns{gap:10px;display:flex}.winover__btns .btn{flex:1}.confetti{z-index:1;border-radius:2px;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-20px}@keyframes fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:.9;transform:translateY(105vh)rotate(720deg)}}.auth{gap:16px}.authform{flex-direction:column;gap:10px;width:100%;max-width:340px;display:flex}.authlinks{gap:16px;display:flex}.authsep{opacity:.5;align-items:center;gap:10px;margin:2px 0;font-size:12px;display:flex}.authsep:before,.authsep:after{content:"";background:#fff3;flex:1;height:1px}.gbtn{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;min-height:40px;display:flex}.link{color:var(--op);background:0 0;border:none;padding:4px;font-size:14px;text-decoration:underline}.notice{color:#a8e6c0;text-align:center;background:#06d6a026;border-radius:10px;max-width:340px;padding:6px 12px;font-size:13px}.avatarpick{flex-direction:column;align-items:center;gap:10px;display:flex}.avatarpick__cur{font-size:52px}.avatarpick__grid{grid-template-columns:repeat(8,1fr);gap:6px;max-width:340px;display:grid}.avatarpick__opt{background:#00000038;border:2px solid #0000;border-radius:10px;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.avatarpick__opt.on{border-color:var(--gold);background:#ffd16633}.profilebar{top:calc(env(safe-area-inset-top) + 10px);align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.profilebar__me{color:#fff;background:#00000040;border:none;border-radius:20px;align-items:center;gap:8px;margin-right:auto;padding:5px 12px 5px 6px;display:flex}.profilebar__av{font-size:22px}.profilebar__name{font-size:14px;font-weight:700}.profilebar__guest{opacity:.7;margin-right:auto;padding-left:6px;font-size:13px}.panel--tall{max-height:80vh;overflow-y:auto}.friendsec{text-align:left;flex-direction:column;gap:6px;margin:12px 0;display:flex}.friendsec__t{opacity:.6;font-size:12px}.friendsec__empty{opacity:.6;text-align:center;padding:8px;font-size:13px}.friendrow{background:#ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;display:flex}.friendrow__av{font-size:22px}.friendrow__name{flex:1;font-weight:600}.friendrow__pending{opacity:.5;font-size:12px}.champbox{border:1px solid var(--gold);background:#ffd16626;border-radius:14px;padding:14px;font-size:20px}.champbox b{color:var(--gold)}.tfrow{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.tfrow label{align-items:center;gap:6px;display:flex}.input--num{text-align:center;width:72px;padding:6px 8px}select.input--num{width:auto}.standrow{background:#ffffff0f;border-radius:8px;align-items:center;gap:10px;padding:6px 12px;display:flex}.standrow__rk{text-align:center;opacity:.6;width:20px;font-weight:700}.standrow__name{flex:1;font-weight:600}.standrow__pts{opacity:.8;font-variant-numeric:tabular-nums;font-size:12px}.matchrow{background:#ffffff0f;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.matchrow--done{opacity:.7}.matchrow__p{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.matchrow__p.win{color:var(--gold)}.matchrow__vs{opacity:.5;font-variant-numeric:tabular-nums;text-align:center;min-width:28px}.matchrow__btns{gap:4px;display:flex}.matchrow__done{color:var(--gold)}.unitcard{background:#ffffff0d;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.unitcard__head{align-items:center;display:flex}.unitcard__name{flex:1;font-weight:700}.pairrow{opacity:.9;justify-content:space-between;align-items:center;padding-left:4px;font-size:13px;display:flex}.pairadd{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.pairadd .input{text-align:left;flex:1;min-width:110px;padding:6px 8px;font-size:13px}.pairgame{background:#00000026;border-radius:8px;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex}.pairgame__n{opacity:.6;width:34px;font-size:11px}.pairgame__p{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pairgame__p.win{color:var(--gold);font-weight:700}.pairgame__vs{opacity:.4}.scoreboard{background:#00000038;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:380px;padding:10px 14px;display:flex}.scoreboard__t{opacity:.6;font-size:12px}.scoreboard__row{align-items:center;gap:10px;display:flex}.scoreboard__team{opacity:.85;font-size:12px}.scoreboard__team.team-0{color:var(--me)}.scoreboard__team.team-1{color:var(--op)}.scoreboard__num{font-variant-numeric:tabular-nums;font-size:26px}.scoreboard__vs{opacity:.5}.scoreboard__ctrl{align-items:center;gap:12px;margin-top:4px;display:flex}.checkrow--sm{font-size:12px}.checkrow--sm input{width:15px;height:15px}.scorechip{top:calc(env(safe-area-inset-top) + 44px);z-index:40;background:#0006;border-radius:12px;padding:4px 10px;font-size:13px;position:fixed;right:12px}.scorechip b{color:var(--gold);font-variant-numeric:tabular-nums}.winover__score{opacity:.9;margin:4px 0;font-size:14px}.winover__score b{color:var(--gold);font-size:18px}.revealhand{align-items:center;max-width:100%;height:34px;padding-left:4px;display:flex;overflow:hidden}.lobby2{padding-top:calc(env(safe-area-inset-top) + 16px);justify-content:flex-start;gap:12px}.lobby2__head{align-items:center;gap:10px;width:100%;max-width:380px;display:flex}.lobby2__head h2{flex:1;margin:0;font-size:22px}.roomcode{opacity:.7;font-size:12px}.lobby2__section{flex-direction:column;gap:6px;width:100%;max-width:380px;display:flex}.lobby2__t{opacity:.6;margin-top:6px;font-size:12px}.roomrow{background:#ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.roomrow__name{flex:1;font-size:14px;font-weight:600}.roomrow__meta{opacity:.6;font-size:12px}.checkrow{opacity:.9;align-items:center;gap:8px;font-size:13px;display:flex}.checkrow input{width:18px;height:18px}.chat{flex-direction:column;gap:6px;width:100%;max-width:380px;display:flex}.chat__box{background:#00000040;border-radius:12px;flex-direction:column;gap:5px;height:140px;padding:8px;display:flex;overflow-y:auto}.chat__empty{opacity:.5;text-align:center;margin:auto;font-size:12px}.chat__msg{border-radius:8px;align-items:baseline;gap:6px;padding:3px 6px;font-size:13px;display:flex}.chat__msg--me{background:#ffd1661a}.chat__msg--at{background:#ef476f38}.chat__av{font-size:16px}.chat__name{opacity:.85;font-weight:700}.chat__text{word-break:break-word;flex:1}.chat__input{gap:6px;display:flex}.chat__input .input{text-align:left;flex:1}.invitebar{top:calc(env(safe-area-inset-top) + 8px);z-index:70;border:1px solid var(--gold);background:#123f2af7;border-radius:14px;align-items:center;gap:8px;max-width:92vw;padding:8px 14px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.lobby__title{margin:8px 0;font-size:30px}.input{color:#fff;text-align:center;background:#00000040;border:1px solid #ffffff40;border-radius:12px;width:100%;max-width:340px;padding:12px 14px;font-size:16px}.input--code{letter-spacing:6px;text-transform:uppercase;font-weight:700}.joinrow{gap:8px;width:100%;max-width:340px;display:flex}.joinrow .input{flex:1}.joinrow .btn{flex:none}.seatlist{flex-direction:column;gap:8px;width:100%;max-width:340px;display:flex}.seatcard{background:#00000038;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.seatcard.team-0{box-shadow:inset 4px 0 0 var(--me)}.seatcard.team-1{box-shadow:inset 4px 0 0 var(--op)}.seatcard--me{background:#ffd16624}.seatcard__pos{opacity:.7;width:44px;font-size:13px}.seatcard__name{flex:1;font-weight:600}.seatcard__tag{background:#ffffff2e;border-radius:8px;padding:2px 8px;font-size:11px}code{background:#0000004d;border-radius:5px;padding:1px 5px;font-size:12px}.reconnect{top:calc(env(safe-area-inset-top) + 8px);z-index:70;color:#fff;background:#b4780aeb;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:600;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0006}.reconnect--failed{background:#961e1ef0;align-items:center;gap:10px;display:flex}.btn--sm{border-radius:9px;padding:5px 12px;font-size:13px}.spectate-tag{text-align:center;opacity:.8;padding:8px 0 12px;font-size:14px}@media (width>=480px){:root{--card-w:54px;--card-h:78px}}@media (height>=720px){.hand{min-height:120px}}