:root{--wood: #4a2e1c;--wood-light: #6a4329;--wood-dark: #2e1b10;--felt: #1f4a3a;--felt-light: #2a5d49;--felt-dark: #143326;--paper: #f6efe0;--paper-shade: #ebe0c8;--ink: #2a211b;--ink-soft: #6b5d4f;--parchment: #efe6d2;--parchment-soft: rgba(239, 230, 210, .62);--seal: #b5322a;--seal-light: #d0574d;--brass: #d4ad62;--brass-dark: #8f6f37;--team0: #5b8fc2;--team1: #d39a45;--card-red: #b3261e;--card-black: var(--ink);--font-ui: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-serif: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif;--font-index: Georgia, "Times New Roman", "Noto Serif", serif;font-variant-numeric:lining-nums;--wood-grain: repeating-linear-gradient(92deg, rgba(0, 0, 0, .09) 0 2px, transparent 2px 9px), repeating-linear-gradient(88deg, rgba(255, 220, 180, .04) 0 1px, transparent 1px 13px), linear-gradient(180deg, var(--wood-light), var(--wood) 45%, var(--wood-dark));color-scheme:dark}*{box-sizing:border-box;touch-action:manipulation}html,body{margin:0;height:100%;overflow:hidden;background:var(--wood-dark);color:var(--parchment);font:15px/1.45 var(--font-ui);font-feature-settings:"lnum" 1;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,select{-webkit-user-select:text;user-select:text;font-size:max(16px,1em)!important}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.stage{position:fixed;top:0;left:0;overflow:hidden;background:var(--wood-grain);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.stage.rotated{transform-origin:top left;padding:env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) env(safe-area-inset-top)}.stage>*{height:100%}.rotate-tip{position:fixed;top:calc(env(safe-area-inset-top) + 6px);left:50%;transform:translate(-50%);z-index:100;background:var(--paper);color:var(--ink);border-radius:6px;padding:6px 8px 6px 14px;font-size:14px;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 4px 14px #0006}.rotate-tip button{background:none;border:0;color:var(--ink);font-size:20px;line-height:1;padding:0 6px}.seal{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:900;line-height:1;color:#fbeee0;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.14),transparent 45%),radial-gradient(circle at 75% 80%,rgba(0,0,0,.12),transparent 50%),var(--seal);border-radius:3px;padding:.22em .32em;box-shadow:inset 0 0 0 1.5px #fbeee0cc,inset 0 0 0 3px var(--seal);transform:rotate(-5deg);white-space:nowrap}.seal.report{font-size:13px;animation:stamp .35s ease-out}.seal.stamp{font-size:14px;animation:stamp .4s ease-out}@keyframes stamp{0%{transform:scale(2.2) rotate(-14deg);opacity:0}60%{transform:scale(.92) rotate(-4deg);opacity:1}to{transform:scale(1) rotate(-5deg)}}.btn{font:inherit;color:var(--parchment);background:#0000002e;border:1px solid rgba(239,230,210,.4);border-radius:6px;padding:8px 18px;min-height:40px;cursor:pointer;white-space:nowrap;flex:none;transition:background .15s,transform .08s}.btn:hover:not(:disabled){background:#efe6d21f}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:default}.btn.primary{background:var(--seal);border-color:var(--seal-light);color:#fff6ea;font-weight:700;box-shadow:0 2px #7d1f19}.btn.primary:hover:not(:disabled){background:#c23a31}.btn.small{padding:4px 10px;min-height:32px;font-size:13px}.btn.big{padding:10px 30px;min-height:46px;font-size:17px}.btn.ghost{background:transparent;border-color:transparent;color:var(--parchment-soft)}.btn.ghost:hover:not(:disabled){color:var(--parchment)}.input{font:inherit;font-size:17px;padding:10px 14px;border-radius:6px;border:1px solid var(--paper-shade);background:var(--paper);color:var(--ink);min-width:0}.input::placeholder{color:var(--ink-soft)}.muted{color:var(--parchment-soft);font-size:13px}.error{color:#ffb4a8;font-weight:600}.tag{display:inline-block;font-size:11px;padding:0 6px;margin-left:4px;border-radius:3px;border:1px solid rgba(239,230,210,.35);color:var(--parchment-soft);vertical-align:1px;font-weight:500}.tag.off{border-color:var(--seal-light);color:#ffb4a8}.tag.ok{border-color:#8fbf8f;color:#c8e6c0}.banner{position:absolute;top:46px;left:50%;transform:translate(-50%);z-index:40;background:var(--paper);color:var(--ink);border-left:4px solid var(--seal);padding:6px 16px;border-radius:4px;font-weight:600;max-width:90%;text-align:center;box-shadow:0 4px 14px #00000059}.team0{--team: var(--team0)}.team1{--team: var(--team1)}.toasts{position:absolute;top:30%;left:50%;transform:translate(-50%);z-index:75;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;height:auto!important}.toast{background:#1e140de6;color:var(--parchment);padding:7px 16px;border-radius:4px;font-size:14px;animation:toast-in .2s ease-out;white-space:nowrap;box-shadow:0 4px 12px #00000059}.toast.success{border-left:4px solid #6fae7c}.toast.error{background:var(--seal);color:#fff6ea}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.home,.waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.home-card{background:radial-gradient(ellipse at 50% 30%,var(--felt-light),var(--felt) 60%,var(--felt-dark));border-radius:18px;padding:26px 34px 28px;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:min(380px,90%);box-shadow:inset 0 0 0 1px #00000059,inset 0 6px 24px #00000059,0 10px 30px #00000059}.logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:6px}.logo-seal{font-size:44px;padding:.18em .2em;flex-direction:column;gap:.02em;letter-spacing:0;box-shadow:inset 0 0 0 3px #fbeee0d9,inset 0 0 0 6px var(--seal)}.logo-sub{font-family:var(--font-serif);color:var(--parchment-soft);font-size:15px}.hello{text-align:center;font-size:17px;font-family:var(--font-serif)}.join-row{display:flex;gap:8px}.join-row .input{flex:1}.saved{display:flex;flex-direction:column;gap:6px;font-size:14px}.saved-row{display:flex;align-items:center;gap:6px}.saved-row span{flex:1}.net-info{font-size:11px;color:var(--parchment-soft);text-align:center;padding:0 16px}.topbar{display:flex;align-items:center;gap:10px;padding:6px 14px;height:auto!important;flex-wrap:nowrap;white-space:nowrap}.topbar .spacer{flex:1}.level-chip{display:flex;align-items:center;gap:8px}.level-chip .seal{font-size:20px;min-width:1.7em}.level-text{display:flex;flex-direction:column;line-height:1.15;font-size:13px}.level-text small{color:#f1b3a8;font-size:11px}.team-chip{padding:3px 10px;border-radius:4px;font-size:14px;border-left:4px solid var(--team);background:#0003}.team-chip b{font-family:var(--font-index);font-size:16px}.team-chip.declarer{background:color-mix(in srgb,var(--team) 26%,rgba(0,0,0,.2))}.room-chip{color:var(--parchment-soft);font-size:13px}.counter{display:flex;align-items:center;gap:10px;padding:3px 10px;border-radius:4px;background:#0003;font-size:13px}.counter-title{color:var(--parchment-soft);font-size:12px}.counter-item{display:inline-flex;align-items:baseline;gap:3px}.counter-item b{font-family:var(--font-index);font-size:16px;color:var(--brass)}.counter-item.gone{opacity:.35}.room-code{font-size:15px}.room-code b{font-family:var(--font-index);font-size:24px;letter-spacing:.12em;color:var(--brass)}.lobby{display:flex;flex-direction:column}.lobby-table{position:relative;flex:1;min-height:0}.lobby-felt{position:absolute;left:50%;top:50%;width:48%;height:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 40%,var(--felt-light),var(--felt) 60%,var(--felt-dark));box-shadow:0 0 0 10px var(--wood-dark),0 0 0 12px #d4ad6259,inset 0 8px 30px #00000073;display:flex;align-items:center;justify-content:center}.team-legend{display:flex;flex-direction:column;gap:6px;font-size:14px}.lobby-felt{flex-direction:column;gap:14px}.watch-slots{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.watch-slot{display:flex;align-items:center;gap:6px;font-size:14px}.team-legend span{color:var(--team);font-weight:600}.team-legend .muted{color:var(--parchment-soft);font-weight:400}.lobby-seat{position:absolute;width:196px;padding:10px 12px;border-radius:8px;background:linear-gradient(180deg,#5c3b25,#3f2717);border:1px solid var(--brass-dark);border-top:4px solid var(--team);text-align:center;box-shadow:0 6px 16px #00000059}.lobby-seat.me{border-color:var(--brass);box-shadow:0 0 0 2px var(--brass),0 6px 16px #00000059}.lobby-seat.bottom{bottom:4%;left:50%;transform:translate(-50%)}.lobby-seat.top{top:4%;left:50%;transform:translate(-50%)}.lobby-seat.left{left:4%;top:50%;transform:translateY(-50%)}.lobby-seat.right{right:4%;top:50%;transform:translateY(-50%)}.seat-no{font-size:12px;color:var(--team);font-weight:700}.lobby-seat .seat-name{font-size:17px;font-weight:700;margin:2px 0;justify-content:center}.seat-buttons{display:flex;gap:6px;justify-content:center;margin-top:6px;flex-wrap:wrap}.lobby-actions{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;height:auto!important}.turn-select{display:flex;align-items:center;gap:6px}.btn.toggle.on{border-color:var(--brass);color:var(--brass);background:#d4ad621f}.turn-select select{font:inherit;padding:6px;border-radius:6px;background:var(--paper);color:var(--ink);border:1px solid var(--paper-shade)}.table-screen{display:grid;grid-template-rows:auto 1fr auto auto;grid-template-columns:minmax(0,1fr);position:relative}.felt{position:relative;min-height:0;margin:0 12px 4px;border-radius:26px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0 2px,transparent 2px 4px),radial-gradient(ellipse at 50% 45%,var(--felt-light) 0%,var(--felt) 55%,var(--felt-dark) 100%);box-shadow:0 0 0 2px #d4ad6247,inset 0 10px 30px #00000073,inset 0 -6px 20px #0000004d}.seat-panel{position:absolute;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:8px;background:linear-gradient(180deg,#5c3b25,#3f2717);border:1px solid var(--brass-dark);min-width:150px;box-shadow:0 4px 12px #00000059;transition:box-shadow .2s,border-color .2s}.seat-panel.top{top:10px;left:50%;transform:translate(-50%)}.seat-panel.left{left:12px;top:40%;transform:translateY(-50%)}.seat-panel.right{right:12px;top:40%;transform:translateY(-50%)}.seat-panel.active,.my-info.active{border-color:var(--brass);box-shadow:0 0 0 2px var(--brass),0 0 18px #d4ad6280}.seat-panel.done .avatar,.seat-panel.done .seat-info{opacity:.6}.avatar{width:36px;height:36px;border-radius:50%;background:var(--team);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:900;font-size:17px;flex:none;box-shadow:inset 0 0 0 2px #ffffff59}.seat-info{min-width:0}.seat-name{font-weight:700;white-space:nowrap;display:flex;align-items:center}.name-text{overflow:hidden;text-overflow:ellipsis;max-width:140px}.seat-sub{font-size:12px;color:var(--parchment-soft)}.seat-count{font-size:13px;color:var(--parchment-soft)}.countdown{min-width:30px;height:30px;border-radius:50%;border:3px solid var(--brass);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-index);font-weight:700;font-size:14px;flex:none}.countdown.urgent{border-color:var(--seal-light);color:#ffb4a8;animation:pulse .5s ease-in-out infinite}@keyframes pulse{50%{opacity:.6}}.play-zone{position:absolute;display:flex;flex-direction:column;align-items:center}.play-zone.top{top:70px;left:50%;transform:translate(-50%)}.play-zone.left{left:200px;top:40%;transform:translateY(-50%)}.play-zone.right{right:200px;top:40%;transform:translateY(-50%)}.play-zone.bottom{bottom:8px;left:50%;transform:translate(-50%)}.played{display:flex;flex-direction:column;align-items:center;gap:3px;animation:play-in .25s ease-out}.played-name{font-size:12px;color:var(--parchment-soft);font-family:var(--font-serif)}.pass-mark{padding:3px 14px;border-radius:4px;border:1px dashed rgba(239,230,210,.45);color:var(--parchment-soft);font-family:var(--font-serif);font-weight:700;animation:play-in .2s ease-out}@keyframes play-in{0%{opacity:0;transform:translateY(12px) scale(.9)}}.my-bar{display:flex;align-items:center;gap:10px;padding:4px 16px;min-height:50px}.my-info{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:6px;border:1px solid transparent;border-left:4px solid var(--team);background:#00000038;white-space:nowrap}.sf-hint{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:6px;background:#00000038;flex:none}.sf-label{font-size:12px;color:var(--parchment-soft);margin-right:2px}.sf-suit{font:inherit;border:0;padding:0;cursor:default;width:24px;height:26px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:#efe6d242;background:#ffffff0d;transition:background .2s,box-shadow .2s}.sf-suit.on{background:var(--paper);box-shadow:0 0 0 1.5px var(--brass),0 0 10px #d4ad628c;cursor:pointer}.sf-suit.on:active:not(:disabled){transform:translateY(1px)}.sf-suit.on:disabled{cursor:default;opacity:.6}.sf-suit.on.red{color:var(--card-red)}.sf-suit.on.black{color:var(--card-black)}.actions{flex:1;display:flex;justify-content:center;align-items:center;gap:10px;min-width:0}.status-msg{color:var(--parchment-soft);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}.status-msg.mine{color:var(--brass);font-weight:700}.arrange-actions{display:flex;gap:6px}.hand-area{padding:0 14px 8px}.spectator{text-align:center;color:var(--parchment-soft);padding:20px}.card{width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .09);background:linear-gradient(170deg,#fbf7ec 0%,var(--paper) 60%,var(--paper-shade) 100%);border:1px solid #cfc2a5;box-shadow:-1px 1px 2px #00000059;position:relative;overflow:hidden;flex:none}.card.red{color:var(--card-red)}.card.black{color:var(--card-black)}.card.level{box-shadow:-1px 1px 2px #00000059,inset 0 0 0 2px #8f6f378c}.card.wild{box-shadow:-1px 1px 2px #00000059,inset 0 0 0 2px #b5322a99}.card .corner{position:absolute;left:calc(var(--cw) * .05);top:calc(var(--cw) * .06);width:calc(var(--cw) * .34);display:flex;flex-direction:column;align-items:center;line-height:1}.card .rank{font-family:var(--font-index);font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;font-weight:700;font-size:calc(var(--cw) * .33);letter-spacing:-.06em}.card .suit{font-size:calc(var(--cw) * .27);margin-top:2px}.card .center{position:absolute;right:8%;bottom:6%;font-size:calc(var(--cw) * .6);line-height:1;opacity:.92}.card .badge{margin-top:4px;font-family:var(--font-serif);font-weight:900;font-size:calc(var(--cw) * .19);padding:.12em .14em;border-radius:2px;line-height:1;color:#fbeee0;background:var(--brass-dark);box-shadow:inset 0 0 0 1px #fbeee0b3;transform:rotate(-5deg)}.card .badge.wild-badge{background:var(--seal)}.card .joker-text{font-family:var(--font-index);font-weight:700;writing-mode:vertical-rl;text-orientation:upright;font-size:calc(var(--cw) * .16);letter-spacing:-.12em}.card .joker-face{font-family:var(--font-serif);font-weight:900;font-size:calc(var(--cw) * .3);right:10%;bottom:10%;writing-mode:vertical-rl;letter-spacing:.1em}.card-row{display:flex;padding-left:var(--overlap)}.card-row .card{margin-left:calc(var(--overlap) * -1)}.hand{position:relative;width:100%;touch-action:none}.partner-view{position:relative}.partner-label{position:absolute;top:-2px;left:50%;transform:translate(-50%);z-index:70;padding:2px 12px;border-radius:4px;background:#00000073;color:var(--brass);font-size:13px;white-space:nowrap}.seat-panel.clickable{cursor:pointer}.seat-panel.clickable:hover{border-color:var(--brass)}.watch-bar{flex:1;display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.watch-bar>*{flex-shrink:0;white-space:nowrap}.my-bar.watching .actions{display:none}.watch-bar>:first-child{margin-left:auto}.watch-bar>:last-child{margin-right:auto}.watch-tab{border-left:3px solid var(--team)}.watch-tab.on{background:#d4ad622e;border-color:var(--brass);border-left-color:var(--team);color:var(--brass)}.watch-count{margin-left:6px;font-family:var(--font-index);color:var(--parchment-soft)}.watch-tab.on .watch-count{color:var(--brass)}.watch-panel{min-width:min(720px,92%)}.all-hands-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(42,33,27,.12)}.all-hands-name{font-weight:700;border-left:4px solid var(--team);padding-left:8px;display:flex;flex-direction:column}.all-hands-name small{font-weight:400;color:var(--ink-soft)}.history-list{margin:0;padding:0 0 0 28px;max-height:60vh;overflow:auto}.history-list li{display:flex;align-items:center;gap:10px;padding:4px 0;border-bottom:1px solid rgba(42,33,27,.08)}.history-list li::marker{color:var(--ink-soft);font-size:12px}.history-name{font-weight:700;min-width:72px;border-left:4px solid var(--team);padding-left:6px}.history-type{font-family:var(--font-serif);color:var(--ink-soft);min-width:52px}.history-list li.passed{color:var(--ink-soft)}.spectator{display:flex;align-items:center;justify-content:center;gap:12px}.hand.read-only .card.in-hand{cursor:default;filter:brightness(.9) sepia(.12);animation:none}.card.in-hand{position:absolute;cursor:pointer;transition:top .12s ease-out,left .2s ease-out;animation:deal .35s ease-out backwards}.card.in-hand.sel{box-shadow:-1px 1px 2px #00000059,0 0 0 2px var(--brass),0 8px 16px #00000073}.card.in-hand.disabled{filter:grayscale(.6) brightness(.6);cursor:not-allowed}@keyframes deal{0%{opacity:0;transform:translateY(-80px) rotate(-8deg) scale(.7)}}.group-box{position:absolute;border-radius:8px;background:var(--g);opacity:.4;pointer-events:none}.group-label{position:absolute;top:0;padding:0 8px;border-radius:6px 6px 0 0;background:var(--g);color:#20160f;font-size:12px;font-weight:700;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab;z-index:60}.group-label.dragging{cursor:grabbing;box-shadow:0 4px 10px #0006}.c0{--g: #9cc2dc}.c1{--g: #e5c27a}.c2{--g: #c4abd8}.c3{--g: #a8d4a8}.c4{--g: #e7a9a1}.c5{--g: #d9d48e}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#140c0780;display:flex;align-items:center;justify-content:center;z-index:80;height:auto!important}.modal{background:linear-gradient(175deg,#fbf7ec,var(--paper) 50%,var(--paper-shade));color:var(--ink);border-radius:6px;padding:20px 26px;display:flex;flex-direction:column;gap:10px;min-width:260px;max-width:92%;max-height:94%;overflow:auto;box-shadow:0 14px 40px #0000008c;animation:toast-in .2s ease-out}.modal .muted{color:var(--ink-soft)}.modal .btn{color:var(--ink);border-color:#2a211b4d;background:transparent}.modal .btn:hover:not(:disabled){background:#2a211b0f}.modal .btn.primary{color:#fff6ea;background:var(--seal);border-color:var(--seal)}.modal .btn.ghost{border-color:transparent;color:var(--ink-soft)}.modal-title{font-family:var(--font-serif);font-size:20px;font-weight:900;text-align:center}.context-menu{position:absolute;z-index:85;background:var(--paper);color:var(--ink);border-radius:6px;padding:6px;display:flex;flex-direction:column;box-shadow:0 8px 22px #00000080;height:auto!important}.context-menu .menu-title{font-size:12px;color:var(--ink-soft);padding:4px 8px}.context-menu button{font:inherit;color:var(--ink);background:none;border:0;text-align:left;padding:10px 12px;border-radius:4px;cursor:pointer}.context-menu button:hover{background:#2a211b14}.settlement{align-items:center;min-width:440px}.places{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:4px 0}.place{padding:8px 12px 6px;border-radius:4px;border-bottom:3px solid var(--team);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:84px}.place .seal.stamp{font-size:15px}.place-name{font-family:var(--font-serif);font-weight:700;color:var(--ink-soft);font-size:14px}.place-player{font-weight:600}.team-results{display:flex;gap:12px}.team-result{border-radius:4px;padding:10px 16px;border:1px solid rgba(42,33,27,.18);border-top:4px solid var(--team);min-width:170px;text-align:center}.team-result-name{font-weight:700}.team-result-up{font-family:var(--font-serif);font-size:22px;font-weight:900;color:var(--seal)}.team-result-up.lost{color:var(--ink-soft);font-weight:700}.tribute-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(175deg,#fbf7ec,var(--paper) 50%,var(--paper-shade));color:var(--ink);border-radius:6px;padding:12px 20px;z-index:78;display:flex;flex-direction:column;gap:8px;align-items:center;box-shadow:0 10px 30px #00000080;animation:toast-in .2s ease-out}.tribute-title{font-family:var(--font-serif);font-weight:900;font-size:18px;color:var(--seal)}.tribute-row{display:grid;grid-template-columns:90px 160px 90px;align-items:center;row-gap:2px}.tribute-name{text-align:center;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tribute-track{position:relative}.tribute-card{position:absolute;left:0;top:0;animation:tribute-fly 1.4s ease-in-out both}.tribute-text{grid-column:1 / -1;text-align:center;font-size:13px;color:var(--ink-soft)}@keyframes tribute-fly{0%{left:0;opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1)}to{left:calc(100% - var(--cw));opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.compact{font-size:13px}.compact .topbar{padding:3px 10px;gap:8px}.compact .level-chip .seal{font-size:15px}.compact .level-text{font-size:11px}.compact .level-text small{display:none}.compact .team-chip{font-size:12px;padding:1px 8px}.compact .team-chip b{font-size:13px}.compact .room-chip{font-size:11px}.compact .round-no{display:none}.compact .counter{gap:6px;padding:1px 6px;font-size:11px}.compact .counter-title{display:none}.compact .counter-item b{font-size:13px}.compact .banner{top:30px;font-size:12px}.compact .felt{margin:0 8px 2px;border-radius:18px}.compact .seat-panel{min-width:0;padding:3px 8px 3px 4px;gap:6px}.compact .seat-panel.top{top:4px}.compact .avatar{width:26px;height:26px;font-size:13px}.compact .name-text{max-width:80px}.compact .seat-sub{font-size:10px}.compact .seal.report,.compact .seal.stamp{font-size:11px}.compact .my-bar.my-turn .status-msg{display:none}.compact .my-info{padding:2px 8px;gap:6px}.compact .my-bar.watching .status-msg{display:none}.compact .watch-bar{gap:4px}.compact .watch-count{margin-left:4px}.compact .arrange-actions{gap:4px}.compact .long-label{display:none}.compact .sf-hint{padding:2px 4px;gap:3px}.compact .sf-label{display:none}.compact .sf-suit{width:20px;height:22px;font-size:14px}.compact .seat-count{font-size:11px}.compact .countdown{min-width:24px;height:24px;font-size:12px;border-width:2px}.compact .play-zone.top{top:50px}.compact .play-zone.left{left:130px}.compact .play-zone.right{right:130px}.compact .play-zone.bottom{bottom:2px}.compact .played-name{display:none}.compact .my-bar{min-height:40px;padding:2px 10px;gap:6px}.compact .btn{min-height:36px;padding:4px 12px}.compact .btn.small{min-height:30px;padding:2px 8px;font-size:12px}.compact .btn.big{min-height:40px;padding:6px 20px;font-size:15px}.compact .hand-area{padding:0 6px 2px}.compact .lobby-seat{width:160px;padding:6px 8px}.compact .lobby-seat .seat-name{font-size:15px}.compact .home-card{padding:14px 22px 18px;gap:8px}.compact .logo-seal{font-size:30px}.compact .logo-sub{font-size:13px}.compact .modal{padding:12px 16px;gap:6px}.compact .settlement{min-width:0}.compact .team-result{min-width:140px;padding:6px 10px}.compact .tribute-row{grid-template-columns:70px 120px 70px}