:root{--bg: #12151d;--bg-2: #1b2030;--panel: #232a3b;--panel-2: #2b3348;--line: #3a4359;--text: #e8eaf1;--muted: #9aa3b8;--felt: radial-gradient(ellipse at center, #1f4d3f 0%, #163a30 60%, #112a23 100%);--team0: #4f8df7;--team1: #ef5a5a;--gold: #e8c46a;--card-w: 54px;--card-h: 78px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:Pretendard,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;background-image:radial-gradient(circle at 20% 0%,#1d2437 0,transparent 55%),radial-gradient(circle at 80% 100%,#1b2336 0,transparent 55%);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}.muted{color:var(--muted)}b.c-dragon{color:#6ea2ff}b.c-phoenix{color:#ff8b5e}b.c-dog{color:#f3f4f7}b.c-mahjong{color:#9fb3c8}.screen{min-height:100vh;display:flex;flex-direction:column;transition:opacity .28s ease}.screen.dissolve{position:fixed;inset:0;z-index:60;opacity:0;pointer-events:none;overflow:hidden}.screen.dissolve-in{opacity:0}.enter .logo{animation:lobby-logo-in .3s ease-out backwards}.enter .profile{animation:lobby-pop .3s ease-out .15s backwards}.enter .mode-sec:nth-of-type(1){animation:lobby-pop .3s ease-out .3s backwards}.enter .mode-sec:nth-of-type(2){animation:lobby-pop .3s ease-out .42s backwards}@keyframes lobby-logo-in{0%{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:none}}@keyframes lobby-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.screen{transition:none}.enter .logo,.enter .profile,.enter .mode-sec{animation:none}}.logo{font-weight:900;letter-spacing:-.5px;font-size:44px;margin:0;color:#fff}.logo span{color:var(--gold)}.logo.small{font-size:20px}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 16px;font-size:14px;cursor:pointer;transition:.15s;font-weight:600}.btn:hover:not(:disabled){background:#354060;border-color:#4a557a}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,#e8c46a,#c9962b);color:#221a05;border:none}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#e8c46a,#c9962b);filter:brightness(1.1)}.btn.strike{background:linear-gradient(135deg,#4f8df7,#2457b8);border:none;color:#fff;font-weight:800}.btn.strike:hover:not(:disabled){background:linear-gradient(135deg,#4f8df7,#2457b8);filter:brightness(1.12)}.btn.victory{background:linear-gradient(135deg,#ff6b6b,#b91c2e);border:none;color:#fff;font-weight:800}.btn.victory:hover:not(:disabled){background:linear-gradient(135deg,#ff6b6b,#b91c2e);filter:brightness(1.12)}.btn.danger{background:#4a2430;border-color:#6e3240}.btn.danger:hover:not(:disabled){background:#652d3d}.btn.tiny{padding:5px 10px;font-size:12px}.btn.wide{width:100%}.btn.go{background:linear-gradient(135deg,#3ddc97,#1f9e6a);color:#06281a;border:none}.btn.go:hover:not(:disabled){background:linear-gradient(135deg,#3ddc97,#1f9e6a);filter:brightness(1.1)}input{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px;width:100%;outline:none}input:focus{border-color:var(--gold)}select{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:14px;width:100%;outline:none;cursor:pointer}select:focus{border-color:var(--gold)}.code{font-family:ui-monospace,Consolas,monospace;letter-spacing:3px;color:var(--gold);font-size:18px}.code.small{font-size:14px;letter-spacing:2px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.tname>.dot.team-1{margin-right:0;margin-left:6px}.dot.team-0{background:var(--team0)}.dot.team-1{background:var(--team1)}#toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;background:#3a1d24;color:#ffd7dc;border:1px solid #7a3340;padding:10px 18px;border-radius:10px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}#toast.show{opacity:1}.table>#toast{position:absolute;max-width:calc(100% - 32px)}#toast.info{background:#1f3b2f;color:#c9f5de;border-color:#2f7a55}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#141822e6;border-bottom:1px solid var(--line)}.bar-mid{display:flex;align-items:center;gap:8px}.bar-right{display:flex;align-items:center;gap:10px}.fade{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:var(--bg);opacity:0;transition:opacity .4s ease;pointer-events:none}.fade.on{opacity:1;pointer-events:all}.fade-in{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:15px;font-weight:700}.fade-spin{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--gold);animation:rq-spin .9s linear infinite}.tut-intro{animation:tut-fade .35s ease-out}.tut-intro .tut-box{animation:tut-rise .35s cubic-bezier(.2,.8,.3,1)}@keyframes tut-fade{0%{opacity:0}to{opacity:1}}@keyframes tut-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.fade{transition:none}.tut-intro,.tut-intro .tut-box{animation:none}}.coach{position:absolute;left:50%;top:calc(50% - 170px);transform:translate(-50%,-100%);z-index:560;display:flex;align-items:flex-start;gap:10px;width:min(520px,calc(100% - 24px));background:#101420f0;border:1px solid rgba(232,196,106,.6);border-radius:14px;padding:10px 12px;box-shadow:0 10px 30px #00000080;font-size:13.5px;line-height:1.55;animation:coach-in .22s ease-out}@keyframes coach-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 6px))}to{opacity:1;transform:translate(-50%,-100%)}}.coach-ico{font-size:22px;line-height:1;flex:none;margin-top:2px}.coach-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.coach-text{min-width:0;word-break:keep-all;overflow-wrap:break-word;line-height:1.6}.coach-next{align-self:flex-end;padding:7px 18px;font-weight:800}.coach-text b{color:var(--gold)}.coach-step{display:inline-block;font-size:11px;font-weight:800;color:#2a2000;background:var(--gold);border-radius:999px;padding:1px 7px;margin-right:4px;vertical-align:1px}.coach-min{flex:none;background:transparent;border:none;color:var(--muted);font-size:15px;cursor:pointer;padding:0 2px;line-height:1}.coach-min:hover{color:var(--text)}.coach-open{position:absolute;left:12px;top:10px;z-index:40;width:40px;height:40px;border-radius:50%;background:#101420f0;border:1px solid rgba(232,196,106,.6);font-size:20px;cursor:pointer;box-shadow:0 6px 18px #00000073}.coach-min{display:none}.coach.at-top{top:8px;transform:translate(-50%);animation:none;z-index:950}.tut-intro{position:absolute;inset:0;z-index:700;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:14px;border-radius:18px}.tut-box{width:min(560px,100%);max-height:100%;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 22px 16px;box-shadow:0 30px 80px #0009;scrollbar-width:none}.tut-box::-webkit-scrollbar{display:none}.tut-head{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.tut-head h2{margin:0;font-size:19px}.tut-icon{font-size:24px}.tut-body{font-size:13.5px;line-height:1.75;word-break:keep-all;overflow-wrap:break-word}.tut-body p{margin:8px 0}.tut-body b{color:var(--gold)}.tut-cards{display:flex;justify-content:center;margin:10px 0}.tut-combo{display:flex;align-items:center;gap:12px;padding:3px 0;border-bottom:1px dashed var(--line)}.tut-combo>span{width:70px;flex:none;font-weight:700;font-size:13px;color:var(--muted)}.tut-combo i{font-style:normal;font-size:12px;color:var(--muted);margin-left:auto;white-space:nowrap}.tut-combo .card.sm{--card-w: 28px;--card-h: 40px}.tut-combo .card.sm .tile-rank{font-size:13px}.tut-combo .card.sm .tile-suit{font-size:9px}.tut-list{padding-left:20px;margin:6px 0}.tut-list li+li{margin-top:5px}.tut-note{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:10px 0 4px;font-size:13px}.tut-sp{display:flex;align-items:flex-start;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13px}.tut-sp .sp{font-size:26px;line-height:1;flex:none;width:34px;text-align:center}.tut-table{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto;gap:6px;width:100%;max-width:280px;margin:10px auto;justify-items:stretch;align-items:center}.tt-seat{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;text-align:center;padding:6px 0;font-size:12.5px;font-weight:700}.tt-seat.top{grid-column:2;grid-row:1;border-color:var(--team0)}.tt-seat.left{grid-column:1;grid-row:2;border-color:var(--team1)}.tt-seat.right{grid-column:3;grid-row:2;border-color:var(--team1)}.tt-seat.me{grid-column:2;grid-row:3;border-color:var(--team0);box-shadow:0 0 0 2px #e8c46a66}.tt-center{grid-column:2;grid-row:2;justify-self:center;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);background:var(--felt);border-radius:50%;width:48px;height:48px}.tut-dots{display:flex;justify-content:center;gap:6px;margin:12px 0 8px}.tut-dots span{width:7px;height:7px;border-radius:50%;background:var(--line)}.tut-dots span.on{background:var(--gold);width:18px;border-radius:4px}.tut-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.tut-nav .btn{min-width:96px}@media(max-width:640px){.tut-intro{padding:6px;border-radius:0}.tut-box{padding:12px 12px 10px;border-radius:12px}.tut-head h2{font-size:16px}.tut-body{font-size:12.5px}.tut-combo>span{width:60px;font-size:12px}.tut-combo .card.sm{--card-w: 26px;--card-h: 38px}.tut-combo .card.sm .tile-rank{font-size:12px}.tut-combo .card.sm .tile-suit{font-size:9px}}.coach-ptr{position:absolute;z-index:950;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;animation:cp-bounce .8s ease-in-out infinite}.coach-ptr .cp-hand{font-size:30px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.coach-ptr .cp-txt{font-size:12.5px;font-weight:800;color:#2a2000;background:var(--gold);padding:3px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 3px 10px #00000073}.coach-ptr.above{flex-direction:column-reverse}@keyframes cp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.coach-ptr.above{animation-name:cp-bounce-up}@keyframes cp-bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(max-width:640px){.coach-ptr .cp-hand{font-size:24px}.coach-ptr .cp-txt{font-size:11px;padding:2px 8px}}.coach-hl{outline:3px solid var(--gold)!important;outline-offset:3px;border-radius:10px;animation:coach-pulse 1.2s ease-in-out infinite}@keyframes coach-pulse{0%,to{outline-color:#e8c46af2}50%{outline-color:#e8c46a59}}@media(max-width:640px){.coach{word-break:keep-all;overflow-wrap:break-word;top:calc(50% - 128px);width:calc(100% - 8px);font-size:12px;padding:7px 9px;gap:7px;border-radius:11px}.coach-ico{font-size:18px}.coach-open{width:34px;height:34px;font-size:17px;left:6px;top:4px}}#screen-nickname{align-items:center;justify-content:center;padding:24px}.nick-wrap{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:26px}.logo.big{font-size:54px}.nick-box{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px 26px 22px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;gap:12px}.nick-label{font-size:14px;font-weight:700;color:var(--muted);text-align:center}.nick-box input{font-size:18px;text-align:center;letter-spacing:1px;padding:12px 14px}.nick-box .btn{margin-top:4px;font-size:16px;padding:12px}@media(max-width:640px){.logo.big{font-size:44px}.nick-box{padding:20px 18px 18px}}.lobby-top{display:flex;justify-content:space-between;align-items:center;margin:-10px -6px 2px}.round-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--bg-2);font-size:19px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s}.round-btn:hover{border-color:var(--gold);transform:translateY(-1px)}.cfg-list{text-align:left}.cfg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px dashed var(--line);font-size:14px}.vol-wrap{display:flex;align-items:center;gap:10px}.vol{width:150px;accent-color:var(--gold)}.vol-val{width:42px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}@media(max-width:640px){.vol{width:110px}}.cfg-row:last-of-type{border-bottom:none}.cfg-row .btn{min-width:96px}.cfg-ver{text-align:center;color:var(--muted);font-size:11.5px;margin-top:10px}#screen-home{align-items:center;justify-content:center;padding:24px}.home-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:36px 32px;width:100%;max-width:440px;box-shadow:0 20px 60px #00000080;text-align:center}.tagline{color:var(--muted);margin:6px 0 24px}.field{display:block;text-align:left;font-size:13px;color:var(--muted);margin-bottom:14px}.name-entry{margin-top:18px}.name-entry .field{margin-bottom:12px}.profile{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0 18px;padding:10px 14px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;color:var(--text);font:inherit;cursor:pointer;text-align:left;transition:.15s}.profile:hover{border-color:var(--gold);box-shadow:0 0 0 3px #e8c46a2e}.tier{flex:none;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:22px;background:radial-gradient(circle at 35% 30%,#3a4663,#1a2236);border:1.5px solid rgba(232,196,106,.55);box-shadow:inset 0 1px #ffffff1f,0 2px 6px #0006}.tier.big{width:56px;height:56px;font-size:30px}.prof-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.prof-body b{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prof-sub{font-size:12px;color:var(--muted)}.prof-arrow{flex:none;font-size:12.5px;font-weight:700;color:var(--gold)}.mode-sec{text-align:left}.mode-sec+.mode-sec{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.sec-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;margin-bottom:8px}.sec-desc{font-size:12px;color:var(--muted);font-weight:500}.soon{font-size:11px;font-weight:700;color:#cbb47a;background:#e8c46a24;border:1px solid rgba(232,196,106,.35);padding:1px 8px;border-radius:999px}.btn.ranked{display:flex;flex-direction:column;align-items:center;gap:4px;padding:15px 16px 13px;border:1.5px solid rgba(232,196,106,.7);border-radius:14px;color:#fff;background:linear-gradient(180deg,#27314a,#1d2538);box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff14;transition:transform .15s,box-shadow .15s,border-color .15s,filter .15s}.btn.ranked:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold);filter:brightness(1.08);background:linear-gradient(180deg,#27314a,#1d2538);box-shadow:0 0 0 3px #e8c46a2e,0 10px 24px #0006,inset 0 1px #ffffff14}.btn.ranked:active:not(:disabled){transform:translateY(0)}.rq{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.rq-head{display:flex;align-items:center;gap:10px;font-size:15px}.rq-elapsed{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.rq-spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--gold);animation:rq-spin .9s linear infinite}@keyframes rq-spin{to{transform:rotate(360deg)}}.rq-body{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px;margin:8px 0 12px}.rp-result{width:100%;text-align:center;font-weight:700;padding:8px 10px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);line-height:1.6}.rp-result b{color:var(--gold)}.rp-result.won b{color:#3ddc97}.rp-result.lost b{color:#ff7b8a}.btn.ranked .rk-main{font-size:18px;font-weight:900;letter-spacing:.4px;color:var(--gold)}.btn.ranked .rk-main:before{content:"⚔️ ";font-size:17px}.btn.ranked .rk-sub{font-size:12px;color:var(--muted);font-weight:600}.mode-sec .divider{margin:12px 0 8px}.field input,.field select{margin-top:6px}.divider{color:var(--muted);font-size:12px;margin:18px 0 10px;display:flex;align-items:center;gap:10px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.join-row{display:flex;gap:8px}.join-row input{text-transform:uppercase;letter-spacing:3px;font-family:ui-monospace,Consolas,monospace}.rules{text-align:left;margin-top:22px;color:var(--muted);font-size:12.5px}.rules summary{cursor:pointer;color:var(--text);font-weight:600}.rules ul{padding-left:18px;line-height:1.6}.rules li+li{margin-top:9px}.rules li b:not([class]){color:var(--text)}.lobby-body{display:flex;gap:20px;padding:16px;flex:1;flex-wrap:wrap;justify-content:center;align-items:flex-start}.lobby-main{display:flex;flex-direction:column;align-items:center;gap:12px}.mode-pick{width:100%;max-width:480px}.mode-pick-title{font-size:12.5px;font-weight:800;color:var(--text);margin-bottom:6px;text-align:center}.lock-note{font-weight:500;color:var(--muted);font-size:11px}.mode-cards{display:flex;gap:8px}.mode-card{flex:1 1 0;min-width:0;position:relative;display:flex;align-items:center;gap:9px;padding:8px 22px 8px 11px;border-radius:11px;border:2px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;transition:.15s;font-family:inherit;text-align:left}.mc-body{display:flex;flex-direction:column;gap:1px;min-width:0}.mode-card:hover:not(.locked):not(.on){border-color:#5c6a8c;background:#283043}.mode-card.on{border-color:var(--gold);background:#2f2a1b;box-shadow:0 0 0 3px #e8c46a2e,0 4px 14px #00000059}.mode-card.on:after{content:"✓";position:absolute;top:50%;right:9px;transform:translateY(-50%);color:var(--gold);font-weight:900;font-size:14px}.mode-card.on .mc-title{color:var(--gold)}.mode-card.locked{cursor:default}.mode-card.locked:not(.on){opacity:.4}.mc-icon{font-size:21px;line-height:1;flex:none}.mc-title{font-size:13.5px;font-weight:800}.mc-desc{font-size:10.5px;line-height:1.35;color:var(--muted)}.seat-table{display:grid;grid-template-columns:150px 210px 150px;grid-template-rows:108px 134px 108px;gap:8px;grid-template-areas:". top ." "left center right" ". bottom .";align-items:center;justify-items:center}.seat-slot[data-seat="2"]{grid-area:top}.seat-slot[data-seat="1"]{grid-area:right}.seat-slot[data-seat="3"]{grid-area:left}.seat-slot[data-seat="0"]{grid-area:bottom}.seat-center{grid-area:center;width:100%;height:100%;border-radius:50%;background:var(--felt);display:flex;align-items:center;justify-content:center;text-align:center;border:6px solid #2a2114;box-shadow:inset 0 0 40px #00000080}.seat-center-inner{font-size:12px;color:#cfe5db;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 12px;transform:translateY(-10px)}.seat-center-inner p{margin:4px 0 0;color:#a9c7bb;line-height:1.4}.team-legend{font-weight:600;line-height:1.35}.team-legend.big{font-size:28px;line-height:1;height:32px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.seat-table.random-teams .seat-slot.team-0.taken,.seat-table.random-teams .seat-slot.team-1.taken{border-color:#6d7691}.seat-table.random-teams .seat-center{background:radial-gradient(ellipse at center,#2c3347,#222838 60%,#191e2b);border-color:#3a4152}.seat-slot{width:142px;height:100px;border-radius:12px;border:2px dashed var(--line);background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:.15s;text-align:center;padding:5px}.seat-slot:hover{border-color:var(--gold)}.seat-slot.taken{border-style:solid}.seat-slot.team-0.taken{border-color:var(--team0)}.seat-slot.team-1.taken{border-color:var(--team1)}.seat-slot.mine{box-shadow:0 0 0 3px #e8c46a59;cursor:pointer}.seat-slot .seat-name{display:flex;flex-direction:column;align-items:center;gap:3px;font-weight:700;font-size:14px;line-height:1.25}.seat-slot .seat-name .nm{display:inline-flex;align-items:center;gap:4px}.seat-slot .seat-name .crown{font-size:13px;line-height:1;position:relative;top:-1px}.seat-slot .seat-tags{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.seat-slot .seat-name .tag{margin-left:0}.seat-slot .slot-btn{margin-top:3px;padding:2px 9px}.seat-slot.bot.taken{border-style:dotted;background:#262c3d}.seat-slot .seat-sub{font-size:10.5px;color:var(--muted);margin-top:1px;line-height:1.3}.seat-slot .avatar{width:30px;height:30px}.lobby-side{width:266px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.lobby-side h3{margin:0 0 8px;font-size:15px}.side-title{display:flex;align-items:baseline;justify-content:space-between}.seat-count{font-size:12px;font-weight:600;color:var(--muted)}#lobby-players{list-style:none;padding:0;margin:0 0 10px;font-size:13px}#lobby-players li{padding:4px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.lobby-side .field{margin-bottom:10px}.bot-level{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding:8px 10px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px}.bl-title{font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}.bl-chips{display:flex;gap:6px}.bot-level .bl-chips .chip{padding:4px 14px;flex:none}.tag.lv{margin-left:4px}.tag.lv.easy{background:#2f3a52;color:#c3cde3}.tag.lv.hard{background:#5a3a12;color:#ffd27a;border:1px solid #a9772a}.hint{font-size:12px;color:var(--muted);line-height:1.5}.hs-title{margin:0 0 14px;font-size:18px}.hs-hint{margin-top:6px;font-size:11.5px}.room-summary{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--muted);margin:2px 0 10px}.room-summary b{color:var(--text)}.target-row{display:flex;align-items:center;gap:6px;margin-top:6px}.target-row input{text-align:right;font-weight:700;font-size:15px;-moz-appearance:textfield;appearance:textfield}.target-row input::-webkit-outer-spin-button,.target-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.target-row .unit{color:var(--muted);font-size:12px;white-space:nowrap}.preset-row{display:flex;gap:4px;margin-top:6px}.preset-row .chip,.bl-chips .chip{flex:1;min-width:0;padding:5px 0;font-size:12px;font-weight:700;background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:.12s}.preset-row .chip:hover,.bl-chips .chip:hover{border-color:var(--gold);color:var(--text)}.preset-row .chip.on,.bl-chips .chip.on{background:#4a3c15;border-color:var(--gold);color:var(--gold)}.tag{display:inline-block;white-space:nowrap;font-size:11px;padding:2px 7px;border-radius:999px;background:var(--panel-2);color:var(--muted);margin-left:6px}.tag.host{background:#4a3c15;color:var(--gold)}.tag.off{background:#4a2430;color:#ffb3bd}.tag.ready{background:#1f4a3a;color:#a7f3d0}.seat-slot.ready{box-shadow:inset 0 0 0 2px #3ddc9773}#screen-game{height:100vh;height:100dvh;overflow:hidden}.game-bar{display:grid;grid-template-columns:1fr 290px;padding:0;gap:0}.bar-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 18px;min-width:0}.bar-main .logo{justify-self:start}.bar-main .scoreboard{justify-self:center}.bar-side{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 18px;border-left:1px solid var(--line)}.scoreboard{display:flex;align-items:center;gap:18px;font-size:15px}.scoreboard .team b{font-size:20px}.scoreboard .round{color:var(--muted);font-size:13px;padding:2px 10px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.scoreboard .team{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.scoreboard .tname{display:inline-flex;align-items:center}.scoreboard .round .short{display:none}.game-body{display:flex;flex:1;min-height:0}.table{flex:1;position:relative;margin:14px;border-radius:28px;background:var(--felt);border:10px solid #2a2114;box-shadow:inset 0 0 80px #0000008c,0 10px 40px #00000080;display:grid;grid-template-columns:170px minmax(0,1fr) 170px;grid-template-rows:152px 1fr auto;min-height:0;grid-template-areas:". top ." "left center right" "me me me";transition:background .6s ease,border-color .6s ease,box-shadow .6s ease}.table.call-strike{background:radial-gradient(ellipse at center,#1f4473,#16305a 60%,#0e1f3c);border-color:#1d3a63;box-shadow:inset 0 0 80px #0000008c,0 10px 40px #00000080,0 0 0 3px #4f8df759}.table.call-victory{background:radial-gradient(ellipse at center,#70222a,#511720 60%,#330d14);border-color:#5e1f27;box-shadow:inset 0 0 80px #0000008c,0 10px 40px #00000080,0 0 0 3px #ef5a5a73}.seat-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px}.avatar{width:44px;height:44px;border-radius:50%;flex:none;overflow:hidden;background:radial-gradient(circle at 50% 30%,#4b566e,#2a3042 55%,#1a1f2c);border:2px solid rgba(255,255,255,.16);display:flex;align-items:flex-end;justify-content:center;box-shadow:0 3px 8px #00000080,inset 0 -4px 10px #00000073;transition:box-shadow .2s,border-color .2s}.avatar svg{width:80%;height:80%;display:block;fill:#080b11}.avatar.sm{width:34px;height:34px;border-width:1.5px}.avatar.team-0{border-color:#4f8df7b3}.avatar.team-1{border-color:#ef5a5ab3}.avatar.turn{border-color:var(--gold);box-shadow:0 0 0 3px #e8c46a80,0 3px 10px #00000080}.dragon-mark{position:absolute;right:calc(100% + 4px);top:50%;transform:translateY(-50%);font-size:20px;line-height:1;z-index:7;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));pointer-events:none}.pos-top{grid-area:top}.pos-left{grid-area:left}.pos-right{grid-area:right}.pos-left,.pos-right{position:relative}.pos-left .backs,.pos-right .backs{display:flex;flex-direction:column;height:auto;max-width:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.pos-left .backs{left:calc(100% - 8px)}.pos-right .backs{right:calc(100% - 8px)}.pos-left .back,.pos-right .back{width:26px;height:15px;margin:-8px 0 0;border-radius:4px;box-shadow:inset 0 1px #ffffff59,0 1px 2px #00000059}.pos-left .back:first-child,.pos-right .back:first-child{margin-top:0}.pos-left .back-count,.pos-right .back-count{margin:6px 0 0}.p-name{background:#00000059;padding:6px 12px;border-radius:999px;font-weight:700;display:flex;align-items:center;gap:6px;border:2px solid transparent;transition:.2s;white-space:nowrap}.p-name.turn{border-color:var(--gold);box-shadow:0 0 18px #e8c46a8c}.p-name.off{opacity:.55}.p-name .cnt{color:var(--muted);font-weight:500;font-size:12px}.call-mark{flex:none;font-size:13px;line-height:1;margin-left:2px}.call-mark.victory{filter:drop-shadow(0 0 4px rgba(239,90,90,.9))}.call-mark.strike{filter:drop-shadow(0 0 4px rgba(79,141,247,.9))}.badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;min-height:19px;align-items:center}.bdg{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:700}.bdg.strike{background:#1c3a63;color:#a9ccff}.bdg.victory{background:#6b1a1a;color:#ffb3b3}.bdg.mate{background:#2c3550;color:#c6d2ea}.bdg.dragon{background:#15306b;color:#a9c9ff;border:1px solid #2f5fc0}.bdg.out{background:#1e3a2f;color:#8ff0bf}.bdg.turn{background:var(--gold);color:#2a2000}.bdg.ok{background:#1f4a3a;color:#a7f3d0}.bdg.wait{background:#333a4d;color:var(--muted)}.backs{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;height:32px;align-items:center}.backs.low .back{border-color:#c79a2c;background:linear-gradient(170deg,#f0c45f,#d79f2c 60%,#b8831d);box-shadow:inset 0 1px #ffffff73,0 0 9px #e8c46acc}.back{width:20px;height:30px;border-radius:5px;margin-right:-12px;border:1px solid #14543a;background:linear-gradient(170deg,#3fa876,#27805a 60%,#1c6648);box-shadow:inset 0 1px #ffffff59,inset 0 -2px #0000002e,1px 0 2px #00000059}.back:last-of-type{margin-right:0}.back-count{flex:none;margin-left:8px;min-width:24px;text-align:center;font-size:13px;font-weight:800;line-height:1;padding:4px 7px;border-radius:999px;color:#fff;background:#0009;border:1px solid rgba(255,255,255,.28);box-shadow:0 1px 3px #0006;font-variant-numeric:tabular-nums}.backs.low .back-count{color:#2a2000;background:var(--gold);border-color:#fff0c2;box-shadow:0 0 10px #e8c46acc}.center{grid-area:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:8px;min-height:0;min-width:0}.center-flash{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;background:#3c0e16f2;color:#ffd7dc;border:1px solid #c04a5c;padding:10px 18px;border-radius:12px;font-weight:800;font-size:14px;text-align:center;box-shadow:0 8px 30px #00000080;max-width:min(92vw,420px);pointer-events:none;animation:flash-in .18s ease-out}@keyframes flash-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.center-msg{display:none}.avatar-wrap{position:relative;display:inline-flex;align-items:center}.seat-timer{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:6px;z-index:6;background:#00000080;border:1px solid rgba(255,255,255,.18);color:#e8eaf1;padding:3px 9px;border-radius:999px;font-weight:800;font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.seat-timer.urgent{background:#5a1a22;border-color:#ff6b7a;color:#ffb3bd;animation:timer-pulse .55s ease-in-out infinite alternate}@keyframes timer-pulse{0%{transform:translateY(-50%) scale(1)}to{transform:translateY(-50%) scale(1.1)}}.wish{position:absolute;top:6px;left:50%;transform:translate(-50%);white-space:nowrap;z-index:3;background:#2b1d4f;border:1px solid #6b48c7;color:#d9ccff;padding:5px 12px;border-radius:999px;font-weight:700;font-size:13px}#trick-area{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.pile{position:relative;width:100%;height:84px}.pile-layer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.pile-layer .cards-inline .card{box-shadow:0 6px 16px #0000008c,inset 0 0 0 1px #0000000f}.pile-layer.bomb .cards-inline .card{box-shadow:0 0 0 2px #ffae34,0 0 22px #ff8a14d9,0 6px 16px #0000008c}.pile-layer.slam{animation:bomb-slam .42s cubic-bezier(.2,.9,.3,1.1)}@keyframes bomb-slam{0%{transform:translate(-50%,-50%) scale(2.4) rotate(-7deg);filter:brightness(2.4)}50%{transform:translate(-50%,-50%) scale(.9) rotate(2deg);filter:brightness(1.3)}75%{transform:translate(-50%,-50%) scale(1.06) rotate(-1deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0);filter:none}}.pile-caption{display:flex;align-items:center;gap:8px;font-size:12px;color:#cfe5db;background:#00000059;height:26px;padding:0 12px;border-radius:999px}.pile-caption.empty{visibility:hidden}.pile-caption b{color:#fff}.pile-rel{color:#8fb3a4}.pile-lbl{color:#ffe9a8;font-weight:700}.cards-inline{display:flex;gap:4px}.phase-panel{background:#0f141ef2;border:1px solid var(--line);border-radius:16px;padding:16px 20px;text-align:center;box-shadow:0 10px 40px #00000080;max-width:520px;max-height:100%;min-height:0;overflow-y:auto;z-index:5}.phase-panel h3{margin:0 0 6px;font-size:17px}.phase-panel p{margin:4px 0 0;font-size:13px}.phase-panel .row{display:flex;gap:10px;justify-content:center;margin-top:12px;flex-wrap:wrap}.status-list{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}.ex-slots{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px}.ex-slot{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;min-width:124px;border:2px dashed var(--line);border-radius:10px;background:#00000052;cursor:pointer;transition:.15s}.ex-slot:hover{border-color:var(--gold);background:#00000073}.ex-slot.filled{border-style:solid;border-color:#3ddc97}.ex-card-box{width:32px;height:46px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#ffffff14}.ex-empty{color:var(--muted);font-size:17px;font-weight:800}.ex-info{display:flex;flex-direction:column;line-height:1.3;text-align:left}.ex-info b{font-size:12.5px}.ex-info span{font-size:11px;color:var(--muted)}.me{grid-area:me;display:flex;flex-direction:column;align-items:center;padding:6px 12px 12px;gap:6px}.me.compact{--card-w: 46px;--card-h: 66px;padding-bottom:8px}.me.compact .tile-rank{font-size:22px}.me.compact .tile-suit{font-size:16px}.me.compact .card.special .sp-icon{font-size:21px}.me.compact .card.special .sp-name{font-size:10px;letter-spacing:0}.me.compact .hand{padding:12px 20px 4px}.action-bar.empty{min-height:0}.me-head{display:flex;align-items:center;gap:10px;width:100%;min-height:40px}.mh-side{flex:1 1 0;min-width:0;display:flex;align-items:center}.mh-side.right{justify-content:flex-end}.mh-center{flex:0 0 auto;display:grid;column-gap:10px;row-gap:4px;align-items:center;justify-items:center;grid-template-columns:auto auto auto;grid-template-areas:"av name strike" ". badges ."}.mh-center>.avatar-wrap{grid-area:av}.mh-center>.p-name{grid-area:name}.mh-center>.badges{grid-area:badges}.mh-center>.strike-btn{grid-area:strike}.mh-side.right{gap:12px}.strike-btn{white-space:nowrap;font-weight:800;padding:8px 14px;border-radius:999px}.me-head.tall{min-height:68px}.me-actions{display:flex;gap:10px;justify-content:center;align-items:center;min-height:38px}.me-actions.empty{min-height:0}.recv{display:flex;align-items:center;gap:8px;font-size:12px;color:#cfe5db;background:#00000052;padding:4px 12px 4px 10px;border-radius:14px;border:1px solid rgba(232,196,106,.35)}.recv-ttl{font-weight:700;color:var(--gold);white-space:nowrap}.recv-item{display:flex;flex-direction:column;align-items:center;gap:2px}.recv-item+.recv-item{margin-left:-6px}.recv-from{font-size:12px;font-weight:900;line-height:1;white-space:nowrap}.recv-from.team-0{color:var(--team0)}.recv-from.team-1{color:var(--team1)}.hand{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;padding:18px 16px 6px;min-height:calc(var(--card-h) + 24px)}.hand .card{cursor:pointer;transition:transform .12s,box-shadow .12s}@media(hover:hover)and (pointer:fine){html:not(.touch) .hand .card:hover{transform:translateY(-7px);z-index:2}}.hand .card.selected{transform:translateY(-16px);z-index:3;box-shadow:0 0 0 3px var(--gold),0 10px 18px #00000080,inset 0 2px #fffffff2,inset 0 -5px #96825c33}.hand .card.assigned{opacity:.35}.hand .card.locked{cursor:not-allowed;filter:brightness(.55) saturate(.6)}.ex-slot.locked{cursor:not-allowed;opacity:.45}.hand .card.locked.coach-hl{filter:none}.action-bar{display:flex;align-items:center;gap:10px;width:100%;max-width:820px;min-height:44px}.action-bar.msg{justify-content:center}.ab-left{flex:1 1 0;min-width:0;display:flex;justify-content:flex-end}.ab-mid{flex:0 0 auto;display:flex;gap:10px}.ab-right{flex:1 1 0;min-width:0;display:flex;justify-content:flex-start;align-items:center;gap:8px}.ab-mid .btn-play{width:142px;padding-left:8px;padding-right:8px}.ab-mid .btn-pass{width:96px}.combo-label{background:#0006;padding:6px 12px;border-radius:999px;font-weight:700;color:#ffe9a8;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.combo-label.bad{color:#ff9ca4}.card{width:var(--card-w);height:var(--card-h);border-radius:10px;position:relative;flex:none;background:linear-gradient(175deg,#fffef9,#fbf5e6 55%,#efe6cd);border:1px solid #d8cdb0;box-shadow:inset 0 2px #fffffff2,inset 0 -5px #96825c33,0 3px 6px #0006;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;-webkit-user-select:none;user-select:none;color:#2b3440;font-family:Helvetica Neue,Arial,Malgun Gothic,sans-serif}.tile-rank{font-size:27px;font-weight:800;line-height:1;letter-spacing:-1.5px}.tile-suit{font-size:19px;line-height:1}.card.s-spade{color:#2b3440}.card.s-heart{color:#e0443f}.card.s-diamond{color:#2a7fd4}.card.s-club{color:#26995a}.card.special{gap:3px}.card.special .sp-icon{font-size:26px;line-height:1}.card.special .sp-name{font-size:12px;font-weight:900;letter-spacing:1px}.card.dragon{background:linear-gradient(175deg,#fbfdff,#e4effd 60%,#cde0fa);border-color:#9cc2ef;color:#15509f}.card.phoenix{background:linear-gradient(175deg,#fffaf6,#ffe9d9 60%,#ffd7bc);border-color:#f0a97b;color:#b8450f}.card.dog{background:linear-gradient(175deg,#fff,#f1f3f7 60%,#e1e6ee);border-color:#b7bfcc;color:#3c4555}.card.mahjong{background:linear-gradient(175deg,#f7fffd,#ddf4ee 60%,#c6eae0);border-color:#8ac9b8;color:#0b6354}.card.px-as:after{content:attr(data-px);position:absolute;top:-5px;right:-5px;font-size:11px;font-weight:900;line-height:1.55;color:#fff;background:#e2541f;border:1.5px solid #fff;border-radius:999px;min-width:19px;padding:0 3px;text-align:center;box-shadow:0 1px 3px #00000080}.card.sm{--card-w: 46px;--card-h: 66px;border-radius:8px}.card.sm .tile-rank{font-size:22px}.card.sm .tile-suit{font-size:16px}.card.sm.special .sp-icon{font-size:21px}.card.sm.special .sp-name{font-size:10px;letter-spacing:0}.card.xs{--card-w: 30px;--card-h: 44px;border-radius:6px;box-shadow:inset 0 1px #ffffffe6,inset 0 -3px #96825c33,0 2px 4px #00000059}.card.xs .tile-rank{font-size:15px;letter-spacing:-1px}.card.xs .tile-suit{font-size:11px}.card.xs.special{gap:0}.card.xs.special .sp-icon{font-size:15px}.card.xs.special .sp-name{font-size:8px;letter-spacing:0}.side{width:290px;display:flex;flex-direction:column;border-left:1px solid var(--line);background:#141822d9;min-height:0}.tabs{display:flex;border-bottom:1px solid var(--line)}.tab{flex:1;background:none;border:none;color:var(--muted);padding:10px;cursor:pointer;font-weight:700;border-bottom:2px solid transparent}.tab.active{color:var(--text);border-bottom-color:var(--gold)}.badge{background:var(--team1);color:#fff;font-size:10px;padding:1px 6px;border-radius:999px}.feed{flex:1;overflow-y:auto;padding:10px 12px;font-size:12.5px;line-height:1.5;min-height:0;display:flex;flex-direction:column-reverse}.feed .ln{flex:none}.feed .ln{padding:3px 0;border-bottom:1px dashed rgba(255,255,255,.06);color:#c9d1e3}.feed .ln.sys{color:var(--muted);font-style:italic}.feed .ln .nm{color:var(--gold);font-weight:700;margin-right:6px}.chat-form{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}.fx{position:absolute;inset:0;pointer-events:none;z-index:60;overflow:hidden;border-radius:18px}.fx-flash{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,245,210,.95) 0%,rgba(255,160,50,.55) 28%,rgba(255,70,0,.22) 50%,transparent 72%);animation:fx-flash .9s ease-out forwards}@keyframes fx-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.fx-wave{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:10px solid rgba(255,196,90,.9);animation:fx-wave 1.2s cubic-bezier(.1,.75,.25,1) forwards}.fx-wave.w2{border-color:#ffffffa6;animation-delay:.15s;animation-duration:1.5s}@keyframes fx-wave{0%{transform:scale(.2);opacity:1;border-width:12px}to{transform:scale(16);opacity:0;border-width:1px}}.fx-spark{position:absolute;left:50%;top:50%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#ffc24a 45%,#ff4d00);box-shadow:0 0 12px #ff9628e6;animation:fx-spark 1.4s ease-out forwards}@keyframes fx-spark{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}70%{opacity:.9}to{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(.15);opacity:0}}.fx-text{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:54px;font-weight:900;color:#fff;white-space:nowrap;letter-spacing:-1px;text-shadow:0 0 16px #ff8a1a,0 0 42px #ff3d00,0 4px 0 #7d2300;animation:fx-text 2.4s cubic-bezier(.2,1.4,.35,1) forwards}.fx-text .fx-sub{font-size:17px;letter-spacing:1px;color:#ffe2b0;text-shadow:0 0 10px rgba(255,90,0,.9)}@keyframes fx-text{0%{transform:translate(-50%,-50%) scale(.3) rotate(-10deg);opacity:0}22%{transform:translate(-50%,-50%) scale(1.18) rotate(3deg);opacity:1}45%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}78%{opacity:1}to{transform:translate(-50%,-66%) scale(.92) rotate(0);opacity:0}}.table.shake{animation:table-shake .55s cubic-bezier(.3,.1,.3,1)}@keyframes table-shake{0%,to{transform:translate(0) rotate(0)}8%{transform:translate(-9px,5px) rotate(-.5deg)}18%{transform:translate(8px,-4px) rotate(.45deg)}30%{transform:translate(-7px,-4px) rotate(-.35deg)}42%{transform:translate(6px,4px) rotate(.3deg)}56%{transform:translate(-4px,2px) rotate(-.2deg)}72%{transform:translate(3px,-2px) rotate(.12deg)}88%{transform:translate(-1px,1px) rotate(0)}}@media(max-height:680px){.table{grid-template-rows:118px 1fr auto}.seat-panel{gap:3px;padding:4px}.avatar{width:32px;height:32px}.avatar.sm{width:28px;height:28px}.badges{min-height:17px}.me-head{min-height:34px}.me.compact{--card-w: 40px;--card-h: 58px}.me.compact .tile-rank{font-size:19px}.me.compact .tile-suit{font-size:14px}.me.compact .hand{padding:8px 16px 2px}.phase-panel{padding:10px 14px}.phase-panel h3{font-size:15px;margin-bottom:4px}.phase-panel p{font-size:12px}.ex-slots{margin-top:8px}.backs{height:24px}.back{width:16px;height:23px;margin-right:-10px}.back-count{font-size:12px;padding:3px 6px;min-width:21px;margin-left:6px}.me-actions{min-height:34px}}@media(max-height:560px){.lobby-body{padding:8px;gap:12px}.lobby-main{gap:8px}.seat-table{grid-template-rows:90px 112px 90px;gap:6px}.seat-slot{height:84px;padding:4px}.seat-slot .avatar{width:24px;height:24px}.seat-slot .seat-name{font-size:13px}.seat-center-inner{font-size:11px}.team-legend.big{font-size:24px}.mode-pick-title{margin-bottom:4px}.mode-card{padding:6px 20px 6px 9px}.mc-icon{font-size:18px}.lobby-side{padding:10px}.lobby-side h3{margin-bottom:6px}}@media(prefers-reduced-motion:reduce){.fx-flash,.fx-wave,.fx-spark,.fx-text,.table.shake,.pile-layer.slam{animation-duration:.01s}}.modal{position:absolute;inset:0;border-radius:18px;background:#0009;display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.modal-box h2 .m-icon{margin-right:6px}.modal.fixed{position:fixed;border-radius:0;z-index:900}.record-box{width:min(520px,calc(100vw - 32px));text-align:left}.rec-head{display:flex;align-items:center;gap:14px}.rec-id{display:flex;flex-direction:column;gap:2px;min-width:0}.rec-id b{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-id .muted{font-size:12.5px}.rp-bar{height:7px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;margin:12px 0 14px;overflow:hidden}.rp-fill{height:100%;background:linear-gradient(90deg,#e8c46a,#c9962b);border-radius:999px}.season-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;margin:-4px 0 12px}.season-line .last-season{margin-left:auto;font-size:12px;color:var(--muted)}.season-line .my-rank{flex-basis:100%;font-size:13px}.season-line .my-rank b{color:var(--gold)}.rec-row{display:flex;align-items:center;gap:8px}.rec-val{flex:1;min-width:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.rv{display:flex;flex-direction:column;align-items:center;min-width:0}.rv b{font-size:16px;line-height:1.1;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;max-width:100%}.rv i{font-style:normal;font-size:10.5px;color:var(--muted);margin-top:2px}.rec-row+.rec-row{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}.rec-lbl{font-size:11.5px;color:var(--muted);min-width:44px;text-align:right;flex:none}.rec-grid{display:grid;grid-template-columns:1fr;gap:10px}.btn.ghost{background:transparent;border:1px dashed var(--line);color:var(--muted);font-weight:700}.btn.ghost:hover:not(:disabled){background:transparent;border-color:var(--gold);color:var(--gold)}.bd-scroll{max-height:52vh;overflow-y:auto;margin:8px 0 10px}.bd-table{font-size:13px}.bd-table th,.bd-table td{padding:6px 8px;white-space:nowrap}.bd-table th:first-child,.bd-table td:first-child{text-align:center;color:var(--text)}.bd-table td.rk{font-weight:800;width:44px}.bd-table td.nm{text-align:left;font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis}.bd-table td.rp{color:var(--gold);font-weight:800}.bd-table .bd-icon{margin-right:5px}.bd-table tr.bd-mine td{background:#e8c46a1f}.bd-table tr.gap td{text-align:center;color:var(--muted);padding:2px;border-bottom:none}.bd-me{text-align:center;font-size:13px;padding:8px 10px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line)}.bd-me.sticky{position:sticky;bottom:0;margin-top:6px;background:var(--panel);border-color:#e8c46a8c;box-shadow:0 -6px 14px #00000059}.bd-me .rk{color:var(--gold)}.bd-me .bd-icon{margin-right:4px}.rec-card{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.rec-title{font-size:12.5px;font-weight:800;color:var(--muted);margin-bottom:6px}.rec-title.left{margin:14px 0 4px}.rec-stat{font-size:14px}.rec-stat b.win{color:#3ddc97}.rec-stat b.lose{color:#ff7b8a}.rec-calls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.rec-call{display:flex;align-items:baseline;gap:8px;font-size:12.5px;padding:6px 10px;border:1px dashed var(--line);border-radius:10px}.rec-call b{font-size:15px}.rec-call .muted{font-size:11px;margin-left:auto}.rec-scroll{max-height:32vh;margin:4px 0 6px}.rec-table{font-size:12.5px}.rec-table th,.rec-table td{padding:5px 6px;white-space:nowrap}.rec-table tr.won td b{color:#3ddc97}.rec-table tr.lost td b{color:#ff7b8a}.confirm-row{display:flex;gap:14px;justify-content:center;margin-top:16px}.confirm-row .btn{min-width:132px;padding:12px 18px;font-size:15px;font-weight:800}.modal-box{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px 30px;min-width:min(340px,calc(100vw - 32px));max-width:560px;box-shadow:0 30px 80px #0009;text-align:center}.modal-box h2{margin:0 0 14px}.score-scroll{margin:10px 0 14px}.rec-scroll{max-height:32vh;overflow-y:auto}.score-table.many th,.score-table.many td{padding:3px 10px;font-size:13px}.score-table.many tr.total td{font-size:15px}.score-cols{display:flex;gap:14px;align-items:flex-start;justify-content:center}.score-cols .score-table{width:auto;min-width:150px}.score-cols.c1 .score-table{width:100%}.score-sum{margin-top:2px}.score-sum tr.total td{border-top:2px solid var(--line)}.modal{overflow:hidden}.modal.confirm{z-index:900}.score-table{width:100%;border-collapse:collapse;font-size:14px}.score-table th,.score-table td{padding:6px 10px;border-bottom:1px solid var(--line);text-align:center}.score-table th{position:sticky;top:0;background:var(--panel)}.score-table th:first-child,.score-table td:first-child{text-align:left;color:var(--muted)}.score-table .t0{color:var(--team0);font-weight:700}.score-table .t1{color:var(--team1);font-weight:700}.score-table tr.cur td{background:#e8c46a1f;color:var(--gold);font-weight:800}.score-table tr.total td{font-size:17px;font-weight:800;border-bottom:none;border-top:2px solid var(--line)}.score-cols.c1 .score-table,.score-sum{table-layout:fixed;width:100%}.modal-box .row{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:14px;flex-wrap:wrap}.next-count{flex-basis:100%;font-size:12px;min-height:16px}.modal-box .dim{color:#717b92;font-size:12px}.wish-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:16px 0 4px}.wish-grid button{padding:11px 0;font-size:18px;font-weight:800;letter-spacing:-.5px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:9px;cursor:pointer;transition:.12s}.wish-grid button:disabled{opacity:.35;cursor:not-allowed}.wish-grid button:hover:not(:disabled){background:#3c4a70;border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.gift-row{display:flex;gap:14px;justify-content:center;margin-top:14px}.gift-btn{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:150px;padding:12px 16px}.gift-btn .gift-dir{font-size:12px;color:var(--gold);font-weight:800;letter-spacing:.5px}.gift-btn .gift-name{font-size:15px;font-weight:800}.gift-btn .gift-cnt{font-size:12px;color:var(--muted)}.big{font-size:30px;font-weight:900}.only-mobile{display:none}@media(max-width:1000px){.side{display:none}.only-mobile{display:inline-block}.side.open{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(340px,92vw);z-index:450;background:#10131cf7;box-shadow:-8px 0 30px #0000008c}#btn-chat-toggle.on{background:#354060;border-color:var(--gold)}.side-backdrop{position:fixed;inset:0;background:#00000073;z-index:440}.tab-close{flex:0 0 auto;width:44px;background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer}.tab-close:hover{color:var(--text)}#btn-chat-toggle.has-unread{position:relative}#btn-chat-toggle.has-unread:after{content:"";position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:var(--team1)}.game-bar{grid-template-columns:1fr auto}.bar-side{border-left:none;padding-left:0}.table{grid-template-columns:120px minmax(0,1fr) 120px}:root{--card-w: 44px;--card-h: 64px}.tile-rank{font-size:21px}.tile-suit{font-size:15px}.card.special .sp-icon{font-size:21px}.card.special .sp-name{font-size:10px;letter-spacing:0}.hand{gap:4px;padding:14px 10px 4px}.pile{height:80px}.back{width:18px;height:26px;margin-right:-11px}}@media(max-width:640px){.bar{padding:6px 10px}.bar-main{grid-template-columns:1fr;padding:6px 8px;min-width:0;overflow:hidden}.bar-main .logo,.bar-main .bar-spacer,.bar-side .code{display:none}.scoreboard{gap:10px;font-size:12px;align-items:center}.scoreboard .team{flex-direction:column;gap:0;min-width:46px;line-height:1.15}.scoreboard .team .tname{font-size:11px;color:var(--muted);order:0}.scoreboard .team b{font-size:20px;order:1}.scoreboard .round{font-size:10.5px;padding:2px 7px}.scoreboard .round .full{display:none}.scoreboard .round .short{display:inline}.bar-side{padding:6px;gap:5px}.bar-side .btn.tiny{padding:4px 8px;font-size:12px}.table{margin:6px;border-width:6px;border-radius:18px;grid-template-columns:64px minmax(0,1fr) 64px;grid-template-rows:auto 1fr auto;grid-template-areas:". top ." "left center right" "me me me"}.seat-panel{padding:4px 2px;gap:3px;min-width:0}.p-name{font-size:11.5px;padding:3px 8px;white-space:normal;text-align:center;line-height:1.25;max-width:100%}.p-name .cnt{display:block;font-size:10.5px}.pos-left,.pos-right{padding:2px 1px}.pos-left .p-name,.pos-right .p-name{font-size:10.5px;padding:3px 4px;word-break:normal;overflow-wrap:anywhere;max-width:100%}.pos-left .p-name .dot,.pos-right .p-name .dot{width:7px;height:7px;margin-right:3px;flex:none}.p-name .pn-txt{min-width:0;overflow-wrap:anywhere}.pos-left .backs{left:calc(100% + 14px)}.pos-right .backs{right:calc(100% + 14px)}.pos-left .back,.pos-right .back{width:22px;height:13px;margin-top:-7px;border-radius:3px}.pos-left .back:first-child,.pos-right .back:first-child{margin-top:0}.avatar{width:34px;height:34px}.avatar.sm{width:30px;height:30px}.badges{min-height:16px}.bdg{font-size:10px;padding:1px 6px}.backs{height:22px}.back{width:13px;height:20px;margin-right:-8px;border-radius:3px}.back-count{font-size:11px;padding:2px 5px;min-width:18px;margin-left:5px}.pos-left .back-count,.pos-right .back-count{margin:4px 0 0}.seat-timer{font-size:10.5px;padding:2px 6px;margin-right:0;inset:auto auto 100% 50%;transform:translate(-50%,-3px)}.dragon-mark{font-size:16px}@keyframes timer-pulse{0%{transform:translate(-50%,-3px) scale(1)}to{transform:translate(-50%,-3px) scale(1.1)}}.center{padding:4px 0;gap:6px;position:relative;z-index:2;overflow:visible}.pos-left,.pos-right{z-index:1}.pile{height:72px}.card.sm{--card-w: 40px;--card-h: 58px}.card.sm .tile-rank{font-size:19px}.card.sm .tile-suit{font-size:14px}.pile-caption{font-size:11px;height:24px;padding:0 10px;white-space:nowrap}.center-msg{font-size:13px}.phase-panel{padding:10px 12px;width:max-content;max-width:calc(100vw - 32px)}.phase-panel h3{font-size:15px}.phase-panel p{font-size:12px}.ex-slot{min-width:0;padding:4px 8px 4px 4px;gap:5px}.ex-info b{font-size:11px}.ex-info span{font-size:10px}.ex-slots{gap:6px}.wish{font-size:11px;padding:3px 9px}.fx-text{font-size:34px}.fx-text .fx-sub{font-size:13px}.me{padding:4px 6px 8px;gap:4px}.me-head{flex-wrap:wrap;justify-content:center;gap:6px;min-height:0}.me-head.tall{min-height:0}.mh-side:not(.right){display:none}.mh-side.right{flex:1 1 100%;justify-content:center}.recv{font-size:11px;padding:3px 8px;gap:6px}.strike-btn{font-size:12px;padding:6px 10px}:root{--card-w: 34px;--card-h: 50px}.tile-rank{font-size:17px;letter-spacing:-1px}.tile-suit{font-size:12px}.card{border-radius:7px}.card.special .sp-icon{font-size:16px}.card.special .sp-name{font-size:8px;letter-spacing:0}.hand{gap:3px;padding:10px 4px 4px;min-height:0}.hand .card.selected{transform:translateY(-10px)}.me.compact{--card-w: 32px;--card-h: 46px}.me.compact .tile-rank{font-size:15px}.me.compact .tile-suit{font-size:11px}.me.compact .hand{padding:6px 4px 2px}.action-bar{gap:4px 6px;min-height:40px;flex-wrap:wrap;justify-content:center;position:relative}.ab-left{flex:0 0 100%;order:-1;justify-content:center;min-height:24px}.ab-mid{margin:0 auto}.ab-right{flex:none;position:absolute;right:2px;bottom:0;height:40px}.ab-mid .btn-play{width:112px;padding:8px 6px;font-size:13px}.ab-mid .btn-pass{width:64px;padding:8px 6px;font-size:13px}.combo-label{font-size:12px;padding:4px 12px}.me-actions{gap:6px}.lobby-body{padding:8px;gap:12px}.lobby-main{gap:8px}.seat-table{grid-template-columns:96px 128px 96px;grid-template-rows:92px 112px 92px;gap:6px}.seat-slot{width:96px;height:88px;padding:4px}.seat-slot .seat-name{font-size:12.5px}.seat-slot .seat-sub{font-size:9.5px}.seat-slot .avatar{width:24px;height:24px}.seat-slot .slot-btn{padding:1px 7px;font-size:11px}.seat-center-inner{font-size:10.5px;padding:0 6px}.team-legend.big{font-size:22px;height:26px}.mode-card{padding:6px 18px 6px 8px;gap:6px}.mc-icon{font-size:17px}.mc-title{font-size:12px}.mc-desc{font-size:10px}.lobby-side{width:100%;max-width:420px}.modal{padding:10px}.modal-box{padding:16px 14px;min-width:0;width:100%;max-width:100%}.modal-box h2{font-size:18px}.record-box{width:100%}.rec-grid,.rec-calls{grid-template-columns:1fr}.wish-grid{gap:6px}.wish-grid button{padding:9px 0;font-size:15px}.gift-btn{min-width:120px;padding:10px}.confirm-row .btn{min-width:110px;padding:10px 12px;font-size:14px}}@media(max-width:640px){.score-cols{gap:8px}.score-cols .score-table{min-width:0}.score-cols.c2 .score-table th,.score-cols.c2 .score-table td,.score-cols.c3 .score-table th,.score-cols.c3 .score-table td{padding:3px 6px;font-size:12px}}.chat-note{padding:10px 12px;font-size:12.5px;color:var(--muted);text-align:center;border-top:1px solid var(--line)}.chat-note b{color:var(--gold)}.emote{position:absolute;left:14px;bottom:14px;z-index:45}.emote__body{display:flex;flex-direction:column-reverse;align-items:center;gap:6px}.emote__cap{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(232,196,106,.6);background:#101420eb;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 6px 18px #00000073;transition:transform .15s,border-color .15s}.emote__cap:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold)}.emote__cap:disabled{cursor:default;color:var(--gold);font-size:17px;font-weight:800;opacity:.85}.emote__stack{display:none;flex-direction:column;gap:4px;padding:6px;border-radius:14px;background:#101420f0;border:1px solid rgba(232,196,106,.45);box-shadow:0 10px 30px #00000080;animation:emote-stack-in .18s ease-out}.emote[aria-expanded=true] .emote__stack{display:flex}.emote__slot{width:42px;height:42px;border-radius:10px;border:1px solid transparent;background:transparent;font-size:24px;line-height:1;cursor:pointer;transition:.12s}.emote__slot:hover:not(:disabled){background:var(--bg-2);border-color:var(--line);transform:scale(1.08)}@keyframes emote-stack-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.emote-bubble{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);z-index:9;pointer-events:none;font-size:30px;line-height:1;padding:4px 8px;border-radius:14px 14px 14px 4px;background:#fffffff5;box-shadow:0 4px 14px #0006;animation:emote-pop .25s cubic-bezier(.2,.9,.3,1.3),emote-out .3s ease-in 2s forwards}@keyframes emote-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.6)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes emote-out{to{opacity:0;transform:translate(-50%,-8px) scale(.9)}}.me .emote-bubble{left:calc(100% + 6px);bottom:60%;transform:none;border-radius:14px 14px 14px 4px}.me .emote-bubble{animation-name:emote-pop-side,emote-out-side}@keyframes emote-pop-side{0%{opacity:0;transform:translate(-6px) scale(.6)}to{opacity:1;transform:none}}@keyframes emote-out-side{to{opacity:0;transform:translateY(-6px) scale(.9)}}@media(max-width:640px){.emote{left:6px;bottom:6px}.emote__cap{width:38px;height:38px;font-size:20px}.emote__slot{width:36px;height:36px;font-size:20px}.emote-bubble{font-size:24px;padding:3px 6px}}#btn-resume{margin-bottom:14px}#btn-create-back,#btn-shuffle{margin-top:8px}#btn-fill-bots{margin-bottom:8px}.score-table td.empty-row{text-align:center}.home-card .app-version{margin:14px 0 0;text-align:center;font-size:11px;opacity:.45;letter-spacing:.02em}