:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #f7f8fa;--line: #e6e8ec;--line-strong: #d5d9e0;--text: #15171c;--muted: #747a86;--hover: rgba(20, 24, 32, .05);--accent: #2f5bff;--accent-hover: #2149e6;--accent-ink: #ffffff;--accent-soft: rgba(47, 91, 255, .1);--warn: #f59e0b;--warn-soft: rgba(245, 158, 11, .14);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .1);--ok: #16a34a;--ok-soft: rgba(22, 163, 74, .1);--suit-red: #e5243b;--suit-black: #1b1d22;--back-1: #3b63ff;--back-2: #7a4dff;--radius: 16px;--shadow-sm: 0 1px 2px rgba(20, 24, 32, .06), 0 1px 1px rgba(20, 24, 32, .04);--shadow: 0 6px 24px rgba(20, 24, 32, .08), 0 1px 3px rgba(20, 24, 32, .06);--shadow-lg: 0 18px 50px rgba(20, 24, 32, .16);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}h1,h2{margin:0;font-weight:700;letter-spacing:-.01em}h2{font-size:17px}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit;color:inherit}.muted{color:var(--muted)}.small{font-size:12.5px}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:10px}.row-end{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 18px;border-radius:12px;border:1px solid transparent;background:var(--surface);cursor:pointer;font-weight:600;white-space:nowrap;transition:transform .12s,background .15s,opacity .15s,box-shadow .15s,border-color .15s;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px #2f5bff47}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{background:var(--surface);border-color:var(--line-strong)}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--text{background:none;padding:0 8px;color:var(--muted)}.btn--text:hover{color:var(--text)}.btn--danger{background:var(--danger);color:#fff}.btn--warn{background:var(--warn);color:#fff}.btn--sm{height:32px;padding:0 12px;font-size:13px;border-radius:10px}.btn--lg{height:50px;padding:0 34px;font-size:16px}.btn--block{width:100%}.btn--icon{width:32px;height:32px;padding:0;border-radius:10px;background:transparent;border:1px solid var(--line);color:var(--muted);cursor:pointer}.btn--icon:hover{color:var(--danger);border-color:var(--danger)}.btn__sub{font-size:11px;font-weight:500;opacity:.8}.link-btn{background:none;border:0;color:var(--accent);cursor:pointer;padding:0 0 0 8px;font-size:inherit}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.panel__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}input,select{height:46px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);padding:0 14px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}select{height:36px;padding:0 10px}.segmented{display:flex;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:3px;gap:3px}.segmented button{flex:1;height:34px;border:0;border-radius:9px;background:none;color:var(--muted);cursor:pointer;font-weight:600}.segmented button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:12px;color:var(--muted);white-space:nowrap}.chip--hot{background:var(--warn-soft);border-color:transparent;color:#b45309;font-weight:700}.tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;font-size:10.5px;font-weight:700;background:var(--surface-2);color:var(--muted);vertical-align:1px}.tag--host{background:var(--warn-soft);color:#b45309}.tag--ai{background:var(--accent-soft);color:var(--accent)}.tag--sim{background:#8b5cf61f;color:#7c3aed}.tag--auto{background:var(--danger-soft);color:var(--danger)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:1px}.dot--on{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.dot--off{background:#c3c7cf}.avatar{display:grid;place-items:center;border-radius:50%;font-weight:700;flex:none;color:#fff;background:hsl(var(--hue, 220) 70% 58%);-webkit-user-select:none;user-select:none}.avatar--ai{background:linear-gradient(135deg,var(--back-1),var(--back-2));font-size:.8em!important}.avatar--empty{width:36px;height:36px;border:1.5px dashed var(--line-strong);background:none;color:var(--muted)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{height:100%;display:grid;place-content:center;justify-items:center;gap:12px}.toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;pointer-events:none;width:min(92vw,420px)}.toast{padding:11px 16px;border-radius:12px;background:var(--text);color:#fff;box-shadow:var(--shadow-lg);text-align:center;font-size:14px;animation:toast-in .2s ease-out}.toast--error{background:var(--danger)}.toast--success{background:var(--ok)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.link-banner{position:fixed;bottom:0;left:0;right:0;padding:9px;text-align:center;background:var(--warn);color:#fff;font-weight:600;z-index:90}.modal-backdrop{position:fixed;inset:0;background:#14182047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:80;padding:16px;animation:fade-in .2s}.modal{width:min(420px,100%);max-height:90dvh;overflow:auto;background:var(--surface);border-radius:22px;padding:24px;box-shadow:var(--shadow-lg);animation:pop-in .28s cubic-bezier(.2,.9,.3,1.2)}.modal--wide{width:min(620px,100%)}.modal h2{margin-bottom:10px}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.94) translateY(10px)}}.pcard{--w: 64px;position:relative;width:var(--w);aspect-ratio:5 / 7;border-radius:calc(var(--w) * .12);background:#fff;color:var(--suit-black);border:1px solid #e3e6eb;box-shadow:0 1px 2px #14182014,0 3px 10px #14182014;flex:none;-webkit-user-select:none;user-select:none;font-size:calc(var(--w) * .3);transition:transform .15s ease,box-shadow .15s}.pcard--xs{--w: 30px}.pcard--sm{--w: 46px}.pcard--md{--w: 64px}.pcard--lg{--w: 84px}.pcard--red{color:var(--suit-red)}.pcard__corner{position:absolute;top:6%;left:8%;display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:700}.pcard__rank{font-size:1em;letter-spacing:-.05em}.pcard__suit{font-size:.78em;margin-top:2px}.pcard__pip{position:absolute;right:10%;bottom:7%;font-size:1.5em;line-height:1}.pcard--xs .pcard__pip{display:none}.pcard--xs .pcard__corner{left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.15em}.pcard--joker{display:flex;align-items:center;justify-content:center}.pcard__joker{position:absolute;top:7%;left:8%;writing-mode:vertical-rl;font-size:.5em;font-weight:800;letter-spacing:.02em}.pcard__joker-mark{font-size:1.6em;margin-left:20%}.pcard--xs.pcard--joker .pcard__joker{font-size:.42em;left:50%;transform:translate(-50%)}.pcard--xs .pcard__joker-mark{display:none}.pcard--back{border:0;background:linear-gradient(135deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.18) 75%,transparent 75%) 0 0 / 10px 10px,linear-gradient(145deg,var(--back-1),var(--back-2));box-shadow:inset 0 0 0 3px #fff,0 0 0 1px #e3e6eb,0 3px 10px #1418201f}.home{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:26px}.home__hero{text-align:center}.home__hero h1{font-size:clamp(26px,5vw,36px);margin:20px 0 8px}.home__fan{position:relative;height:130px;width:260px;margin:0 auto}.home__fan-card{position:absolute;left:50%;bottom:0;margin-left:-42px;transform-origin:50% 140%;transform:rotate(calc(var(--i) * 12deg));animation:fan-in .7s cubic-bezier(.2,.9,.3,1.1) both;animation-delay:calc((var(--i) + 2) * 60ms)}@keyframes fan-in{0%{transform:rotate(0) translateY(20px);opacity:0}}.home__panel{width:min(400px,100%);display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow);border:0}.code-input{text-align:center;font-size:24px;letter-spacing:.4em;height:58px;font-weight:700;text-transform:uppercase}.home__tip{max-width:400px;text-align:center;line-height:1.7}.home__tip a{margin-left:6px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:56px;padding:0 8px;padding-top:env(safe-area-inset-top)}.topbar__title{font-weight:700}.lobby,.admin{max-width:980px;margin:0 auto;padding:0 16px 110px}.invite{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.invite__code{font-size:34px;font-weight:800;letter-spacing:.22em;font-variant-numeric:tabular-nums;color:var(--accent)}.invite__actions{display:flex;gap:8px;flex-wrap:wrap}.lobby__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.seats{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}.seat-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--surface-2);border:1px solid transparent;animation:fade-in .25s}.seat-row.is-me{border-color:var(--accent);background:var(--accent-soft)}.seat-row--empty{background:none;border:1px dashed var(--line-strong)}.seat-row__no{width:18px;color:var(--muted);font-size:12px;text-align:center}.seat-row__main{flex:1;min-width:0}.seat-row__name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ready{font-size:12px;padding:3px 10px;border-radius:99px;background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap}.ready--yes{background:var(--ok-soft);border-color:transparent;color:var(--ok)}.settings{border:0;margin:0;padding:0;display:flex;flex-direction:column}.settings:disabled{opacity:.7}.setting{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.setting--toggle{cursor:pointer}.setting input[type=checkbox]{appearance:none;width:44px;height:26px;padding:0;border-radius:99px;background:var(--line-strong);position:relative;cursor:pointer;border:0;box-shadow:none;transition:background .2s}.setting input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s}.setting input[type=checkbox]:checked{background:var(--accent)}.setting input[type=checkbox]:checked:after{transform:translate(18px)}.stepper{display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden}.stepper button{width:36px;height:34px;border:0;background:var(--surface-2);cursor:pointer;font-size:18px}.stepper button:disabled{opacity:.35;cursor:not-allowed}.stepper span{min-width:36px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.deal-summary{margin:14px 0 10px;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:13px;color:var(--muted)}.rules summary{cursor:pointer;color:var(--muted);font-size:13px}.rules ul{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.8;color:var(--muted)}.lobby__footer{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;gap:18px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(rgba(244,245,247,0),var(--bg) 35%)}.game{height:100dvh;display:flex;flex-direction:column;overflow:hidden;touch-action:manipulation;background:radial-gradient(900px 520px at 50% 42%,#ffffff 0%,var(--bg) 70%)}.topbar--game{height:48px;flex:none}.game__status{display:flex;gap:6px;overflow:hidden}.progress{height:3px;margin:0 16px;border-radius:3px;background:var(--line);flex:none;overflow:hidden}.progress__bar{height:100%;background:var(--accent);transition:width .4s ease}.table{position:relative;flex:1;min-height:0;width:100%;max-width:1100px;margin:0 auto;container-type:size}.table__spot{position:absolute;left:50%;top:46%;width:min(62%,560px);aspect-ratio:2 / 1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(47,91,255,.06),rgba(47,91,255,.015) 70%,transparent);border:1px dashed rgba(47,91,255,.14)}.seat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:8px;width:172px;padding:12px;border-radius:18px;background:var(--surface);border:1.5px solid transparent;box-shadow:var(--shadow);z-index:5;transition:box-shadow .25s,border-color .25s,transform .25s}.seat.is-turn{border-color:var(--accent);box-shadow:0 0 0 5px var(--accent-soft),var(--shadow);transform:translate(-50%,calc(-50% - 3px))}.seat.is-winner{border-color:var(--warn);box-shadow:0 0 0 5px var(--warn-soft),var(--shadow)}.seat__top{display:flex;align-items:center;gap:10px;min-width:0}.seat__avatar{position:relative}.seat__avatar .dot{position:absolute;right:-1px;bottom:-1px;border:2px solid var(--surface);width:12px;height:12px;box-shadow:none}.seat__info{min-width:0}.seat__name{font-weight:650;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat__meta{font-size:12px;margin-top:2px}.seat__cards{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 6px 14px;border-radius:12px;background:var(--surface-2)}.seat__fan{position:relative;width:44px;height:26px}.seat__back{position:absolute;left:50%;top:0;width:18px;height:26px;margin-left:-9px;border-radius:4px;background:linear-gradient(145deg,var(--back-1),var(--back-2));box-shadow:inset 0 0 0 1.5px #fff,0 1px 3px #14182033;transform-origin:50% 120%;transform:rotate(calc(var(--i) * 12deg))}.seat__count{font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}.seat__count.is-low{color:var(--danger);animation:pulse 1s ease-in-out infinite}.seat__turn{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--accent);animation:fade-in .2s}.seat--compact{width:132px;padding:9px;gap:6px;border-radius:14px}.seat--compact .seat__name{font-size:12.5px}.seat--compact .seat__cards{padding:4px 8px 4px 10px}.seat--compact .seat__fan{width:34px;height:22px}.seat--compact .seat__back{width:15px;height:22px;margin-left:-7.5px}.timebar{height:4px;border-radius:4px;background:var(--line);overflow:hidden}.timebar__fill{height:100%;background:var(--accent);transition:width 1s linear}.timebar__fill.is-urgent{background:var(--danger)}.timebar--me{max-width:320px;margin:4px auto 0}@keyframes pulse{50%{opacity:.45}}.pass-bubble{position:absolute;transform:translate(-50%,-50%);z-index:6;padding:6px 16px;border-radius:99px;background:var(--text);color:#fff;font-weight:700;font-size:13px;box-shadow:var(--shadow);animation:bubble-in .3s cubic-bezier(.2,.9,.3,1.3);pointer-events:none}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%,-20%) scale(.7)}}.pile{position:absolute;inset:0;pointer-events:none}.pile__play{position:absolute;left:50%;top:46%;display:flex;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(var(--scale));opacity:var(--fade);transition:transform .45s cubic-bezier(.3,.7,.3,1),opacity .45s}.pile__play.is-top{animation:land .45s cubic-bezier(.2,.8,.3,1.08);will-change:transform}.pile__play.is-top .pcard{box-shadow:0 2px 4px #14182014,0 10px 24px #14182024}@keyframes land{0%{transform:translate(-50%,-50%) translate(calc((var(--fx) - 50) * 1cqw),calc((var(--fy) - 46) * 1cqh)) scale(.45) rotate(-10deg);opacity:.4}}.pile__label{position:absolute;left:50%;top:calc(46% + 72px);transform:translate(-50%);padding:5px 14px;border-radius:99px;background:var(--surface);box-shadow:var(--shadow);font-size:13px;font-weight:600;white-space:nowrap;z-index:50;animation:fade-in .4s .2s backwards}.pile__hint{position:absolute;left:50%;top:calc(46% + 72px);transform:translate(-50%);padding:6px 16px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600;white-space:nowrap;z-index:50;animation:fade-in .3s}.dealer{position:absolute;inset:0;z-index:20;pointer-events:none}.deck{position:absolute;left:50%;top:46%;width:64px;height:90px;margin:-45px 0 0 -32px}.deck__card{position:absolute;left:0;top:0;transform-origin:50% 130%}.deck--drop .deck__card{animation:drop .45s cubic-bezier(.3,.8,.4,1) backwards;animation-delay:calc(var(--i) * 14ms)}@keyframes drop{0%{transform:translate(calc(var(--side) * 140px),-160px) rotate(calc(var(--side) * 40deg));opacity:0}}.fly-card{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);animation:fly .48s cubic-bezier(.3,.7,.4,1) forwards;will-change:transform,opacity;z-index:2}@keyframes fly{0%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}85%{opacity:1}to{transform:translate(-50%,-50%) translate(calc((var(--tx) - 50) * 1cqw),calc((var(--ty) - 46) * 1cqh)) rotate(var(--rot)) scale(.75);opacity:0}}.dealer__label{position:absolute;left:50%;top:calc(46% + 72px);transform:translate(-50%);padding:5px 14px;border-radius:99px;background:var(--surface);box-shadow:var(--shadow);font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;animation:fade-in .25s}.flash{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);font-size:clamp(38px,8vw,66px);font-weight:900;color:var(--danger);letter-spacing:.04em;text-shadow:0 10px 40px rgba(239,68,68,.35);pointer-events:none;z-index:60;animation:flash 1.1s ease-out forwards}@keyframes flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}.me{flex:none;padding:0 14px calc(12px + env(safe-area-inset-bottom));position:relative;z-index:10}.me__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;max-width:1100px;margin:0 auto;min-height:40px}.me__who{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}.me__name{font-weight:700}.me__tools{display:flex;justify-content:flex-end;gap:6px}.turn-flag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:var(--accent);color:#fff;font-weight:700;font-size:14px;box-shadow:0 6px 16px #2f5bff47;animation:pop-in .25s}.turn-flag b{font-variant-numeric:tabular-nums;opacity:.85}.turn-flag b.is-urgent{opacity:1;color:#ffd2d2}.me__actions{display:flex;justify-content:center;gap:10px;min-height:54px;align-items:center;padding:4px 0}.me__actions .btn{min-width:92px}.btn--play{flex-direction:column;gap:0;height:46px;line-height:1.1;min-width:124px!important}.shake{animation:shake .35s}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.hand{max-width:1100px;min-height:calc(var(--card-w) * 1.4 + 18px);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:18px;touch-action:none;-webkit-user-select:none;user-select:none}.hand__row{position:relative;height:calc(var(--card-w) * 1.4)}.hand--two-rows .hand__row+.hand__row{margin-top:calc(var(--card-w) * -.75)}.hand__slot{position:absolute;top:0;cursor:pointer;transition:transform .15s ease,left .25s ease;animation:deal-in .32s cubic-bezier(.2,.8,.3,1.1) backwards}.hand__slot.is-selected{transform:translateY(-18px)}.hand__slot.is-selected .pcard{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 10px 22px #2f5bff38}@media(hover:hover){.hand__slot:hover .pcard{transform:translateY(-5px)}}@keyframes deal-in{0%{opacity:0;transform:translateY(-90px) rotate(-12deg) scale(.7)}}.hand__empty{padding:30px}.result{text-align:center}.result__title{font-size:30px;font-weight:800;margin-bottom:6px}.result--win .result__title{color:var(--accent)}.result__table{width:100%;border-collapse:collapse;margin:18px 0 12px;font-size:14px}.result__table th{font-weight:500;color:var(--muted);font-size:12px;padding:6px}.result__table td{padding:10px 6px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.result__table tr.is-me td{background:var(--accent-soft)}.pos{color:var(--ok);font-weight:700}.neg{color:var(--danger)}.result__hands{display:flex;flex-direction:column;gap:8px;text-align:left;max-height:180px;overflow:auto}.result__hand{display:flex;align-items:center;gap:10px}.result__hand>span{width:70px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result__hand>div{display:flex;flex-wrap:wrap;row-gap:4px}.result-reopen{position:fixed;left:50%;top:60px;transform:translate(-50%);z-index:70}.log{list-style:none;padding:0;margin:0 0 14px;max-height:60dvh;overflow:auto;font-size:13.5px}.log li{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.log b{width:70px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log .tag{margin:0 6px 0 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.stat__value{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.admin__filter{max-width:320px;margin-bottom:14px}.admin__list{display:flex;flex-direction:column;gap:10px}.room-card{padding:0;overflow:hidden}.room-card.is-stale{opacity:.6}.room-card__head{width:100%;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;background:none;border:0;cursor:pointer;text-align:left}.room-card__head:hover{background:var(--hover)}.room-card__code{font-weight:800;letter-spacing:.12em;font-size:16px}.room-card__meta{flex:1;min-width:180px}.room-card__body{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;overflow-x:auto}.badge{font-size:11.5px;padding:2px 8px;border-radius:6px;font-weight:700}.badge--waiting{background:var(--accent-soft);color:var(--accent)}.badge--playing{background:var(--ok-soft);color:var(--ok)}.badge--finished{background:var(--warn-soft);color:#b45309}.admin__table{width:100%;border-collapse:collapse;font-size:13px}.admin__table th{text-align:left;color:var(--muted);font-weight:500;padding:6px 8px}.admin__table td{padding:8px;border-top:1px solid var(--line);white-space:nowrap}.admin__player{display:inline-flex;align-items:center;gap:8px}.admin__player .avatar{font-size:10px!important}@media(max-width:860px){.lobby__grid{grid-template-columns:1fr}}@media(max-width:640px){body{font-size:14px}.stats{grid-template-columns:repeat(2,1fr)}.invite__code{font-size:28px}.chip--hide-sm{display:none}.table__spot{width:84%}.pile__label,.pile__hint,.dealer__label{top:calc(46% + 56px)}.deck{transform:scale(.8)}.me{padding:0 8px calc(8px + env(safe-area-inset-bottom))}.me__bar{grid-template-columns:1fr auto}.me__turn{grid-column:1 / -1;grid-row:2;text-align:center}.me__actions .btn{min-width:76px;padding:0 12px}.btn--play{min-width:100px!important}.hand{padding-top:14px}.hand__slot.is-selected{transform:translateY(-13px)}}@media(max-height:560px)and (orientation:landscape){.me__actions{min-height:42px}.hand{padding-top:10px}.topbar--game{height:40px}.seat{padding:8px;gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.topbar__actions{display:flex;align-items:center;gap:2px}.stat__value small{font-size:16px;margin-left:2px}.seat__alert{position:absolute;top:-10px;right:-8px;padding:3px 9px;border-radius:99px;background:var(--danger);color:#fff;font-size:11.5px;font-weight:800;box-shadow:0 4px 12px #ef444459;animation:alert-in .4s cubic-bezier(.2,.9,.3,1.5),pulse 1.2s .4s ease-in-out infinite}@keyframes alert-in{0%{transform:scale(.3);opacity:0}}.thinking{display:inline-flex;align-items:center;gap:2px}.thinking i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:dots 1s ease-in-out infinite}.thinking i:first-of-type{margin-left:3px}.thinking i:nth-of-type(2){animation-delay:.15s}.thinking i:nth-of-type(3){animation-delay:.3s}@keyframes dots{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:81}.confetti span{position:absolute;top:-20px;border-radius:2px;animation:confetti linear forwards}@keyframes confetti{to{transform:translate(var(--drift),105vh) rotate(var(--rot));opacity:.9}}.log__tabs{margin-bottom:14px}.room-history{list-style:none;padding:0;margin:8px 0 0;max-height:55dvh;overflow:auto}.room-history li{padding:10px 0;border-bottom:1px solid var(--line)}.room-history__head{display:flex;align-items:baseline;gap:10px}.room-history__head>:last-child{margin-left:auto;font-variant-numeric:tabular-nums}.room-history__rows{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px}.history{max-width:820px;margin:0 auto;padding:0 16px 60px}.home__history{width:min(400px,100%);display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.home__history:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.trend{margin-bottom:16px}.trend__svg{width:100%;height:90px;display:block}.trend__zero{stroke:var(--line-strong);stroke-dasharray:4 4}.trend__area{fill:var(--accent-soft)}.trend__line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}.trend__dot{fill:var(--accent);stroke:#fff;stroke-width:2}.history__filter{max-width:300px;margin-bottom:14px}.history__list{display:flex;flex-direction:column;gap:10px}.record{padding:0;overflow:hidden;animation:fade-in .25s}.record__head{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border:0;background:none;cursor:pointer;text-align:left}.record__head:hover{background:var(--hover)}.record__badge{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--surface-2);color:var(--muted);font-weight:800}.record__badge.is-win{background:var(--accent);color:#fff}.record__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.record__title{font-weight:650}.record__score{font-size:18px;font-variant-numeric:tabular-nums}.record__body{padding:0 16px 14px}.record__body .result__table{margin-top:0}.record__actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.row-gap{display:inline-flex;gap:6px}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--muted)}.empty__icon{font-size:44px;line-height:1}.replay__head{display:flex;justify-content:space-between;align-items:baseline}.replay__table{min-height:104px;margin:14px 0;border-radius:14px;background:var(--surface-2);display:grid;place-items:center;padding:10px}.replay__top{display:flex;flex-direction:column;align-items:center;gap:6px;animation:pop-in .25s}.replay__cards{display:flex}.replay__players{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:6px;max-height:42dvh;overflow:auto}.replay__player{padding:8px 10px;border-radius:12px;border:1.5px solid transparent;transition:border-color .2s,background .2s}.replay__player.is-active{border-color:var(--accent);background:var(--accent-soft)}.replay__player.is-winner{border-color:var(--warn);background:var(--warn-soft)}.replay__who{display:flex;align-items:center;gap:8px;margin-bottom:6px}.replay__who .tag{margin-left:0}.replay__name{font-weight:600;font-size:14px}.replay__hand{display:flex;flex-wrap:wrap;row-gap:4px;min-height:42px}.replay__slider{width:100%;height:24px;padding:0;border:0;accent-color:var(--accent);box-shadow:none}.replay__controls{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:8px}.replay__play{min-width:96px}.chat{position:relative}.btn--square{width:32px;padding:0}.chat__panel{position:absolute;right:0;bottom:calc(100% + 8px);width:min(320px,calc(100vw - 24px));padding:12px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--line);z-index:70;display:flex;flex-direction:column;gap:10px;animation:pop-in .2s}.topbar .chat__panel{top:calc(100% + 8px);bottom:auto}.chat__phrases{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.chat__phrases button,.chat__emojis button{height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);cursor:pointer;font-weight:600;font-size:13.5px;transition:background .15s,transform .1s}.chat__phrases button:hover,.chat__emojis button:hover{background:var(--accent-soft);border-color:var(--accent)}.chat__phrases button:active,.chat__emojis button:active{transform:scale(.94)}.chat__emojis{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.chat__emojis button{height:34px;font-size:20px;padding:0}.chat__input{display:flex;gap:6px}.chat__input input{flex:1;min-width:0;height:36px}.chat__input input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.chat__warn{color:var(--danger);font-size:12.5px}.chat__log{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto;font-size:13px}.chat__log li{display:flex;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.chat__log b{flex:none;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__log span{flex:1}.chat-bubble{position:absolute;z-index:30;padding:7px 13px;border-radius:14px;background:var(--accent);color:#fff;font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 8px 20px #2f5bff4d;pointer-events:none;animation:chat-in .35s cubic-bezier(.2,.9,.3,1.4),chat-out .4s 3.5s forwards}.chat-bubble:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;margin-left:-5px;background:inherit;transform:rotate(45deg);border-radius:2px}.chat-bubble--emoji{background:var(--surface);font-size:30px;padding:4px 10px;box-shadow:var(--shadow)}.chat-bubble--seat{left:50%;bottom:calc(100% + 8px);transform:translate(-50%)}.chat-bubble--me{left:50%;top:-40px;transform:translate(-50%)}.chat-bubble--row{position:relative;font-size:13px;padding:4px 10px}.chat-bubble--row:after{display:none}.chat-bubble--row.chat-bubble--emoji{font-size:22px;padding:0 6px}@keyframes chat-in{0%{opacity:0;scale:.5;translate:0 8px}}@keyframes chat-out{to{opacity:0;translate:0 -6px}}.chip--mode{background:var(--accent);border-color:transparent;color:#fff;font-weight:700}.chip--bottom{gap:3px;padding-right:4px;height:30px}.chip--bottom .pcard{--w: 18px;font-size:9px;border-radius:3px;box-shadow:none}.role{display:inline-block;padding:1px 7px;border-radius:6px;font-size:11px;font-weight:700;margin-left:6px}.role--landlord{background:var(--warn-soft);color:#b45309}.role--farmer{background:var(--ok-soft);color:var(--ok)}.seat__meta .role{margin-left:0}.seat__crown{position:absolute;top:-14px;left:50%;transform:translate(-50%) rotate(-8deg);font-size:18px;animation:pop-in .4s}.seat.is-landlord{border-color:#f59e0b80}.seat.is-out{opacity:.85}.seat__rank{padding:8px;border-radius:12px;background:var(--surface-2);text-align:center;font-weight:800;color:var(--muted);animation:pop-in .3s}.seat__rank.is-first{background:var(--warn-soft);color:#b45309}.pass-bubble--call{background:var(--warn)}.bottom-cards{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;animation:fade-in .3s}.turn-flag--done{background:var(--warn);box-shadow:0 6px 16px #f59e0b4d}.btn--call{min-width:124px!important;height:46px}.hand__slot.is-fresh .pcard{border-color:var(--warn);box-shadow:0 0 0 2px var(--warn),0 8px 20px #f59e0b4d}.reveal{position:absolute;inset:0;z-index:25;pointer-events:none}.reveal__cards{position:absolute;left:50%;top:46%;display:flex;gap:8px;transform:translate(-50%,-50%);animation:reveal-fly .6s 1.35s cubic-bezier(.5,0,.7,.4) forwards}@keyframes reveal-fly{to{transform:translate(-50%,-50%) translate(calc((var(--tx) - 50) * 1cqw),calc((var(--ty) - 46) * 1cqh)) scale(.3);opacity:0}}.flip{width:64px;aspect-ratio:5 / 7;perspective:600px}.flip__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:flip .5s .25s ease-in-out forwards}.flip__back,.flip__front{position:absolute;inset:0;backface-visibility:hidden}.flip__front{transform:rotateY(180deg)}@keyframes flip{to{transform:rotateY(180deg)}}.reveal__label{position:absolute;left:50%;top:calc(46% + 72px);transform:translate(-50%);padding:7px 18px;border-radius:99px;background:var(--warn);color:#fff;font-weight:800;white-space:nowrap;box-shadow:0 8px 20px #f59e0b59;animation:pop-in .3s .5s backwards}.podium{list-style:none;padding:0;margin:18px 0 12px;display:flex;flex-direction:column;gap:6px;text-align:left}.podium__row{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface-2);animation:fade-in .3s backwards}.podium__row:nth-child(2){animation-delay:.08s}.podium__row:nth-child(3){animation-delay:.16s}.podium__row:nth-child(4){animation-delay:.24s}.podium__row--1{background:var(--warn-soft)}.podium__row.is-me{box-shadow:inset 0 0 0 1.5px var(--accent)}.podium__rank{font-size:20px;text-align:center;font-weight:800;color:var(--muted)}.podium__name{display:inline-flex;align-items:center;gap:6px;font-weight:600;min-width:0;flex-wrap:wrap}.podium__name .tag,.podium__name .role{margin-left:0}.podium__label{font-weight:800}.podium__row--1 .podium__label{color:#b45309}.podium--compact{margin-top:0}.setting--stack{flex-direction:column;align-items:stretch;gap:8px}.setting__value{font-weight:700}.admin-login__panel{width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;text-align:center;box-shadow:var(--shadow)}.admin-login__panel h1{font-size:22px}.admin-login__icon{font-size:34px}.admin-login__error{color:var(--danger);font-size:13px}.admin__tabs{width:220px}.admin__warn{margin-bottom:14px;padding:10px 14px;border-radius:12px;background:var(--warn-soft);color:#92400e;line-height:1.6}.admin__warn code{background:#fff9;padding:1px 5px;border-radius:4px}.admin__cols{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin__cols h3{margin:0 0 6px;font-size:14px}.admin__chat{list-style:none;margin:0;padding:0;max-height:200px;overflow:auto;font-size:13px}.admin__chat li{display:flex;flex-wrap:wrap;gap:4px 8px;padding:6px 0;border-bottom:1px solid var(--line)}.blocked-text{color:var(--danger);text-decoration:line-through}.badge--mode{background:var(--surface-2);color:var(--text)}.badge--warn{background:var(--danger-soft);color:var(--danger)}.history__bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.history__bar .history__filter{margin:0;width:260px}.history__search{flex:1;min-width:160px;height:38px}.record__badge.is-ddz{background:var(--warn-soft);color:#b45309}.record__badge:not(.is-ddz){background:var(--accent-soft);color:var(--accent)}.replay__bottom{display:flex;align-items:center;gap:4px;margin-top:8px}@media(max-width:640px){.admin__cols{grid-template-columns:1fr}.admin__tabs{width:170px}.chat__phrases{grid-template-columns:repeat(3,1fr)}.podium__row{grid-template-columns:30px 1fr auto}.podium__row>:last-child{display:none}}