.ua-app,.ua-lobby,.ua-room-page{--ua-bg:#eef0f0;--ua-surface:#fff;--ua-surface-2:#f6f8f8;--ua-surface-3:#eef2f3;--ua-table-bg:#eceeef;--ua-text:#1e252a;--ua-text-2:#4d565b;--ua-text-3:#697278;--ua-border:#c3c8cb;--ua-border-2:#adb5b8;--ua-border-3:#adb3b7;--ua-accent:#26363d;--ua-accent-text:#fff;--ua-slot-bg:#fff;--ua-slot-line:#cfd3d6;--ua-zone-bg:#ffffffa8;--ua-muted-zone:#464e546b;--ua-ap-bg:#9b9b9b;--ua-ap-text:#fff;--ua-stripe-1:#fff9;--ua-stripe-2:#8c969e14;--ua-shadow:#1e252a14;--ua-danger:#a3322d;--ua-ok:#1f7a45;--ua-warn:#b7791f;--ua-info:#0b57d0;--ua-card-back-bg:#26363d;--ua-card-back-line:#5b6c74;--ua-phase-bg:#ffffffd9;--ua-panel-bg:#ffffffd9;--ua-coach-bg:#ffecec;--ua-table-border:#c9ced1}.ua-app{--ua-panel-w:min(340px, 92vw);box-sizing:border-box;height:100vh;max-height:100vh;color:var(--ua-text);background:var(--ua-bg);grid-template-rows:auto minmax(0,1fr);gap:3px;padding:3px 6px 6px;font-family:Microsoft YaHei,system-ui,sans-serif;display:grid;overflow:hidden}@supports (height:100dvh){.ua-app{height:100dvh;max-height:100dvh}}.ua-header{justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.ua-header-end{flex:0 auto;align-items:center;gap:6px;min-width:0;display:flex}.ua-back,.ua-primary,.ua-secondary,.ua-toggle{border:1px solid var(--ua-border-2);background:var(--ua-surface);min-height:38px;color:inherit;font:inherit;cursor:pointer;white-space:nowrap;border-radius:5px;padding:6px 14px}.ua-back,.ua-toggle{flex:none;min-height:28px;padding:2px 10px;font-size:13px;line-height:1.2}.ua-primary{border-color:var(--ua-accent);background:var(--ua-accent);color:#fff}.ua-primary:disabled,.ua-secondary:disabled{opacity:.45;cursor:not-allowed}.ua-toggle{border-color:var(--ua-accent);font-weight:600;transform:none}.ua-toggle:active:not(:disabled){background:#e2e7e9;transform:none}.ua-toggle:focus-visible{outline:3px solid var(--ua-info);outline-offset:2px}.ua-account{white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:13px;display:flex}.ua-account span{text-overflow:ellipsis;max-width:9em;overflow:hidden}.ua-account img{object-fit:cover;border-radius:50%;flex:none;width:24px;height:24px}.ua-main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;min-height:0;display:grid;position:relative;overflow:hidden}.ua-stage{min-width:0;min-height:0;position:relative;overflow:hidden;container-type:size}.ua-table-wrapper{width:100%;height:100%}.ua-table{--ua-tg:clamp(3px, .6cqmin, 9px);gap:var(--ua-tg);width:100%;height:100%;padding:var(--ua-tg);box-sizing:border-box;border:1px solid var(--ua-table-border);background-color:var(--ua-table-bg);background-image:repeating-linear-gradient(45deg, var(--ua-stripe-1) 0 14px, transparent 14px 28px), repeating-linear-gradient(135deg, var(--ua-stripe-2) 0 3px, transparent 3px 19px);border-radius:8px;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr) auto;font-size:clamp(11px,1.75cqmin,24px);display:grid;position:relative;overflow:hidden}.ua-centerline{left:calc(var(--ua-tg) * -1);right:calc(var(--ua-tg) * -1);pointer-events:none;background:#464e5440;grid-area:2/1/4;height:1px;position:absolute;top:calc(50% - .5px)}.ua-half{gap:var(--ua-tg);grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr);grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1.5fr)) minmax(0,1.25fr);grid-template-areas:"life front front front front deck""life energy energy energy energy phase""rem ap ap ap kw disc";min-width:0;min-height:0;display:grid;position:relative}.ua-half[data-side=opponent],.ua-half[data-side=opponent] :is(.ua-zone-name,.ua-life-title,.ua-phase,.ua-slot-card,.ua-kw-open,.ua-badges,.ua-ap-count){transform:rotate(180deg)}.ua-half[data-side=opponent] .ua-life-art{transform:rotate(270deg)}@container (aspect-ratio>=23/20){.ua-half{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.8fr) repeat(7,minmax(0,1.5fr)) repeat(2,minmax(0,1fr));grid-template-areas:"life front front front front phase phase phase deck rem""life energy energy energy energy ap ap ap disc kw"}}.ua-seatbar{justify-content:center;align-items:center;gap:.8em;min-width:0;min-height:2.9em;display:flex}.ua-seat{box-sizing:border-box;background:#fffffff0;border:1px solid #414b5066;border-radius:999px;flex:none;align-items:center;gap:.6em;min-width:0;max-width:min(60%,26em);padding:.25em 1em .25em .3em;display:flex}.ua-seat-self{border-color:var(--ua-accent);box-shadow:0 0 0 1px var(--ua-accent)}.ua-seat img,.ua-avatar-fallback,.ua-empty-avatar{object-fit:cover;border-radius:50%;flex:none;width:2.4em;height:2.4em}.ua-avatar-fallback,.ua-empty-avatar{background:var(--ua-surface-3);color:var(--ua-text-2);place-items:center;font-size:1.1em;display:grid}.ua-empty-avatar{border:1px dashed var(--ua-border-3);background:0 0}.ua-empty-invite{border:1px dashed var(--ua-border-3);min-width:0;min-height:0;color:inherit;cursor:pointer;background:0 0;padding:0;transition:background .16s,border-color .16s,transform .16s}.ua-empty-invite:hover{border-color:var(--ua-text-2);background:#e3ecef;transform:scale(1.08)}.ua-empty-invite:active:not(:disabled){transform:scale(1.02)}.ua-empty-invite:focus-visible{outline-offset:2px;outline:2px solid #2f6f8f}.ua-seat-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.ua-seat-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.1em;overflow:hidden}.ua-seat-text small{text-overflow:ellipsis;white-space:nowrap;color:var(--ua-text-3);font-size:.88em;overflow:hidden}@container (height<=520px){.ua-seat{padding:.1em .8em .1em .2em}.ua-seat img,.ua-avatar-fallback,.ua-empty-avatar{width:1.9em;height:1.9em}.ua-seat-text{flex-direction:row;align-items:baseline;gap:.6em}}.ua-zone{box-sizing:border-box;border:1px solid var(--ua-border);background:var(--ua-zone-bg);border-radius:.8em;justify-content:space-evenly;align-items:center;gap:2%;min-width:0;min-height:0;padding:0 1.5%;display:flex;position:relative;box-shadow:0 1px 4px #1e252a1a;container-type:size}.ua-z-front{grid-area:front}.ua-z-energy{grid-area:energy}.ua-z-ap{background:#6b6b6b;border-color:#5a5a5a;grid-area:ap}.ua-z-life{grid-area:life}.ua-z-deck{grid-area:deck}.ua-z-removal{grid-area:rem}.ua-z-discard{grid-area:disc}.ua-phases{grid-area:phase}.ua-keywords{grid-area:kw}.ua-slot{height:min(90cqh, calc(88cqw / var(--n) * 1.4));aspect-ratio:5/7;border:1px solid var(--ua-border-3);background:var(--ua-surface);box-shadow:inset 0 0 0 2px var(--ua-surface), inset 0 0 0 3px var(--ua-slot-line);border-radius:.5em;flex:none;transition:transform .2s;position:relative}.ua-slot[data-rested]{transform:rotate(90deg)}.ua-slot:before,.ua-slot:after{content:"";aspect-ratio:1;pointer-events:none;border:0 solid #9aa1a6;width:16%;position:absolute}.ua-slot:before{border-top-width:2px;border-left-width:2px;top:5%;left:7%}.ua-slot:after{border-bottom-width:2px;border-right-width:2px;bottom:5%;right:7%}.ua-z-ap .ua-slot{background:var(--ua-ap-bg);box-shadow:inset 0 0 0 2px var(--ua-ap-bg), inset 0 0 0 3px #858585;border-color:#7d7d7d}.ua-z-ap .ua-slot:before,.ua-z-ap .ua-slot:after{border-color:#727272}.ua-slot-card{border-radius:inherit;object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.ua-slot-name{background:var(--ua-surface);text-align:center;place-items:center;padding:4%;display:grid;overflow:hidden}.ua-card-back{background:var(--ua-accent);box-shadow:inset 0 0 0 2px var(--ua-surface), inset 0 0 0 4px var(--ua-card-back-line);background-image:repeating-linear-gradient(45deg,#ffffff12 0 3px,#0000 3px 8px)}.ua-zone-name{z-index:2;color:var(--ua-muted-zone);letter-spacing:.06em;text-align:center;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;padding:2%;font-size:1.7em;font-weight:700;display:grid;position:absolute;inset:0}.ua-z-ap .ua-zone-name{color:#ffffff8c}.ua-zone-large .ua-zone-name{white-space:normal;overflow-wrap:anywhere;letter-spacing:0;font-size:1.05em;line-height:1.15}.ua-zone:has(.ua-slot-card) .ua-zone-name{opacity:0}.ua-z-life{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.25em;padding:.3em}.ua-life-title{text-align:center;color:#464e54a6;flex:none;font-size:1.05em;font-weight:700;line-height:1.2}.ua-life-stack{--gaps:max(calc(var(--n) - 1), 1);flex:1 1 0;min-height:0;margin:0;padding:0;list-style:none;position:relative;container-type:size}.ua-life-card{--w:min(100cqw, calc(140cqh / (1 + var(--gaps) * .38)));--h:calc(var(--w) / 1.4);--step:min(calc(var(--h) * .6), calc((100cqh - var(--h)) / var(--gaps)));left:50%;top:calc(var(--i) * var(--step));width:var(--w);height:var(--h);margin-left:calc(var(--w) / -2);background:var(--ua-surface);border-radius:.4em;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #7f878c}.ua-life-art{width:var(--h);height:var(--w);margin-left:calc(var(--h) / -2);margin-top:calc(var(--w) / -2);object-fit:cover;position:absolute;top:50%;left:50%;transform:rotate(90deg)}.ua-life-card .ua-card-back{position:absolute;inset:0}.ua-phases{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);gap:.2em;min-height:0;margin:0;padding:0;list-style:none;display:grid;container-type:inline-size}.ua-phase{border:1px solid var(--ua-border-3);background:var(--ua-phase-bg);min-width:0;min-height:0;color:var(--ua-text-2);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.15em;padding:0 .3em;font-size:.92em;line-height:1;display:flex;overflow:hidden}@container (aspect-ratio>=23/20){.ua-phases{grid-template-columns:repeat(3,minmax(0,1fr))}}.ua-phase i{font-style:normal}.ua-phase-short{display:none}.ua-phase.is-active{border-color:var(--ua-accent);background:var(--ua-accent);color:var(--ua-surface);font-weight:700}@container (width<=7.5em){.ua-phase-label{display:none}.ua-phase-short{display:inline}}.ua-keywords{border:1px solid var(--ua-border);background:var(--ua-panel-bg);min-width:0;min-height:0;box-shadow:0 1px 4px var(--ua-shadow);border-radius:.8em;flex-direction:column;gap:.2em;padding:.35em;font-size:.9em;display:flex;position:relative}.ua-keywords h3{color:var(--ua-text-2);flex:none;margin:0;font-size:1.05em;line-height:1.2}.ua-keywords ul{overscroll-behavior:contain;flex-wrap:wrap;flex:auto;align-content:flex-start;gap:.25em;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ua-kw{border:1px solid var(--ua-border-3);background:var(--ua-surface);min-height:0;color:var(--ua-text);font:inherit;cursor:pointer;border-radius:999px;padding:.1em .45em;line-height:1.35;transform:none}.ua-kw:active:not(:disabled){filter:brightness(.94);transform:none}.ua-kw[aria-pressed=true]{border-color:var(--ua-accent);background:var(--ua-accent);color:var(--ua-surface)}.ua-kw-bubble{z-index:6;border:1px solid var(--ua-border-2);background:var(--ua-surface);border-radius:.6em;width:18em;max-width:70vw;padding:.7em .8em;font-size:1.05em;line-height:1.5;position:absolute;bottom:calc(100% + .4em);right:0;box-shadow:0 4px 14px #1e252a40}.ua-kw-bubble p{margin:.2em 0 0}.ua-dock{z-index:10;width:var(--ua-panel-w);max-width:100%;transition:transform .22s;position:absolute;top:0;bottom:0;right:0;transform:translate(0);box-shadow:-6px 0 20px #0000002e}.ua-dock[data-open=false]{box-shadow:none;transform:translate(105%)}.ua-panel{overscroll-behavior:contain;box-sizing:border-box;border:1px solid var(--ua-border);visibility:visible;background:#fffffff7;border-radius:6px;flex-direction:column;gap:12px;width:100%;height:100%;min-height:0;padding:14px;transition:visibility linear;display:flex;position:relative;overflow-y:auto}.ua-panel[data-open=false]{visibility:hidden;transition-delay:.22s}.ua-panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ua-panel-head strong{font-size:15px}.ua-panel-close{min-width:44px;min-height:44px;padding:4px 12px}.ua-status{border-bottom:1px solid var(--ua-border);justify-content:space-between;align-items:baseline;padding-bottom:10px;display:flex}.ua-status strong{font-size:22px}.ua-room-actions{gap:9px;display:grid}.ua-room-actions p{color:var(--ua-text-3);margin:0;font-size:13px}.ua-room-actions p strong{color:var(--ua-text);letter-spacing:.12em}.ua-room-actions input{border:1px solid var(--ua-border-2);min-height:38px;font:inherit;border-radius:5px;padding:7px 9px}.ua-hint,.ua-error{border-radius:4px;margin:0;padding:9px;font-size:12px;line-height:1.55}.ua-hint{color:var(--ua-text-3);padding:0}.ua-error{color:var(--ua-danger);background:#ffeceb}.ua-deck,.ua-game{border-bottom:1px solid var(--ua-border);gap:8px;padding-bottom:12px;display:grid}.ua-deck-head{color:var(--ua-text-3);justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;display:flex}.ua-deck-head h2{color:var(--ua-text);margin:0;font-size:16px}.ua-deck-actions{flex-wrap:wrap;gap:6px;display:flex}.ua-deck-actions button{min-height:36px;padding:4px 12px}.ua-deck-ok{color:#1f6b43;background:#e6f4ec;border-radius:4px;margin:0;padding:7px 9px;font-size:12px}.ua-deck-issues{color:var(--ua-danger);background:#ffeceb;border-radius:4px;margin:0;padding:7px 9px 7px 24px;font-size:12px;line-height:1.55}.ua-mulligan{border:1px solid var(--ua-border);background:var(--ua-surface-2);border-radius:6px;gap:6px;padding:8px;display:grid}.ua-mulligan p{color:var(--ua-text-2);margin:0;font-size:12px;line-height:1.5}.ua-hand{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ua-hand li{aspect-ratio:5/7;width:44px}.ua-hand img,.ua-hand .ua-card-missing{object-fit:cover;border-radius:3px;width:100%;height:100%}.ua-catalog{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.ua-catalog h2{margin:0;font-size:16px}.ua-catalog-heading{color:var(--ua-text-3);justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.ua-catalog-heading h2{color:var(--ua-text)}.ua-catalog>input{border:1px solid var(--ua-border-2);min-height:36px;font:inherit;border-radius:5px;padding:6px 8px}.ua-card-list{overscroll-behavior:contain;flex:1 1 0;align-content:start;gap:4px;min-height:120px;display:grid;overflow-y:auto}.ua-card-row{min-width:0;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:4px;display:flex}.ua-card-row:hover,.ua-card-row.is-selected{background:#eef1f2;border-color:#9ca9ae}.ua-card-pick{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.ua-card-pick>span{min-width:0}.ua-card-pick img,.ua-card-missing{object-fit:cover;flex-shrink:0;width:34px;height:46px}.ua-stepper{flex:none;align-items:center;gap:2px;display:flex}.ua-stepper button{border:1px solid var(--ua-border-2);background:var(--ua-surface);width:32px;height:32px;color:inherit;font:inherit;cursor:pointer;border-radius:5px;padding:0;line-height:1}.ua-stepper button:disabled{opacity:.35;cursor:not-allowed}.ua-stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:1.6em;font-size:13px}.ua-card-missing{background:#e2e6e7;place-items:center;display:grid}.ua-card-row strong,.ua-card-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ua-card-row>span{flex:1;min-width:0}.ua-card-row strong{font-size:12px}.ua-card-row small{color:var(--ua-text-3);font-size:10px}.ua-card-preview{border-bottom:1px solid var(--ua-border);grid-template-columns:70px minmax(0,1fr);align-items:center;gap:9px;margin:0;padding:6px 0;display:grid}.ua-card-zoom{cursor:zoom-in;background:0 0;border:0;border-radius:3px;width:70px;height:98px;padding:0;display:block}.ua-card-zoom:focus-visible{outline:3px solid var(--ua-info);outline-offset:2px}.ua-card-preview img{object-fit:contain;width:70px;height:98px;display:block}.ua-card-preview figcaption{gap:5px;min-width:0;display:grid}.ua-card-preview small{color:var(--ua-text-3);overflow-wrap:anywhere}.ua-backdrop{display:none}.ua-app[data-compact=true]{padding:max(2px, env(safe-area-inset-top)) max(4px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));gap:2px}.ua-app[data-compact=true] .ua-back,.ua-app[data-compact=true] .ua-toggle{min-height:32px;padding:2px 9px;font-size:13px}.ua-app[data-compact=true] .ua-account span{max-width:5em}@media (width<=420px){.ua-app[data-compact=true] .ua-account span{max-width:3.5em}.ua-app[data-compact=true] .ua-back,.ua-app[data-compact=true] .ua-toggle{padding:2px 7px}}.ua-app[data-compact=true] .ua-dock{display:contents}.ua-app[data-compact=true] .ua-backdrop{z-index:20;opacity:1;visibility:visible;background:#141c2073;transition:opacity .22s,visibility linear;display:block;position:fixed;inset:0}.ua-app[data-compact=true] .ua-backdrop[data-open=false]{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,.22s}.ua-app[data-compact=true] .ua-panel{z-index:30;left:0;right:0;bottom:var(--ua-kb,0px);width:auto;height:auto;max-height:min(78vh,100vh - 24px);padding:12px 14px calc(14px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;transition:transform .22s,visibility linear;position:fixed;transform:translateY(0);box-shadow:0 -6px 24px #00000040}@supports (height:100dvh){.ua-app[data-compact=true] .ua-panel{max-height:min(78dvh,100dvh - 24px)}}.ua-app[data-compact=true] .ua-panel[data-open=false]{transition-delay:0s,.22s;transform:translateY(105%)}.ua-app[data-compact=true] .ua-card-list{flex:none;min-height:0;max-height:34vh}@supports (height:100dvh){.ua-app[data-compact=true] .ua-card-list{max-height:34dvh}}.ua-app[data-compact=true] .ua-room-actions input,.ua-app[data-compact=true] .ua-catalog>input{font-size:16px}@media (orientation:landscape){.ua-app[data-compact=true] .ua-panel{width:min(420px,62vw);height:100vh;max-height:100vh;padding-right:max(14px, env(safe-area-inset-right));border-radius:12px 0 0 12px;inset:0 0 auto auto;box-shadow:-6px 0 24px #00000040}@supports (height:100dvh){.ua-app[data-compact=true] .ua-panel{height:100dvh;max-height:100dvh}}.ua-app[data-compact=true] .ua-panel[data-open=false]{transform:translate(105%)}}.ua-roominfo{min-width:0;color:var(--ua-text-2);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;overflow:hidden}.ua-roominfo strong{letter-spacing:.12em;color:var(--ua-text)}.ua-roominfo-main{text-overflow:ellipsis;min-width:0;overflow:hidden}.ua-roominfo .ua-roominfo-error{color:var(--ua-danger);text-overflow:ellipsis;overflow:hidden}.ua-room-window-backdrop{z-index:40;background:#141c207a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ua-room-window{box-sizing:border-box;border:1px solid var(--ua-border);background:var(--ua-surface);border-radius:8px;gap:14px;width:min(520px,100%);max-height:min(720px,100vh - 40px);padding:18px;display:grid;overflow-y:auto;box-shadow:0 18px 48px #141c2047}.ua-room-window-code{color:var(--ua-text-3);margin:0}.ua-room-window-code strong{color:var(--ua-text);letter-spacing:.14em;font-size:20px}.ua-room-window-players{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.ua-room-window-players strong{flex-basis:100%}.ua-room-window-players span{background:var(--ua-surface-3);border-radius:5px;padding:5px 8px;font-size:12px}.invite-toast{z-index:60;border:1px solid var(--ua-border);background:var(--ua-surface);border-radius:8px;gap:8px;width:min(320px,100vw - 44px);padding:16px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 32px #0003}.ua-lb{z-index:50;box-sizing:border-box;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;align-items:stretch;gap:10px;display:flex;position:fixed;inset:0;overflow:hidden}.ua-lb-scrim{background:#0a0e10b8;position:absolute;inset:0}.ua-lb-stage{pointer-events:none;flex:1 1 0;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.ua-lb:has(.ua-lb-nav) .ua-lb-stage{margin:0 52px}.ua-lb-card{aspect-ratio:600/838;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto;width:min(100cqw,71.599cqh);height:auto;display:block;position:relative}.ua-lb-nav{z-index:1;width:44px;height:44px;color:var(--ua-surface);cursor:pointer;background:#1e252aeb;border:1px solid #ffffffb3;border-radius:50%;place-items:center;margin-top:-22px;padding:0;font:700 20px/1 system-ui,sans-serif;display:grid;position:absolute;top:50%}.ua-lb[data-actions] .ua-lb-nav{top:40%}.ua-lb-prev{left:max(10px, env(safe-area-inset-left))}.ua-lb-next{right:max(10px, env(safe-area-inset-right))}.ua-lb-nav:hover{background:#3c464cf5}.ua-lb-nav:focus-visible{outline:3px solid var(--ua-surface);outline-offset:3px}.ua-lb-position{z-index:1;top:max(22px, env(safe-area-inset-top));color:var(--ua-surface);background:#1e252ad9;border-radius:999px;padding:2px 10px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.ua-lb-actions{z-index:1;box-sizing:border-box;width:min(560px,100%);max-height:40%;color:var(--ua-text);background:#fffffff7;border-radius:10px;flex:none;align-self:center;gap:8px;padding:10px 12px;font-size:13px;display:grid;position:relative;overflow-y:auto}.ua-lb-close{z-index:1;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));width:44px;height:44px;color:var(--ua-surface);cursor:pointer;background:#1e252aeb;border:1px solid #ffffffb3;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.ua-lb-close:hover{background:#3c464cf5}.ua-lb-close:focus-visible{outline:3px solid var(--ua-surface);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.ua-dock,.ua-panel,.ua-backdrop,.ua-slot,.ua-toggle{transition-duration:0s!important;transition-delay:0s!important}}.ua-app:has(>.ua-actionbar-row){grid-template-rows:auto auto minmax(0,1fr)}.ua-actionbar{border:1px solid var(--ua-border);background:var(--ua-surface);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:6px 10px;font-size:13px;display:flex;box-shadow:0 1px 4px #1e252a14}.ua-actionbar[data-mine]{border-color:var(--ua-accent);box-shadow:0 0 0 1px var(--ua-accent)}.ua-actionbar-text{flex:320px;gap:2px;min-width:0;display:grid}.ua-actionbar-prompt{margin:0;font-weight:600;line-height:1.45}.ua-actionbar-log,.ua-actionbar-notice{text-overflow:ellipsis;white-space:nowrap;color:var(--ua-text-3);margin:0;font-size:12px;overflow:hidden}.ua-actionbar-notice{color:var(--ua-danger);white-space:normal}.ua-actionbar-buttons{flex-wrap:wrap;flex:0 auto;align-items:center;gap:6px;display:flex}.ua-actionbar-buttons>button{min-height:32px;padding:3px 12px}.ua-winring{flex:none;width:18px;height:18px;transform:rotate(-90deg)}.ua-winring circle{fill:none;stroke-width:2.5px}.ua-winring circle:first-child{stroke:#d7dcdf}.ua-winring circle:last-child{stroke:#2f80d8;stroke-linecap:round;transition:stroke-dasharray .4s}.ua-effects{position:relative}.ua-effects summary{border:1px solid var(--ua-border-2);background:var(--ua-surface-2);cursor:pointer;border-radius:5px;place-items:center;min-height:32px;padding:0 10px;list-style:none;display:grid}.ua-effects summary::-webkit-details-marker{display:none}.ua-effects-menu{z-index:15;border:1px solid var(--ua-border);background:var(--ua-surface);border-radius:6px;gap:4px;width:max-content;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 18px #0000002e}.ua-effects-menu button{min-height:32px;padding:3px 10px}.ua-handstrip button{touch-action:pan-x}.ua-slot-button,.ua-life-pick{touch-action:none}.ua-slot-button,.ua-handstrip button,.ua-life-pick{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ua-slot-button{font:inherit;color:inherit;cursor:grab;padding:0}[data-dragging]{opacity:.35}[data-armed]{transform:translateY(-4px);box-shadow:0 0 0 3px var(--ua-info), 0 0 12px 3px #0b57d0b3!important}.ua-slot[data-armed][data-rested]{transform:rotate(90deg)translateY(-4px)}[data-drop-ok=yes]:not([data-card-key]){outline:3px dashed var(--ua-ok);outline-offset:-3px;background-color:#1f7a4524}[data-drop-ok=blocked]:not([data-card-key]){outline:3px dashed var(--ua-danger);outline-offset:-3px;opacity:.7}[data-card-key][data-drop-ok=yes]{box-shadow:0 0 0 3px var(--ua-ok), 0 0 10px 2px #1f7a4599!important}[data-card-key][data-drop-ok=blocked]{box-shadow:0 0 0 3px var(--ua-danger)!important}[data-drop-hover]:not([data-card-key]){background-color:#1f7a4559}[data-drop-hover][data-card-key]{transform:scale(1.06)}.ua-slot-ghost{border-style:dashed;border-color:var(--ua-info);box-shadow:none;background:#0b57d014}.ua-ghost-card{border-radius:inherit;opacity:.5;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.ua-ghost-card:hover{opacity:.75}.ua-ghost-card:focus-visible{outline:3px solid var(--ua-info);outline-offset:2px}.ua-move-bubble{z-index:60;border:1px solid var(--ua-border-2);background:var(--ua-surface);white-space:nowrap;border-radius:8px;gap:6px;padding:6px;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 6px 18px #00000047}.ua-move-bubble[data-below]{transform:translate(-50%)}.ua-move-bubble:after{content:"";background:var(--ua-surface);border:solid var(--ua-border-2);border-width:0 1px 1px 0;width:10px;height:10px;position:absolute;top:100%;left:50%;transform:translate(-50%,-5px)rotate(45deg)}.ua-move-bubble[data-below]:after{border-width:1px 0 0 1px;top:0;transform:translate(-50%,-5px)rotate(45deg)}.ua-move-bubble button{min-height:32px;font:inherit;padding:3px 10px}.ua-drag-ghost{z-index:1000;aspect-ratio:5/7;pointer-events:none;background:var(--ua-surface);opacity:.92;border-radius:.4em;width:clamp(54px,7vw,96px);position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 8px 22px #0006}.ua-drag-ghost img{object-fit:cover;width:100%;height:100%;display:block}.ua-slot-button:focus-visible,.ua-life-pick:focus-visible,.ua-handstrip button:focus-visible{outline:3px solid var(--ua-info);outline-offset:2px}[data-candidate]{box-shadow:0 0 0 3px #e3a008,0 0 10px 2px #e3a008a6!important}[data-selected]{box-shadow:0 0 0 3px var(--ua-info), 0 0 10px 2px #0b57d099!important}.ua-badges{z-index:3;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:2px;display:flex;position:absolute;bottom:3%;left:0;right:0}.ua-badge{color:var(--ua-surface);white-space:nowrap;background:#1e252ae0;border-radius:999px;padding:0 .35em;font-size:.72em;font-weight:700;line-height:1.45}.ua-badge-bp.is-up{background:var(--ua-ok)}.ua-badge-bp.is-down,.ua-badge.is-down{background:var(--ua-danger)}.ua-badge-kw{background:var(--ua-warn)}.ua-ap-card{color:#f0f0f0;letter-spacing:.1em;background:#1f262a;place-items:center;font-weight:800;display:grid;box-shadow:inset 0 0 0 2px #888}.ua-ap-count{z-index:3;color:var(--ua-surface);font-size:.85em;font-weight:700;position:absolute;top:.3em;right:.5em}.ua-life-card[data-candidate],.ua-life-card[data-selected]{overflow:visible}.ua-life-pick{border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0;overflow:hidden}.ua-handstrip{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex:auto;gap:.35em;min-width:0;margin:0;padding:.2em;list-style:none;display:flex;overflow:auto hidden}.ua-handstrip li{flex:none}.ua-handstrip button{cursor:grab;aspect-ratio:5/7;border:1px solid var(--ua-border-3);background:var(--ua-surface);cursor:pointer;border-radius:.35em;flex:none;width:clamp(33px,3.28571em,79px);min-width:0;height:clamp(46px,4.6em,110px);padding:0;display:block;overflow:hidden}.ua-handstrip .ua-card-missing{place-items:center;width:100%;height:100%;display:grid}.ua-handstrip img{object-fit:cover;width:100%;height:100%;display:block}.ua-opp-hand{align-items:center;gap:2px;display:flex}.ua-opp-hand .ua-card-back{aspect-ratio:5/7;border-radius:2px;width:1.2em}.ua-opp-hand small{color:var(--ua-text-2);margin-left:.3em;font-weight:700}.ua-lb-info{margin:0;line-height:1.5}.ua-lb-warn{color:var(--ua-danger);margin:0}.ua-lb-buttons{flex-wrap:wrap;gap:6px;display:flex}.ua-lb-buttons button,.ua-lb-buttons select{min-height:34px;font:inherit;padding:3px 10px}.ua-manual summary{cursor:pointer;color:var(--ua-text-2)}.ua-manual .ua-lb-buttons{margin-top:6px}.ua-hand-zoom{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.ua-hand-zoom:focus-visible{outline:3px solid var(--ua-info);outline-offset:2px}.ua-log{background:var(--ua-surface-2);max-height:180px;color:var(--ua-text-2);border-radius:4px;margin:0;padding:6px 8px 6px 24px;font-size:12px;line-height:1.5;overflow-y:auto}.ua-app[data-compact=true] .ua-actionbar{padding:4px 6px;font-size:12px}.ua-app[data-compact=true] .ua-actionbar-buttons>button,.ua-app[data-compact=true] .ua-effects summary{min-height:30px;padding:2px 8px}.ua-app:has(>.ua-coach){grid-template-rows:auto auto minmax(0,1fr)}.ua-app:has(>.ua-coach):has(>.ua-actionbar-row){grid-template-rows:auto auto auto minmax(0,1fr)}.ua-app[data-bare=true]{grid-template-rows:minmax(0,1fr)}.ua-app[data-bare=true]:has(>.ua-actionbar-row){grid-template-rows:auto minmax(0,1fr)}.ua-coach{border:1px solid var(--ua-warn);background:var(--ua-coach-bg);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:7px 10px;font-size:14px;display:grid}.ua-coach-progress{background:var(--ua-warn);color:var(--ua-surface);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.ua-coach-text{margin:0;line-height:1.55}.ua-coach-notice{color:var(--ua-danger);grid-column:2;margin:0;font-size:12px}.ua-coach-buttons{grid-area:1/3;gap:6px;display:flex}.ua-coach-buttons:empty{display:none}.ua-coach-buttons button{min-height:32px;padding:3px 14px}.ua-coach-target{outline:3px dashed var(--ua-warn);outline-offset:2px}.ua-app[data-compact=true] .ua-coach{grid-template-columns:auto minmax(0,1fr);padding:5px 6px;font-size:12px}.ua-app[data-compact=true] .ua-coach-buttons{grid-area:auto/1/auto/-1}.ua-lobby{box-sizing:border-box;min-height:100dvh;padding:12px max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left));background:var(--ua-bg);color:var(--ua-text);grid-template-rows:auto 1fr;gap:16px;font-family:Microsoft YaHei,system-ui,sans-serif;display:grid}.ua-lobby-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.ua-lobby-header h1{text-align:center;flex:auto;margin:0;font-size:clamp(18px,3vw,26px)}.ua-lobby-modes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-self:start;gap:16px;width:min(1080px,100%);margin:0 auto;display:grid}.ua-mode{border:1px solid var(--ua-border);background:var(--ua-surface);border-radius:10px;grid-template-rows:auto 1fr;display:grid;overflow:hidden;box-shadow:0 2px 10px #1e252a14}.ua-mode-cover{background:var(--ua-accent);place-items:center;height:180px;display:grid;overflow:hidden}.ua-mode-cover img{aspect-ratio:600/838;border-radius:6px;height:160px;transform:rotate(-4deg);box-shadow:0 6px 18px #00000059}.ua-mode[data-closed] .ua-mode-cover img{filter:grayscale();opacity:.55}.ua-mode-body{align-content:start;gap:10px;padding:14px 16px 16px;display:grid}.ua-mode-body h2{align-items:center;gap:8px;margin:0;font-size:19px;display:flex}.ua-mode-body p{color:var(--ua-text-2);margin:0;font-size:14px;line-height:1.6}.ua-mode-body button{justify-self:start;min-width:120px}.ua-mode-tag{background:var(--ua-surface-3);color:var(--ua-text-2);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600}.ua-app[data-compact=true] .ua-coach-text{max-height:4.6em;line-height:1.5;overflow-y:auto}.ua-app[data-compact=true] .ua-actionbar-text{flex-basis:100%}.ua-app[data-compact=true] .ua-actionbar-prompt{max-height:3em;font-weight:600;line-height:1.5;overflow-y:auto}.ua-app[data-compact=true] .ua-actionbar-log{display:none}.ua-ai-setup{align-self:start;gap:18px;width:min(860px,100%);margin:0 auto;display:grid}.ua-ai-setup section{border:1px solid var(--ua-border);background:var(--ua-surface);border-radius:10px;gap:10px;padding:14px 16px;display:grid}.ua-ai-setup h2{margin:0;font-size:17px}.ua-ai-options{grid-template-columns:repeat(3,minmax(0,1fr)) 1px minmax(0,1fr);gap:8px;display:grid}.ua-ai-divider{background:var(--ua-border);align-self:stretch;margin:4px 0}@media (width<=640px){.ua-ai-options{grid-template-columns:minmax(0,1fr)}.ua-ai-divider{height:1px;margin:4px 0}}.ua-ai-option{border:1px solid var(--ua-border-2);background:var(--ua-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:8px;align-content:start;gap:4px;padding:10px 12px;display:grid}.ua-ai-option strong{font-size:15px}.ua-ai-option span{color:var(--ua-text-2);font-size:12px;line-height:1.5}.ua-ai-option[aria-checked=true]{border-color:var(--ua-accent);box-shadow:0 0 0 2px var(--ua-accent);background:var(--ua-surface-2)}.ua-ai-option[data-level=master]{border-color:var(--ua-text);background:var(--ua-text);color:var(--ua-surface)}.ua-ai-option[data-level=master] span{color:#b9c2c7}.ua-ai-option[data-level=master][aria-checked=true]{box-shadow:0 0 0 2px var(--ua-surface), 0 0 0 4px var(--ua-text);background:#000}.ua-ai-decks{flex-wrap:wrap;gap:12px;display:flex}.ua-ai-decks label{gap:4px;font-size:13px;display:grid}.ua-ai-decks select{border:1px solid var(--ua-border-2);min-height:36px;font:inherit;border-radius:5px;padding:4px 8px}.ua-ai-builder-filter{flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;display:flex}.ua-ai-builder-filter>input{border:1px solid var(--ua-border-2);background:var(--ua-surface);min-height:36px;color:var(--ua-text);font:inherit;border-radius:5px;flex:220px;padding:6px 8px}.ua-ai-builder-filter label{align-items:center;gap:6px;display:flex}.ua-ai-builder-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-height:440px}.ua-deck-preset{border:1px solid var(--ua-border-2);background:var(--ua-surface);min-height:36px;color:var(--ua-text);font:inherit;border-radius:5px;padding:4px 8px}.ua-ai-start{justify-self:center;min-width:200px;min-height:44px;font-size:16px}.ua-lb-auto,.ua-lb-manual{border-radius:4px;margin:0;padding:4px 8px;font-size:12px}.ua-lb-auto{color:#1f6b43;background:#e6f4ec}.ua-lb-manual{background:var(--ua-surface)4;color:#8a5a00}.ua-room-page{background:var(--ua-surface-3);min-height:100vh;color:var(--ua-text);flex-direction:column;display:flex}.ua-room-page-header{border-bottom:1px solid var(--ua-border);background:var(--ua-surface);align-items:center;gap:16px;padding:14px 20px;display:flex}.ua-room-page-brand{flex:1;min-width:0}.ua-room-page-brand h1{margin:2px 0 0;font-size:22px}.ua-room-page-main{flex:1;place-items:start center;padding:32px 20px;display:grid}.ua-room-page-card{box-sizing:border-box;background:var(--ua-surface);border:1px solid var(--ua-border);border-radius:12px;gap:14px;width:min(560px,100%);padding:20px;display:grid;box-shadow:0 2px 10px #1e252a14}.ua-room-page-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.ua-room-page-head h2{margin:2px 0 0;font-size:20px}.ua-room-page-cover{aspect-ratio:600/838;object-fit:cover;border-radius:6px;width:96px;transform:rotate(-4deg);box-shadow:0 6px 18px #00000040}.ua-room-page-create{justify-self:start;min-width:160px}.ua-room-page-join{border-top:1px solid #d7dcde;gap:8px;padding-top:14px;display:grid}.ua-room-page-join input{border:1px solid var(--ua-border);letter-spacing:.16em;font-variant-numeric:tabular-nums;border-radius:6px;padding:9px 12px;font-size:16px}.ua-room-page-join button{justify-self:start;min-width:140px}@media (width<=640px){.ua-room-page-cover{display:none}.ua-room-page-join button{justify-self:stretch}}.ua-notices{z-index:6;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:2px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.ua-notice{color:var(--ua-surface);white-space:nowrap;margin-bottom:calc(var(--slot,0) * 1.55em);background:#1a242ad1;border-radius:999px;padding:2px 7px;font-size:.72em;font-weight:600;line-height:1.5;animation:1.5s ease-out forwards ua-notice-rise;display:block;transform:rotate(0)}@keyframes ua-notice-rise{0%{opacity:0;transform:translateY(4px)}18%{opacity:1;transform:translateY(0)}55%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}.ua-slot[data-rested] .ua-notices{transform-origin:bottom;transform:translate(-50%)rotate(-90deg)}@media (prefers-reduced-motion:reduce){.ua-notice{animation-duration:.6s}@keyframes ua-notice-rise{0%{opacity:0}40%{opacity:1}to{opacity:0}}}@supports not (width:1cqmin){.ua-table{font-size:12px}.ua-handstrip button{width:37px;height:52px}.ua-seat img,.ua-avatar-fallback,.ua-empty-avatar{width:26px;height:26px}.ua-slot{height:84px}}html[data-theme=dark] .ua-app,html[data-theme=dark] .ua-lobby,html[data-theme=dark] .ua-room-page{--ua-bg:#14181a;--ua-surface:#1e2428;--ua-surface-2:#232a2f;--ua-surface-3:#2a3238;--ua-table-bg:#181d20;--ua-text:#e8ebed;--ua-text-2:#b3bcc2;--ua-text-3:#8d979e;--ua-border:#39434a;--ua-border-2:#46525a;--ua-border-3:#46525a;--ua-accent:#cfd8dd;--ua-accent-text:#14181a;--ua-slot-bg:#20262b;--ua-slot-line:#3a444b;--ua-zone-bg:#ffffff0d;--ua-muted-zone:#c8d2d838;--ua-ap-bg:#333b41;--ua-ap-text:#dfe5e9;--ua-stripe-1:#ffffff08;--ua-stripe-2:#a0acb40f;--ua-shadow:#0006;--ua-danger:#e07b74;--ua-ok:#6bc48c;--ua-warn:#d9a441;--ua-info:#6ea8e8;--ua-card-back-bg:#2b343a;--ua-card-back-line:#4a555d;--ua-phase-bg:#2a3238;--ua-panel-bg:#ffffff0d;--ua-coach-bg:#2d2622;--ua-table-border:#39434a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] .ua-slot{box-shadow:inset 0 0 0 2px var(--ua-slot-bg), inset 0 0 0 3px var(--ua-slot-line)}html[data-theme=dark] .ua-table{border-color:var(--ua-border)}html[data-theme=dark] .ua-zone{border-color:var(--ua-border);background:var(--ua-zone-bg)}html[data-theme=dark] .ua-zone-name{color:var(--ua-muted-zone)}html[data-theme=dark] .ua-seat{border-color:var(--ua-border-2);background:#1e2428f0}html[data-theme=dark] .ua-seat-self{border-color:var(--ua-accent);box-shadow:0 0 0 1px var(--ua-accent)}html[data-theme=dark] .ua-avatar-fallback,html[data-theme=dark] .ua-empty-avatar{background:var(--ua-surface-3);color:var(--ua-text-2)}html[data-theme=dark] .ua-primary{color:#f0f3f5;background:#3a464e;border-color:#4d5a63}html[data-theme=dark] .ua-toggle{border-color:var(--ua-border-2);background:var(--ua-surface-2)}html[data-theme=dark] .ua-toggle:active:not(:disabled){background:var(--ua-surface-3)}html[data-theme=dark] .ua-card-back{background:var(--ua-card-back-bg);box-shadow:inset 0 0 0 2px var(--ua-surface), inset 0 0 0 4px var(--ua-card-back-line)}html[data-theme=dark] .ua-kw-bubble,html[data-theme=dark] .ua-move-bubble{background:var(--ua-surface);border-color:var(--ua-border-2);color:var(--ua-text)}html[data-theme=dark] .ua-move-bubble:after{background:var(--ua-surface);border-color:var(--ua-border-2)}html[data-theme=dark] .ua-badge{background:#0a0e10e0}html[data-theme=dark] .ua-coach{background:var(--ua-surface-2);border-color:var(--ua-border);color:var(--ua-text)}html[data-theme=dark] .ua-actionbar{background:var(--ua-surface);border-color:var(--ua-border)}.ua-tablebar{z-index:12;border:1px solid var(--ua-border);background:var(--ua-panel-bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);max-width:calc(100% - 16px);box-shadow:0 2px 10px var(--ua-shadow);border-radius:8px;align-items:center;gap:6px;padding:4px 6px;font-size:13px;display:flex;position:absolute;top:8px;right:8px}.ua-roomchip{white-space:nowrap;min-width:0;max-width:46vw;color:var(--ua-text-2);align-items:baseline;gap:6px;display:flex;overflow:hidden}.ua-roomchip-label{color:var(--ua-text-3);font-size:12px}.ua-roomchip strong{letter-spacing:.12em;color:var(--ua-text)}.ua-roomchip-people{font-size:12px}.ua-roomchip-status{text-overflow:ellipsis;min-width:0;color:var(--ua-text-3);font-size:12px;overflow:hidden}.ua-tablebar-error{text-overflow:ellipsis;max-width:30vw;color:var(--ua-danger);font-size:12px;overflow:hidden}.ua-menu-anchor{flex:none;position:relative}.ua-hamburger{border:1px solid var(--ua-border-2);background:var(--ua-surface);width:34px;height:28px;color:inherit;cursor:pointer;border-radius:5px;align-content:center;justify-items:center;gap:3px;padding:0;display:grid}.ua-hamburger:hover{background:var(--ua-surface-3)}.ua-hamburger:focus-visible{outline:3px solid var(--ua-info);outline-offset:2px}.ua-hamburger span{background:var(--ua-text);border-radius:1px;width:16px;height:2px;display:block}.ua-menu{z-index:14;border:1px solid var(--ua-border);background:var(--ua-surface);border-radius:8px;gap:2px;min-width:150px;padding:5px;display:grid;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 10px 26px #141c2047}.ua-menu-item{min-height:36px;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:6px 12px}.ua-menu-item:hover:not(:disabled){background:var(--ua-surface-3)}.ua-menu-item:disabled{opacity:.5;cursor:not-allowed}.ua-menu-danger{color:var(--ua-danger)}.ua-room-page-settings{border:1px solid var(--ua-border-2);color:inherit;white-space:nowrap;border-radius:5px;flex:none;padding:5px 12px;font-size:13px;text-decoration:none}.ua-room-page-settings:hover{background:var(--ua-surface-3)}.ua-room-page-notice{color:var(--ua-warn)}.ua-room-card{border:1px solid var(--ua-border);background:var(--ua-surface-2);border-radius:8px;gap:8px;padding:10px;display:grid}.ua-app[data-compact=true] .ua-tablebar{gap:4px;padding:3px 4px;font-size:12px;top:4px;right:4px}.ua-app[data-compact=true] .ua-roomchip{gap:4px;max-width:42vw}.ua-app[data-compact=true] .ua-roomchip-status,.ua-app[data-compact=true] .ua-roomchip-label{display:none}.ua-app[data-compact=true] .ua-hamburger{width:30px;height:26px}html[data-theme=dark] .ua-tablebar{border-color:var(--ua-border);background:#1e2428eb}html[data-theme=dark] .ua-menu{background:var(--ua-surface-2);border-color:var(--ua-border-2)}html[data-theme=dark] .ua-room-card,html[data-theme=dark] .ua-hamburger{background:var(--ua-surface-2)}.ua-spot{z-index:45;pointer-events:none;position:fixed}.ua-spot-scrim{z-index:44;pointer-events:none;width:100%;height:100%;transition:opacity .24s;display:block;position:fixed;inset:0}.ua-spot-scrim path{fill:#0c121694}.ua-spot-block{z-index:44;pointer-events:auto;position:fixed;inset:0}.ua-spot-ring{z-index:45;pointer-events:none;border:2px solid var(--ua-warn);border-radius:8px;transition:opacity .24s;position:fixed;box-shadow:0 0 0 3px #ffffff59,0 0 18px #b7791f8c}.ua-tutorial .ua-spot-tip,.ua-tutorial .ua-spot-ring{z-index:48}.ua-spot-tip{z-index:46;border:1px solid var(--ua-warn);background:var(--ua-surface);width:min(440px,100vw - 24px);max-height:min(60vh,100vh - 24px);color:var(--ua-text);text-align:left;opacity:1;border-radius:10px;grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;padding:14px 16px;font-size:14px;transition:opacity .24s;display:grid;position:fixed;overflow-y:auto;box-shadow:0 12px 32px #141c204d}@supports (height:100dvh){.ua-spot-tip{max-height:min(60dvh,100dvh - 24px)}}.ua-spot-tip[data-fading=true]{opacity:0}.ua-spot-tip-head{align-items:center;gap:8px;display:flex}.ua-spot-progress{background:var(--ua-warn);color:var(--ua-surface);border-radius:999px;flex:none;padding:1px 8px;font-size:12px;font-weight:700}.ua-spot-tip-title{min-width:0;color:var(--ua-text-3);flex:auto;font-size:13px}.ua-spot-close{border:1px solid var(--ua-border);background:var(--ua-surface-2);width:30px;height:30px;min-height:30px;color:var(--ua-text-2);font:inherit;cursor:pointer;border-radius:6px;flex:none;place-items:center;padding:0;line-height:1;display:grid}.ua-spot-close:hover{background:var(--ua-surface-3);color:var(--ua-text)}.ua-spot-close:focus-visible{outline:3px solid var(--ua-info);outline-offset:2px}.ua-spot-tip p{overflow-wrap:anywhere;margin:0;line-height:1.7}.ua-spot-tip .ua-spot-notice{color:var(--ua-danger);font-size:12px}.ua-spot-tip-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ua-spot-tip-buttons button{min-height:34px;padding:4px 16px}.ua-spot-tip-buttons:empty{display:none}html[data-theme=dark] .ua-spot-tip{background:var(--ua-surface-2);border-color:var(--ua-border-2)}@media (prefers-reduced-motion:reduce){.ua-spot-ring,.ua-spot-tip{transition-duration:0s!important}}.ua-minibar{z-index:12;display:flex;position:absolute;top:6px;right:6px}.ua-hamburger-mini{opacity:.55;background:#ffffff8c;border-color:#0000;gap:2px;width:26px;height:22px;padding:0;transition:opacity .16s,background .16s,border-color .16s}.ua-hamburger-mini span{width:12px;height:1.5px}.ua-hamburger-mini:hover,.ua-hamburger-mini:focus-visible{opacity:1;background:var(--ua-surface);border-color:var(--ua-border-2)}html[data-theme=dark] .ua-hamburger-mini{background:#1e24288c}html[data-theme=dark] .ua-hamburger-mini:hover,html[data-theme=dark] .ua-hamburger-mini:focus-visible{background:var(--ua-surface-2)}.ua-watchers{z-index:11;max-width:min(46vw,260px);color:var(--ua-text-2);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;box-shadow:0 1px 4px var(--ua-shadow);background:#fffc;border-radius:999px;margin:0;padding:2px 9px;font-size:12px;line-height:1.5;position:absolute;top:30px;right:8px;overflow:hidden}html[data-theme=dark] .ua-watchers{background:#1e2428d1}.ua-reveal{z-index:47;padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));box-sizing:border-box;background:#0a0e109e;grid-template-rows:minmax(0,1fr) auto;align-content:center;justify-items:center;gap:14px;animation:.18s ease-out ua-reveal-in;display:grid;position:fixed;inset:0}@keyframes ua-reveal-in{0%{opacity:0}to{opacity:1}}.ua-reveal-stage{align-self:center;place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative;container-type:size}.ua-reveal-card{aspect-ratio:600/838;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:6px;width:min(100cqw,71.599cqh);height:auto;animation:.26s cubic-bezier(.2,.8,.3,1) ua-reveal-card-in;display:block;box-shadow:0 18px 48px #0000008c,0 0 0 2px #ffffffb3,0 0 34px #ffd0788c}@keyframes ua-reveal-card-in{0%{opacity:.35;transform:scale(.84)}to{opacity:1;transform:scale(1)}}.ua-reveal-card.ua-reveal-missing{background:var(--ua-surface);color:var(--ua-text-2);place-items:center;font-size:16px;display:grid}.ua-reveal-info{border:1px solid var(--ua-warn);background:var(--ua-surface);width:min(560px,100%);color:var(--ua-text);border-radius:10px;gap:8px;padding:12px 14px;animation:.3s ease-out .1s backwards ua-reveal-info-in;display:grid;box-shadow:0 12px 32px #00000059}@keyframes ua-reveal-info-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ua-reveal-name{color:var(--ua-text-3);margin:0;font-size:13px}.ua-reveal-event{margin:0;font-weight:600;line-height:1.6}.ua-reveal-tabs{flex-wrap:wrap;gap:6px;display:flex}.ua-reveal-tab{border:1px solid var(--ua-border-2);background:var(--ua-surface-2);min-height:30px;color:inherit;font:inherit;cursor:pointer;border-radius:6px;padding:2px 10px;font-size:12px}.ua-reveal-tab[aria-pressed=true]{border-color:var(--ua-accent);background:var(--ua-accent);color:var(--ua-accent-text)}.ua-reveal-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ua-reveal-buttons button{min-height:38px;padding:4px 18px}html[data-theme=dark] .ua-reveal-info{background:var(--ua-surface-2);border-color:var(--ua-border-2)}@media (height<=520px){.ua-reveal{gap:8px;padding:8px}.ua-reveal-info{gap:6px;padding:8px 10px;font-size:12px}.ua-reveal-event{line-height:1.45}}@media (prefers-reduced-motion:reduce){.ua-reveal,.ua-reveal-card,.ua-reveal-info{animation-duration:0s!important}}.ua-flycard{z-index:48;pointer-events:none;will-change:transform, opacity;border-radius:.35em;position:fixed;overflow:hidden;box-shadow:0 8px 22px #00000059}.ua-flycard img{object-fit:cover;width:100%;height:100%;display:block}.ua-slot.is-landing{animation:.28s cubic-bezier(.2,.8,.3,1) ua-landing}@keyframes ua-landing{0%{opacity:.35;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.ua-half[data-side=opponent] .ua-slot.is-landing{animation-name:ua-landing-flipped}@keyframes ua-landing-flipped{0%{opacity:.35;transform:rotate(180deg)scale(.82)}to{opacity:1;transform:rotate(180deg)scale(1)}}@media (prefers-reduced-motion:reduce){.ua-slot.is-landing{animation:none}.ua-flycard{display:none}}.ua-reveal-target{white-space:nowrap}@media (prefers-reduced-motion:reduce){.ua-reveal-card{animation:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101112;--surface:#18191b;--surface-raised:#1f2023;--surface-soft:#232428;--border:#303236;--border-strong:#484b50;--text:#f3f4f6;--muted:#9da1a8;--accent:#f2f3f5;--accent-text:#111214;--danger:#ff8d8d;--ok:#82d6a1;--shogi-turn-bg:#1b2a21;--shogi-turn-text:#a6e1b6;--shogi-current-bg:#315842;--shogi-current-border:#69ad7d;--red:#c9353c;--yellow:#ddb42f;--green:#2b8b50;--blue:#2e64b7;--input-bg:#111214;--inset-bg:#121315;--secondary-text:#d6d8dc;--version-text:#7f848c;--warning-text:#f0d483;--lan-open-bg:#234c32;--lan-open-text:#a7e9bd;--uno-tag-bg:#4d4223;--warn-tag-bg:#4a2929;--warn-tag-text:#ffb2b2;--current-tag-bg:#f0f1f3;--current-tag-text:#111214;--card-outline:#fff;--draw-mark:#f1f1ee;--current-border:#d8d9dd;--card-back-border:#4e5157;--card-back-bg:#222428;--table-center-bg:#151618;--draw-pile-bg:#202226;--swatch-border:#ffffff42;--event-bg:#141517;--event-text:#c6c9ce;--pending-uno-border:#7b6730;--pending-uno-bg:#211f18;--pending-catch-border:#653637;--pending-catch-bg:#201818;--choice-bg:#26282c;--table-border:#303338;--table-bg:#17191c;--table-oval:#22252a;--seat-border:#34373c;--seat-bg:#1c1e21;--seat-current:#e4e5e8;--mini-card-border:#767a80;--mini-card-bg:#292c31;--public-border:#3b3e43;--public-bg:#1d1f23;--public-draw-border:#4a4d53;--public-message:#b9bdc3;--hand-dock-bg:#151719;--notice-border:#41444a;--notice-mark:#babdc2;--notice-bg:#1d1f23}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--surface:#fff;--surface-raised:#f0f2f5;--surface-soft:#ebedf0;--border:#d7dce2;--border-strong:#aeb8c2;--text:#20252b;--muted:#5b6672;--accent:#263746;--accent-text:#fff;--danger:#a32b32;--ok:#167a43;--shogi-turn-bg:#e8f5ec;--shogi-turn-text:#175a32;--shogi-current-bg:#d8efdf;--shogi-current-border:#458364;--input-bg:#fff;--inset-bg:#edf0f3;--secondary-text:#43515e;--version-text:#65717d;--warning-text:#745509;--lan-open-bg:#dff3e5;--lan-open-text:#176237;--uno-tag-bg:#fff0c5;--warn-tag-bg:#fde8e8;--warn-tag-text:#9b2930;--current-tag-bg:#263746;--current-tag-text:#fff;--card-outline:#263746;--draw-mark:#4f6758;--current-border:#536a7c;--card-back-border:#8a96a2;--card-back-bg:#e9edf2;--table-center-bg:#edf2ed;--draw-pile-bg:#e7eee8;--swatch-border:#00000040;--event-bg:#edf0f4;--event-text:#384651;--pending-uno-border:#b98c22;--pending-uno-bg:#fff7df;--pending-catch-border:#bd6868;--pending-catch-bg:#fff0ef;--choice-bg:#f1f3f5;--table-border:#a9bbb3;--table-bg:#e8f0ea;--table-oval:#becdc3;--seat-border:#a7b8ac;--seat-bg:#fff;--seat-current:#32664c;--mini-card-border:#7c8d88;--mini-card-bg:#e8eeea;--public-border:#a0b3a6;--public-bg:#fff;--public-draw-border:#9eafa3;--public-message:#51625a;--hand-dock-bg:#f3f7f3;--notice-border:#a8b7ae;--notice-mark:#566b5d;--notice-bg:#fff}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--surface:#fff;--surface-raised:#f0f2f5;--surface-soft:#ebedf0;--border:#d7dce2;--border-strong:#aeb8c2;--text:#20252b;--muted:#5b6672;--accent:#263746;--accent-text:#fff;--danger:#a32b32;--ok:#167a43;--shogi-turn-bg:#e8f5ec;--shogi-turn-text:#175a32;--shogi-current-bg:#d8efdf;--shogi-current-border:#458364;--input-bg:#fff;--inset-bg:#edf0f3;--secondary-text:#43515e;--version-text:#65717d;--warning-text:#745509;--lan-open-bg:#dff3e5;--lan-open-text:#176237;--uno-tag-bg:#fff0c5;--warn-tag-bg:#fde8e8;--warn-tag-text:#9b2930;--current-tag-bg:#263746;--current-tag-text:#fff;--card-outline:#263746;--draw-mark:#4f6758;--current-border:#536a7c;--card-back-border:#8a96a2;--card-back-bg:#e9edf2;--table-center-bg:#edf2ed;--draw-pile-bg:#e7eee8;--swatch-border:#00000040;--event-bg:#edf0f4;--event-text:#384651;--pending-uno-border:#b98c22;--pending-uno-bg:#fff7df;--pending-catch-border:#bd6868;--pending-catch-bg:#fff0ef;--choice-bg:#f1f3f5;--table-border:#a9bbb3;--table-bg:#e8f0ea;--table-oval:#becdc3;--seat-border:#a7b8ac;--seat-bg:#fff;--seat-current:#32664c;--mini-card-border:#7c8d88;--mini-card-bg:#e8eeea;--public-border:#a0b3a6;--public-bg:#fff;--public-draw-border:#9eafa3;--public-message:#51625a;--hand-dock-bg:#f3f7f3;--notice-border:#a8b7ae;--notice-mark:#566b5d;--notice-bg:#fff}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;border:1px solid #0000;border-radius:6px;min-height:38px;padding:8px 16px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--text);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.42}button:active:not(:disabled){transform:translateY(1px)}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:2px;font-size:42px;line-height:1.05}h2{margin-bottom:8px;font-size:19px;line-height:1.25}.app-shell{flex-direction:column;gap:20px;width:min(1240px,100%);min-height:100vh;margin:0 auto;padding:24px clamp(14px,3vw,32px) 36px;display:flex}.lobby-shell,.room-shell{max-width:1000px}.auth-shell{max-width:560px}.auth-main{flex-direction:column;display:flex}.auth-panel{flex-direction:column;gap:12px;display:flex}.auth-tabs{border:1px solid var(--border);background:var(--inset-bg);border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.auth-tab,.auth-tab-active{color:var(--muted);background:0 0;border:0}.auth-tab-active{background:var(--surface-soft);color:var(--text)}.auth-fields{flex-direction:column;gap:6px;display:flex}.auth-fields input{border:1px solid var(--border-strong);background:var(--input-bg);width:100%;min-height:42px;color:var(--text);border-radius:6px;margin-bottom:6px;padding:9px 11px}.auth-submit{margin-top:4px}.connect-host{padding:14px 16px}.connect-host summary{cursor:pointer;width:fit-content;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:13px}.connect-host .muted{margin-top:8px;font-size:12px}.connect-host code{color:var(--secondary-text)}.connect-host-fields{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:10px;display:grid}.connect-host-fields label{flex-direction:column;gap:4px;display:flex}.connect-host-fields .field-label{margin:0}.connect-host-fields input{border:1px solid var(--border-strong);background:var(--input-bg);min-width:0;min-height:38px;color:var(--text);border-radius:6px;padding:8px 10px}.connect-host-fields button{white-space:nowrap;min-height:38px}.loading-shell{justify-content:center;align-items:center}.muted,.hint,.eyebrow,.field-label,.pile-label,.meta-label{color:var(--muted)}.muted{margin-bottom:0}.hint{font-size:13px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:12px}.panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:20px}.lobby-header,.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.lobby-header{flex-wrap:wrap}.lobby-header h1{letter-spacing:0}.my-link{color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-family:inherit;font-size:13px;text-decoration:none;display:inline-flex}.my-link:hover{color:var(--accent)}.my-menu-anchor{display:inline-block;position:relative}.my-avatar-placeholder{border:1px solid var(--border-strong);background:var(--surface-raised);width:30px;height:30px;color:var(--muted);object-fit:cover;border-radius:50%;place-items:center;display:grid;overflow:hidden}.connection-badge{color:var(--muted);flex:none;align-items:center;gap:7px;font-size:13px;display:inline-flex}.lobby-account{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.header-status{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.version-badge{color:var(--version-text);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:11px}.theme-control{border:1px solid var(--border-strong);background:var(--surface);max-width:105px;min-height:32px;color:var(--text);cursor:pointer;border-radius:6px;padding:4px 6px;font-size:12px}.status-dot{background:var(--muted);border-radius:50%;width:7px;height:7px}.status-connected .status-dot{background:var(--ok)}.status-disconnected .status-dot{background:var(--danger)}.lobby-main{flex-direction:column;gap:16px;display:flex}.lobby-waterfall{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:16px;width:100%;display:grid}.lobby-waterfall>.panel{width:100%;margin:0;display:flex}.game-feature{flex-direction:column;justify-content:space-between;min-height:330px;padding:22px;display:flex;overflow:hidden}.uno-cover{background:var(--surface-raised);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;min-height:224px;display:flex;position:relative;overflow:hidden}.uno-cover-card{aspect-ratio:.714;background-image:url(/assets/uno/uno-cards-deck.svg);background-repeat:no-repeat;background-size:1400% 800%;border-radius:9px;width:86px;position:absolute;box-shadow:0 2px 8px #0003}.uno-cover-card:first-child{transform:translate(-76px)rotate(-11deg)}.uno-cover-card:nth-child(2){transform:translate(0)translateY(-4px)rotate(2deg)}.uno-cover-card:nth-child(3){transform:translate(76px)rotate(12deg)}.shogi-cover{border:1px solid var(--border);background:var(--surface-raised);border-radius:6px;place-items:center;min-height:224px;display:grid;position:relative;overflow:hidden}.shogi-cover-board{aspect-ratio:1;background:#d8b777;border:2px solid #725332;grid-template-rows:repeat(9,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));width:min(54%,220px);display:grid;box-shadow:0 3px 10px #0000002e}.shogi-cover-board span{border:1px solid #54371c6b}.shogi-cover-piece{object-fit:contain;width:62px;height:70px;position:absolute}.shogi-cover-piece-gote{transform:translate(-66px,-24px)rotate(180deg)}.shogi-cover-piece-sente{transform:translate(68px,25px)}.arknights-cover{border:1px solid var(--border);background:var(--surface-raised);cursor:default;border-radius:6px;justify-content:center;align-items:center;min-height:224px;display:flex;position:relative;overflow:hidden}.arknights-cover-card{aspect-ratio:600/838;object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:7px;width:92px;position:absolute;box-shadow:0 2px 8px #00000047}.arknights-cover-card[data-slot="0"]{transform:translate(-78px)rotate(-11deg)}.arknights-cover-card[data-slot="1"]{z-index:1;width:100px;transform:translateY(-4px)rotate(2deg)}.arknights-cover-card[data-slot="2"]{transform:translate(78px)rotate(12deg)}.update-log{flex-direction:column;align-items:stretch;gap:10px;height:260px;display:flex}.update-log h2{margin:2px 0 0;font-size:20px}.update-log-heading{flex-direction:column;flex:none;align-items:flex-start;gap:2px;display:flex}.update-log-viewport{scrollbar-width:thin;flex:1;min-height:0;overflow:hidden auto}.update-log-body{min-height:100%}.update-log-footer{border-top:1px solid var(--border);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px 12px;padding-top:8px;display:flex}.update-arrows{align-items:center;gap:6px;display:inline-flex}.update-arrow{border:1px solid var(--border);background:var(--surface);width:24px;min-width:24px;height:24px;min-height:24px;color:var(--text);border-radius:50%;place-items:center;padding:0;font-size:14px;line-height:1;display:grid}.update-arrow:hover:not(:disabled){border-color:var(--text)}.update-arrow:disabled{opacity:.35;cursor:not-allowed}@keyframes update-slide-next{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes update-slide-prev{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.update-log-body[data-dir=next]{animation:.32s ease-out both update-slide-next}.update-log-body[data-dir=prev]{animation:.32s ease-out both update-slide-prev}@media (prefers-reduced-motion:reduce){.update-log-body[data-dir]{animation:none}}.update-controls{align-items:center;gap:6px;display:inline-flex}.update-controls button{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text);border-radius:5px;place-items:center;padding:0;font-size:18px;line-height:1;display:grid}.update-controls button:disabled{opacity:.4;cursor:not-allowed}.profile-settings{gap:16px;margin-top:20px;display:grid}.profile-setting{border-top:1px solid var(--border);gap:10px;padding-top:16px;display:grid}.profile-setting h3{margin:0;font-size:16px}.profile-form{gap:8px;max-width:460px;display:grid}.avatar-editor{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.avatar-editor input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.avatar-select{cursor:pointer}.profile-login{width:fit-content;margin-top:16px;text-decoration:none}.about-heading-row{justify-content:space-between;align-items:start;gap:12px;display:flex}.uno-feature-details{justify-content:space-between;align-items:flex-end;gap:16px;padding-top:18px;display:flex}.uno-feature-details .eyebrow{color:var(--muted)}.uno-feature-details h2{margin:0;font-size:24px}.profile-avatar{object-fit:cover;border-radius:50%;flex:0 0 52px;width:52px;height:52px}.profile-avatar-empty{border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--muted);place-items:center;font-size:18px;display:grid}.profile-summary-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.profile-summary-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-summary-copy span{color:var(--muted);font-size:13px}.about-page{width:min(100%,640px);margin:0 auto}.about-back{margin-bottom:12px}.about-panel{flex-direction:column;gap:16px;display:flex}.about-panel>h2{margin:0}.about-identity{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding-bottom:18px;display:flex}.about-identity .profile-avatar{flex-basis:88px;width:88px;height:88px}.about-identity h3{margin:0;font-size:18px}.about-account-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-start;gap:10px;padding-bottom:16px;display:flex}.donation-disclosure{padding-bottom:4px}.account-delete{min-width:min(100%,320px)}.account-delete summary,.donation-disclosure>summary{cursor:pointer;width:fit-content;color:var(--text);font-weight:650}.account-delete-content{gap:8px;margin-top:12px;display:grid}.account-delete-content p{margin:0}.account-delete-content input{border:1px solid var(--border-strong);background:var(--input-bg);width:100%;min-height:40px;color:var(--text);font:inherit;border-radius:6px;padding:8px 10px}.danger-button{color:#fff;background:#5c292b;border:1px solid #9f4144;border-radius:5px;width:fit-content;min-height:38px;padding:8px 12px}.danger-button:disabled{opacity:.5;cursor:not-allowed}.donation-disclosure>summary{margin-bottom:12px}.donation-disclosure:not([open])>summary{margin-bottom:0}.auth-forgot{justify-self:center}.donation-section>h3{margin:0 0 14px;font-size:17px}.donation-list{flex-direction:column;gap:20px;display:flex}.donation-method{flex-direction:column;align-items:center;gap:10px;display:flex}.donation-method+.donation-method{border-top:1px solid var(--border);padding-top:18px}.donation-method h4{width:100%;margin:0;font-size:15px}.donation-method img{object-fit:contain;background:#fff;width:min(100%,300px);max-height:360px;display:block}.donation-method p{color:var(--muted);margin:0}.name-panel input,#room-code{border:1px solid var(--border-strong);background:var(--input-bg);width:100%;min-height:42px;color:var(--text);border-radius:6px;padding:9px 11px}.field-label{margin-bottom:7px;font-size:13px;display:block}.lobby-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lobby-actions-grid .panel{flex-direction:column;gap:12px;display:flex}.lobby-actions-grid .panel .muted{min-height:42px}.invite-panel{flex-direction:column;gap:14px;display:flex}.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:650}.secondary{color:var(--text);border-color:var(--border-strong);background:0 0}.danger-quiet{color:var(--danger);background:0 0;border-color:#0000;padding-inline:8px}.text-button{min-height:30px;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:2px 6px;text-decoration:underline}.full-width{width:100%}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.error-text{color:var(--danger);margin:0;font-size:14px}.warn-text{color:var(--warning-text);margin:10px 0 0;font-size:13px}.lan-panel{flex-direction:column;gap:12px;display:flex}.room-main>.lan-panel{grid-column:1/-1}.lan-description{max-width:820px}.lan-primary{border-top:1px solid var(--border);grid-template-columns:minmax(180px,290px) minmax(0,1fr) auto;align-items:center;gap:8px;padding-top:9px;display:grid}.lan-primary .field-label{display:none}.lan-primary select{border:1px solid var(--border-strong);background:var(--input-bg);width:100%;min-height:38px;color:var(--text);border-radius:6px;padding:7px 9px}.lan-primary-url{overflow-wrap:anywhere;min-width:0;color:var(--secondary-text);font-size:12px}.lan-more{border-top:1px solid var(--border);padding-top:7px}.lan-more summary{cursor:pointer;width:fit-content;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:12px}.lan-more .lan-address-list{margin-top:6px}.lan-open-tag{background:var(--lan-open-bg);color:var(--lan-open-text)}.lan-address-list{border-top:1px solid var(--border);flex-direction:column;display:flex}.lan-address-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 0;display:flex}.lan-address-info{flex-direction:column;gap:4px;min-width:0;display:flex}.lan-address-title{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.lan-address-info code{overflow-wrap:anywhere;color:var(--secondary-text);font-size:13px}.lan-copy-button{flex:none}.lan-local-address{color:var(--muted);margin:0;font-size:13px}.lan-local-address code{color:var(--secondary-text)}.small-text{font-size:12px}.room-code-line{align-items:baseline;gap:12px;display:flex}.room-code{letter-spacing:.08em;font-size:clamp(26px,5vw,40px)}.room-main{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);align-items:start;gap:18px;display:grid}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.count-label{color:var(--muted);font-variant-numeric:tabular-nums}.player-list{border-top:1px solid var(--border);margin:12px 0 0;padding:0;list-style:none}.player-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 0;display:flex}.player-name-line,.player-status-line{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.player-status-line{color:var(--muted);justify-content:flex-end;font-size:13px}.status-ok{color:var(--ok)}.status-offline{color:var(--danger)}.tag,.uno-tag,.warn-tag{background:var(--surface-soft);min-height:21px;color:var(--muted);border-radius:4px;align-items:center;padding:1px 7px;font-size:12px;line-height:1.3;display:inline-flex}.active-tag{background:var(--current-tag-bg);color:var(--current-tag-text)}.uno-tag{background:var(--uno-tag-bg);color:var(--warning-text)}.warn-tag{background:var(--warn-tag-bg);color:var(--warn-tag-text)}.room-actions-panel{flex-direction:column;gap:14px;display:flex}.room-actions-panel .button-row{margin-top:2px}.invite-line{border:1px solid var(--border);background:var(--inset-bg);border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.invite-line code{overflow-wrap:anywhere;color:var(--secondary-text);font-size:12px}.game-topbar{align-items:center}.game-heading,.topbar-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.topbar-actions{justify-content:flex-end}.room-code-button{min-height:32px;color:var(--text);letter-spacing:.08em;background:0 0;border:0;padding:0;font-size:clamp(22px,4vw,32px);font-weight:750}.turn-summary{border-left:1px solid var(--border);flex-direction:column;gap:2px;padding-left:18px;display:flex}.game-main{flex-direction:column;gap:14px;display:flex}.opponents{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.opponent-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:12px}.opponent-panel.is-current{border-color:var(--current-border);box-shadow:inset 0 0 0 1px var(--current-border)}.opponent-panel.is-inactive{opacity:.48}.opponent-title,.opponent-meta,.opponent-connection{justify-content:space-between;align-items:center;gap:8px;display:flex}.opponent-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.opponent-meta{color:var(--muted);margin-top:5px;font-size:13px}.opponent-connection{color:var(--muted);justify-content:flex-start;margin-top:4px;font-size:12px}.card-back-row{gap:4px;min-height:30px;margin-top:8px;display:flex}.card-back{border:1px solid var(--card-back-border);background:var(--card-back-bg);border-radius:3px;width:21px;height:30px;display:block}.table-center{border:1px solid var(--border);background:var(--table-center-bg);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;padding:18px;display:flex}.pile-area{align-items:flex-end;gap:22px;display:flex}.pile-block{flex-direction:column;align-items:center;gap:7px;display:flex}.pile-label{font-size:12px}.draw-pile{border:1px solid var(--border-strong);background:var(--draw-pile-bg);width:90px;height:132px;color:var(--text);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.draw-pile span{font-size:13px}.draw-pile strong{font-variant-numeric:tabular-nums;font-size:24px}.table-meta{grid-template-columns:repeat(2,minmax(110px,1fr));gap:12px 24px;min-width:min(360px,100%);display:grid}.meta-item{flex-direction:column;gap:3px;display:flex}.meta-label{font-size:12px}.meta-item strong{font-size:15px}.color-value{align-items:center;gap:7px;font-weight:650;display:inline-flex}.color-swatch{border:1px solid var(--swatch-border);border-radius:3px;width:14px;height:14px;display:inline-block}.color-red{background-color:var(--red)}.color-yellow{background-color:var(--yellow)}.color-green{background-color:var(--green)}.color-blue{background-color:var(--blue)}.event-strip{border-left:3px solid var(--border-strong);background:var(--event-bg);min-height:42px;color:var(--event-text);padding:9px 12px;font-size:14px}.self-area{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:15px}.self-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.self-heading h2{margin-bottom:2px}.self-heading .muted{font-size:13px}.hand{flex-wrap:wrap;align-items:flex-start;gap:8px;min-height:132px;display:flex}.hand .playing-card{flex:0 0 clamp(52px, calc((100vw - 96px) / var(--hand-count)), 86px)}.empty-hand{align-self:center}.playing-card{aspect-ratio:2/3;background:0 0;border:0;border-radius:10px;width:84px;padding:0;display:block;position:relative;overflow:visible}button.playing-card{border-radius:10px;min-height:0;padding:0}.card-art{pointer-events:none;background:#fff;border-radius:9px;display:block;position:absolute;inset:0;overflow:hidden}.card-sprite{max-width:none;width:calc(var(--sprite-cols) * 100%);height:calc(var(--sprite-rows) * 100%);left:calc(var(--sprite-col) * -100%);top:calc(var(--sprite-row) * -100%);object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.playing-card:disabled{opacity:1;filter:none;cursor:default}.playing-card.is-selectable{cursor:pointer}.playing-card.is-selected,.playing-card.is-selected:active{transform:translateY(clamp(-22px,-2vw,-15px))}.playing-card.is-selected .card-art{outline:2px solid var(--card-outline);outline-offset:2px;box-shadow:0 0 0 1px #00000073}.playing-card.is-selectable:active:not(.is-selected){transform:translateY(1px)}.pile-block .playing-card{width:90px}.action-area{flex-direction:column;gap:10px;display:flex}.pending-panel{border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;display:flex}.pending-panel p{margin-top:3px;font-size:13px}.pending-panel.uno-pending{border-color:var(--pending-uno-border);background:var(--pending-uno-bg)}.pending-panel.catch-panel{border-color:var(--pending-catch-border);background:var(--pending-catch-bg)}.uno-button{min-width:120px}.turn-actions{flex-wrap:wrap;align-items:center;gap:10px;min-height:44px;display:flex}.waiting-text{color:var(--muted)}.modal-backdrop{z-index:100;background:#000000c2;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.color-dialog,.end-dialog{border:1px solid var(--border-strong);background:var(--surface);border-radius:9px;width:min(430px,100%);max-height:calc(100vh - 36px);padding:22px;overflow-y:auto}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0;display:grid}.color-choice{border-color:var(--border-strong);min-height:46px;color:var(--text);justify-content:flex-start;align-items:center;gap:9px;display:flex}.color-choice.color-red,.color-choice.color-green,.color-choice.color-blue{background:var(--choice-bg)}.color-choice.color-yellow{background:var(--choice-bg);color:var(--text)}.color-choice .color-swatch{width:18px;height:18px}.end-dialog h2{margin-bottom:16px;font-size:26px}.final-list{border-top:1px solid var(--border);margin:0 0 18px;padding:0;list-style:none}.final-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}@media (width<=760px){.lobby-waterfall{grid-template-columns:1fr;gap:12px}.game-feature{min-height:300px;padding:16px}.uno-cover,.shogi-cover,.arknights-cover{min-height:196px}.app-shell{gap:16px;padding:16px 12px 28px}h1{font-size:34px}.panel{padding:16px}.lobby-header,.topbar{align-items:center}.lobby-actions-grid,.room-main{grid-template-columns:1fr}.player-row{flex-direction:column;align-items:flex-start;gap:4px}.lan-address-row{flex-direction:column;align-items:flex-start;gap:8px}.lan-primary{grid-template-columns:1fr;align-items:stretch}.player-status-line{justify-content:flex-start}.game-topbar{align-items:flex-start}.game-heading{align-items:flex-start;gap:12px}.turn-summary{padding-left:12px}.topbar-actions{flex-direction:column;align-items:flex-end;gap:6px}.connection-badge{text-align:right;max-width:135px}.opponents{grid-template-columns:repeat(2,minmax(0,1fr))}.table-center{flex-direction:column;align-items:stretch;gap:18px}.pile-area{justify-content:center}.table-meta{width:100%}.hand{flex-wrap:wrap;padding-bottom:8px;overflow:visible}.hand .playing-card{flex:0 0 52px}.pending-panel{flex-direction:column;align-items:stretch}.modal-backdrop{padding:10px}}@media (width<=430px){.lobby-waterfall{grid-template-columns:1fr}.game-feature{min-height:290px}.uno-cover,.shogi-cover{min-height:188px}.opponents{grid-template-columns:1fr}.lobby-header{flex-direction:column;align-items:flex-start;gap:10px}.lobby-account{justify-content:flex-start}.connect-host-fields{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.connection-badge{text-align:left;max-width:none}.draw-pile{width:78px;height:116px}.pile-block .playing-card{width:78px}.table-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}}.table-screen{grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;width:min(1600px,100%);height:100dvh;margin:0 auto;padding:8px clamp(6px,1.6vw,18px);display:grid;overflow:hidden}.table-topbar{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:5px 10px;display:flex}.table-heading{align-items:center;gap:16px;min-width:0;display:flex}.table-heading .room-code-button{font-size:clamp(19px,2.4vw,28px)}.table-heading .turn-summary{border-left:1px solid var(--border);flex-direction:column;gap:1px;padding-left:14px;display:flex}.table-heading .turn-summary .eyebrow{margin:0}.table-heading .turn-summary strong{font-size:15px}.table-topbar .topbar-actions{flex-wrap:nowrap;flex:none}.turn-order-strip{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:12px;min-width:0;min-height:42px;padding:6px 10px;display:flex;overflow:hidden}.turn-order-copy{border-right:1px solid var(--border);grid-template-columns:auto auto;align-items:baseline;gap:1px 7px;min-width:132px;padding-right:12px;display:grid}.turn-order-copy .eyebrow{grid-column:1/-1;margin:0}.turn-order-copy strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.turn-direction{color:var(--muted);white-space:nowrap;font-size:11px}.turn-order-path{overscroll-behavior-inline:contain;scrollbar-width:thin;flex:auto;align-items:center;gap:5px;min-width:0;display:flex;overflow-x:auto}.turn-order-entry{flex:none;align-items:center;gap:5px;display:inline-flex}.turn-order-arrow{color:var(--muted);font-size:15px;line-height:1}.turn-order-player{border:1px solid var(--border);background:var(--inset-bg);min-width:0;max-width:150px;color:var(--secondary-text);border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;display:inline-flex}.turn-order-player.is-current{border-color:var(--seat-current);background:var(--current-tag-bg);color:var(--current-tag-text);box-shadow:inset 0 0 0 1px var(--seat-current)}.turn-order-number{background:var(--surface-soft);width:18px;height:18px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:10px;display:grid}.turn-order-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:650;overflow:hidden}.turn-order-tag{color:inherit;flex:none;font-size:10px;font-weight:700}.emoji-control{z-index:20;align-items:center;display:flex;position:absolute;top:10px;left:12px}.emoji-toggle{border:1px solid var(--table-border);background:var(--surface);border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:18px;display:grid;box-shadow:0 2px 8px #0000001f}.emoji-panel{z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:repeat(5,minmax(34px,1fr));gap:4px;width:min(226px,100vw - 20px);padding:6px;display:grid;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 10px 28px #0000004d}.emoji-choice{background:var(--surface-soft);cursor:pointer;border:1px solid #0000;border-radius:7px;place-items:center;min-width:0;min-height:38px;padding:0;font-size:22px;line-height:1;display:grid}.emoji-choice:hover,.emoji-choice:focus-visible{border-color:var(--border);background:var(--inset-bg)}.table-stage{min-height:0;position:relative}.table-surface{border:1px solid var(--table-border);background:var(--table-bg);border-radius:18px;position:absolute;inset:0;overflow:hidden}.table-surface:before{content:"";border:1px solid var(--table-oval);pointer-events:none;border-radius:50%;position:absolute;inset:7% 5%}.table-seat{z-index:2;border:1px solid var(--seat-border);background:var(--seat-bg);border-radius:7px;width:clamp(104px,14vw,168px);padding:6px 8px;position:absolute;transform:translate(-50%,-50%)}.seat-identity{align-items:center;gap:5px;min-width:0;display:flex}.seat-avatar{background:var(--surface-soft);width:20px;height:20px;color:var(--secondary-text);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:700;line-height:1;display:grid}.emote-bubble{z-index:4;border:1px solid var(--border);background:var(--surface);pointer-events:none;border-radius:13px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 7px;font-size:20px;line-height:1;animation:2.6s ease-out forwards emote-fade;display:inline-flex;position:absolute;top:0;left:calc(100% + 6px);box-shadow:0 4px 14px #0000003d}.emote-bubble:after{content:"";border-bottom:1px solid var(--border);border-left:1px solid var(--border);background:var(--surface);width:8px;height:8px;position:absolute;top:50%;left:-5px;transform:translateY(-50%)rotate(45deg)}.emote-bubble.is-inline{border-radius:11px;min-width:30px;height:30px;padding:0 6px;font-size:18px;position:static;top:auto;left:auto;right:auto}.emote-bubble.is-inline:after{display:none}.self-avatar{width:22px;height:22px;font-size:11px}.table-seat[data-seat-slot=top-left] .emote-bubble,.table-seat[data-seat-slot=top-right] .emote-bubble,.table-seat[data-seat-slot=right-middle] .emote-bubble,.table-seat[data-seat-slot=bottom-right] .emote-bubble{left:auto;right:calc(100% + 6px)}.table-seat[data-seat-slot=top-left] .emote-bubble:after,.table-seat[data-seat-slot=top-right] .emote-bubble:after,.table-seat[data-seat-slot=right-middle] .emote-bubble:after,.table-seat[data-seat-slot=bottom-right] .emote-bubble:after{left:auto;right:-5px;transform:translateY(-50%)rotate(225deg)}@keyframes emote-fade{0%{opacity:0}8%,82%{opacity:1}to{opacity:0}}.table-seat.is-current{border-color:var(--seat-current);box-shadow:inset 0 0 0 1px var(--seat-current)}.table-seat.is-inactive{opacity:.48}.seat-top-center{top:10%;left:50%}.seat-top-left{top:10%;left:31%}.seat-top-right{top:10%;left:69%}.seat-left-middle{top:50%;left:10%}.seat-right-middle{top:50%;left:90%}.seat-bottom-left{top:90%;left:22%}.seat-bottom-right{top:90%;left:78%}.seat-title,.seat-meta,.seat-connection{align-items:center;gap:6px;display:flex}.seat-title{justify-content:space-between}.seat-name{text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:13px;font-weight:650;line-height:1.2;display:-webkit-box;overflow:hidden}.seat-turn-tag{background:var(--current-tag-bg);color:var(--current-tag-text);border-radius:3px;flex:none;padding:1px 5px;font-size:10px}.seat-meta{color:var(--muted);justify-content:space-between;margin-top:3px;font-size:11px}.seat-card-count{align-items:center;gap:5px;display:inline-flex}.mini-card-back{border:1px solid var(--mini-card-border);background:var(--mini-card-bg);object-fit:cover;border-radius:2px;width:10px;height:14px;display:inline-block}.seat-connection{color:var(--muted);margin-top:2px;font-size:10px}.presence-dot{background:var(--danger);border-radius:50%;width:6px;height:6px}.presence-dot.is-online{background:var(--ok)}.public-table{z-index:1;border:1px solid var(--public-border);background:var(--public-bg);border-radius:14px;flex-direction:column;gap:8px;width:clamp(190px,30vw,340px);padding:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.public-piles{justify-content:center;align-items:flex-end;gap:clamp(10px,2vw,20px);display:flex}.public-pile{flex-direction:column;align-items:center;gap:4px;display:flex}.public-label{color:var(--muted);font-size:10px;line-height:1.2}.public-pile .playing-card,.public-pile .draw-pile{width:clamp(62px,7.5vw,88px)}.public-pile .draw-pile{aspect-ratio:.68;border:1px solid var(--public-draw-border);background:var(--draw-pile-bg);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:auto;min-height:0;padding:7px;display:flex}.draw-pile-mark{border:2px solid var(--draw-mark);border-radius:50%;width:68%;height:38%;transform:rotate(-18deg)}.public-pile .draw-pile strong{font-variant-numeric:tabular-nums;font-size:clamp(15px,1.8vw,21px)}.public-meta{border-top:1px solid var(--table-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;padding-top:5px;display:grid}.public-meta-item{justify-content:space-between;align-items:center;gap:4px;min-width:0;font-size:11px;display:flex}.public-meta-item .public-value{align-items:center;gap:4px;font-weight:650;display:inline-flex}.public-message{min-height:17px;color:var(--public-message);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:1.45;overflow:hidden}.hand-dock{border:1px solid var(--border);background:var(--hand-dock-bg);border-radius:10px;flex-direction:column;gap:5px;min-height:0;max-height:min(38dvh,320px);padding:7px 9px 6px;display:flex;overflow:hidden}.hand-dock-head{flex:none;justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.self-identity{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.self-identity h2{margin:0;font-size:16px}.self-identity .muted{font-size:12px}.hand-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.confirm-play-button{min-width:66px;font-weight:700}.selection-hint{max-width:270px}.hint-warn{color:var(--warning-text)}.hand-dock .hand{overscroll-behavior-inline:contain;flex-wrap:nowrap;flex:auto;align-items:flex-start;gap:6px;min-height:0;padding:24px 4px 4px;display:flex;overflow:auto hidden}.hand-dock .hand .playing-card{flex:0 0 clamp(34px, min(calc((100vw - 86px) / var(--hand-count)), calc((38dvh - 130px) / 1.5)), 76px)}.hand-dock .error-text{font-size:12px}.table-notice{border:1px solid var(--notice-border);border-left:3px solid var(--notice-mark);background:var(--public-bg);border-radius:5px;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:5px 8px;display:flex}.table-notice>div:first-child{align-items:baseline;gap:7px;min-width:0;display:flex}.table-notice strong{flex:none;font-size:12px}.table-notice span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.table-notice.notice-uno{border-left-color:#d4b34d}.table-notice.notice-catch{border-left-color:#c95b5b}.notice-actions{flex:none;gap:6px;display:flex}.notice-actions button,.table-notice>button{min-height:30px;padding:4px 10px;font-size:12px}@media (width<=720px){.table-screen{gap:5px;padding:4px}.table-topbar{flex-wrap:wrap;gap:6px;padding:4px 7px}.turn-order-strip{gap:8px;min-height:38px;padding:4px 7px}.turn-order-copy{column-gap:5px;min-width:112px;padding-right:8px}.turn-order-copy strong{max-width:108px;font-size:12px}.turn-direction{font-size:10px}.turn-order-player{padding:3px 6px;font-size:11px}.turn-order-number{width:16px;height:16px;font-size:9px}.table-heading{gap:8px}.table-heading .room-code-button{font-size:18px}.table-heading .turn-summary{padding-left:8px}.table-heading .turn-summary strong{font-size:12px}.table-topbar .connection-badge{max-width:105px;font-size:10px}.table-topbar .topbar-actions{flex-direction:row;justify-content:flex-end;align-items:center;gap:4px;width:auto;min-width:0}.emoji-choice{min-height:36px;font-size:20px}.table-heading{flex:1;min-width:0}.table-heading .turn-summary{min-width:0;overflow:hidden}.table-heading .turn-summary strong{text-overflow:ellipsis;white-space:nowrap;max-width:108px;overflow:hidden}.table-topbar .danger-quiet{padding-inline:2px;font-size:12px}.table-surface{border-radius:12px}.table-surface:before{inset:9% 4%}.table-seat{width:84px;padding:4px 5px}.seat-top-center,.seat-top-left,.seat-top-right{top:10%}.seat-top-left{left:28%}.seat-top-right{left:72%}.seat-left-middle{left:11%}.seat-right-middle{left:89%}.seat-bottom-left{top:90%;left:22%}.seat-bottom-right{top:90%;left:78%}.seat-name{font-size:10px}.seat-avatar{width:16px;height:16px;font-size:9px}.emote-bubble{border-radius:11px;min-width:28px;height:28px;padding:0 6px;font-size:17px;top:-6px}.seat-turn-tag{padding:0 3px;font-size:9px}.seat-meta{margin-top:1px;font-size:10px}.seat-connection{margin-top:0;font-size:9px}.mini-card-back{width:8px;height:11px}.public-table{border-radius:10px;gap:5px;width:clamp(190px,48vw,230px);padding:7px}.public-piles{gap:9px}.public-pile .playing-card,.public-pile .draw-pile{width:clamp(58px,15vw,72px)}.public-meta{gap:2px 7px;padding-top:4px}.public-meta-item{font-size:9px}.public-message{min-height:15px;font-size:9px}.public-label{font-size:9px}.hand-dock{gap:3px;max-height:40dvh;padding:5px 6px}.hand-dock-head{flex-wrap:wrap;gap:6px;min-width:0}.self-identity,.hand-actions{min-width:0}.hand-actions{flex:auto}.self-identity h2{font-size:13px}.self-identity .muted{font-size:10px}.hand-dock .hand{gap:4px;padding-top:18px}.hand-dock .hand .playing-card{flex-basis:clamp(44px, calc((100vw - 44px) / var(--hand-count)), 62px)}.table-notice{flex-direction:column;align-items:stretch;gap:4px;padding:4px 6px}.table-notice>div:first-child{display:block}.table-notice strong,.table-notice span{font-size:10px;display:block}.notice-actions{justify-content:flex-end}}@media (width<=380px){.table-topbar{align-items:stretch}.turn-order-strip{flex-direction:column;align-items:stretch;gap:4px;padding-block:5px}.turn-order-copy{border-right:0;border-bottom:1px solid var(--border);width:100%;min-width:0;padding:0 0 4px}.turn-order-copy strong{max-width:none}.turn-order-path{flex:none;width:100%}.table-heading,.table-topbar .topbar-actions{width:100%}.table-heading{justify-content:flex-start}.table-topbar .topbar-actions{justify-content:space-between}.table-heading .turn-summary{flex:auto}.table-heading .turn-summary strong{text-overflow:clip;white-space:normal;max-width:none;overflow:visible}.hand-dock-head{align-items:flex-start}.self-identity,.hand-actions{flex:100%;width:100%}.hand-actions{justify-content:flex-start}.selection-hint{overflow-wrap:anywhere;flex:1 1 0;min-width:0;max-width:none}}@media (height<=620px){.hand-dock .hand .playing-card{flex-basis:clamp(40px, calc((100vw - 90px) / var(--hand-count)), 58px)}.hand-dock{max-height:34dvh}.table-screen{padding-top:max(4px, env(safe-area-inset-top));padding-bottom:max(4px, env(safe-area-inset-bottom));gap:5px}.table-topbar{min-height:34px}.turn-order-strip{min-height:34px;padding-block:3px}.turn-order-copy .eyebrow{font-size:9px}.turn-order-copy strong{font-size:11px}.turn-order-player{padding-block:2px}.table-seat{width:88px;padding:3px 5px}.public-table{gap:4px;padding:6px}.public-message{display:none}}@media (orientation:landscape) and (height<=500px){.table-screen{gap:3px;padding:2px 4px}.table-topbar{min-height:30px;padding-block:2px}.table-heading .room-code-button{min-height:26px;font-size:17px}.table-topbar .topbar-actions{gap:6px}.table-topbar .topbar-actions button,.table-topbar .theme-control{min-height:26px;padding-block:2px}.turn-order-strip{min-height:31px;padding-block:2px}.turn-order-copy{flex:none;grid-template-columns:auto auto auto;column-gap:6px;min-width:0}.turn-order-copy .eyebrow{white-space:nowrap;grid-column:auto;font-size:9px}.turn-order-copy strong,.turn-direction{white-space:nowrap;font-size:10px}.turn-order-player{max-width:108px;padding-block:2px}.table-seat{width:78px;padding:2px 4px}.seat-name{-webkit-line-clamp:1}.seat-connection{margin-top:0;font-size:0}.seat-top-center,.seat-top-left,.seat-top-right{top:18%}.seat-bottom-left,.seat-bottom-right{top:82%}.public-table{gap:3px;width:clamp(170px,28vw,220px);padding:4px}.public-piles{gap:6px}.public-pile .playing-card,.public-pile .draw-pile{width:48px}.public-pile .draw-pile{gap:2px}.public-meta{gap:1px 5px;padding-top:2px}.public-meta-item,.public-label{font-size:8px}.hand-dock{gap:1px;max-height:32dvh;padding:2px 5px}.hand-dock-head{flex-wrap:nowrap;gap:6px}.self-identity{flex-wrap:nowrap;gap:5px}.self-identity h2{font-size:11px}.self-identity .muted,.self-identity .active-tag{font-size:9px}.hand-actions{flex-wrap:nowrap;gap:5px}.hand-actions button{min-height:28px;padding:3px 8px}.selection-hint{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:10px;overflow:hidden}.hand-dock .hand{padding:8px 3px 2px}.hand-dock .hand .playing-card{flex-basis:clamp(34px, calc((100vw - 160px) / var(--hand-count)), 46px)}}.shogi-app{width:min(1240px,100%);min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));flex-direction:column;gap:12px;margin:0 auto;display:flex}.shogi-app.shogi-playing{padding-top:max(8px, env(safe-area-inset-top));gap:6px}.shogi-app.shogi-playing .shogi-topbar{display:none}.shogi-topbar,.shogi-status-row,.shogi-room-bar,.shogi-room-lobby-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.shogi-topbar{border-bottom:1px solid var(--border);padding-bottom:10px}.shogi-brand{text-align:center;flex:1;min-width:0}.shogi-brand .eyebrow{margin-bottom:0}.shogi-brand h1{margin:0;font-size:24px;line-height:1.2}.shogi-back{flex:none}.shogi-login-panel{align-self:center;gap:8px;width:min(460px,100%);margin:auto;display:grid}.shogi-login-panel p{margin:0;line-height:1.6}.shogi-login-link{color:#fff;border-radius:6px;justify-content:center;align-items:center;width:fit-content;min-height:38px;padding:8px 14px;text-decoration:none;display:inline-flex}.shogi-room-lobby{align-self:center;width:min(860px,100%);padding:18px}.shogi-room-lobby-heading{margin-bottom:16px}.shogi-room-lobby-heading h2{margin:2px 0 0;font-size:20px}.shogi-room-actions{grid-template-columns:auto auto minmax(150px,220px) auto 1fr;align-items:end;gap:8px;display:grid}.shogi-room-actions label{color:var(--muted);align-self:center;font-size:13px}.shogi-room-actions input{border:1px solid var(--border-strong);background:var(--input-bg);width:100%;min-width:0;height:40px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:6px;padding:8px 10px}.shogi-logout{justify-self:end}.shogi-lobby-account{align-items:center;gap:12px;display:flex}.shogi-hint{color:var(--muted);margin:12px 0 0;font-size:12px}.shogi-connection{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.shogi-connection i{background:#b55b53;border-radius:50%;width:7px;height:7px}.shogi-connection.is-connected i{background:#458364}.shogi-room-bar{border:1px solid var(--border);background:var(--surface);border-radius:7px;flex-wrap:wrap;padding:9px 12px}.shogi-room-identity{align-items:baseline;gap:9px;min-width:0;display:flex}.shogi-room-identity strong{letter-spacing:1px;font-variant-numeric:tabular-nums;font-size:19px}.shogi-seat-tag,.shogi-host-tag{color:var(--muted);font-size:12px}.shogi-player-line{min-width:0;color:var(--secondary-text);justify-content:center;align-items:center;gap:10px;display:flex}.shogi-player-line span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.shogi-player-line .is-self{color:var(--text);font-weight:700}.shogi-player-line .is-current{color:var(--shogi-turn-text);background:var(--shogi-current-bg);outline:2px solid var(--shogi-current-border);border-radius:4px;padding:3px 7px;font-weight:750}.shogi-player-line b{color:var(--muted);font-size:11px;font-weight:500}.shogi-room-controls{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.shogi-room-controls button,.shogi-status-row button{min-height:32px;padding-block:5px}.shogi-waiting-panel{flex-wrap:wrap;align-self:center;align-items:center;gap:10px;width:min(860px,100%);padding:14px;display:flex}.shogi-waiting-panel>strong{flex:220px}.shogi-waiting-panel>.muted{flex:100%;font-size:12px}.shogi-active-bar{border:1px solid var(--border);background:var(--surface);border-radius:7px;justify-content:space-between;align-self:center;align-items:center;gap:10px;width:min(100%,512px);padding:5px 7px;display:flex}.shogi-active-bar.is-your-turn{border-color:var(--shogi-current-border);background:var(--shogi-turn-bg)}.shogi-active-bar>strong{color:var(--text);font-size:14px}.shogi-active-bar.is-your-turn>strong{color:var(--shogi-turn-text)}.shogi-active-bar button{white-space:nowrap;min-height:34px;padding:4px 10px}.shogi-status-row{border:1px solid var(--border);background:var(--surface);border-radius:7px;flex-wrap:wrap;padding:7px 10px}.shogi-status-row.is-your-turn{border-color:var(--shogi-current-border);box-shadow:inset 0 0 0 1px var(--shogi-current-border);background:var(--shogi-turn-bg)}.shogi-turn-player{font-weight:750;color:var(--shogi-turn-text)!important}.shogi-status-row>strong{font-size:14px}.shogi-status-row>span{color:var(--muted);font-size:12px}.shogi-restart{margin-left:auto}.shogi-message{color:var(--muted);text-align:center;margin:0;font-size:13px}.shogi-play-area{grid-template-areas:"gote""board""sente";justify-items:center;gap:8px;width:100%;min-width:0;display:grid}.shogi-board-wrap{grid-area:board;grid-template-rows:minmax(0,1fr) 16px;grid-template-columns:16px minmax(0,1fr) 16px;gap:2px;width:min(100%,100vw - 36px,512px);min-width:0;display:grid}.shogi-files,.shogi-ranks{color:var(--muted);place-items:center;font-size:10px;line-height:1;display:grid}.shogi-files{grid-area:2/2;grid-template-columns:repeat(9,minmax(0,1fr))}.shogi-ranks{grid-area:1/3;grid-template-rows:repeat(9,minmax(0,1fr))}.shogi-board{aspect-ratio:1;touch-action:none;background:#d9b978;border:2px solid #70502e;grid-area:1/2;grid-template-rows:repeat(9,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 2px 10px #00000029}.shogi-square{touch-action:none;background:0 0;border:1px solid #573b1e9e;border-top:0;border-left:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.shogi-square.shade{background:#6b482314}.shogi-square:disabled{opacity:1;cursor:default}.shogi-piece{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;width:80%;height:91%}.shogi-piece-board[data-viewer-side=sente]{transform:rotate(0)}.shogi-piece-board[data-viewer-side=gote]{transform:rotate(180deg)}.shogi-piece-hand{width:32px;height:36px}.shogi-piece-hand-side-gote{transform:rotate(180deg)}.shogi-square.is-selected{background:#24694f3d;box-shadow:inset 0 0 0 2px #26704f}.shogi-square.last-move{background-color:#3776911f}.shogi-square.last-move:before{z-index:2;content:"";pointer-events:none;border:3px solid #000;border-radius:2px;position:absolute;inset:1px;box-shadow:0 0 0 1px #ffffff8c}.shogi-active-actions{align-items:center;gap:6px;display:inline-flex}.shogi-resign:disabled{font-variant-numeric:tabular-nums;border-style:dashed}.shogi-dissolve-notice{color:var(--text);font-weight:650}.shogi-result-overlay{z-index:15;pointer-events:none;background:#0000008c;place-content:center;justify-items:center;gap:12px;padding:16px;animation:.8s ease-out both shogi-fade-in;display:grid;position:fixed;inset:0}.shogi-checkmate-art{object-fit:contain;width:min(86vw,560px);max-height:55dvh}.shogi-result-card{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);text-align:center;border-radius:8px;justify-items:center;gap:4px;padding:10px 18px;display:grid}.shogi-result-card strong{font-size:18px}.shogi-result-card span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}@keyframes shogi-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.shogi-result-overlay{animation:none}}.shogi-square.legal-target:after{aspect-ratio:1;content:"";background:#1c413273;border-radius:50%;width:22%;position:absolute}.shogi-square:has(.shogi-piece).legal-target:after{background:0 0;border:2px solid #842b25c7;width:78%}.shogi-hand{border:1px solid var(--border);background:var(--surface);border-radius:7px;flex-direction:column;grid-area:gote;align-items:stretch;gap:4px;width:min(100%,512px);min-height:46px;padding:6px 9px;display:flex}.shogi-hand-sente{grid-area:sente}.shogi-view-gote{grid-template-areas:"sente""board""gote"}.account-deletion-shell{max-width:560px}.account-deletion-panel{gap:12px;display:grid}.account-deletion-panel h1{margin:0;font-size:24px}.account-deletion-panel p{margin:0;line-height:1.6}.account-deletion-panel>input{border:1px solid var(--border-strong);background:var(--input-bg);width:100%;min-height:42px;color:var(--text);font:inherit;border-radius:6px;padding:9px 11px}.delete-confirm-check{align-items:center;gap:8px;display:flex}.delete-confirm-check input{width:16px;height:16px;accent-color:var(--accent)}.shogi-hand-heading{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;display:flex}.shogi-hand-heading span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.shogi-hand-pieces{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;min-height:34px;display:flex}.shogi-hand-piece{min-width:38px;min-height:38px;color:var(--text);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid;position:relative}.shogi-hand-piece.is-selected{border-color:var(--accent);background:var(--surface-raised)}.shogi-hand-piece>span{background:var(--surface);min-width:14px;color:var(--text);border-radius:8px;font-size:10px;line-height:14px;position:absolute;bottom:-1px;right:-1px}.shogi-history{align-self:center;width:min(100%,760px);padding:10px 14px}.shogi-history h2{margin:0 0 6px;font-size:14px}.shogi-history ol{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:4px 12px;max-height:120px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.shogi-history li{min-width:0;color:var(--secondary-text);align-items:center;gap:6px;font-size:12px;display:flex}.shogi-history li>span{width:20px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.shogi-history li strong{color:var(--muted);font-size:10px}.shogi-history li em{color:var(--danger);font-size:10px;font-style:normal}.shogi-modal-backdrop{z-index:20;background:#00000080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.shogi-promotion{gap:10px;width:min(360px,100%);display:grid}.shogi-promotion h2{margin:0}@media (width<=760px){.shogi-app{padding-inline:max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));gap:8px}.shogi-board-wrap{grid-template-rows:minmax(0,1fr) 13px;grid-template-columns:13px minmax(0,1fr) 13px;width:min(100%,100vw - 24px,100dvh - 350px)}.shogi-files,.shogi-ranks{font-size:9px}.shogi-hand{gap:3px;padding:4px 6px}.shogi-hand-piece{min-width:34px;min-height:34px}.shogi-piece-hand{width:28px;height:32px}.shogi-history ol{grid-template-columns:repeat(2,minmax(0,1fr))}.shogi-topbar{gap:6px}.shogi-back{padding-inline:9px}.shogi-room-bar{justify-content:center}.shogi-room-identity,.shogi-player-line,.shogi-room-controls{justify-content:center;width:100%}.shogi-room-controls{gap:4px}.shogi-room-lobby{padding:13px}.shogi-room-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.shogi-room-actions label{align-self:end}.shogi-room-actions input{grid-column:1}.shogi-room-actions .text-button{grid-column:1/-1;justify-self:center}.shogi-status-row{gap:6px}}@media (orientation:landscape) and (height<=650px){.shogi-app{padding-block:max(4px, env(safe-area-inset-top)) max(4px, env(safe-area-inset-bottom));gap:6px}.shogi-topbar{padding-bottom:4px}.shogi-brand h1{font-size:18px}.shogi-brand .eyebrow{font-size:10px}.shogi-room-lobby{padding:9px 12px}.shogi-room-lobby-heading{margin-bottom:7px}.shogi-room-lobby-heading h2{font-size:16px}.shogi-room-actions{gap:5px}.shogi-room-actions button,.shogi-room-actions input{height:30px;min-height:30px;padding-block:3px}.shogi-hint{margin-top:6px}.shogi-play-area,.shogi-play-area.shogi-view-gote{flex:auto;grid-template-columns:minmax(48px,62px) minmax(0,1fr) minmax(48px,62px);grid-template-areas:"gote board sente";align-content:center;justify-items:center;gap:6px;min-height:0}.shogi-play-area.shogi-view-gote{grid-template-areas:"sente board gote"}.shogi-board-wrap{grid-area:board;grid-template-rows:minmax(0,1fr) 13px;grid-template-columns:13px minmax(0,1fr) 13px;justify-self:center;width:min(100%,100dvh - 88px,512px)}.shogi-hand{align-self:center;gap:4px;width:100%;min-width:0;min-height:0;max-height:calc(100dvh - 80px);padding:4px 3px}.shogi-hand-heading{text-align:center;gap:2px;font-size:10px;display:grid}.shogi-hand-heading span{max-width:100%;font-size:9px}.shogi-hand-pieces{flex-flow:column;justify-content:flex-start;align-items:center;max-height:calc(100dvh - 150px);overflow:hidden auto}.shogi-hand-piece{min-width:34px;min-height:34px}.shogi-piece-hand{width:28px;height:32px}.shogi-history{padding-block:5px}.shogi-history ol{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));max-height:64px}}@media (width<=430px) and (orientation:portrait){.shogi-brand{text-align:left}.shogi-brand h1{font-size:20px}.shogi-topbar .theme-control{max-width:92px}.shogi-room-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shogi-room-actions>button.primary{grid-column:1/-1}.shogi-room-actions label{grid-column:1;align-self:center}.shogi-room-actions input{grid-column:2}.shogi-room-actions>button.secondary,.shogi-room-actions .text-button{grid-column:1/-1}.shogi-status-row>strong{flex:1 0 55%}.shogi-restart{margin-left:0}}@media (width<=760px) and (orientation:landscape){.lobby-waterfall{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}}.my-menu{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:130px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0002}.my-menu a{color:var(--text);border-radius:6px;padding:8px 12px;text-decoration:none}.my-menu a:hover{background:var(--surface-raised)}.friend-search{gap:8px;display:flex}.friend-search input{flex:1}.simple-list{padding:0;list-style:none}.simple-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.simple-list small{color:var(--muted);font-size:11px;display:block}.invite-toast{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:8px;width:min(320px,100vw - 44px);padding:16px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 32px #0003}.invite-toast span{color:var(--muted);font-size:13px}.room-friend-invites,.spectator-list{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;display:flex}.room-friend-invites span,.spectator-list span{background:var(--surface-raised);border-radius:8px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.room-friend-invites small,.spectator-list small{color:var(--muted)}.shogi-friend-invites{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;display:flex}.shogi-friend-invites span{background:var(--surface-raised);border-radius:8px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.shogi-friend-invites small{color:var(--muted)}.invite-dialog-backdrop{z-index:60;background:#0b141a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.invite-dialog{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:12px;width:min(460px,100%);max-height:min(640px,100vh - 40px);padding:20px;display:grid;overflow-y:auto;box-shadow:0 18px 48px #0003}.invite-dialog-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.invite-dialog-head h2{margin:2px 0 0;font-size:20px}.invite-dialog-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.invite-dialog-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.invite-dialog-list li:last-child{border-bottom:0}.invite-dialog-list small{color:var(--muted,#7c8794);font-size:11px;display:block}.update-dots{align-items:center;gap:8px;padding-top:4px;display:inline-flex}.update-dot{background:var(--border-strong,#c7cfd8);cursor:pointer;border:0;border-radius:50%;flex:none;width:9px;min-width:9px;height:9px;min-height:9px;padding:0;transition:background .18s,transform .18s}.update-dot:hover{transform:scale(1.15)}.update-dot.is-active{background:var(--text,#1e252a)}.update-dot:focus-visible{outline:2px solid var(--accent,#2f6f8f);outline-offset:3px}.update-log p{margin:0;line-height:1.7}@keyframes lobby-card-drop-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.lobby-waterfall>.panel{animation:.5s cubic-bezier(.22,.61,.36,1) both lobby-card-drop-in}.lobby-waterfall>.panel:first-child{animation-delay:0s}.lobby-waterfall>.panel:nth-child(2){animation-delay:80ms}.lobby-waterfall>.panel:nth-child(3){animation-delay:.16s}.lobby-waterfall>.panel:nth-child(4){animation-delay:.24s}@media (prefers-reduced-motion:reduce){.lobby-waterfall>.panel{animation:none}}.friend-avatar{object-fit:cover;background:var(--surface-raised);border-radius:50%;flex:none;width:34px;min-width:34px;height:34px}.friend-avatar-fallback{color:var(--muted);place-items:center;font-size:14px;font-weight:700;display:grid}.simple-list li{gap:10px}.friend-name{overflow-wrap:anywhere;flex:1;min-width:0}.friend-actions{gap:6px;display:inline-flex}.spectator-block{gap:8px;display:grid}.spectator-seats{flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.spectator-seat{width:42px;min-width:42px;height:42px;min-height:42px;color:var(--muted);cursor:default;background:0 0;border:2px dashed #9aa7ad;border-radius:50%;flex:none;place-items:center;padding:0;font-size:20px;line-height:1;display:grid;overflow:hidden}.spectator-seat.is-empty{cursor:pointer;transition:border-color .16s,background .16s}.spectator-seat.is-empty:hover{border-color:var(--text);background:var(--surface-raised);color:var(--text)}.spectator-seat.is-filled{border:2px solid var(--border-strong);background:var(--surface-raised);color:var(--text);cursor:pointer}.spectator-seat.is-filled[data-offline]{opacity:.5}.spectator-seat img{object-fit:cover;width:100%;height:100%}.spectator-initial{place-items:center;width:100%;height:100%;font-size:15px;font-weight:700;display:grid}.spectator-peek{z-index:70;background:var(--surface);border:1px solid var(--border);pointer-events:none;border-radius:10px;justify-items:center;gap:4px;min-width:96px;padding:10px 12px;display:grid;position:fixed;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 10px 26px #141c2038}.spectator-peek img,.spectator-peek .spectator-initial{object-fit:cover;background:var(--surface-raised);border-radius:50%;width:44px;height:44px}.spectator-peek strong{font-size:13px}.spectator-peek small{color:var(--muted);font-size:11px}.avatar-select{border:1px solid var(--border-strong);min-height:40px;color:var(--text);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;display:inline-flex}.avatar-select:hover{border-color:var(--text)}@media (width<=430px){.avatar-editor{grid-template-columns:1fr;gap:8px;display:grid}.avatar-editor button{width:100%;min-height:44px}.profile-setting h3{font-size:15px}.about-identity{gap:12px}}.friend-presence{white-space:nowrap;color:var(--muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.friend-presence .friend-dot{font-size:20px;font-style:normal;line-height:0;transform:translateY(1px)}.friend-presence.is-online{color:var(--text)}.friend-presence.is-online .friend-dot{color:#1f9d55}.friend-presence.is-offline .friend-dot{color:#9aa4ad}.friend-playing{color:var(--muted)}.friends-home{text-decoration:none}.invite-dialog-list .friend-avatar{flex:none}.theme-setting{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.theme-setting .theme-control{min-height:38px}.avatar-crop-backdrop{z-index:80;background:#0c12169e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.avatar-crop{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:min(420px,100%);max-height:calc(100vh - 32px);color:var(--text);border-radius:12px;gap:12px;padding:16px;display:grid;overflow-y:auto;box-shadow:0 20px 48px #00000052}.avatar-crop-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.avatar-crop-head h2{margin:0;font-size:18px}.avatar-crop-stage{place-items:center;display:grid}.avatar-crop-window{background:var(--surface-raised,#eef2f3);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:10px;position:relative;overflow:hidden}.avatar-crop-window:active{cursor:grabbing}.avatar-crop-window>img{pointer-events:none;-webkit-user-drag:none;max-width:none;position:absolute}.avatar-crop-loading{text-align:center;color:var(--muted);margin:0;padding:24px;font-size:13px}.avatar-crop-grid{pointer-events:none;background:linear-gradient(90deg,#ffffff59 1px,#0000 1px) 33.33% 0/33.34% 100% no-repeat,linear-gradient(90deg,#ffffff59 1px,#0000 1px) 66.66% 0/33.34% 100% no-repeat,linear-gradient(#ffffff59 1px,#0000 1px) 0 33.33%/100% 33.34% no-repeat,linear-gradient(#ffffff59 1px,#0000 1px) 0 66.66%/100% 33.34% no-repeat;border-radius:10px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #fff9,inset 0 0 0 9999px #0c12162e}.avatar-crop-zoom{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.avatar-crop-zoom input{flex:1}.avatar-crop-buttons{justify-content:flex-end;gap:8px;display:flex}@media (width<=520px){.avatar-crop{padding:14px}.avatar-crop-buttons{flex-direction:column-reverse}.avatar-crop-buttons button{width:100%;min-height:44px}}a.about-back,a.friends-home{color:var(--text);align-items:center;gap:6px;text-decoration:none;display:inline-flex}a.about-back{align-self:flex-start}a.friends-home{border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:14px}a.friends-home:hover,a.about-back:hover{background:var(--surface-raised)}.friends-layout{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;max-width:940px;margin:0 auto;display:grid}.friends-side{flex-direction:column;gap:8px;display:flex}.friends-page{max-width:none;margin:0}.friends-body{gap:10px;min-width:0;display:grid}a.friends-home,button.friends-home{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;justify-self:start;padding:8px 14px;font-size:14px;text-decoration:none}a.friends-home:hover,button.friends-home:hover{background:var(--surface-raised)}.friends-body .friend-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.friend-watch{min-height:30px;padding:3px 12px;font-size:13px}@media (width<=640px){.friends-layout{grid-template-columns:minmax(0,1fr)}.friends-side{flex-direction:row}}.invite-dialog-list li[data-unavailable=true]{opacity:.55}.invite-dialog-list li[data-unavailable=true] .friend-avatar{filter:grayscale()}.invite-dialog-state{flex:none;align-items:center;gap:10px;display:inline-flex}.invite-dialog-state .friend-presence{font-size:11px}html,body{overscroll-behavior:none}.ua-app,.shogi-app{overscroll-behavior:none;touch-action:manipulation}.ua-app :is(.ua-table,.ua-slot,.ua-handstrip),.shogi-app .shogi-board{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ua-app input,.ua-app textarea,.shogi-app input{-webkit-user-select:text;user-select:text}