:root{--z-window: 100;--z-conn: 100000;--z-toast: 100100;--c-gold: #c9a35a;--c-gold-hi: #e8c77a;--c-title: #f3dca0;--c-text: #f3e6c8;--c-text-2: #d8c8a6;--c-muted: #a89878;--c-panel: #15121a;--c-sheet: #1d1924;--c-card: rgba(20, 17, 26, .92);--c-line: rgba(201, 163, 90, .55);--c-divider: rgba(201, 163, 90, .2);--c-danger: #8a2a2c;--c-ok: #78dca0;--c-err: #e0a39a;--c-badge: #c0392b;--c-scrim: rgba(0, 0, 0, .55);--font-title: "Alegreya", serif;--font-ui: "Alegreya Sans", "Alegreya", sans-serif;--fs-screen: 24px;--fs-sheet: 22px;--fs-row: 17px;--fs-body: 15px;--fs-caption: 13px;--fs-label: 11px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-btn: 14px;--r-icon: 12px;--r-sheet: 22px;--bar-top-h: 64px;--nav-h: 72px;--tap: 44px}.icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn-primary,.btn-secondary,.btn-danger{appearance:none;min-height:var(--tap);padding:0 var(--sp-5);border-radius:var(--r-btn);font:600 var(--fs-row) var(--font-ui);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);transition:filter .12s ease,background .12s ease}.btn-primary{background:linear-gradient(180deg,var(--c-gold-hi),var(--c-gold));color:#2a1d08;border:1px solid var(--c-gold-hi)}.btn-secondary{background:transparent;color:var(--c-text);border:1px solid var(--c-line)}.btn-danger{background:var(--c-danger);color:var(--c-text);border:1px solid var(--c-err)}.btn-primary:hover,.btn-danger:hover{filter:brightness(1.1)}.btn-secondary:hover{background:#c9a35a1f}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.45;cursor:default;filter:none}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--c-gold-hi);outline-offset:2px}.icon-btn{appearance:none;position:relative;width:var(--tap);height:var(--tap);padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-icon);border:1px solid transparent;background:transparent;color:var(--c-text);cursor:pointer;transition:background .12s ease,color .12s ease}#shell .icon-btn:not(.icon-btn--captioned){width:var(--tap);height:var(--tap);padding:0;border-radius:var(--r-icon)}.icon-btn:hover{background:#c9a35a24;color:var(--c-title)}.icon-btn--solid{background:var(--c-card);border-color:var(--c-line)}.icon-btn--danger{color:var(--c-err)}.icon-btn--danger:hover{background:#8a2a2c59}.icon-btn-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--c-badge);color:#fff;font:700 var(--fs-label) / 18px var(--font-ui);text-align:center}.icon-btn.icon-btn--captioned{width:auto;min-width:56px;max-width:88px;height:56px;padding:0 6px;flex-direction:column;gap:2px;border-radius:14px;border:1px solid var(--c-line);background:#121018b3;color:var(--c-gold-hi)}.icon-btn--captioned .icon{width:22px;height:22px}.icon-btn-caption{max-width:100%;padding:0 2px;box-sizing:border-box;font:600 11px / 1.1 var(--font-ui);color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.tile{appearance:none;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3);border-radius:16px;border:1px solid var(--c-line);background:var(--c-card);color:var(--c-text);font:600 var(--fs-row) var(--font-ui);cursor:pointer;transition:background .12s ease}.tile:hover{background:#c9a35a24}.tile:focus-visible{outline:2px solid var(--c-gold-hi);outline-offset:2px}.tile-ico{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#c9a35a24;border:1px solid var(--c-line);color:var(--c-gold-hi)}.tile-ico .icon{width:28px;height:28px}.is-land-low .tile-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-2)}.is-land-low .tile{min-height:84px;padding:var(--sp-2)}.is-land-low .tile-ico{width:44px;height:44px}.icon-btn .icon-btn-art{width:36px;height:36px;object-fit:contain;-webkit-user-drag:none;user-select:none}.icon-btn--captioned .icon-btn-art{width:40px;height:40px}.tile-ico:has(.tile-art){width:72px;height:72px;background:none;border:0}.tile-ico .tile-art{width:64px;height:64px;object-fit:contain;-webkit-user-drag:none}.is-land-low .tile-ico:has(.tile-art){width:52px;height:52px}.is-land-low .tile-ico .tile-art{width:48px;height:48px}.icon-btn.icon-btn--captioned:has(.icon-btn-art){height:68px;padding:2px 6px;gap:0;background:none;border-color:transparent}.icon-btn--captioned .icon-btn-caption{text-shadow:0 1px 3px rgba(0,0,0,.9)}.lobby-icon-row .icon-btn--captioned .icon-btn-art{width:52px;height:52px}.icon-btn.icon-btn--captioned:has(.icon-btn-art){height:76px}.lobby-icon-row .icon-btn--captioned .icon-btn-caption{font-size:12px;font-weight:700;color:var(--c-title);padding:1px 6px;border-radius:8px;background:#121018b8}.lobby-icon-row .icon-btn--captioned .icon-btn-art{width:44px;height:44px}.icon-btn.icon-btn--captioned:has(.icon-btn-art){height:72px;max-width:104px}.sheet-scrim{position:absolute;inset:0;z-index:var(--z-window);display:flex;align-items:flex-end;justify-content:center;background:var(--c-scrim);pointer-events:auto}.sheet-scrim.hidden{display:none}.sheet{position:relative;box-sizing:border-box;width:100%;max-width:560px;max-height:100%;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom,0px));background:var(--c-sheet);color:var(--c-text);border:1px solid var(--c-line);border-bottom:0;border-radius:var(--r-sheet) var(--r-sheet) 0 0;font-family:var(--font-ui);font-size:var(--fs-body);overflow-y:auto;overscroll-behavior:contain;outline:none;animation:sheet-up .2s ease-out}.sheet--auto{max-height:70%}.sheet--tall{height:85%}.sheet--full{height:100%;border-radius:0}.sheet-handle{flex:none;align-self:center;width:40px;height:4px;margin:var(--sp-1) 0;border-radius:2px;background:var(--c-line);touch-action:none;cursor:grab}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.sheet-title{flex:1;min-width:0;margin:0;font:700 var(--fs-sheet) var(--font-title);color:var(--c-title);text-align:left}.sheet-close{flex:none;width:var(--tap);height:var(--tap)}.sheet-body{display:flex;flex-direction:column;gap:var(--sp-3)}.sheet-actions{display:flex;gap:var(--sp-3);justify-content:flex-end;padding-top:var(--sp-2)}@keyframes sheet-up{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}}body>.sheet-scrim{position:fixed}.full-panel{position:absolute;inset:0;z-index:var(--z-window);display:flex;flex-direction:column;background:var(--c-panel);color:var(--c-text);font-family:var(--font-ui);pointer-events:auto}.full-panel.hidden{display:none}.full-panel>.top-bar{flex:none;background:#121018d1;border-bottom:1px solid var(--c-line)}.full-panel-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.full-panel .top-bar-title{text-align:left}.is-land-low .sheet--auto{max-height:92%}.ls-v2.is-land-low .sheet-scrim,.ls-v2.is-land-wide .sheet-scrim{align-items:stretch;justify-content:flex-end}.ls-v2.is-land-low .sheet,.ls-v2.is-land-wide .sheet{width:min(400px,100%);max-width:none;height:100%;max-height:100%;border:0;border-left:1px solid var(--c-line);border-radius:var(--r-sheet) 0 0 var(--r-sheet);padding:var(--sp-3) var(--sp-4) var(--sp-3);animation:sheet-right .2s ease-out}.ls-v2.is-land-low .sheet-handle,.ls-v2.is-land-wide .sheet-handle{display:none}@keyframes sheet-right{0%{transform:translate(40px);opacity:.4}to{transform:none;opacity:1}}.ls-v2.is-land-low .sheet-scrim:has(>.sheet--full),.ls-v2.is-land-wide .sheet-scrim:has(>.sheet--full){justify-content:center}.ls-v2.is-land-low .sheet--full,.ls-v2.is-land-wide .sheet--full{width:min(720px,100%);border:0;border-inline:1px solid var(--c-line);border-radius:0;animation:sheet-up .2s ease-out}.ls-v2.is-land-wide .sheet--full.sheet--wide{width:min(960px,100%)}.ls-v2.is-land-low .full-panel,.ls-v2.is-land-wide .full-panel{background:var(--c-scrim);align-items:center}.ls-v2.is-land-low .full-panel>.top-bar,.ls-v2.is-land-wide .full-panel>.top-bar,.ls-v2.is-land-low .full-panel>.full-panel-body,.ls-v2.is-land-wide .full-panel>.full-panel-body{width:min(720px,100%);background:var(--c-panel)}.ls-v2.is-land-wide .full-panel--wide>.top-bar,.ls-v2.is-land-wide .full-panel--wide>.full-panel-body{width:min(960px,100%)}.ls-v2.is-land-low .full-panel>.top-bar{min-height:calc(48px + var(--safe-top, 0px))}@media(prefers-reduced-motion:reduce){.ls-v2 .sheet{animation:none}}.dialog-scrim{position:absolute;inset:0;z-index:var(--z-window);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:var(--c-scrim);pointer-events:auto}.dialog-card{box-sizing:border-box;width:320px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4) var(--sp-4);background:var(--c-sheet);color:var(--c-text);border:1px solid var(--c-line);border-radius:var(--r-sheet);text-align:center;font-family:var(--font-ui);outline:none}.dialog-icon{color:var(--c-gold-hi)}.dialog-icon .icon{width:32px;height:32px}.dialog-title{margin:0;font:700 var(--fs-sheet) var(--font-title);color:var(--c-title)}.dialog-text{margin:0;font-size:var(--fs-body);color:var(--c-text-2)}.dialog-actions{align-self:stretch;display:flex;gap:var(--sp-3);margin-top:var(--sp-2)}.dialog-actions>button{flex:1;padding:0 var(--sp-3)}body>.dialog-scrim{position:fixed}.ls-v2.is-land-low .dialog-scrim,.ls-v2.is-land-wide .dialog-scrim{padding:var(--sp-2)}.ls-v2.is-land-low .dialog-card,.ls-v2.is-land-wide .dialog-card{width:420px;max-height:100%;overflow-y:auto}.ls-v2.is-land-low .dialog-card{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4)}.ls-v2.is-land-low .dialog-icon .icon{width:24px;height:24px}.top-bar{display:flex;align-items:center;gap:var(--sp-3);box-sizing:border-box;min-height:calc(var(--bar-top-h) + var(--safe-top, 0px));padding:var(--safe-top, 0px) var(--sp-4) 0;color:var(--c-text);font-family:var(--font-ui)}.top-bar-start,.top-bar-end{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.top-bar-start{flex:1 1 auto}.top-bar-end{margin-left:auto;flex:0 0 auto}.top-bar-title{flex:1 1 auto;margin:0;font:600 var(--fs-screen) var(--font-title);color:var(--c-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar-labels{display:flex;flex-direction:column;min-width:0;line-height:1.15}.top-bar-name{font:600 var(--fs-row) var(--font-ui);color:var(--c-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar-sub{font-size:var(--fs-caption);color:var(--c-muted);white-space:nowrap}.top-bar-stat{display:inline-flex;align-items:center;gap:var(--sp-1);height:32px;padding:0 var(--sp-3);border-radius:16px;background:var(--c-card);border:1px solid var(--c-divider);font:600 var(--fs-body) var(--font-ui);color:var(--c-text)}.top-bar-stat img,.top-bar-stat .icon{width:18px;height:18px}.top-bar-plus{appearance:none;width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:0;background:linear-gradient(180deg,var(--c-gold-hi),var(--c-gold));color:#2a1d08;cursor:pointer}.top-bar-stat .top-bar-plus .icon{width:14px;height:14px;stroke-width:3}.top-bar-plus:focus-visible{outline:2px solid var(--c-gold-hi);outline-offset:2px}.ls-v2.is-land-low .lobby-top .top-bar{min-height:0;padding:0;gap:var(--sp-2)}.bottom-nav{display:flex;align-items:stretch;box-sizing:border-box;min-height:calc(var(--nav-h) + var(--safe-bottom, 0px));padding:0 var(--sp-2) var(--safe-bottom, 0px);background:var(--c-panel);border-top:1px solid var(--c-divider);font-family:var(--font-ui)}.bottom-nav-item{appearance:none;flex:1 1 0;min-width:var(--tap);min-height:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--sp-1) 0;border:0;background:transparent;color:var(--c-muted);cursor:pointer;transition:color .12s ease}.bottom-nav-item:hover{color:var(--c-text)}.bottom-nav-item.active{color:var(--c-gold-hi)}.bottom-nav-item:focus-visible{outline:2px solid var(--c-gold-hi);outline-offset:-2px;border-radius:var(--r-icon)}.bottom-nav-ico{position:relative;display:inline-flex}.bottom-nav-ico .icon{width:26px;height:26px}.bottom-nav-label{font-size:var(--fs-label);font-weight:600}.bottom-nav-badge{position:absolute;top:-4px;right:-10px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:var(--c-badge);color:#fff;font:700 var(--fs-label) / 16px var(--font-ui);text-align:center}.bottom-nav-badge[hidden]{display:none}.bottom-nav.is-landscape{flex-direction:column;justify-content:center;min-height:0;width:calc(var(--nav-h) + var(--safe-left, 0px));padding:var(--sp-2) 0 var(--sp-2) var(--safe-left, 0px);border-top:0;border-right:1px solid var(--c-divider)}.bottom-nav.is-landscape .bottom-nav-item{flex:0 0 auto;min-height:56px}.ls-v2.is-land-wide .bottom-nav.is-landscape{width:calc(88px + var(--safe-left, 0px))}.ls-v2.is-land-wide .bottom-nav.is-landscape .bottom-nav-item{min-height:64px}.ls-v2.is-land-low .bottom-nav.is-landscape{padding-block:var(--sp-1)}.ls-v2.is-land-low .bottom-nav.is-landscape .bottom-nav-item{min-height:var(--tap)}.bottom-nav-ico .bottom-nav-art{width:44px;height:44px;object-fit:contain;opacity:.72;transition:opacity .12s ease,transform .12s ease;-webkit-user-drag:none;user-select:none}.bottom-nav-item.active .bottom-nav-art,.bottom-nav-item:hover .bottom-nav-art{opacity:1}.bottom-nav-item.active .bottom-nav-art{transform:scale(1.06)}.bottom-nav:has(.bottom-nav-art) .bottom-nav-item{gap:0}@media(max-height:700px)and (orientation:portrait){.bottom-nav-ico .bottom-nav-art{width:40px;height:40px}}.list-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:64px;max-height:72px;box-sizing:border-box;padding:var(--sp-2) var(--sp-4);border:0;border-bottom:1px solid var(--c-divider);background:transparent;color:var(--c-text);font-family:var(--font-ui);text-align:left}.list-row-click{cursor:pointer}.list-row-click:active{background:#c9a35a1a}.list-row-click:focus-visible{outline:2px solid var(--c-gold-hi);outline-offset:-2px}.list-row-lead{flex:none;width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:50%}.list-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-row-title{font-size:var(--fs-row);color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-sub{font-size:var(--fs-caption);color:var(--c-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-trailing{flex:none;display:flex;align-items:center;gap:var(--sp-2)}.state-view{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);text-align:center;font-family:var(--font-ui)}.state-text{margin:0;font-size:var(--fs-body);color:var(--c-muted)}.state-error .state-text{color:var(--c-err)}.state-loading{align-items:stretch;padding:var(--sp-4)}.state-skeleton{height:64px;border-radius:var(--r-icon);background:linear-gradient(90deg,#c9a35a14 25%,#c9a35a2e,#c9a35a14 75%);background-size:200% 100%;animation:state-shimmer 1.4s linear infinite}@keyframes state-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.state-skeleton{animation:none}}.settings-tabs.tabs-scroll{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.settings-tabs.tabs-scroll::-webkit-scrollbar{display:none}.settings-tabs.tabs-scroll .settings-tab{flex:none}.settings-tabs:is(.tabs-pills,.tabs-underline):not(#_){flex:0 0 auto;flex-direction:row;flex-wrap:nowrap;align-items:center;overflow-x:auto;scrollbar-width:none;background:transparent;border:0}.settings-tabs:is(.tabs-pills,.tabs-underline):not(#_)::-webkit-scrollbar{display:none}.settings-tabs:is(.tabs-pills,.tabs-underline):not(#_) .settings-tab{flex:none;width:auto;text-align:center;white-space:nowrap;border:0;min-height:var(--tap);font:var(--fs-body) var(--font-ui);font-weight:600;box-shadow:none}.settings-tabs.tabs-pills:not(#_){gap:var(--sp-2);padding:var(--sp-1) var(--sp-4)}.settings-tabs.tabs-pills:not(#_) .settings-tab{padding:0 var(--sp-4);border-radius:999px;border:1px solid var(--c-divider);background:transparent;color:var(--c-text-2)}.settings-tabs.tabs-pills:not(#_) .settings-tab.active{background:var(--c-gold);border-color:var(--c-gold);color:var(--c-panel)}.settings-tabs.tabs-underline:not(#_){gap:var(--sp-4);padding:0 var(--sp-4);border-bottom:1px solid var(--c-divider)}.settings-tabs.tabs-underline:not(#_) .settings-tab{padding:0 var(--sp-1);border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--c-text-2)}.settings-tabs.tabs-underline:not(#_) .settings-tab.active{color:var(--c-title);border-bottom-color:var(--c-gold);background:transparent}.toast-v2{position:absolute;left:50%;top:calc(var(--bar-top-h) + var(--safe-top, 0px) + var(--sp-2));transform:translate(-50%);z-index:var(--z-toast);max-width:calc(100% - 2 * var(--sp-4));display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:999px;background:var(--c-sheet);border:1px solid var(--c-line);color:var(--c-text);font:var(--fs-body) var(--font-ui);pointer-events:none}.toast-v2.hidden{display:none}.toast-v2-icon{display:inline-flex}#shell{position:fixed;inset:0;z-index:1;width:var(--app-w, 100%);height:var(--app-h, 100%);overflow:hidden;background:var(--bg)}#shell.is-idle,#stage.is-idle{display:none}#shell.shell-scene{inset:50% auto auto 50%;width:var(--shell-w, 390px);height:var(--shell-h, 844px);transform:translate(-50%,-50%) scale(var(--shell-scale, 1));transform-origin:center center}.home.lobby-shell{--ava: 44px;--name-font: 15px;--rank-font: 12px;--pill-icon: 22px;--pill-font: 14px;--pill-min-w: 0px;--top-icon: 48px;--top-scroll-crop: 14px;--banner-gap: 8px;--banner-label-font: 17px;--nav-icon: 48px;--conn-size: 16px;--rank-label-font: 16px;--rank-list-title-font: 18px;--rank-back-font: 14px;--rank-state-font: 11px;--rank-opt-font: 14px;--rank-opt-btn: 36px;--rank-opt-value-font: 18px;--lobby-banner-h: clamp(52px, calc(var(--app-h, 844px) * .095), 100px);--banner-h: var(--lobby-banner-h);--lobby-gap: 8px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"top" "icons" "stage" "mode" "nav";row-gap:var(--lobby-gap);padding:calc(var(--safe-top, 0px) + 6px) calc(var(--safe-right, 0px) + 10px) calc(var(--safe-bottom, 0px) + 6px) calc(var(--safe-left, 0px) + 10px);box-sizing:border-box}.lobby-top{grid-area:top;min-width:0;position:relative;z-index:1}.lobby-top>.top-bar{min-height:var(--bar-top-h);padding:0;gap:8px}.lobby-top .top-bar-start{gap:8px}.lobby-top .top-bar-end{gap:6px}.lobby-top .ava{width:44px;height:44px;border-width:2px;flex-shrink:0}.lobby-top .top-bar-stat{height:30px;padding:0 4px 0 8px;gap:4px}.lobby-top .top-bar-stat:not(:has(.top-bar-plus)){padding-right:10px}.lobby-icons{grid-area:icons;position:relative;z-index:1}.lobby-icon-row{display:flex;justify-content:flex-end;gap:8px}.lobby-shell>.home-char-layer{grid-area:stage;position:relative;inset:auto;min-height:0}.lobby-shell .home-char{left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:100%;height:100%;max-height:100%;pointer-events:auto;cursor:pointer}.lobby-mode{grid-area:mode;min-height:0;max-height:calc(var(--app-h, 100vh) * .58);display:flex;flex-direction:column;position:relative;z-index:1}.lobby-mode>.home-modes{flex:1 1 auto;width:100%;min-width:0;height:auto;padding-top:0;overflow:hidden}.lobby-mode .banners{align-items:center}.lobby-mode .rank-list{overflow-y:auto}.lobby-mode .banner-btn{width:calc(var(--lobby-banner-h) * 3.34);max-width:100%;align-self:center}.lobby-nav{grid-area:nav;position:relative;z-index:1;margin:0 calc(-1 * (var(--safe-right, 0px) + 10px)) calc(-1 * (var(--safe-bottom, 0px) + 6px)) calc(-1 * (var(--safe-left, 0px) + 10px))}.lobby-shell>.lobby-toast{top:calc(var(--safe-top, 0px) + 100px);font-size:15px;padding:8px 16px}#shell.is-landscape .home.lobby-shell{--lobby-banner-h: clamp(48px, calc(var(--app-h, 390px) * .16), 96px);grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"nav top top" "nav stage icons" "nav stage mode";column-gap:12px}#shell.is-landscape .lobby-mode{max-height:none;justify-content:flex-end}#shell.is-landscape .lobby-nav{margin:calc(-1 * (var(--safe-top, 0px) + 6px)) 0 calc(-1 * (var(--safe-bottom, 0px) + 6px)) calc(-1 * (var(--safe-left, 0px) + 10px))}#shell.is-landscape .lobby-nav>.bottom-nav{height:100%}.stage-legacy{position:absolute;left:50%;top:50%;width:var(--legacy-w, 900px);height:var(--legacy-h, 1600px);transform:translate(-50%,-50%) scale(var(--stage-scale, 1));transform-origin:center center;z-index:10;pointer-events:none}.stage-legacy>*{pointer-events:auto}.stage-legacy.stage-legacy--top{z-index:30}#shell.ls-v2.is-land-low .home.lobby-shell{--lobby-card-w: clamp(280px, 38vw, 340px);--lobby-banner-h: clamp(48px, calc(var(--app-h, 390px) * .15), 72px);grid-template-columns:auto minmax(0,1fr) var(--lobby-card-w);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"nav top icons" "nav stage mode";column-gap:10px;row-gap:6px}#shell.ls-v2.is-land-low .lobby-icons{align-self:center}#shell.ls-v2.is-land-low .lobby-icon-row{justify-content:stretch;gap:6px}#shell.ls-v2.is-land-low .lobby-icon-row>*{flex:1 1 0;min-width:0}#shell.ls-v2.is-land-low .lobby-mode{justify-content:center;max-height:100%}#shell.ls-v2.is-land-low .lobby-top>.top-bar{min-height:0}#shell.ls-v2.is-land-low .lobby-top .ava{width:44px;height:44px}#shell.ls-v2.is-land-wide .home.lobby-shell{--lobby-card-w: 400px;--lobby-banner-h: clamp(64px, calc(var(--app-h, 800px) * .1), 96px);width:100%;max-width:1440px;margin-inline:auto;grid-template-columns:auto minmax(0,1fr) var(--lobby-card-w);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"nav top icons" "nav stage mode";column-gap:20px;row-gap:12px;padding-top:calc(var(--safe-top, 0px) + 12px);padding-bottom:calc(var(--safe-bottom, 0px) + 20px);padding-right:calc(var(--safe-right, 0px) + 20px)}#shell.ls-v2.is-land-wide .lobby-nav{margin:calc(-1 * (var(--safe-top, 0px) + 12px)) 0 calc(-1 * (var(--safe-bottom, 0px) + 20px)) calc(-1 * (var(--safe-left, 0px) + 10px))}#shell.ls-v2.is-land-wide .lobby-icons{align-self:center}#shell.ls-v2.is-land-wide .lobby-icon-row{justify-content:flex-end;gap:10px}#shell.ls-v2.is-land-wide .lobby-mode{max-height:100%;justify-content:center}#shell.ls-v2.is-land-wide .lobby-shell>.home-char-layer{padding-bottom:0}#shell.ls-v2.is-land-low .lobby-top .top-bar-start,#shell.ls-v2.is-land-wide .lobby-top .top-bar-start{flex:0 1 auto}#shell.ls-v2.is-land-low .lobby-top .top-bar-end,#shell.ls-v2.is-land-wide .lobby-top .top-bar-end{margin-left:var(--sp-2)}#shell.ls-v2.is-land-low .lobby-mode,#shell.ls-v2.is-land-wide .lobby-mode{align-self:center;max-height:100%;width:100%}#shell.ls-v2.is-land-low .lobby-mode>.home-modes,#shell.ls-v2.is-land-wide .lobby-mode>.home-modes{flex:0 1 auto}#shell:not(.is-landscape) .lobby-shell .home-char{max-height:100%;object-fit:contain;object-position:center}.lobby-icons{position:absolute;top:var(--safe-top, 0px);right:calc(var(--safe-right, 0px) + 10px);z-index:2;align-self:auto;pointer-events:none}.lobby-icon-row{gap:4px;align-items:flex-start}.lobby-icon-row .icon-btn.icon-btn--captioned:has(.icon-btn-art){pointer-events:auto;position:relative;width:52px;min-width:0;max-width:none;height:104px;margin-top:-16px;padding:0;display:block;flex:none!important}.lobby-icon-row .icon-btn--captioned .icon-btn-art{width:100%;height:100%;object-fit:contain;object-position:top center}.lobby-icon-row .icon-btn--captioned .icon-btn-caption{position:absolute;left:-4px;right:-4px;bottom:27%;padding:0;background:none;border-radius:0;max-width:none;text-align:center;overflow:visible;font:700 8.5px / 1 var(--font-display, var(--font-ui));letter-spacing:-.3px;color:#4a3318;text-shadow:0 1px 1px rgba(255,240,210,.45)}.lobby-icon-row .icon-btn-badge{top:30%;right:-2px}.lobby-top>.top-bar{padding-right:170px;flex-wrap:wrap}#shell:not(.is-landscape) .home.lobby-shell{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top" "stage" "mode" "nav"}#shell:not(.is-landscape) .lobby-shell>.home-char-layer{grid-area:2 / 1 / 4 / 2}#shell:not(.is-landscape) .lobby-shell .home-char{bottom:0}#shell.ls-v2.is-land-low .lobby-icon-row>*,#shell.ls-v2.is-land-wide .lobby-icon-row>*{flex:none}#shell.ls-v2.is-land-low .lobby-icons,#shell.ls-v2.is-land-wide .lobby-icons{align-self:auto}#shell.ls-v2.is-land-low .lobby-top>.top-bar,#shell.ls-v2.is-land-wide .lobby-top>.top-bar{padding-right:170px;flex-wrap:nowrap}.lobby-icon-row .icon-btn.icon-btn--captioned:has(.icon-btn-art){overflow:visible}#shell.ls-v2.is-land-low .lobby-mode,#shell.ls-v2.is-land-wide .lobby-mode{margin-top:44px;max-height:calc(100% - 44px)}.lobby-mode>.mode-card{box-sizing:border-box;display:flex;flex-direction:column;padding:var(--sp-3);border-radius:20px 20px 16px 16px;background:#14111aeb;border:1px solid rgba(201,163,90,.55);color:var(--c-text);font-family:var(--font-ui);pointer-events:auto;overflow:hidden}.mode-card>.banners{gap:var(--sp-2)}.mode-card .rank-list{display:flex;flex-direction:column;gap:var(--sp-2);min-height:0;overflow-y:auto;width:100%;height:auto;padding:0}.mode-card .rank-list.hidden{display:none}.mode-card .rank-list-head{display:flex;align-items:center;gap:var(--sp-2);padding:0}.mode-card .rank-list-title{font-family:var(--font-title);font-size:var(--fs-sheet);font-weight:700;color:var(--c-title);opacity:1;text-shadow:none}.mode-card .rank-options{display:flex;flex-direction:column;gap:var(--sp-2);padding:0;background:none;border:0}.mode-card .rank-options.hidden{display:none}.mode-card .rank-options>.variant-pick,.mode-card .match-target{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;margin:0;padding:0}.mode-card .rank-options>.variant-pick.hidden,.mode-card .match-target.hidden{display:none}.mode-card .variant-pick-label,.mode-card .match-target-label{font-size:var(--fs-body);color:var(--c-text-2);font-weight:400}.mode-card .variant-pick-label{margin-right:auto}.mode-card .variant-pick-btn,.friend-room .variant-pick-btn{height:var(--tap);padding:0 16px;border-radius:999px;font-size:15px;font-family:var(--font-ui);background:#00000073;border-color:#c9a35a66}.mode-card .variant-pick-btn.active,.friend-room .variant-pick-btn.active{background:var(--c-gold);color:#1e1a20;border-color:var(--c-gold);font-weight:700}.mode-card .stepper-btn,.mode-card .rank-options .stepper-btn{width:var(--tap);height:var(--tap);font-size:24px;color:var(--c-text)}.mode-card .stepper-value{min-width:36px;font-size:22px;font-family:var(--font-title);font-weight:700}.mode-card .rank-rows{display:flex;flex-direction:column;width:100%;gap:0;padding:0}.mode-league{border-radius:12px}.mode-league-icon{width:44px;height:44px;object-fit:contain}.mode-league-icon.broken{visibility:hidden}.mode-pill{height:36px;padding:0 14px;border-radius:999px;display:flex;align-items:center;background:var(--c-gold);color:#1e1a20;font-weight:700;font-size:var(--fs-body)}.mode-pill.is-on{background:transparent;color:var(--c-gold-hi);border:1px solid var(--c-gold)}.mode-league.is-locked{opacity:.6}.mode-league-lock{width:36px;height:36px;display:grid;place-items:center;color:var(--c-muted)}.mode-league-lock .icon{width:22px;height:22px}.mode-search{display:flex;flex-direction:column;gap:var(--sp-3);min-height:0}.mode-search.hidden{display:none}.mode-search-head{display:flex;align-items:center;gap:var(--sp-3)}.mode-spinner{flex:none;width:48px;height:48px;box-sizing:border-box;border-radius:50%;border:3px solid rgba(201,163,90,.25);border-top-color:var(--c-gold-hi);animation:mode-spin 1s linear infinite}@keyframes mode-spin{to{transform:rotate(360deg)}}.mode-search-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.mode-search-title{margin:0;font-family:var(--font-title);font-size:clamp(18px,5.6vw,22px);line-height:1.15;font-weight:700;color:var(--c-title)}.mode-search-sub{font-size:var(--fs-caption);color:var(--c-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-search-timer{font-family:var(--font-title);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.mode-search-list .mode-search-timer{font-size:var(--fs-body)}.mode-search-row-end{display:flex;align-items:center;gap:var(--sp-1)}.mode-search-bar{position:relative;height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden}.mode-search-bar>span{position:absolute;top:0;bottom:0;width:40%;background:var(--c-gold);border-radius:3px;animation:mode-bar 1.6s ease-in-out infinite}@keyframes mode-bar{0%{left:-40%}to{left:100%}}@media(prefers-reduced-motion:reduce){.mode-spinner,.mode-search-bar>span{animation:none}.mode-search-bar>span{left:0;width:100%;opacity:.5}}.mode-search-list{display:flex;flex-direction:column;max-height:216px;overflow-y:auto}.mode-search-note{margin:0;font-size:var(--fs-caption);line-height:1.4;color:var(--c-text-2)}.mode-search-actions{display:flex;gap:var(--sp-2)}.mode-search-cancel.icon-btn{flex:none;width:52px;height:52px;border-radius:14px;border:1px solid rgba(201,163,90,.7)}.mode-search-links{display:flex;justify-content:center;gap:var(--sp-4)}.mode-btn{flex:1 1 auto;min-height:52px;padding:0 var(--sp-4);display:flex;align-items:center;justify-content:center;gap:var(--sp-2);border-radius:14px;border:1px solid rgba(201,163,90,.7);background:transparent;color:var(--c-text);font-family:var(--font-ui);font-size:17px;font-weight:700;cursor:pointer}.mode-btn--primary{background:var(--c-gold);color:#1e1a20;border-color:var(--c-gold)}.mode-btn .icon{width:20px;height:20px}.mode-link{min-height:var(--tap);padding:0 var(--sp-2);border:0;background:none;color:var(--c-gold-hi);font-family:var(--font-ui);font-size:var(--fs-body);text-decoration:underline;cursor:pointer}.friend-room{display:flex;flex-direction:column;gap:var(--sp-4)}.friend-room-block{display:flex;flex-direction:column;gap:var(--sp-2)}.friend-room-label{font-size:var(--fs-body);color:var(--c-text-2)}.friend-room-join{display:flex;gap:var(--sp-2)}.friend-room-join>.input{flex:1 1 auto;min-width:0;height:52px;box-sizing:border-box;font-family:var(--font-ui);font-size:18px;text-transform:uppercase}.friend-room-join>.mode-btn{flex:none}.friend-room .variant-pick-label{font-size:var(--fs-body);color:var(--c-text-2);margin-right:auto}.friend-room-hint{margin:0;font-size:var(--fs-caption);color:var(--c-muted);line-height:1.4}.ls-v2.is-land-low .lobby-mode>.mode-card{padding:var(--sp-2);border-radius:16px;max-height:100%}.ls-v2.is-land-low .mode-card>.banners{gap:4px}.ls-v2.is-land-low .mode-card .rank-list,.ls-v2.is-land-low .mode-card .rank-list-head{gap:4px}.ls-v2.is-land-low .mode-card .rank-list-title{font-size:18px}.ls-v2.is-land-low .mode-card .rank-options{gap:4px}.ls-v2.is-land-low .mode-card .variant-pick-btn{padding:0 12px;font-size:14px}.ls-v2.is-land-low .mode-card .stepper-value{font-size:20px}.ls-v2.is-land-low .mode-card .rank-rows{min-height:0;overflow-y:auto}.ls-v2.is-land-low .mode-league{min-height:48px}.ls-v2.is-land-low .mode-league-icon{width:32px;height:32px}.ls-v2.is-land-low .mode-pill{height:32px;padding:0 12px}.ls-v2.is-land-low .mode-search{gap:var(--sp-2)}.ls-v2.is-land-low .mode-spinner{width:36px;height:36px;border-width:3px}.ls-v2.is-land-low .mode-search-title,.ls-v2.is-land-low .mode-search-timer{font-size:18px}.ls-v2.is-land-low .mode-search-note{font-size:12px;line-height:1.3}.ls-v2.is-land-low .mode-btn{min-height:44px;font-size:15px}.ls-v2.is-land-low .mode-search-cancel.icon-btn{width:44px;height:44px}.ls-v2.is-land-low .mode-search-links{gap:var(--sp-2)}.ls-v2.is-land-wide .lobby-mode>.mode-card{padding:var(--sp-4);border-radius:22px}.ls-v2.is-land-wide .mode-card .rank-rows{overflow-y:auto;min-height:0}.ls-v2.is-land-wide .mode-search-title{font-size:24px}.lobby-mode>.mode-card:not(:has(>.rank-list:not(.hidden))):not(:has(>.mode-search:not(.hidden))){background:none;border-color:transparent;overflow:visible}.mode-league-icon{border-radius:50%;object-fit:cover}.friend-room-variant{align-self:flex-start;padding:4px var(--sp-3);border-radius:999px;border:1px solid var(--c-line);color:var(--c-gold-hi);font-size:var(--fs-caption)}.friend-room-codebox{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-card, 16px);background:#f3e6c80f;border:1px solid var(--c-line)}.friend-room-coderow{display:flex;align-items:center;gap:var(--sp-2)}.friend-room-code{flex:1 1 auto;min-width:0;font:700 36px/1.1 var(--font-title);letter-spacing:.18em;color:var(--c-gold-hi);user-select:all}.friend-room-wait{display:flex;align-items:center;gap:var(--sp-3);color:var(--c-text-2)}.friend-room-spinner{flex:none;width:20px;height:20px;border-width:2px;border-color:var(--c-divider);border-top-color:var(--c-gold-hi)}.friend-room-friends{display:flex;flex-direction:column}.friend-room-ava{width:44px;height:44px;object-fit:cover;display:block}.friend-room--host h3.friend-room-label{margin:0;font-weight:600}.friend-room-leave{width:100%}.is-land-low .friend-room-code{font-size:28px}.game-shell{position:absolute;inset:0;z-index:1;pointer-events:none;color:var(--c-text);font-family:var(--font-ui);--hud-top: calc(var(--bar-top-h) + var(--safe-top, 0px));--hud-bottom: 140px;--hud-left: 0px;--hud-right: 0px}.game-settings{display:flex;flex-direction:column;gap:var(--sp-3)}.game-shell :is(.panel,.btn,.emote-cell){pointer-events:auto}.game-shell .game-top{position:absolute;top:0;left:0;right:0;gap:var(--sp-2);padding-left:calc(var(--sp-2) + var(--safe-left, 0px));padding-right:calc(var(--sp-2) + var(--safe-right, 0px));background:var(--c-sheet);border-bottom:1px solid var(--c-line);pointer-events:auto}.game-top .top-bar-start{gap:var(--sp-2)}.game-top .top-bar-end{gap:6px}.game-opp-sub{display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis}.game-opp-rank{display:inline-flex;align-items:center;gap:4px}.game-opp-rank .rank-icon{width:16px;height:16px}.game-cube{flex:none;padding:2px 7px;border-radius:8px;border:1px solid var(--c-line);background:#0006;font:700 15px var(--font-title);color:var(--c-title)}.game-score{flex:none;display:flex;flex-direction:column;align-items:center;padding:3px 9px;border-radius:12px;white-space:nowrap;background:#0006;border:1px solid var(--c-line)}.game-score-main{font:700 18px/1 var(--font-title);color:var(--c-text)}.game-score-sub{font-size:11px;color:var(--c-gold)}.game-ava{position:relative;flex:none;width:44px;height:44px;padding:0;border:0;background:none;border-radius:12px}.game-ava-img{display:block;width:100%;height:100%;box-sizing:border-box;object-fit:cover;object-position:top;border-radius:inherit;border:2px solid #8a7a9a;background:linear-gradient(160deg,#6b5a7a,#2a2233)}.game-ava.me{width:52px;height:52px;border-radius:14px;cursor:pointer}.game-ava.me .game-ava-img{border-color:var(--c-gold);background:linear-gradient(160deg,#7a5a4a,#33241c)}.game-ava.active-turn .game-ava-img{border-color:var(--c-gold-hi)}.game-ava.me:focus-visible{outline:2px solid var(--c-gold-hi);outline-offset:2px}.game-shell .turn-timer{position:absolute;inset:-5px;width:auto;height:auto;border:0;border-radius:16px;box-shadow:none;background:none;animation:none;display:flex;align-items:flex-end;justify-content:center;font:700 12px/1 var(--font-ui);color:var(--c-title);text-shadow:0 0 3px #000,0 0 2px #000;pointer-events:none}.game-shell .turn-timer:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:3px;background:conic-gradient(var(--c-gold-hi) calc(var(--turn-frac, 1) * 360deg),rgba(255,255,255,.14) 0deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.game-shell .turn-timer.urgent{color:#ffd9c0}.game-shell .turn-timer.urgent:before{background:conic-gradient(#e2603f calc(var(--turn-frac, 1) * 360deg),#ffffff24 0deg)}.game-shell .turn-timer.hidden{display:none}.game-shell .game-conn-dot{position:absolute;inset:auto -3px -3px auto;width:12px;height:12px;border-radius:50%;border:2px solid var(--c-sheet);background:#e05a4a;background-image:none}.game-shell .game-conn-dot.conn-good{background:#3ecf6e}.game-shell .game-conn-dot.conn-poor{background:var(--c-gold-hi)}.game-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;padding-bottom:var(--safe-bottom, 0px);background:linear-gradient(to top,#15121af0 70%,#15121a00);pointer-events:auto}.game-status-row{display:flex;justify-content:center;padding:var(--sp-2) 10px 0;min-height:36px;box-sizing:border-box}.game-status{max-width:100%;box-sizing:border-box;padding:6px 14px;border-radius:999px;background:#14111ad9;border:1px solid var(--c-divider);font-size:14px;color:var(--c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-status.mine{background:#c9a35a2e;border-color:var(--c-line);color:var(--c-title)}.game-status.attn{color:var(--c-title);animation:turn-attn .6s ease}.game-bottom-row{display:flex;align-items:center;gap:10px;box-sizing:border-box;min-height:76px;padding:12px calc(10px + var(--safe-right, 0px)) 12px calc(10px + var(--safe-left, 0px))}.game-me-labels{flex:1 1 auto}.game-bottom.can-roll .game-me-labels{display:none}.game-shell .game-dice{display:flex;gap:6px;margin:0;min-height:0;flex:none}.game-shell .game-dice.hidden{display:none}.game-shell .game-dice .die-face{width:44px;height:44px;border-radius:10px;border-width:1px}.game-shell .game-dice .die-pip{width:8px;height:8px}.game-roll{flex:1 1 auto;min-height:52px;font-size:18px;font-weight:700}.game-double{flex:none;min-height:52px;padding:0 var(--sp-4)}.game-shell .game-undo{flex:none;width:52px;height:52px;border-color:var(--c-line)}.game-shell .game-emotes{position:absolute;z-index:30;pointer-events:auto;left:calc(10px + var(--safe-left, 0px));bottom:calc(var(--hud-bottom) + var(--sp-2));display:grid;grid-template-columns:repeat(3,56px);gap:var(--sp-2);padding:10px;border-radius:16px;max-height:calc(100% - var(--hud-top) - var(--hud-bottom) - 16px);overflow-y:auto;background:#14111af5;border:1px solid var(--c-line)}.game-shell .game-emotes.hidden{display:none}.game-shell .game-emotes .emote-cell{width:56px;height:56px;border-radius:12px;border:1px solid var(--c-divider)}.game-shell .emote-bubble{position:absolute;z-index:25;width:96px;height:96px;left:calc(10px + var(--safe-left, 0px));right:auto}.game-shell .emote-bubble.me{left:calc(10px + var(--safe-left, 0px));top:auto;bottom:calc(var(--hud-bottom) + var(--sp-2))}.game-shell .emote-bubble.opp{left:calc(10px + var(--safe-left, 0px));bottom:auto;top:calc(var(--hud-top) + var(--sp-2))}.game-shell .game-comics{inset:var(--hud-top) var(--hud-right) var(--hud-bottom) var(--hud-left)}.game-shell .comic-fx{top:45%}.game-shell .comic-text{font-size:32px}.game-shell .turn-urgent{position:absolute;z-index:15;left:auto;top:auto;right:calc(var(--hud-right) + 10px);bottom:calc(var(--hud-bottom) + var(--sp-2));min-width:56px;padding:6px 10px;box-sizing:border-box;text-align:center;border-radius:14px;background:#b92c19;color:#fff;border:2px solid #ffe29a;font:800 32px/1 var(--font-ui);pointer-events:none}.game-round{position:absolute;z-index:20;left:50%;top:calc(var(--hud-top) + (100% - var(--hud-top) - var(--hud-bottom)) / 2);transform:translate(-50%,-50%);width:min(320px,calc(100% - 32px));box-sizing:border-box;padding:18px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border-radius:16px;background:var(--c-card);border:1px solid var(--c-line);box-shadow:0 12px 40px #00000080;pointer-events:none}.game-round.hidden{display:none}.game-round-title{margin:0;font:700 20px/1.2 var(--font-title);color:var(--c-title)}.game-round.loss .game-round-title{color:var(--c-text-2)}.game-round-note{margin:0;font-size:14px;color:var(--c-text-2)}.game-round-score{font:700 40px/1 var(--font-title);color:var(--c-text)}.game-round-sub{font-size:13px;color:var(--c-gold)}.game-over{position:absolute;inset:0;z-index:60;pointer-events:auto;overflow-y:auto;display:flex;box-sizing:border-box;padding:calc(var(--safe-top, 0px) + 40px) calc(24px + var(--safe-right, 0px)) calc(var(--safe-bottom, 0px) + 24px) calc(24px + var(--safe-left, 0px));background:#15121af2}.game-over.hidden{display:none}.game-over-card{flex:1 1 auto;width:100%;max-width:420px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.game-over-ava{width:96px;height:96px;flex:none;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--c-gold);background:#f3e6c81a}.game-over-title{margin:0;font:700 36px/1.1 var(--font-title);color:var(--c-title)}.game-over.loss .game-over-title{color:var(--c-text-2)}.game-over-score{font:700 44px/1 var(--font-title);color:var(--c-text)}.game-over-detail{margin:0;font-size:16px;color:var(--c-text-2)}.game-over-rating{width:100%;margin-top:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-2)}.game-over-rating.hidden{display:none}.game-over-rating-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2)}.game-over-rating-delta{font-size:17px;font-weight:700}.game-over-rating-delta .up{color:var(--c-ok)}.game-over-rating-delta .down{color:var(--c-err)}.game-over-rating-rank{font-size:13px;color:var(--c-muted)}.game-over-bar{height:10px;border-radius:5px;background:#f3e6c826;overflow:hidden}.game-over-bar-fill{height:100%;background:linear-gradient(90deg,var(--c-gold),var(--c-gold-hi))}.game-over-note,.game-over-actions .hint{margin:0;font-size:13px;color:var(--c-muted)}.game-over-spacer{flex:1 1 auto}.game-over-actions{width:100%;display:flex;flex-direction:column;gap:10px}.game-over-actions .btn-primary,.game-over-actions .btn-secondary{width:100%;min-height:52px}@media(max-height:700px){.game-over{padding-top:calc(var(--safe-top, 0px) + 20px)}.game-over-card{gap:8px}.game-over-ava{width:72px;height:72px}.game-over-title{font-size:30px}.game-over-score{font-size:36px}}.is-land-low .game-over{padding-top:calc(var(--safe-top, 0px) + 16px);padding-bottom:calc(var(--safe-bottom, 0px) + 16px)}.is-land-low .game-over-card{max-width:760px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:row dense;column-gap:32px;row-gap:6px;align-content:center;justify-items:center}.is-land-low .game-over-card>*{grid-column:1}.is-land-low .game-over-ava{width:64px;height:64px}.is-land-low .game-over-title{font-size:28px}.is-land-low .game-over-score{font-size:32px}.is-land-low .game-over-spacer{display:none}.is-land-low .game-over-card>.game-over-actions{grid-column:2;grid-row:1 / span 8;align-self:center}.rank-change.rank-change--game{position:absolute;z-index:var(--z-window);pointer-events:auto;background:#000000b3}.rank-change--game .rank-change-card{min-width:0;width:min(340px,calc(100% - 32px));box-sizing:border-box;padding:24px 20px 20px;background:var(--c-sheet);border:1px solid var(--c-line);border-radius:var(--r-sheet, 20px);font-family:var(--font-ui)}.rank-change--game .rank-change-title{font:700 26px var(--font-title);color:var(--c-title)}.rank-change--game .rank-change-arts{width:112px;height:112px}.rank-change--game .rank-change-rank{color:var(--c-gold-hi)}.rank-change--game .rank-change-text{color:var(--c-text)}.rank-change--game .rank-change-card .btn-primary{margin-top:var(--sp-2);min-width:160px}.game-shell.is-landscape .game-top{right:auto;width:320px;flex-wrap:wrap;padding-bottom:var(--sp-2);border-right:1px solid var(--c-line)}.game-shell.is-landscape .game-bottom{right:auto;width:320px}.game-shell.is-landscape .game-bottom-row{flex-wrap:wrap}.ls-v2.is-land-low .game-shell{--g-side-w: 170px}.ls-v2.is-land-wide .game-shell{--g-side-w: 240px}.ls-v2 .game-shell.game-cols :is(.game-top,.game-bottom){display:none}.game-shell .game-col{display:none}.ls-v2 .game-shell.game-cols .game-col{position:absolute;top:0;bottom:0;width:var(--g-side-w, 170px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-2);padding:calc(10px + var(--safe-top, 0px)) 10px calc(10px + var(--safe-bottom, 0px));background:#15121af0;pointer-events:auto;overflow:hidden}.ls-v2 .game-shell.game-cols .game-col-left{left:0;width:calc(var(--g-side-w, 170px) + var(--safe-left, 0px));padding-left:calc(10px + var(--safe-left, 0px));border-right:1px solid var(--c-divider)}.ls-v2 .game-shell.game-cols .game-col-right{right:0;width:calc(var(--g-side-w, 170px) + var(--safe-right, 0px));padding-right:calc(10px + var(--safe-right, 0px));border-left:1px solid var(--c-divider)}.game-shell .game-col-player{display:flex;align-items:center;gap:var(--sp-2);min-width:0;padding:var(--sp-2);border-radius:14px;background:var(--c-card);border:1px solid var(--c-line)}.game-shell .game-col-player.me{border:2px solid var(--c-gold-hi)}.game-shell .game-col-player .game-ava{width:44px;height:44px;flex:none}.game-shell .game-col-player .top-bar-labels{min-width:0;flex:1 1 auto}.game-shell .game-col-player .top-bar-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-shell .game-col-mid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-2);min-height:0}.game-shell .game-col-mid .game-status{max-width:100%;font-size:13px;padding:4px 12px;white-space:normal;text-align:center;border-radius:14px}.game-shell .game-col-icons{display:flex;justify-content:space-between;gap:var(--sp-2)}.game-shell .game-col-dice{display:flex;justify-content:center;min-height:0}.game-shell .game-col-dice .game-dice{flex-wrap:wrap;justify-content:center}.game-shell .game-col-actions{display:flex;flex-direction:column;gap:var(--sp-2)}.game-shell .game-col-actions>*{flex:none;width:100%;min-height:48px}.game-shell .game-col-actions .game-roll{min-height:52px}.game-shell .game-col-actions .game-undo{height:48px}.game-shell .game-col-actions>.hidden{display:none}.ls-v2.is-land-low .game-shell.game-cols .game-col,.ls-v2.is-land-low .game-shell .game-col-actions{gap:6px}.ls-v2.is-land-low .game-shell .game-col-actions>*{min-height:44px}.ls-v2.is-land-low .game-shell .game-col-actions .game-roll{min-height:48px}.ls-v2.is-land-low .game-shell .game-col-actions .game-undo{height:44px}.ls-v2.is-land-wide .game-shell .game-col-player .game-ava,.ls-v2.is-land-wide .game-shell .game-col-dice .die-face{width:56px;height:56px}.ls-v2 .game-shell.game-cols .game-emotes{left:calc(var(--hud-left) + 10px);bottom:calc(var(--hud-bottom) + 10px);max-height:calc(100% - 20px)}.ls-v2 .game-shell.game-cols .emote-bubble.me{left:calc(var(--hud-left) + 10px);bottom:calc(var(--hud-bottom) + 10px)}.ls-v2 .game-shell.game-cols .emote-bubble.opp{left:calc(var(--hud-left) + 10px);top:calc(var(--hud-top) + 10px)}.game-shell .game-btn-label{display:none}#shell.ls-v2 .game-shell.game-cols .game-col-actions .game-undo{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid var(--c-line);border-radius:14px;white-space:nowrap;width:100%;height:44px;min-height:44px}#shell.ls-v2 .game-shell.game-cols .game-col-actions .game-undo.hidden{display:none}.ls-v2 .game-shell.game-cols .game-btn-label{display:inline;font-size:14px;font-weight:700;color:var(--c-gold-hi)}.friends-card.sheet{padding:0;gap:0;overflow:hidden;max-width:none;background:var(--c-panel);border:0}.friends-card .sheet-handle{display:none}.friends-card .sheet-head{flex:none;height:var(--bar-top-h);box-sizing:border-box;padding:10px 12px;gap:var(--sp-2);background:#1c1824;border-bottom:1px solid var(--c-line)}.friends-card .sheet-title{font-size:var(--fs-screen)}.friends-body{flex:1;min-height:0;display:flex;flex-direction:column}.friends-body .friends-tabs{flex:none;background:#1c1824}.friends-body .friends-tabs .settings-tab{height:48px;display:inline-flex;align-items:center;gap:6px}.friends-body .friends-panels{flex:1;min-height:0;padding:0;border:0;background:transparent;display:flex;flex-direction:column;overflow:hidden}.friends-body .friends-panels .settings-panel:not(.hidden){flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:0}.friends-panel-search:not(.hidden){overflow:hidden}.friends-tab-badge{min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--c-badge);color:#fff;font-size:var(--fs-label);line-height:18px;text-align:center}.friends-tab-badge.hidden{display:none}.friends-section-title{margin:var(--sp-3) var(--sp-4) var(--sp-1);font:700 var(--fs-caption) var(--font-ui);color:var(--c-muted);text-transform:uppercase;letter-spacing:.04em}.friends-list{display:flex;flex-direction:column}.friends-row{display:flex;align-items:center;min-height:64px;border-bottom:1px solid var(--c-divider)}.friends-row .friends-row-main{flex:1;min-width:0;border-bottom:0}.friends-row-actions{flex:none;display:flex;align-items:center;gap:2px;padding-right:var(--sp-3)}.friends-row-actions .friend-invite,.friends-row-actions .friend-action{display:inline-flex}.friends-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--c-line);display:block;box-sizing:border-box}.friends-avatar-wrap{position:relative;display:block;width:44px;height:44px}.list-row-lead:has(.friends-avatar-wrap){overflow:visible}.presence-dot{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;box-sizing:border-box;border-radius:50%;border:2px solid var(--c-panel);background:#6b6475}.presence-lobby{background:#3ecf6e}.presence-in_match{background:var(--c-gold)}.presence-text-lobby{color:var(--c-ok)}.presence-text-in_match{color:var(--c-gold-hi)}.friend-pending{flex:none;color:var(--c-muted);font-size:var(--fs-caption);white-space:nowrap;padding:4px 8px;border:1px dashed var(--c-line);border-radius:var(--r-icon)}.friends-badge-inline{min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:999px;background:var(--c-badge);color:#fff;font-size:12px;font-weight:800;line-height:22px;text-align:center}.friends-search-row{flex:none;display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);margin:0}.friends-search-field{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-2);height:var(--tap);padding:0 var(--sp-3);box-sizing:border-box;border:1px solid var(--c-line);border-radius:var(--r-btn);background:var(--c-card);color:var(--c-muted)}.friends-search-field .icon{flex:none;width:20px;height:20px}.friends-search-input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0;color:var(--c-text);font:var(--fs-row) var(--font-ui)}.friends-search-go{padding:0 var(--sp-4)}.friends-search-results{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.friends-chat{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;background:var(--c-panel)}.friends-chat.hidden{display:none}.friends-chat-head{flex:none;height:var(--bar-top-h);box-sizing:border-box;padding:10px 12px;display:flex;align-items:center;gap:var(--sp-2);background:#1c1824;border-bottom:1px solid var(--c-line)}.friends-chat-presence{font-size:var(--fs-caption);color:var(--c-muted)}.friends-chat-avatar{flex:none;display:block}.friends-chat-who{flex:1;min-width:0;display:flex;flex-direction:column}.friends-chat-title{font:700 18px var(--font-title);color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-chat-msgs{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.friends-msg{display:flex;align-items:center;gap:2px;max-width:100%}.friends-msg.mine{justify-content:flex-end}.friends-msg.theirs{justify-content:flex-start}.friends-msg-body{max-width:76%;box-sizing:border-box;padding:8px 12px 6px;word-break:break-word;border:1px solid var(--c-divider);background:var(--c-card);color:var(--c-text);border-radius:16px 16px 16px 4px}.friends-msg.mine .friends-msg-body{background:#c9a35a33;border-color:var(--c-line);border-radius:16px 16px 4px}.friends-msg-text{font-size:var(--fs-row);line-height:1.3}.friends-msg-meta{text-align:right;font-size:var(--fs-label);color:var(--c-muted)}.friends-report.icon-btn{width:32px;height:32px;opacity:.6}.friends-chat-compose{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) calc(var(--sp-2) + env(safe-area-inset-bottom,0px));background:#1c1824;border-top:1px solid var(--c-line)}.friends-chat-input{flex:1;min-width:0;height:var(--tap);box-sizing:border-box;padding:0 var(--sp-4);border-radius:999px;border:1px solid var(--c-line);background:var(--c-card);color:var(--c-text);font:var(--fs-row) var(--font-ui);outline:0}.friends-chat-input:focus{border-color:var(--c-gold-hi)}.friends-card-body{display:flex;flex-direction:column;gap:var(--sp-3)}.friends-card-head{display:flex;align-items:center;gap:var(--sp-3)}.friends-card-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friends-card-body .friends-section-title{margin-left:0;margin-right:0}.friends-card-body .settings-tabs{padding-left:0;padding-right:0}.friends-result{font-weight:700;font-size:var(--fs-body)}.friends-result.win{color:var(--c-ok)}.friends-result.loss{color:var(--c-err)}.friend-invite{display:inline-flex}.friend-invite-pick .variant-pick-label{display:none}.friends-body .friends-section-title{margin:var(--sp-3) var(--sp-4) var(--sp-1)}.friends-card-body .friends-section-title{margin:var(--sp-2) 0 0}.friends-card-body .list-row{padding-left:0;padding-right:0}.friends-search-input::-webkit-search-cancel-button{appearance:none;display:none}.shop-confirm-body{display:flex;flex-direction:column;align-items:center;gap:10px;margin:4px 0 8px}.shop-confirm-body img,.shop-confirm-body canvas,.shop-confirm-body .item-icon{width:72px;height:72px;object-fit:contain}.shop-confirm-left{font-size:var(--fs-caption, 13px);color:var(--c-text-2, #d8c8a6)}.sheet.shop-card,.sheet.inventory-card{max-width:none;padding:0;gap:0;overflow:hidden;border:0;position:relative}:is(.shop-card,.inventory-card)>:is(.sheet-handle,.sheet-head){display:none}:is(.shop-card,.inventory-card)>.top-bar{flex:none;background:#121018d1;border-bottom:1px solid var(--c-line)}.shop-balance{flex-wrap:nowrap}.sheet.shop-card>.shop-tabs,.sheet.inventory-card>.inventory-tabs{flex:none;margin:0}.sheet .shop-panels,.sheet .inventory-panels{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;margin:0;border:0;overflow:hidden}.shop-panels>.settings-panel:not(.hidden),.inventory-panels>.settings-panel:not(.hidden){flex:1;min-height:0;display:flex;flex-direction:column;padding:0;border:0;background:transparent}.shop-grid-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-3) var(--sp-3) calc(var(--sp-4) + var(--safe-bottom, 0px))}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.shop-rotation-note{margin:0 0 var(--sp-2);font-size:var(--fs-caption);color:var(--c-muted)}.shop-offer{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--sp-2);padding:10px;border-radius:16px;background:var(--c-card);border:1px solid var(--c-line)}.shop-offer--green{border-color:#6fae5e}.shop-offer--blue{border-color:#5b8fd6}.shop-offer--purple{border-color:#a06fd0}.shop-offer--epic{border-color:#e8a84a}.shop-offer--legendary{border-color:#ff7ab8}.shop-offer--chest{border-color:var(--c-gold)}.shop-offer-media{height:96px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--r-icon);background:#f3e6c814}.shop-offer-icon,.shop-offer-sprite-tilt{width:80px;height:80px;object-fit:contain}.shop-offer-sprite-tilt .sprite-tilt-sprite{filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.shop-offer-art{width:100%;height:100%;object-fit:cover}.shop-offer-name{font:700 var(--fs-row) var(--font-title);color:var(--c-text);line-height:1.15}.shop-offer-desc{font-size:var(--fs-caption);color:var(--c-muted);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-offer-limit{position:absolute;top:-9px;left:10px;padding:2px 10px;border-radius:999px;background:var(--c-badge);color:#fff;font:700 var(--fs-label) var(--font-ui)}.shop-offer-limit.owned{background:#78dca0e6;color:#12301f}.shop-buy-btn{width:100%;margin-top:auto;gap:var(--sp-1)}.shop-offer-price{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);flex-wrap:wrap}.shop-price-icon{width:20px;height:20px;object-fit:contain}.shop-price-amount,.shop-price-usd{font-weight:700;color:inherit}.shop-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-5);text-align:center}.shop-placeholder-icon{width:96px;height:96px;object-fit:contain;opacity:.6}.shop-soon{padding:3px 12px;border-radius:999px;border:1px solid var(--c-line);color:var(--c-gold-hi);font:700 var(--fs-caption) var(--font-ui)}.shop-placeholder-text{margin:0;max-width:300px;font-size:var(--fs-body);color:var(--c-muted)}:is(.shop-card,.inventory-card)>.top-bar .top-bar-title{text-align:left}.shop-balance{gap:var(--sp-1);min-width:0}.shop-balance .top-bar-stat{padding:0 var(--sp-2);gap:4px;font-size:var(--fs-caption)}.shop-card>.top-bar{gap:var(--sp-2);padding-inline:var(--sp-2)}.inventory-grid-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-3) var(--sp-3) calc(var(--sp-4) + var(--safe-bottom, 0px))}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-2);align-content:start}.inventory-cell{position:relative;aspect-ratio:1 / 1;box-sizing:border-box;padding:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--r-icon);background:#f3e6c81a;border:1px solid var(--c-divider);color:var(--c-text)}.inventory-cell:hover,.inventory-cell:focus-visible{border-color:var(--c-gold-hi);outline:none}.inventory-cell img,.inventory-cell .sprite-tilt-stage.inventory-cell-icon{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.inventory-cell-qty{position:absolute;right:4px;bottom:3px;font:700 var(--fs-caption) var(--font-ui);color:var(--c-text);text-shadow:0 1px 3px rgba(0,0,0,.9)}.mail-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.mail-row{flex:none;min-height:72px;max-height:72px}.mail-row.open{background:#c9a35a1f}.mail-row .list-row-lead{border-radius:var(--r-icon);background:#f3e6c81a;color:var(--c-gold-hi)}.mail-row .list-row-title{font-weight:700}.mail-dot{width:10px;height:10px;border-radius:50%;background:var(--c-badge);display:block}.mail-detail{flex:none;margin:var(--sp-3);padding:14px;border-radius:16px;display:flex;flex-direction:column;gap:10px;background:var(--c-card);border:1px solid var(--c-line)}.mail-detail-head{display:flex;align-items:flex-start;gap:var(--sp-2)}.mail-detail-titles{flex:1 1 auto;min-width:0}.mail-detail-title{margin:0;font:700 20px var(--font-title);color:var(--c-title)}.mail-detail-meta{font-size:var(--fs-caption);color:var(--c-muted)}.mail-detail-body{font-size:var(--fs-body);line-height:1.45;color:var(--c-text-2)}.news-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3)}.news-entry{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);border-radius:16px;background:var(--c-card);border:1px solid var(--c-divider)}.news-entry.unseen{border-color:var(--c-line)}.news-entry-date{font-size:var(--fs-caption);color:var(--c-muted)}.news-entry-title{margin:0;font:700 20px var(--font-title);color:var(--c-title)}.news-entry-body{font-size:var(--fs-body);line-height:1.45;color:var(--c-text-2)}.news-entry-claimed{font-size:var(--fs-body);font-weight:700;color:var(--c-ok)}.btn.news-claim-btn:not(#_){align-self:stretch;height:48px;border-radius:var(--r-btn);font:700 var(--fs-row) var(--font-ui);background:var(--c-gold);border:0;color:#1e1a20;text-shadow:none}.reward-chips{display:flex;flex-wrap:wrap;gap:6px}.reward-chip{padding:4px 10px;border-radius:999px;background:#c9a35a29;border:1px solid rgba(201,163,90,.5);color:var(--c-title);font-size:var(--fs-caption);font-weight:700}.lb-tabs{flex:none;background:#1c1824;padding:var(--sp-2) 0}.lb-tabs.hidden{display:none}.lb-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.lb-sentinel{height:1px;flex:none}.lb-row{flex:none;display:flex;align-items:center;border-bottom:1px solid var(--c-divider)}.lb-row-main{flex:1 1 auto;min-width:0;width:auto;border-bottom:0;padding-left:var(--sp-2)}.lb-row-main .list-row-lead{width:40px;height:40px}.lb-avatar{width:100%;height:100%;object-fit:cover;display:block}.lb-rank-icon{width:28px;height:28px;object-fit:contain}.lb-pos{flex:none;min-width:32px;height:32px;margin-left:var(--sp-3);border-radius:16px;display:grid;place-items:center;box-sizing:border-box;padding:0 4px;font:700 15px var(--font-title);color:var(--c-muted)}.lb-pos.medal-1{background:#e8c77a;color:#1e1a20}.lb-pos.medal-2{background:#c9ced6;color:#1e1a20}.lb-pos.medal-3{background:#b87333;color:#1e1a20}.lb-row-actions{flex:none;display:flex;align-items:center;padding-right:var(--sp-3)}.lb-footer{flex:none;background:#241e2e;border-top:1px solid var(--c-gold);padding-bottom:var(--safe-bottom, 0px)}.lb-footer:empty{display:none}.lb-footer-label{padding:var(--sp-1) var(--sp-4) 0;font-size:var(--fs-label);color:var(--c-muted)}.lb-footer .lb-row{border-bottom:0}.lb-row.me .list-row-title{color:var(--c-title)}.watch-panel .tabs-underline{flex:none}.watch-hint{flex:none;margin:0;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-caption);color:var(--c-muted)}.watch-panels{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:transparent;border:0;padding:0}.watch-panels .settings-panel:not(.hidden){flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:transparent;border:0;padding:0}.watch-list-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.watch-list-scroll>.list-row{flex:none}.watch-section{flex:none;margin:0;padding:var(--sp-3) var(--sp-4) var(--sp-1);font:700 var(--fs-caption) var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--c-gold)}.watch-live-badge{padding:3px 8px;border-radius:6px;background:var(--c-badge);color:#fff;font:800 var(--fs-label) var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.watch-panel .list-row-lead:has(.watch-live-badge){width:auto;height:auto;border-radius:0;overflow:visible}.observe-screen{--u: calc(1px / var(--stage-scale, 1));position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-ui)}.observe-screen>*{pointer-events:auto}.observe-screen .top-bar{flex:none;height:calc(64 * var(--u));padding:0 calc(8 * var(--u));gap:calc(8 * var(--u));background:#121018d1;border-bottom:1px solid var(--c-line)}.observe-screen .top-bar-title{text-align:left;font-size:calc(20 * var(--u))}.observe-screen .icon-btn{width:calc(44 * var(--u));height:calc(44 * var(--u))}.observe-screen .icon-btn .icon{width:calc(24 * var(--u));height:calc(24 * var(--u))}.observe-player{flex:none;display:flex;flex-direction:column;gap:calc(6 * var(--u));padding:calc(8 * var(--u)) calc(16 * var(--u)) calc(8 * var(--u) + var(--safe-bottom, 0px));background:#121018d1;border-top:1px solid var(--c-line)}.observe-controls{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--u))}.observe-counter{flex:1;text-align:center;font:600 calc(15 * var(--u)) var(--font-ui);color:var(--c-text)}.observe-sub{text-align:center;font-size:calc(13 * var(--u));color:var(--c-muted);min-height:1.2em}.observe-rounds{display:flex;gap:calc(8 * var(--u));justify-content:center;overflow-x:auto;scrollbar-width:none}.observe-rounds.hidden{display:none}.observe-round-tab{flex:none;min-width:calc(40 * var(--u));height:calc(36 * var(--u));padding:0 calc(12 * var(--u));border-radius:999px;border:1px solid var(--c-divider);background:transparent;color:var(--c-text-2);font:600 calc(15 * var(--u)) var(--font-ui)}.observe-round-tab.active{background:var(--c-gold);border-color:var(--c-gold);color:var(--c-panel)}.observe-controls .icon-btn:disabled{opacity:.35}.art-missing{visibility:hidden}.chars-picker{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.chars-picker.hidden,.chars-detail.hidden{display:none}.chars-filters{flex:none;padding:var(--sp-2) 0 var(--sp-1)}.chars-grid{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-2) var(--sp-3) calc(var(--sp-4) + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.chars-grid>.state-view{grid-column:1 / -1}.chars-card{position:relative;aspect-ratio:3 / 4;box-sizing:border-box;padding:0;overflow:hidden;border-radius:16px;background:var(--c-card);border:1px solid var(--c-line);color:var(--c-text);font-family:var(--font-ui);text-align:left;cursor:pointer;display:flex;flex-direction:column}.chars-card.selected{border-color:var(--c-gold-hi);box-shadow:0 0 0 1px var(--c-gold-hi) inset}.chars-card-frame{flex:1 1 auto;min-height:0;margin:6px 6px 0;border-radius:12px;overflow:hidden;background:#f3e6c81a}.chars-card-art{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.chars-card.locked .chars-card-art{filter:grayscale(1) brightness(.45)}.chars-card-foot{flex:none;padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px}.chars-card-name{font:700 var(--fs-row) / 1.1 var(--font-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chars-bar{height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden}.chars-bar>span{display:block;height:100%;background:var(--c-gold)}.chars-card-badge{position:absolute;top:12px;left:12px;padding:3px 9px;border-radius:999px;background:var(--c-gold);color:#1e1a20;font:700 var(--fs-label) var(--font-ui)}.chars-card-lock{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:#0009;color:var(--c-gold-hi);display:flex;align-items:center;justify-content:center}.chars-card-lock .icon{width:16px;height:16px}.chars-preview-stage{height:min(300px,38vh);border-radius:16px;overflow:hidden;background:#f3e6c81a;display:flex;align-items:flex-end;justify-content:center}.chars-preview-art{height:100%;width:100%;object-fit:contain;object-position:center bottom}.chars-preview-bond{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);color:var(--c-gold-hi);font-weight:700}.chars-preview-actions{display:flex;flex-direction:column;gap:10px}.chars-preview-actions>button{height:52px;font-size:17px}.chars-preview-actions>button+button{height:48px;font-size:16px}.chars-locked-note{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;border-radius:var(--r-btn);border:1px dashed var(--c-line);color:var(--c-text-2);font-size:var(--fs-body);text-align:center}.chars-locked-note .icon{width:18px;height:18px;flex:none}.chars-sort-opt{width:100%}.chars-hearts{display:inline-flex;gap:6px}.chars-hearts .icon{width:26px;height:26px;fill:none;stroke:var(--c-gold-hi);stroke-width:1.8}.chars-hearts .icon.on{fill:var(--c-gold-hi)}.chars-hint{margin:0;font-size:var(--fs-caption);color:var(--c-muted)}.chars-detail{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.chars-costumes{flex:none;display:flex;gap:10px;padding:var(--sp-3);overflow-x:auto;scrollbar-width:none}.chars-costumes::-webkit-scrollbar{display:none}.chars-costume{flex:1 0 84px;max-width:140px;min-width:0;padding:0;background:none;border:0;color:var(--c-text-2);font-family:var(--font-ui);cursor:pointer;display:flex;flex-direction:column;gap:4px}.chars-costume-art{position:relative;height:84px;box-sizing:border-box;border-radius:12px;overflow:hidden;background:#f3e6c81a;border:1px solid var(--c-divider)}.chars-costume.active .chars-costume-art{border:2px solid var(--c-gold-hi)}.chars-costume.locked .chars-costume-img{filter:grayscale(.8) brightness(.55)}.chars-costume-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.chars-costume-name{font-size:var(--fs-caption);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chars-costume-worn{position:absolute;left:6px;bottom:6px;padding:2px 8px;border-radius:999px;background:var(--c-gold);color:#1e1a20;font:700 var(--fs-label) var(--font-ui)}.chars-costume-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--c-gold-hi);font-weight:700;font-size:var(--fs-caption)}.chars-costume-lock .icon{width:18px;height:18px}.chars-costume-actions{flex:none;display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-3) var(--sp-2)}.chars-costume-actions>button{min-height:40px;padding:0 var(--sp-4);font-size:var(--fs-body)}.chars-bond{flex:none;margin:0 var(--sp-3);box-sizing:border-box;padding:var(--sp-3);border-radius:16px;background:var(--c-card);border:1px solid var(--c-line);display:flex;align-items:center;gap:var(--sp-3)}.chars-bond-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.chars-bond-row{display:flex;align-items:center;gap:var(--sp-2)}.chars-bond .chars-hearts{gap:4px}.chars-bond .chars-hearts .icon{width:20px;height:20px}.chars-bond-rank{font:700 var(--fs-row) var(--font-title);color:var(--c-title)}.chars-bond-xp{font-size:12px;color:var(--c-muted)}.chars-visit{flex:none;min-height:48px;padding:0 var(--sp-4);font-size:16px}.chars-tabs{flex:none;margin-top:var(--sp-3)}.chars-tabs .settings-tab.disabled{opacity:.5;cursor:default;display:inline-flex;align-items:center;gap:4px}.chars-tabs .settings-tab .icon{width:12px;height:12px;stroke-width:2.2}.chars-tab-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px var(--sp-3) calc(var(--sp-4) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px;color:var(--c-text-2)}.chars-h{margin:0;font:700 var(--fs-row) var(--font-title);color:var(--c-title)}.chars-bio{margin:0;font-size:16px;line-height:1.45;color:var(--c-text-2)}.chars-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.chars-fact{padding:8px 10px;border-radius:12px;background:var(--c-card);border:1px solid var(--c-divider);display:flex;flex-direction:column;min-width:0}.chars-fact span{font-size:12px;color:var(--c-muted)}.chars-fact b{font-size:var(--fs-body);color:var(--c-text);overflow-wrap:anywhere}.chars-emotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.chars-emote{position:relative;aspect-ratio:1 / 1;border-radius:12px;background-color:#f3e6c81a;background-repeat:no-repeat;border:1px solid var(--c-divider)}.chars-emote.locked{filter:grayscale(1) brightness(.45)}.chars-emote-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--c-gold-hi);font-size:12px}.chars-timeline{display:flex;flex-direction:column;gap:var(--sp-2)}.chars-timeline-item{display:flex;gap:10px;padding:8px 12px;border-radius:12px;background:var(--c-card);border:1px solid var(--c-divider)}.chars-timeline-item b{color:var(--c-gold-hi);min-width:80px}.chars-gifts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2);align-content:start}.chars-gift{box-sizing:border-box;padding:8px;border-radius:14px;background:var(--c-card);border:1px solid var(--c-line);color:var(--c-text);font-family:var(--font-ui);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.chars-gift-icon{width:100%;aspect-ratio:1 / 1;object-fit:contain;border-radius:10px}.chars-gift-icon.sprite-tilt-stage{object-fit:unset}.chars-gift-name{font-size:14px;font-weight:700;text-align:center;line-height:1.1;overflow-wrap:anywhere}.chars-gift-cost{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700}.chars-gift-cost img{width:14px;height:14px;object-fit:contain}.chars-gift-bond{font-size:12px;font-weight:700;color:var(--c-ok)}.chars-art-stage{border-radius:16px;overflow:hidden;aspect-ratio:16 / 9;background:#0006;display:flex;align-items:center;justify-content:center}.chars-art-img{width:100%;height:100%;object-fit:cover;display:block}.chars-art-stage.locked{filter:grayscale(.6) brightness(.5)}.chars-art-lock{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);color:var(--c-gold-hi);text-align:center}.chars-art-lock-icon{font-size:32px}.chars-art-caption{text-align:center;font-family:var(--font-title);color:var(--c-text)}.chars-voice-list,.chars-story-list{display:flex;flex-direction:column;gap:10px}.chars-voice,.chars-story{display:flex;align-items:center;gap:var(--sp-3);padding:10px 12px;border-radius:14px;background:var(--c-card);border:1px solid var(--c-divider)}.chars-voice.locked,.chars-story.locked{opacity:.6}.chars-story.done{border-color:#78dca066}.chars-voice-play{width:var(--tap);height:var(--tap);border-radius:50%;flex:none;cursor:pointer;background:var(--c-gold);color:#1e1a20;border:0;font-size:16px}.chars-voice-play:disabled{background:#0006;color:var(--c-muted);cursor:default}.chars-voice-label,.chars-story-meta{flex:1;min-width:0}.chars-voice-req,.chars-story-lock{color:var(--c-gold-hi);font-size:var(--fs-caption)}.chars-story-title{font-weight:700;color:var(--c-text)}.chars-story-syn{font-size:var(--fs-caption);color:var(--c-muted)}.chars-chat-note{font-size:12px;color:var(--c-muted)}.chars-chat-log{display:flex;flex-direction:column;gap:var(--sp-2);max-height:320px;overflow-y:auto}.chars-chat-bubble{max-width:80%;padding:8px 12px;border-radius:14px;line-height:1.4}.chars-chat-bubble.bot{align-self:flex-start;background:#c9a35a2e;border:1px solid var(--c-line)}.chars-chat-bubble.me{align-self:flex-end;background:#f3e6c81a;border:1px solid var(--c-divider)}.chars-chat-row{display:flex;gap:var(--sp-2)}.chars-chat-row .input{flex:1;min-width:0}.chars-decor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.chars-decor{position:relative;padding:8px;border-radius:14px;background:var(--c-card);border:1px solid var(--c-line);color:var(--c-text);font-family:var(--font-ui);cursor:pointer}.chars-decor.active{border-color:var(--c-gold-hi)}.chars-decor.locked{filter:grayscale(.8) brightness(.6)}.chars-decor-art{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;background:#0006}.chars-decor-name{font-weight:700;margin-top:6px}.chars-decor-lock{position:absolute;top:12px;right:12px;font-size:20px}.chars-decor-badge{position:absolute;top:12px;left:12px;font-size:var(--fs-label);font-weight:700;background:var(--c-gold);color:#1e1a20;padding:3px 8px;border-radius:999px}.vn-overlay{position:absolute;inset:0;z-index:12;background:linear-gradient(180deg,#3b2f3a,#6b4a3a 55%,#1e1a20)}.vn-overlay.hidden{display:none}.vn-bg{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center}.vn-stand{max-height:80%;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 40px rgba(0,0,0,.7))}.vn-back{position:absolute;top:calc(10px + var(--safe-top, 0px));left:var(--sp-3);z-index:2;background:#00000080}.vn-box{position:absolute;left:10px;right:10px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:2;box-sizing:border-box;padding:26px var(--sp-4) 14px;border-radius:18px;background:#14111af0;border:1px solid var(--c-line);color:var(--c-text);font-family:var(--font-ui)}.vn-speaker{position:absolute;top:-16px;left:var(--sp-4);padding:5px 16px;border-radius:999px;background:var(--c-gold);color:#1e1a20;font:700 var(--fs-row) var(--font-title)}.vn-speaker.hidden{display:none}.vn-text{margin:0;font-size:var(--fs-row);line-height:1.45;min-height:74px}.vn-controls{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-2)}.vn-counter{font-size:12px;color:var(--c-muted)}.vn-next{width:48px;border:1px solid var(--c-line);color:var(--c-gold-hi)}.settings-scrim .sheet--full{padding:0;gap:0;background:var(--c-panel)}.settings-scrim .sheet-handle{display:none}.settings-scrim .sheet-head{flex:none;justify-content:flex-start;height:64px;box-sizing:border-box;padding:10px var(--sp-3);border-bottom:1px solid var(--c-line)}.settings-scrim .sheet-body{flex:1 1 auto;min-height:0;gap:0}.settings-sheet{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.settings-sheet .settings-tabs.tabs-underline:not(#_){flex:none;padding-left:var(--sp-2);padding-right:var(--sp-2);gap:0}.settings-sheet .settings-tabs.tabs-underline:not(#_) .settings-tab{flex:1 1 0;min-height:48px;padding:0 var(--sp-2)}.settings-sheet .settings-panels{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--sp-2) var(--sp-4) var(--sp-4);display:flex;flex-direction:column}.settings-sheet .settings-panel{flex:1 1 auto;display:flex;flex-direction:column}.settings-sheet .settings-panel.hidden{display:none}.set-body{flex:1 1 auto;display:flex;flex-direction:column}.set-row{display:flex;align-items:center;gap:var(--sp-3);min-height:68px;padding:var(--sp-2) 0;border-bottom:1px solid var(--c-divider)}label.set-row{cursor:pointer}.set-row--pick{cursor:pointer;min-height:56px;justify-content:space-between}.set-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.set-label{font-size:17px;font-weight:700;color:var(--c-text)}.set-hint{font-size:13px;color:var(--c-muted)}.set-val{font-size:15px;color:var(--c-text-2);font-variant-numeric:tabular-nums}.switch{appearance:none;-webkit-appearance:none;flex:none;position:relative;margin:0;width:52px;height:30px;border-radius:999px;cursor:pointer;background:#ffffff24;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--c-muted);transition:transform .15s,background .15s}.switch:checked{background:var(--c-gold)}.switch:checked:after{transform:translate(22px);background:#1e1a20}.switch:focus-visible,.set-radio:focus-visible,.set-slider:focus-visible{outline:2px solid var(--c-gold-hi);outline-offset:2px}.set-radio{appearance:none;-webkit-appearance:none;flex:none;margin:0;width:24px;height:24px;border-radius:50%;border:2px solid var(--c-line);cursor:pointer}.set-radio:checked{border-color:var(--c-gold);background:radial-gradient(circle,var(--c-gold) 0 45%,transparent 50%)}.set-slider-row{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) 0;border-bottom:1px solid var(--c-divider)}.set-slider-head{display:flex;justify-content:space-between;align-items:baseline}.set-slider{--fill: 50%;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:pointer}.set-slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--c-gold) var(--fill),rgba(255,255,255,.14) var(--fill))}.set-slider::-moz-range-track{height:6px;border-radius:3px;background:#ffffff24}.set-slider::-moz-range-progress{height:6px;border-radius:3px;background:var(--c-gold)}.set-slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-11px;border-radius:50%;background:var(--c-title);border:2px solid var(--c-gold);box-sizing:border-box}.set-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--c-title);border:2px solid var(--c-gold);box-sizing:border-box}.set-body--account .email-link-panel{display:flex;flex-direction:column;gap:10px;padding:var(--sp-3) 0;border-bottom:1px solid var(--c-divider)}.set-body--account .email-link-panel.hidden{display:none}.set-body--account .email-link-panel h3{margin:0;font-size:17px;color:var(--c-text)}.set-body--account .email-link-panel p{margin:0;font-size:13px;color:var(--c-muted)}.set-body--account .email-link-panel input{box-sizing:border-box;width:100%;height:52px;padding:0 14px;border-radius:var(--r-btn);border:1px solid var(--c-line);background:#00000073;color:var(--c-text);font:inherit;font-size:16px}.set-body--account .email-link-panel .btn{height:52px;border-radius:var(--r-btn);border:1px solid var(--c-line);background:transparent;color:var(--c-text);font:inherit;font-size:17px;cursor:pointer}.set-body--account .email-link-panel .btn.primary{background:var(--c-gold);color:#1e1a20;border-color:var(--c-gold);font-weight:700}.set-body--account .email-link-panel .btn:disabled{opacity:.45;cursor:default}.set-spacer{flex:1 1 auto;min-height:var(--sp-4)}.set-logout{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%}.set-logout .icon{width:20px;height:20px}.nick-sheet{display:flex;flex-direction:column;gap:var(--sp-3)}.nick-sheet>.btn-primary{width:100%}.nick-field{display:flex;flex-direction:column;gap:6px}.nick-field-head{display:flex;justify-content:space-between}.set-input{box-sizing:border-box;width:100%;height:52px;padding:0 14px;border-radius:var(--r-btn);border:1px solid var(--c-line);background:#00000073;color:var(--c-text);font:inherit;font-size:16px}.nick-cost{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-size:14px;color:var(--c-text-2)}.nick-cost .icon{width:18px;height:18px;color:var(--c-muted)}.tutorial-practice{flex:none;margin:var(--sp-3) var(--sp-4) 0;min-height:48px}.tutorial-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-3) var(--sp-4);color:var(--c-text-2);font-size:var(--fs-body);line-height:1.5}.tutorial-footer{flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4) calc(var(--sp-3) + var(--safe-bottom, 0px));border-top:1px solid var(--c-divider);background:#121018d1}.tutorial-pager{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.tutorial-page-label{flex:1;min-width:0;text-align:center;color:var(--c-muted);font-size:var(--fs-caption);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorial-pager .icon-btn:disabled{opacity:.35}.tutorial-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tutorial-dot{width:8px;height:8px;border-radius:50%;background:var(--c-divider)}.tutorial-dot.active{background:var(--c-gold)}.pf-card{gap:var(--sp-3)}.pf-identity{display:flex;gap:var(--sp-4);align-items:center}.pf-portrait{position:relative;flex:none;width:88px;height:88px;padding:0;overflow:hidden;border-radius:var(--r-btn);border:1px solid var(--c-line);background:var(--c-panel);cursor:pointer}div.pf-portrait{cursor:default}.pf-portrait-ph{position:absolute;inset:0;display:grid;place-items:center;font:700 36px var(--font-title);color:var(--c-muted)}.pf-portrait-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.pf-portrait-img.broken{opacity:0}.pf-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.pf-name-row{display:flex;align-items:center;gap:var(--sp-1);min-width:0}.pf-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 var(--fs-screen) var(--font-title);color:var(--c-title)}.pf-edit{flex:none}.pf-edit-empty{opacity:.5}.pf-title{font-style:italic;color:var(--c-muted);font-size:var(--fs-caption)}.pf-rank-row{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-1)}.pf-rank-badge{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover}.pf-rank-badge.broken{opacity:0}.pf-rank-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pf-rank-head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.pf-rank-label{font-weight:800;color:var(--c-gold);font-size:var(--fs-body)}.pf-progress{height:8px;border-radius:4px;background:#0006;overflow:hidden;border:1px solid var(--c-divider)}.pf-progress-fill{height:100%;background:linear-gradient(90deg,var(--c-gold),var(--c-title))}.pf-progress-text{font-size:var(--fs-label);color:var(--c-muted)}.pf-tabs.hidden,.pf-subtabs.hidden{display:none}.pf-tabs,.pf-subtabs{margin:0 calc(var(--sp-4) * -1)}.pf-body{display:flex;flex-direction:column;gap:var(--sp-3)}.pf-empty{color:var(--c-muted);text-align:center;padding:var(--sp-6) 0}.pf-radar-wrap{display:flex;justify-content:center}.pf-radar{width:240px;max-width:100%;height:auto;aspect-ratio:1}.pf-radar-grid{fill:none;stroke:var(--c-divider);stroke-width:1}.pf-radar-axis{stroke:var(--c-divider);stroke-width:1}.pf-radar-label{fill:var(--c-muted);font-size:11px;font-family:var(--font-ui)}.pf-radar-shape{fill:#c9a35a40;stroke:var(--c-gold);stroke-width:2}.pf-section{display:flex;flex-direction:column;gap:var(--sp-2)}.pf-section-title{margin:0;font:700 var(--fs-row) var(--font-title);color:var(--c-gold)}.pf-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.pf-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-2) var(--sp-1);border:1px solid var(--c-divider);border-radius:var(--r-icon);background:var(--c-card);text-align:center}.pf-tile-v{font:700 var(--fs-row) var(--font-title);color:var(--c-title)}.pf-tile-k{font-size:var(--fs-label);color:var(--c-muted)}.pf-stat-rows{display:flex;flex-direction:column}.pf-stat-row{display:flex;justify-content:space-between;gap:var(--sp-3);padding:6px 0;border-bottom:1px solid var(--c-divider)}.pf-stat-k{color:var(--c-muted);font-size:var(--fs-caption)}.pf-stat-v{color:var(--c-text);font-weight:700;font-size:var(--fs-caption)}.idp-body{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center}.idp-art{display:grid;place-items:center;width:120px;height:120px}.idp-icon{width:120px;height:120px;object-fit:contain}.idp-qty{margin:0;color:var(--c-gold);font-size:var(--fs-caption);font-weight:700}.idp-desc{margin:0;color:var(--c-text);line-height:1.4}.idp-actions{display:flex;justify-content:center;padding-top:var(--sp-2)}.idp-actions .btn{min-width:160px;min-height:var(--tap)}.pf-card .rank-stars{--rank-star-size: 16px}.pf-radar{overflow:visible}.auth-screen.auth-v2{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:var(--safe-top, 0px) var(--safe-right, 0px) var(--safe-bottom, 0px) var(--safe-left, 0px);background:linear-gradient(180deg,#3b2f3a,#5a4033 55%,#1e1a20);color:var(--c-text);font-family:var(--font-ui);overflow-y:auto}.auth-v2 .auth-topbar{flex:none;height:var(--bar-top-h);display:flex;align-items:center;padding:0 var(--sp-3)}.auth-v2 .auth-topbar .icon-btn{color:var(--c-gold-hi);border-color:var(--c-line)}.auth-v2 .auth-body{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);width:100%;max-width:440px;margin:0 auto;padding:var(--sp-2) 20px var(--sp-5);box-sizing:border-box}.auth-v2 .auth-head{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.auth-v2 .auth-logo{width:160px;max-width:50vw;margin:0;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}.auth-v2 .auth-subtitle{margin:0;font-size:var(--fs-body);color:var(--c-text-2);text-align:center}.auth-v2 .auth-card{width:100%;max-width:none;box-sizing:border-box;padding:18px var(--sp-4);border-radius:20px;background:var(--c-card);border:1px solid var(--c-line);box-shadow:none;gap:14px}.auth-v2 .auth-step{gap:14px}.auth-v2 .auth-label{font-size:var(--fs-caption);color:var(--c-muted)}.auth-v2 .auth-lang{margin:0;gap:var(--sp-2)}.auth-v2 .auth-lang-btn{min-width:0;height:40px;padding:0 11px;font:700 14px var(--font-ui);color:var(--c-text);border:1px solid var(--c-line);background:transparent}.auth-v2 .auth-lang-btn.active{background:var(--c-gold);border-color:var(--c-gold);color:#1e1a20}.auth-v2 .input{height:52px;padding:0 14px;border-radius:var(--r-btn);border:1px solid var(--c-line);background:#00000073;color:var(--c-text);font:16px var(--font-ui);box-sizing:border-box}.auth-v2 .input:focus{outline:2px solid var(--c-gold-hi);outline-offset:1px}.auth-v2 .auth-btn{width:100%;height:52px;font-size:17px}.auth-v2 .auth-hint{color:var(--c-gold-hi);font-size:var(--fs-caption)}.auth-v2 .auth-msg{min-height:0;font-size:14px;color:var(--c-muted)}.auth-v2 .auth-msg:empty{display:none}.auth-v2 .auth-msg.error{color:var(--c-err)}.auth-v2 .auth-row{justify-content:center}.auth-v2 .auth-link{appearance:none;min-height:var(--tap);padding:0 var(--sp-3);background:none;border:0;color:var(--c-gold-hi);font:600 14px var(--font-ui);cursor:pointer}.auth-v2 .auth-link:hover{color:var(--c-title);text-decoration:underline}.auth-v2 .auth-code-wrap{position:relative}.auth-v2 .auth-code{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-2)}.auth-v2 .auth-code-cell{height:56px;box-sizing:border-box;border-radius:var(--r-icon);border:1.5px solid rgba(201,163,90,.35);background:#00000073;display:flex;align-items:center;justify-content:center;font:700 28px var(--font-title);color:var(--c-text)}.auth-v2 .auth-code-cell:not(:empty){border-color:#c9a35ab3}.auth-v2 .auth-code-wrap:focus-within .auth-code-cell.is-active{border-color:var(--c-gold-hi)}.auth-v2 .input.auth-code-input{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;border:0;cursor:text}.auth-v2 .legal-list{gap:var(--sp-1);margin:0}.auth-v2 .legal-row{gap:var(--sp-3);min-height:48px;font-size:16px;line-height:1.3}.auth-v2 .legal-row .checkbox{appearance:none;width:28px;height:28px;margin:0;border-radius:8px;border:1.5px solid var(--c-line);background:#00000073;cursor:pointer;display:grid;place-content:center}.auth-v2 .legal-row .checkbox:checked{background:var(--c-gold);border-color:var(--c-gold)}.auth-v2 .legal-row .checkbox:checked:after{content:"";width:12px;height:7px;border-left:3px solid #1e1a20;border-bottom:3px solid #1e1a20;transform:translateY(-1px) rotate(-45deg)}.auth-v2 .legal-row .checkbox:focus-visible{outline:2px solid var(--c-gold-hi);outline-offset:2px}.auth-v2 .legal-row-flow{flex:1 1 0;min-width:0;color:var(--c-text)}.auth-v2 .legal-link{color:var(--c-gold-hi)}.auth-v2 .legal-actions{gap:var(--sp-3)}@media(max-height:700px){.auth-v2 .auth-logo{width:88px}.auth-v2 .auth-body{gap:var(--sp-2);padding-bottom:var(--sp-3)}.auth-v2 .auth-card,.auth-v2 .auth-step{gap:var(--sp-2)}.auth-v2 .auth-card{padding:var(--sp-3)}.auth-v2 .auth-code-cell,.auth-v2 .input,.auth-v2 .auth-btn{height:48px}}.ls-v2.is-land-low .auth-v2 .auth-body{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.4fr);align-items:center;align-content:center;justify-content:stretch;gap:var(--sp-4);max-width:820px;min-height:100%;box-sizing:border-box;padding:var(--sp-2) var(--sp-4)}.ls-v2.is-land-low .auth-v2 .auth-logo{width:120px;max-width:100%}.ls-v2.is-land-low .auth-v2 .auth-subtitle{font-size:var(--fs-caption)}.ls-v2.is-land-low .auth-v2 .auth-card{max-height:none;overflow:visible;padding:var(--sp-3);gap:var(--sp-2);border-radius:16px}.ls-v2.is-land-low .auth-v2 .auth-step{gap:var(--sp-2)}.ls-v2.is-land-low .auth-v2 .auth-lang-btn{height:32px;padding:0 var(--sp-2);font-size:13px}.ls-v2.is-land-low .auth-v2 .input,.ls-v2.is-land-low .auth-v2 .auth-btn{height:44px}.ls-v2.is-land-low .auth-v2 .auth-code-cell{height:44px;font-size:24px}.ls-v2.is-land-low .auth-v2 .legal-row{min-height:40px;font-size:14px}.ls-v2.is-land-low .auth-v2 .auth-topbar{position:absolute;top:0;left:0;z-index:1;height:48px}.ls-v2.is-land-wide .auth-v2 .auth-body{max-width:480px;gap:var(--sp-5)}.ls-v2.is-land-wide .auth-v2 .auth-logo{width:180px}.ls-v2.is-land-wide .auth-v2 .auth-card{max-height:none;padding:22px var(--sp-5);box-shadow:0 24px 60px #00000073}.conn-indicator.conn-dot{width:12px;height:12px;border-radius:50%;background:var(--c-ok);border:2px solid var(--c-panel);filter:none;box-sizing:content-box}.conn-indicator.conn-dot.conn-poor{background:var(--c-gold-hi)}.conn-indicator.conn-dot.conn-bad{background:var(--c-badge)}.auth-screen.auth-v2>.conn-indicator.conn-dot{position:absolute;width:12px;height:12px;top:calc(var(--safe-top, 0px) + 26px);right:calc(var(--safe-right, 0px) + 18px);bottom:auto;left:auto;z-index:4}.loading-overlay.loading-v2{justify-content:center;gap:28px;background:linear-gradient(180deg,#3b2f3a,#6b4a3a 45%,#1e1a20);font-family:var(--font-ui)}.loading-v2 .loading-layer-form{display:none}.loading-v2 .loading-logo{position:static;transform:none;width:200px;max-width:55vw}.loading-v2 .loading-bar-wrap{margin:0;width:260px;max-width:80vw;align-items:stretch;gap:10px}.loading-v2 .loading-bar{width:100%;max-width:none;aspect-ratio:auto;height:8px}.loading-v2 .loading-bar:after{display:none}.loading-v2 .loading-bar-track{inset:0;border-radius:4px;background:#ffffff1f}.loading-v2 .loading-bar-fill{background:var(--c-gold)}.loading-v2 .loading-percent{margin:0;align-self:flex-end;font:700 14px var(--font-ui);letter-spacing:0;color:var(--c-text-2);text-shadow:none}.loading-v2.is-error .loading-percent{align-self:center;text-align:center;color:var(--c-err)}.loading-v2.is-error .loading-bar{display:none}.loading-v2 .loading-retry{position:relative;z-index:3;min-width:180px}.conn-overlay.conn-v2{background:var(--c-scrim)}#shell>.conn-overlay{z-index:var(--z-conn)}.conn-v2 .panel{min-width:0;width:min(320px,calc(100% - 2 * var(--sp-5)));box-sizing:border-box;padding:var(--sp-5);border-radius:20px;background:var(--c-card);border:1px solid var(--c-line);color:var(--c-text);font:var(--fs-body) var(--font-ui);gap:var(--sp-3)}.conn-v2 .spinner{border-color:var(--c-divider);border-top-color:var(--c-gold-hi)}.conn-v2 .conn-text{color:var(--c-text-2)}.conn-v2 .conn-retry{width:100%;height:52px;color:var(--c-gold-hi);margin-top:var(--sp-2)}@font-face{font-family:Alegreya;src:url(../assets/fonts/Alegreya-Variable.ttf) format("truetype");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Alegreya;src:url(../assets/fonts/Alegreya-Italic-Variable.ttf) format("truetype");font-weight:400 900;font-style:italic;font-display:swap}@font-face{font-family:Aref Ruqaa;src:url(../assets/fonts/ArefRuqaa-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Aref Ruqaa;src:url(../assets/fonts/ArefRuqaa-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--bg: #0b1410;--panel: #0f2018;--panel-2: #14281d;--gold: #c9a25a;--gold-soft: rgba(201, 162, 90, .5);--text: #ece7da;--item-icon: 115px;--sprite-tilt-max: 5deg;--sprite-tilt-lift: 14px;--sprite-tilt-perspective: 520px;--sb-size: 10px;--sb-track: rgba(10, 8, 16, .45);--sb-thumb: linear-gradient(180deg, var(--gold), #8a6c2f);--sb-thumb-hover: var(--gold);--panel-border-w: 1px;--panel-border-color: 201, 162, 90;--panel-border-alpha: .55;--panel-border-fade: .05;--panel-radius: 14px;--muted: #9fb0a4;--accent: #6fd0ff;--danger: #d98a52;--font-body: "Alegreya", Georgia, "Segoe UI", system-ui, serif;--font-display: "Aref Ruqaa", "Alegreya", Georgia, serif;font-family:var(--font-body);--stage-w: 1600px;--stage-h: 900px;--window-w: 80%;--window-h: 80%;--conn-offset-x: 14px;--conn-offset-y: 14px}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--gold) var(--sb-track)}*::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}*::-webkit-scrollbar-track{background:var(--sb-track);border-radius:8px}*::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:8px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover)}*::-webkit-scrollbar-corner{background:transparent}.framed{position:relative;border:none;border-radius:var(--panel-radius)}.framed:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--panel-border-w);background:linear-gradient(90deg,rgba(var(--panel-border-color),var(--panel-border-fade)),rgba(var(--panel-border-color),var(--panel-border-alpha)) 50%,rgba(var(--panel-border-color),var(--panel-border-fade))),linear-gradient(180deg,rgba(var(--panel-border-color),var(--panel-border-fade)),rgba(var(--panel-border-color),var(--panel-border-alpha)) 50%,rgba(var(--panel-border-color),var(--panel-border-fade)));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}html,body,#app,#stage,#ui,#board-layer{user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}img,canvas{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}input,textarea,select,[contenteditable=true]{user-select:text;-webkit-user-select:text}#ui button,#ui .banner-btn,#ui .icon-btn,#ui .nav-item,#ui .ava{outline:none}#ui button:focus,#ui button:focus-visible{outline:none}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:var(--font-body)}#app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;height:100vh;height:100dvh}#stage{position:relative;width:var(--stage-w);height:var(--stage-h);flex:0 0 auto;transform-origin:center center;overflow:hidden;background:var(--bg);--safe-top: calc(env(safe-area-inset-top, 0px) / var(--stage-scale, 1));--safe-bottom: calc(env(safe-area-inset-bottom, 0px) / var(--stage-scale, 1));--safe-left: calc(env(safe-area-inset-left, 0px) / var(--stage-scale, 1));--safe-right: calc(env(safe-area-inset-right, 0px) / var(--stage-scale, 1))}#board-layer{position:absolute;inset:0;z-index:0}#board-layer canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.board-loupe{position:absolute;display:none;z-index:2;border:3px solid var(--gold);border-radius:22px;box-shadow:0 14px 38px #0009,inset 0 0 0 1px #0000008c;pointer-events:none}.match-scene-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 58% 48% at 50% 54%,#1c30481f,#060a1280 70%),linear-gradient(180deg,#080e1840,#04080ea6),var(--match-bg-url, var(--match-bg-fallback, url(../assets/bg/menu.jpg?v=1))) center center / cover no-repeat;pointer-events:none}.match-scene-bg.hidden{display:none}#ui{position:absolute;inset:0;z-index:1;pointer-events:none}#ui .panel,#ui .btn,#ui .input,#ui select,#ui .char-thumb,#ui .emote-cell,#ui .match-over,#ui .rank-change,#ui .modal,#ui .settings-tab,#ui .settings-close,#ui .profile-modal,#ui .auth-screen{pointer-events:auto}.hidden{display:none!important}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--gold-soft);border-radius:16px;padding:20px;box-shadow:0 10px 30px #00000073}h1{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:.5px;text-align:center;margin:0 0 16px;color:var(--gold)}h2{font-weight:800;color:var(--gold);margin:0 0 12px}.hint{color:var(--muted);font-size:14px;margin:4px 0}.status{margin-top:14px;text-align:center;color:var(--muted)}.btn{appearance:none;border:1px solid var(--gold-soft);color:var(--text);background:linear-gradient(180deg,#2a1f12,#1d160d);border-radius:12px;padding:12px 16px;font-size:16px;cursor:pointer;transition:transform .05s ease,border-color .15s ease,filter .15s ease}.btn:hover{border-color:var(--gold);filter:brightness(1.12)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#3a2c16,#28200f);border-color:var(--gold)}.btn.ghost{background:transparent;color:var(--muted)}.input,select.input{width:100%;padding:10px 12px;border-radius:10px;font-size:16px;background:#0c1611;color:var(--text);border:1px solid var(--gold-soft)}.stack{display:flex;flex-direction:column;gap:12px}.home{--ui-scale: 1;--ava: 124px;--name-font: 36px;--rank-font: 24px;--pill-icon: 68px;--pill-font: 32px;--pill-min-w: 220px;--top-icon: 132px;--top-scroll-crop: 44px;--top-actions-offset-x: 36px;--top-actions-offset-y: 25px;--rail-icon: 96px;--banner-h: 120px;--banner-gap: 12px;--banner-label-left: 50%;--banner-label-top: 40%;--banner-label-shift-x: 0px;--banner-label-shift-y: 0px;--banner-label-width: 48%;--banner-label-font: 32px;--banner-label-vis: 1;--banner-font: var(--banner-label-font);--banners-w: 560px;--home-bottom-bar: 96px;--char-max-w: 820px;--char-max-w-pct: 92%;--char-h: 96%;--char-left: 50%;--char-bottom: var(--home-bottom-bar);--char-shift-x: 0px;--char-shift-y: 0px;--char-vis: 1;--char-gap: 12px;--home-top-pad: 6px;--top-banners-clearance: calc(var(--top-actions-offset-y) + var(--top-icon) * 1.42 - var(--top-scroll-crop) + 20px);--rank-row-h: var(--banner-h);--rank-icon-left: 18%;--rank-icon-top: 50%;--rank-icon-shift-x: 0px;--rank-icon-shift-y: 0px;--rank-icon-size: 78%;--rank-icon-vis: 1;--rank-label-left: 52%;--rank-label-top: 40%;--rank-label-shift-x: 0px;--rank-label-shift-y: 0px;--rank-label-width: 42%;--rank-label-font: 32px;--rank-label-weight: 600;--rank-label-color: #f3e2b0;--rank-label-align: center;--rank-label-style: italic;--rank-label-letter: .5px;--rank-label-vis: 1;--rank-state-left: 55%;--rank-state-top: 50%;--rank-state-shift-x: 0px;--rank-state-shift-y: 0px;--rank-state-width: 28%;--rank-state-font: 17px;--rank-state-weight: 700;--rank-state-align: right;--rank-state-color: var(--muted);--rank-state-active-color: var(--accent);--rank-state-locked-color: var(--muted);--rank-state-vis: 0;--rank-list-title-font: 34px;--rank-list-title-weight: 700;--rank-list-title-color: #f3e2b0;--rank-list-title-vis: 1;--rank-back-font: 18px;--rank-back-weight: 800;--rank-back-color: #f8e8c8;--rank-back-vis: 1;--rank-lock-left: 37%;--rank-lock-top: 64%;--rank-lock-shift-x: 0px;--rank-lock-shift-y: 0px;--rank-lock-size: 52%;--rank-lock-vis: 1;--home-left-w: 175px;--home-nav-scale: 1;--home-right-w: 672px;--nav-icon: 125px;--nav-font: 20px;--nav-tip-gap: 14px;--nav-tip-fade-ms: .22s;--nav-tip-shift: 8px;--nav-glow-scale: 3.4;--nav-icon-fade-in-ms: .14s;--nav-icon-fade-out-ms: .8s;--conn-size: 88px;position:absolute;inset:0;pointer-events:auto;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;font-size:calc(1em * var(--ui-scale));background:linear-gradient(180deg,#08060e73,#08060e26 30%,#08060e59 70%,#08060e99),url(../assets/bg/menu.jpg?v=1) center center / cover no-repeat}.top-actions{position:absolute;top:calc(var(--top-actions-offset-y) * var(--ui-scale) + var(--safe-top, 0px));right:calc(var(--top-actions-offset-x) * var(--ui-scale) + var(--safe-right, 0px));z-index:2;display:flex;align-items:flex-start;gap:14px;padding:0 24px 0 0;pointer-events:none}.top-actions .icon-btn.labeled{pointer-events:auto;margin-top:calc(-1 * var(--top-scroll-crop) * var(--ui-scale))}.home-char-layer{position:absolute;inset:0;z-index:0;pointer-events:none}.home-char{position:absolute;left:var(--char-left);bottom:calc(var(--char-bottom) * var(--ui-scale));transform:translate(calc(-50% + var(--char-shift-x) * var(--ui-scale)),calc(var(--char-shift-y) * var(--ui-scale)));width:min(calc(var(--char-max-w) * var(--ui-scale)),var(--char-max-w-pct));max-width:min(calc(var(--char-max-w) * var(--ui-scale)),var(--char-max-w-pct));height:var(--char-h);max-height:calc(100% - var(--char-bottom) * var(--ui-scale) - 8px);object-fit:contain;object-position:bottom center;opacity:var(--char-vis);filter:drop-shadow(0 10px 28px rgba(0,0,0,.55)) drop-shadow(0 0 48px rgba(201,162,90,.12));pointer-events:none}.home-char.broken{visibility:hidden}.home-currencies{position:relative;z-index:1;flex-shrink:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:calc(16px * var(--ui-scale));align-items:center;padding:4px calc(20px + var(--safe-right, 0px)) calc(10px + var(--safe-bottom, 0px)) calc(20px + var(--safe-left, 0px));pointer-events:auto}.home-currencies .pill{flex:0 0 auto;min-width:calc(var(--pill-min-w) * var(--ui-scale));justify-content:flex-start;padding:10px 18px 10px 14px;font-size:calc(var(--pill-font) * var(--ui-scale))}.home-currencies .pill img{width:calc(var(--pill-icon) * var(--ui-scale));height:calc(var(--pill-icon) * var(--ui-scale));flex-shrink:0}.home-currencies .pill .pill-plus{width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));font-size:calc(22px * var(--ui-scale));margin-left:auto}.home-middle{flex:1;min-width:0;min-height:0;align-self:stretch;position:relative;z-index:1;display:flex;align-items:flex-start}.home-middle>.player{position:absolute;left:calc(var(--char-gap) * var(--ui-scale));top:calc(var(--home-top-pad) * var(--ui-scale));pointer-events:auto}.home-body{position:relative;z-index:1;flex:1;display:flex;align-items:flex-start;gap:12px;padding:calc(var(--home-top-pad) * var(--ui-scale)) 20px 4px;min-height:0}.home-left{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;align-self:flex-start;min-height:0;width:calc(var(--home-left-w) * var(--ui-scale));padding-top:0}.home-left-nav{flex:0 0 auto;width:calc(var(--nav-icon) * var(--home-nav-scale) * var(--ui-scale));display:flex;flex-direction:column;position:relative;z-index:1}.home-right{flex:0 0 calc(var(--home-right-w) * var(--ui-scale));align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end;gap:16px;min-width:0;min-height:0;position:relative;z-index:1;padding-bottom:6px}.home-modes{flex:0 0 calc(var(--banners-w) * var(--ui-scale));min-width:calc(var(--banners-w) * var(--ui-scale));min-height:0;height:100%;display:flex;flex-direction:column;padding-top:calc(var(--top-banners-clearance) * var(--ui-scale));box-sizing:border-box;overflow:hidden}.home-modes>.banners{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end}.home-modes>.rank-list{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.player{display:flex;align-items:center;gap:20px;background:#0a08108c;border:2px solid var(--gold-soft);border-radius:28px;padding:14px 36px 14px 14px;flex-shrink:0}.ava{position:relative;width:calc(var(--ava) * var(--ui-scale));height:calc(var(--ava) * var(--ui-scale));border-radius:50%;border:4px solid var(--gold);overflow:hidden;padding:0;cursor:pointer;background:transparent}.ava-img{width:100%;height:100%;object-fit:cover;object-position:center center;background:none;display:block}.ava-img.broken{visibility:hidden}.player-info{display:flex;flex-direction:column;gap:4px}.player-name{font-size:calc(var(--name-font) * var(--ui-scale));font-weight:700}.player-rank{font-size:calc(var(--rank-font) * var(--ui-scale));color:var(--gold)}.currencies{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}.pill{display:flex;align-items:center;gap:10px;background:#0a081099;border:2px solid var(--gold-soft);border-radius:30px;padding:8px 12px;font-weight:700;font-size:calc(var(--pill-font) * var(--ui-scale))}.pill img{width:calc(var(--pill-icon) * var(--ui-scale));height:calc(var(--pill-icon) * var(--ui-scale))}.pill .pill-plus{width:calc(40px * var(--ui-scale));height:calc(40px * var(--ui-scale));border-radius:50%;border:none;background:var(--gold);color:#2a1a08;font-weight:800;font-size:calc(24px * var(--ui-scale));cursor:pointer;line-height:1}.icon-btn{position:relative;width:calc(var(--top-icon) * var(--ui-scale));height:calc(var(--top-icon) * var(--ui-scale));border-radius:22px;border:none;background:transparent;cursor:pointer;padding:4px}.icon-btn img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .08s ease}.icon-btn:hover img{transform:scale(1.06)}.icon-btn.labeled{width:calc(var(--top-icon) * var(--ui-scale));height:calc(var(--top-icon) * 1.42 * var(--ui-scale));padding:0}.icon-btn.labeled .icon-label{position:absolute;left:0;right:0;bottom:32%;text-align:center;pointer-events:none;font-family:var(--font-display);font-size:calc(15px * var(--ui-scale));font-weight:600;font-style:normal;letter-spacing:.3px;color:#4a3318;text-shadow:0 1px 1px rgba(255,240,210,.35)}.banners{display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--banner-gap) * var(--ui-scale));width:100%;min-height:0}.banner-btn{position:relative;border:none;background:transparent;cursor:pointer;padding:0;flex:0 0 auto;width:100%;height:calc(var(--banner-h) * var(--ui-scale))}.banner-btn[disabled]{opacity:.5;cursor:not-allowed}.banner-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));transition:transform .08s ease}.banner-btn:hover:not([disabled]) .banner-img{transform:scale(1.02)}.banner-label{position:absolute;text-align:center;font-family:var(--font-display);font-weight:600;font-style:italic;letter-spacing:.5px;color:#f3e2b0;text-shadow:0 2px 4px rgba(0,0,0,.65);pointer-events:none;line-height:1.15}.banner-btn:not(.rank-row)>.banner-label{left:var(--banner-label-left);top:var(--banner-label-top);transform:translate(calc(-50% + var(--banner-label-shift-x) * var(--ui-scale)),calc(-50% + var(--banner-label-shift-y) * var(--ui-scale)));width:var(--banner-label-width);max-width:var(--banner-label-width);font-size:calc(var(--banner-label-font) * var(--ui-scale));opacity:var(--banner-label-vis)}.banner-overlay{position:absolute;left:3%;top:50%;transform:translateY(-50%);width:21%;height:78%;object-fit:contain;pointer-events:none}.banner-btn.soon .banner-img{filter:grayscale(.75) brightness(.72) drop-shadow(0 4px 10px rgba(0,0,0,.5))}.banner-soon{position:absolute;right:3%;top:auto;bottom:6%;transform:rotate(-6deg);padding:2px calc(10px * var(--ui-scale));border:1px solid var(--gold);border-radius:8px;background:#0000009e;color:var(--gold);font-family:var(--font-display);font-size:calc(var(--banner-label-font) * .4 * var(--ui-scale));letter-spacing:.04em;pointer-events:none}.right-rail{display:flex;flex-direction:column;gap:16px;align-self:center}.right-rail .icon-btn{width:calc(var(--rail-icon) * var(--ui-scale));height:calc(var(--rail-icon) * var(--ui-scale))}.home-left-nav .bottomnav{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:calc(7px * var(--ui-scale));padding:0;pointer-events:auto;width:100%}.nav-item-wrap{position:relative;width:calc(var(--nav-icon) * var(--ui-scale));flex:0 0 auto}.home-left-nav .nav-item{position:relative;display:block;width:100%;height:calc(var(--nav-icon) * var(--ui-scale));flex:0 0 auto;min-height:0;padding:0;border:none;background:transparent;color:var(--gold);cursor:pointer;overflow:visible}.nav-glow-canvas{position:absolute;z-index:0;left:50%;top:50%;width:calc(var(--nav-glow-scale) * 100%);height:calc(var(--nav-glow-scale) * 100%);transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:screen}.nav-icon-stack{position:relative;z-index:1;display:block;width:100%;height:100%}.nav-icon-stack img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.nav-item.has-hover-icon .nav-icon-base{position:absolute;inset:0;opacity:1;transition:opacity var(--nav-icon-fade-in-ms) ease-in}.nav-item.has-hover-icon:hover .nav-icon-base,.nav-item.has-hover-icon:focus-visible .nav-icon-base{opacity:0;transition:opacity var(--nav-icon-fade-out-ms) ease-out}.nav-icon-hover{position:absolute;inset:0;opacity:0;transition:opacity var(--nav-icon-fade-out-ms) ease-out}.nav-item.has-hover-icon:hover .nav-icon-hover,.nav-item.has-hover-icon:focus-visible .nav-icon-hover{opacity:1;transition:opacity var(--nav-icon-fade-in-ms) ease-in}.nav-tip{position:absolute;left:calc(100% + var(--nav-tip-gap) * var(--ui-scale));top:50%;transform:translateY(-50%) translate(calc(-1 * var(--nav-tip-shift) * var(--ui-scale)));white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--nav-tip-fade-ms) ease,transform var(--nav-tip-fade-ms) ease;font-family:var(--font-display);font-size:calc(var(--nav-font) * var(--ui-scale));font-weight:700;color:var(--gold);letter-spacing:.3px;padding:calc(6px * var(--ui-scale)) calc(14px * var(--ui-scale));border-radius:calc(8px * var(--ui-scale));background:linear-gradient(135deg,#14100aeb,#0a080ee0);border:1px solid rgba(201,162,90,.45);box-shadow:0 4px 16px #00000073,0 0 20px #c9a25a26;text-shadow:0 1px 3px rgba(0,0,0,.75);z-index:2}.nav-item-wrap:hover .nav-tip,.nav-item-wrap:focus-within .nav-tip{opacity:1;transform:translateY(-50%) translate(0)}.nav-item-wrap .friends-btn-wrap{display:block;width:100%}@media(hover:none){.nav-tip,.nav-glow-canvas{display:none}}.conn-indicator{width:calc(var(--conn-size) * var(--ui-scale));height:calc(var(--conn-size) * var(--ui-scale));background:var(--conn-sheet-url, url(../assets/sprites/icons/conn_status_sheet.png)) no-repeat;background-size:300% 100%;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.55));flex:0 0 auto}.conn-indicator.conn-bad{background-position:0% 50%}.conn-indicator.conn-poor{background-position:50% 50%}.conn-indicator.conn-good{background-position:100% 50%}.home>.conn-indicator{position:absolute;right:calc(var(--conn-offset-x) * var(--ui-scale) + var(--safe-right, 0px));bottom:calc((var(--conn-offset-y) + var(--home-bottom-bar)) * var(--ui-scale) + var(--safe-bottom, 0px));z-index:2}.game-hud>.conn-indicator{position:absolute;right:calc(var(--conn-offset-x) + var(--safe-right, 0px));bottom:calc(var(--conn-offset-y) + var(--safe-bottom, 0px));z-index:4;width:88px;height:88px}.lobby-toast{position:absolute;left:50%;top:120px;transform:translate(-50%);background:#000000d1;padding:12px 24px;border-radius:12px;font-size:22px;pointer-events:none;z-index:50}.modal{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;background:#0000008c;pointer-events:auto}.modal-card,.pc-card,.auth-card,.inventory-detail-popup{background-color:var(--panel-2);background-image:var(--form-bg-url, url(../assets/form_background.png?v=1));background-repeat:no-repeat;background-position:center center;background-size:auto}.modal-card{border:1px solid var(--gold);border-radius:16px;padding:22px;min-width:320px;display:flex;flex-direction:column;gap:12px}.modal-row{display:flex;gap:12px;justify-content:center}.game-hud{position:absolute;inset:0;pointer-events:none}.match-player{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 12px;border-radius:18px;background:linear-gradient(135deg,#080e18b8,#0c16248c);border:1px solid rgba(212,176,106,.35);box-shadow:0 8px 28px #00000073;width:168px;transition:border-color .2s ease,box-shadow .2s ease}.match-player.active-turn{border-color:var(--gold);box-shadow:0 0 0 1px #d4b06a40,0 10px 32px #00000080}.match-player.me{left:8px;bottom:16px;pointer-events:auto;cursor:pointer}.match-player.opp{left:8px;top:16px}.match-player-portrait{width:120px;height:120px;border-radius:16px;object-fit:cover;object-position:top center;border:2px solid rgba(212,176,106,.45);flex-shrink:0;background:#00000059}.match-player-info{min-width:0;width:100%;text-align:center}.match-player-name{font-weight:600;font-size:19px;color:var(--text);text-shadow:0 1px 4px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.match-player-bot{margin-top:4px;display:inline-block;padding:2px 10px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);background:#00000073;border:1px solid rgba(255,255,255,.35)}.match-player-rank{margin-top:4px;min-height:36px;display:flex;align-items:center;justify-content:center}.match-player-rank-icon{width:44px;height:44px}.turn-timer{position:absolute;top:-14px;right:-14px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:20px;color:var(--text);border:1px solid rgba(212,176,106,.35);box-shadow:0 6px 18px #00000073;background:radial-gradient(closest-side,rgba(8,14,24,.94) 76%,transparent 77%),conic-gradient(var(--gold) calc(var(--turn-frac, 1) * 360deg),rgba(255,255,255,.12) 0deg)}.turn-timer.urgent{color:#ffd9c0;border-color:#e2603f99;background:radial-gradient(closest-side,rgba(34,10,8,.94) 76%,transparent 77%),conic-gradient(#e2603f calc(var(--turn-frac, 1) * 360deg),#ffffff1f 0deg);animation:turn-timer-pulse 1s ease-in-out infinite}@keyframes turn-timer-pulse{50%{transform:scale(1.09)}}.hud-top{position:absolute;top:12px;left:0;right:0;text-align:center;z-index:2}.hud-score{color:var(--gold);font-weight:600}.hud-turn{color:var(--muted);margin-top:4px}.hud-turn.attn{color:var(--gold);animation:turn-attn .6s ease}@keyframes turn-attn{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.hud-top-bar,.hud-bottom{display:contents}.hud-right{position:absolute;top:74px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.hud-dice{display:flex;gap:10px;justify-content:center;margin-top:10px;min-height:56px;align-items:center}.hud-dice.hidden{display:none}.die-face{position:relative;width:54px;height:54px;border-radius:11px;background:linear-gradient(155deg,#faf5e8,#e6d9c0 48%,#d4c4a8);border:2px solid #b8a078;box-shadow:0 5px 14px #00000061,inset 0 2px #ffffff8c,inset 0 -3px 6px #0000001f;flex-shrink:0}.die-face.used{opacity:.38;filter:grayscale(.75);box-shadow:0 2px 6px #0000004d}.die-face.ace .die-pip{background:radial-gradient(circle at 32% 28%,#e85555,#9a1a1a);box-shadow:inset 0 -1px 2px #00000059}.die-pip{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#3a3a3a,#0a0a0a);transform:translate(-50%,-50%);box-shadow:inset 0 -1px 2px #0006}.die{width:40px;height:40px;border-radius:8px;background:#f2ecdc;color:#1a1a1a;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 2px 6px #0006}.hud-cube{width:56px;height:56px;border:2px solid var(--gold);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);background:#0000004d}.btn.roll{position:absolute;left:50%;bottom:16px;transform:translate(-50%);font-size:20px;min-height:92px;padding:12px 28px;z-index:2}.btn.double{position:absolute;top:16px;right:16px;border-color:var(--accent);color:var(--accent)}.match-player.me .btn.undo{position:static;width:100%;font-size:16px;padding:10px 8px;pointer-events:auto;flex-shrink:0}.emote-tray{display:grid;grid-template-columns:repeat(3,192px);gap:12px;background:#00000073;padding:14px;border-radius:16px;border:1px solid var(--gold-soft)}.emote-cell{width:192px;height:192px;border-radius:12px;border:1px solid var(--gold-soft);background-color:#0000004d;background-repeat:no-repeat;cursor:pointer}.emote-bubble{position:absolute;width:150px;height:150px;background-repeat:no-repeat;transition:opacity .12s ease;z-index:3}.emote-bubble.near-me{left:150px;bottom:120px}.emote-bubble.near-opp{left:150px;top:120px}.emote-bubble.me{right:40px;bottom:120px}.emote-bubble.opp{right:40px;top:120px}.emote-bubble.fade{opacity:0}.dialog-text{margin-bottom:16px}.toast{position:absolute;left:50%;bottom:110px;transform:translate(-50%);background:#000c;color:var(--text);padding:10px 18px;border-radius:10px}.banner{position:absolute;left:50%;top:28%;transform:translate(-50%);background:#0a120eeb;border:1px solid var(--gold-soft);color:var(--gold);padding:14px 26px;border-radius:12px;font-size:20px}.match-over{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c}.match-over .panel{min-width:360px;text-align:center}.match-over .hint{color:var(--muted);margin:6px 0 12px}.comic-layer{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.comic-fx{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) translate(var(--dx, 0px),var(--dy, 0px)) rotate(var(--tilt, 0deg))}.comic-text{display:inline-block;font-family:var(--font-display);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:1px;font-size:40px;line-height:1;white-space:nowrap;background:var(--grad, linear-gradient(180deg, #fbeec0 0%, #edcf83 38%, #d4b06a 62%, #a97e33 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-text-stroke:1px rgba(38,24,6,.55);filter:drop-shadow(0 2px 2px rgba(0,0,0,.65)) drop-shadow(0 0 12px rgba(212,176,106,.4));animation:comic-pop .26s cubic-bezier(.2,1.6,.35,1) both}.comic-fx.out .comic-text{animation:comic-out .26s ease-in forwards}.comic-fx.direction .comic-text{font-size:26px;letter-spacing:.5px}.comic-fx.loss .comic-text,.comic-fx.hit-you .comic-text,.comic-fx.blocked .comic-text{--grad: linear-gradient(180deg, #f3c9a6 0%, #d98a63 42%, #b5533b 66%, #7e2f24 100%);-webkit-text-stroke-color:rgba(30,10,6,.6);filter:drop-shadow(0 2px 2px rgba(0,0,0,.65)) drop-shadow(0 0 12px rgba(180,80,60,.35))}@keyframes comic-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12);opacity:1}80%{transform:scale(.97)}to{transform:scale(1);opacity:1}}@keyframes comic-out{0%{transform:scale(1);opacity:1}to{transform:scale(1.25) translateY(-14px);opacity:0}}.conn-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;pointer-events:auto;z-index:5}.conn-overlay .panel{min-width:320px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.conn-overlay .conn-retry{min-height:var(--tap, 44px);padding:0 22px}.home>.conn-overlay{z-index:20}.spinner{width:36px;height:36px;border:3px solid var(--gold-soft);border-top-color:var(--gold);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn.danger{border-color:#b0413e;color:#e6837f}.btn.resign{position:absolute;top:128px;right:16px;border-color:#b0413e;color:#e6837f;font-size:14px}:is(#stage,.stage-legacy).stage-portrait .game-hud{--hud-top-h: 120px;--hud-bottom-h: 120px}:is(#stage,.stage-legacy).stage-portrait .match-player.opp{inset:0 0 auto;max-width:none;width:auto;flex-direction:row;align-items:center;gap:12px;padding:10px 16px calc(10px + var(--safe-top, 0px));border-radius:0 0 18px 18px;padding-right:132px}:is(#stage,.stage-legacy).stage-portrait .match-player .match-player-portrait{width:88px;height:88px}:is(#stage,.stage-legacy).stage-portrait .turn-timer{top:50%;transform:translateY(-50%);width:52px;height:52px}:is(#stage,.stage-legacy).stage-portrait .match-player.opp .turn-timer{right:140px}:is(#stage,.stage-legacy).stage-portrait .match-player.me .turn-timer{right:20px}:is(#stage,.stage-legacy).stage-portrait .turn-timer.urgent{animation:turn-timer-pulse-portrait 1s ease-in-out infinite}@keyframes turn-timer-pulse-portrait{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.09)}}:is(#stage,.stage-legacy).stage-portrait .match-player-info{text-align:left}:is(#stage,.stage-legacy).stage-portrait .match-player-name{font-size:26px;max-width:100%}:is(#stage,.stage-legacy).stage-portrait .match-player-bot{margin-top:2px;font-size:15px}:is(#stage,.stage-legacy).stage-portrait .match-player-rank{min-height:0;margin-top:2px;justify-content:flex-start}:is(#stage,.stage-legacy).stage-portrait .match-player-rank-icon{width:40px;height:40px}:is(#stage,.stage-legacy).stage-portrait .btn.resign{top:calc(16px + var(--safe-top, 0px));right:16px;font-size:16px;padding:10px 16px;z-index:4}:is(#stage,.stage-legacy).stage-portrait .hud-top{top:calc(var(--hud-top-h) + 6px)}:is(#stage,.stage-legacy).stage-portrait .hud-score{display:inline-block;font-size:24px;padding:6px 18px;border:2px solid var(--gold);border-radius:14px;background:linear-gradient(135deg,#080e18d1,#0c1624b8);box-shadow:0 6px 20px #00000080,inset 0 0 0 1px #d4b06a40}:is(#stage,.stage-legacy).stage-portrait .hud-turn{font-size:22px;margin-top:6px}:is(#stage,.stage-legacy).stage-portrait .hud-dice{gap:12px;min-height:68px}:is(#stage,.stage-legacy).stage-portrait .die-face{width:64px;height:64px;border-radius:13px}:is(#stage,.stage-legacy).stage-portrait .die-pip{width:12px;height:12px}:is(#stage,.stage-legacy).stage-portrait .match-player.me{inset:auto 0 0;max-width:none;width:auto;flex-direction:row;align-items:center;gap:12px;padding:10px 20px calc(10px + var(--safe-bottom, 0px));border-radius:18px 18px 0 0}:is(#stage,.stage-legacy).stage-portrait .hud-bottom{display:flex;position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;gap:18px;width:auto;height:auto;padding:0;pointer-events:none;z-index:3}:is(#stage,.stage-legacy).stage-portrait .hud-bottom .btn.roll,:is(#stage,.stage-legacy).stage-portrait .hud-bottom .btn.double{position:static;transform:none;inset:auto;flex:0 0 auto;min-width:340px;min-height:88px;font-size:32px;display:flex;align-items:center;justify-content:center;pointer-events:auto}:is(#stage,.stage-legacy).stage-portrait .hud-bottom .btn.roll{min-height:176px}:is(#stage,.stage-legacy).stage-portrait .match-player.me .btn.undo{order:-1;width:auto;max-width:220px;min-height:72px;font-size:18px;padding:10px 12px;white-space:nowrap}:is(#stage,.stage-legacy).stage-portrait .hud-right{top:auto;bottom:calc(24px + var(--safe-bottom, 0px));right:20px;flex-direction:column-reverse}:is(#stage,.stage-legacy).stage-portrait .emote-tray{grid-template-columns:repeat(3,200px)}:is(#stage,.stage-legacy).stage-portrait .emote-cell{width:200px;height:200px}:is(#stage,.stage-legacy).stage-portrait .emote-bubble{width:300px;height:300px}:is(#stage,.stage-legacy).stage-portrait .emote-bubble.near-opp,:is(#stage,.stage-legacy).stage-portrait .emote-bubble.opp{left:50%;right:auto;top:calc(var(--hud-top-h) + 20px);bottom:auto;transform:translate(-50%)}:is(#stage,.stage-legacy).stage-portrait .emote-bubble.near-me,:is(#stage,.stage-legacy).stage-portrait .emote-bubble.me{left:50%;right:auto;top:auto;bottom:calc(var(--hud-bottom-h) + 120px);transform:translate(-50%)}:is(#stage,.stage-legacy).stage-portrait .toast{bottom:calc(var(--hud-bottom-h) + 36px)}:is(#stage,.stage-legacy).stage-portrait .comic-fx{top:40%}:is(#stage,.stage-legacy).stage-portrait .comic-text{font-size:60px;-webkit-text-stroke-width:1.5px}:is(#stage,.stage-legacy).stage-portrait .modal{align-items:stretch;justify-content:stretch}:is(#stage,.stage-legacy).stage-portrait .modal-card,:is(#stage,.stage-legacy).stage-portrait .settings-card,:is(#stage,.stage-legacy).stage-portrait .friends-card{width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;border-radius:0;padding:calc(24px + var(--safe-top, 0px)) 20px calc(20px + var(--safe-bottom, 0px))}:is(#stage,.stage-legacy).stage-portrait .settings-layout{flex-direction:column;min-height:0}:is(#stage,.stage-legacy).stage-portrait .settings-tabs{flex:0 0 auto;flex-direction:row;overflow-x:auto;border-left:none;border-bottom:1px solid var(--gold-soft);padding:10px 8px;gap:10px}:is(#stage,.stage-legacy).stage-portrait .settings-tab{text-align:center;white-space:nowrap;border-right:none;border-bottom:4px solid transparent;padding:12px 14px}:is(#stage,.stage-legacy).stage-portrait .settings-tab.active{border-right-color:transparent;border-bottom-color:var(--gold)}:is(#stage,.stage-legacy).stage-portrait .settings-panels{flex:1;min-height:0;overflow-y:auto}:is(#stage,.stage-legacy).stage-portrait{--tap: 104px;--tap-sm: 84px}:is(#stage,.stage-legacy).stage-portrait .modal .btn,:is(#stage,.stage-legacy).stage-portrait .profile-modal .btn{font-size:32px;padding:18px 28px;min-height:var(--tap);border-radius:16px}:is(#stage,.stage-legacy).stage-portrait .modal .btn.sm,:is(#stage,.stage-legacy).stage-portrait .profile-modal .btn.sm{font-size:26px;padding:12px 20px;min-height:var(--tap-sm);border-radius:12px}:is(#stage,.stage-legacy).stage-portrait .modal .input,:is(#stage,.stage-legacy).stage-portrait .modal select.input{font-size:32px;min-height:var(--tap)}:is(#stage,.stage-legacy).stage-portrait .modal .hint,:is(#stage,.stage-legacy).stage-portrait .profile-modal .hint{font-size:28px}:is(#stage,.stage-legacy).stage-portrait .settings-card{font-size:40px;padding:calc(40px + var(--safe-top, 0px)) 34px calc(34px + var(--safe-bottom, 0px))}:is(#stage,.stage-legacy).stage-portrait .settings-card h2{font-size:52px;margin-right:140px}:is(#stage,.stage-legacy).stage-portrait .settings-close{top:22px;right:22px;width:var(--tap);height:var(--tap);font-size:64px}:is(#stage,.stage-legacy).stage-portrait .settings-tab{font-size:38px;padding:22px 28px;min-height:var(--tap)}:is(#stage,.stage-legacy).stage-portrait .settings-panels{padding:28px 30px 24px}:is(#stage,.stage-legacy).stage-portrait .settings-card .check-row{gap:24px;margin:34px 0 10px;font-size:38px}:is(#stage,.stage-legacy).stage-portrait .settings-card .check-row .checkbox{width:52px;height:52px}:is(#stage,.stage-legacy).stage-portrait .queue-close-all,:is(#stage,.stage-legacy).stage-portrait .queue-row-x{font-size:34px;padding:0 14px;min-width:var(--tap-sm);min-height:var(--tap-sm)}:is(#stage,.stage-legacy).stage-portrait .profile-modal{align-items:stretch;justify-content:stretch}:is(#stage,.stage-legacy).stage-portrait .pc-card{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;grid-template-areas:"identity" "tabs" "sub" "body";overflow-y:auto;gap:18px;padding:calc(28px + var(--safe-top, 0px)) 24px calc(24px + var(--safe-bottom, 0px));font-size:28px}:is(#stage,.stage-legacy).stage-portrait .pc-close{top:18px;right:22px;width:var(--tap);height:var(--tap);font-size:54px}:is(#stage,.stage-legacy).stage-portrait .pc-identity{gap:18px;padding:18px}:is(#stage,.stage-legacy).stage-portrait .pc-portrait{height:340px}:is(#stage,.stage-legacy).stage-portrait .pc-name{font-size:42px}:is(#stage,.stage-legacy).stage-portrait .pc-title{font-size:26px}:is(#stage,.stage-legacy).stage-portrait .pc-edit{height:var(--tap-sm);min-width:var(--tap-sm);font-size:28px;padding:0 12px;border-radius:12px}:is(#stage,.stage-legacy).stage-portrait .pc-edit-count{font-size:22px}:is(#stage,.stage-legacy).stage-portrait .pc-rank-row{gap:16px}:is(#stage,.stage-legacy).stage-portrait .pc-rank-badge{width:88px;height:88px}:is(#stage,.stage-legacy).stage-portrait .pc-rank-label{font-size:32px}:is(#stage,.stage-legacy).stage-portrait .pc-rank-head{gap:12px}:is(#stage,.stage-legacy).stage-portrait .pc-card .rank-stars{--rank-star-size: 32px;gap:8px}:is(#stage,.stage-legacy).stage-portrait .pc-progress{height:16px}:is(#stage,.stage-legacy).stage-portrait .pc-progress-text{font-size:24px}:is(#stage,.stage-legacy).stage-portrait .pc-tab{font-size:28px;padding:16px 12px;min-height:var(--tap-sm)}:is(#stage,.stage-legacy).stage-portrait .pc-sub{font-size:24px;padding:12px 22px;min-height:var(--tap-sm)}:is(#stage,.stage-legacy).stage-portrait .pc-body{gap:22px}:is(#stage,.stage-legacy).stage-portrait .pc-empty{font-size:28px}:is(#stage,.stage-legacy).stage-portrait .pc-radar{width:400px;height:400px}:is(#stage,.stage-legacy).stage-portrait .pc-radar-label{font-size:20px}:is(#stage,.stage-legacy).stage-portrait .pc-section{padding:18px 20px}:is(#stage,.stage-legacy).stage-portrait .pc-section-title{font-size:28px;margin-bottom:12px}:is(#stage,.stage-legacy).stage-portrait .pc-stat-rows{grid-template-columns:1fr;gap:10px 28px}:is(#stage,.stage-legacy).stage-portrait .pc-stat-row{padding:8px 0}:is(#stage,.stage-legacy).stage-portrait .pc-stat-k,:is(#stage,.stage-legacy).stage-portrait .pc-stat-v{font-size:24px}:is(#stage,.stage-legacy).stage-portrait .friends-section-title{font-size:30px;margin:18px 0 10px}:is(#stage,.stage-legacy).stage-portrait .friends-empty,:is(#stage,.stage-legacy).stage-portrait .panel-error{font-size:28px;padding:32px 12px}:is(#stage,.stage-legacy).stage-portrait .watch-premium-hint{font-size:26px;margin-bottom:14px}:is(#stage,.stage-legacy).stage-portrait .home{--ava: 150px;--name-font: 44px;--rank-font: 30px;--pill-icon: 86px;--pill-font: 44px;--pill-min-w: 240px;--top-icon: 100px;--top-actions-offset-x: 18px;--nav-icon: 140px;--nav-font: 26px;--home-left-w: 150px;--home-right-w: 700px;--banners-w: 585px;--banner-h: 175px;--banner-label-font: 46px;--home-bottom-bar: 130px}:is(#stage,.stage-legacy).stage-portrait .home-body{padding-left:8px;padding-right:8px}:is(#stage,.stage-legacy).stage-portrait .home-middle{position:static}:is(#stage,.stage-legacy).stage-portrait .home-middle>.player{z-index:3;left:12px;top:12px;padding:12px 20px 12px 12px}:is(#stage,.stage-legacy).stage-portrait .home-left{align-self:center}:is(#stage,.stage-legacy).stage-portrait .auth-screen{align-items:flex-start;padding-top:calc(48px + var(--safe-top, 0px))}:is(#stage,.stage-legacy).stage-portrait .auth-card{width:620px;max-width:92%}:is(#stage,.stage-legacy).stage-portrait .auth-logo{width:480px;max-width:90%;margin-bottom:10px}:is(#stage,.stage-legacy).stage-portrait .loading-logo{top:calc(15% + var(--safe-top, 0px));transform:translate(-50%);width:620px;max-width:82%}.rank-icon,.rank-row-icon,.queue-row-img{border-radius:50%;object-fit:cover;object-position:center center;background:none;display:block}.rank-list{display:flex;flex-direction:column;gap:12px;width:100%;flex:1;min-height:0;overflow:hidden;pointer-events:auto}.rank-list-head{flex-shrink:0;display:flex;align-items:center;gap:12px;pointer-events:auto}.rank-list-title{font-family:var(--font-display);font-size:calc(var(--rank-list-title-font) * var(--ui-scale));font-weight:var(--rank-list-title-weight);color:var(--rank-list-title-color);opacity:var(--rank-list-title-vis);text-shadow:0 2px 4px rgba(0,0,0,.6)}.stepper{display:inline-flex;align-items:center;gap:8px;pointer-events:auto}.stepper-btn{width:calc(44px * var(--ui-scale, 1));height:calc(44px * var(--ui-scale, 1));border-radius:50%;border:1px solid var(--muted);background:transparent;color:inherit;cursor:pointer;font-size:calc(26px * var(--ui-scale, 1));line-height:1}.stepper-btn:disabled{opacity:.35;cursor:default}.stepper-value{min-width:calc(48px * var(--ui-scale, 1));text-align:center;font-size:calc(26px * var(--ui-scale, 1));font-variant-numeric:tabular-nums}.variant-pick{flex-shrink:0;display:flex;align-items:center;gap:8px;pointer-events:auto}.variant-pick-label{color:var(--muted);font-size:calc(20px * var(--ui-scale, 1));font-weight:600}.variant-pick-btn{appearance:none;border:1px solid var(--gold-soft);border-radius:999px;background:#00000038;color:var(--text);padding:calc(6px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));font-family:var(--font-body);font-size:calc(20px * var(--ui-scale, 1));font-weight:600;cursor:pointer}.variant-pick-btn.active{color:var(--gold);border-color:var(--gold);background:#c9a25a2e}.rank-back{pointer-events:auto;color:var(--rank-back-color);font-weight:var(--rank-back-weight);font-size:calc(var(--rank-back-font) * var(--ui-scale));opacity:var(--rank-back-vis);border-color:var(--gold-soft);text-shadow:0 1px 3px rgba(0,0,0,.5)}.rank-back:hover{color:var(--gold);border-color:var(--gold);filter:brightness(1.12)}.rank-rows{flex:1;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(var(--banner-gap) * var(--ui-scale));overflow-x:hidden;overflow-y:auto;padding-right:8px;pointer-events:auto;-webkit-overflow-scrolling:touch}.rank-row{flex:0 0 auto;width:100%;max-width:100%;border-radius:16px}.rank-row[disabled],.rank-row.locked{opacity:.9;cursor:not-allowed}.rank-row.active{box-shadow:none}.rank-row-lock{position:absolute;left:var(--rank-lock-left);top:var(--rank-lock-top);transform:translate(calc(-50% + var(--rank-lock-shift-x) * var(--ui-scale)),calc(-50% + var(--rank-lock-shift-y) * var(--ui-scale)));height:var(--rank-lock-size);width:auto;aspect-ratio:1;object-fit:contain;pointer-events:none;z-index:3;opacity:var(--rank-lock-vis);filter:drop-shadow(0 4px 10px rgba(0,0,0,.75))}.rank-row-lock.broken{visibility:hidden}.rank-row .banner-label{left:var(--rank-label-left);top:var(--rank-label-top);transform:translate(calc(-50% + var(--rank-label-shift-x) * var(--ui-scale)),calc(-50% + var(--rank-label-shift-y) * var(--ui-scale)));width:var(--rank-label-width);max-width:var(--rank-label-width);text-align:var(--rank-label-align);font-size:calc(var(--rank-label-font) * var(--ui-scale));font-weight:var(--rank-label-weight);font-style:var(--rank-label-style);letter-spacing:var(--rank-label-letter);color:var(--rank-label-color);opacity:var(--rank-label-vis);z-index:2}.rank-row .banner-visual{position:relative;display:block;line-height:0;width:100%;height:calc(var(--banner-h) * var(--ui-scale));transition:transform .08s ease;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));pointer-events:none}.rank-row .banner-visual .banner-img{display:block;width:100%;height:100%;object-fit:contain;filter:none;transition:none}.rank-row:hover:not([disabled]) .banner-visual{transform:scale(1.02)}.rank-row:active:not([disabled]) .banner-visual{transform:scale(.98)}.rank-row:hover:not([disabled]) .banner-img{transform:none}.rank-row-icon{position:absolute;left:var(--rank-icon-left);top:var(--rank-icon-top);transform:translate(calc(var(--rank-icon-shift-x) * var(--ui-scale)),calc(-50% + var(--rank-icon-shift-y) * var(--ui-scale)));height:var(--rank-icon-size);width:auto;aspect-ratio:1;max-width:26%;opacity:var(--rank-icon-vis)}.rank-row-icon.broken{visibility:hidden}.rank-row-state{position:absolute;left:var(--rank-state-left);top:var(--rank-state-top);transform:translate(calc(-100% + var(--rank-state-shift-x) * var(--ui-scale)),calc(-50% + var(--rank-state-shift-y) * var(--ui-scale)));width:var(--rank-state-width);max-width:var(--rank-state-width);text-align:var(--rank-state-align);font-family:var(--font-body);font-size:calc(var(--rank-state-font) * var(--ui-scale));font-weight:var(--rank-state-weight);color:var(--rank-state-color);opacity:var(--rank-state-vis);pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.65)}.rank-row.active .rank-row-state{color:var(--rank-state-active-color)}.rank-row.locked .rank-row-state{color:var(--rank-state-locked-color)}.queue-popup{position:absolute;left:16px;bottom:96px;width:320px;padding:14px;border-radius:14px;background-size:cover;background-position:center;border:1px solid var(--gold);box-shadow:0 10px 30px #00000080;pointer-events:auto;overflow:hidden}.queue-popup:before{content:"";position:absolute;inset:0;background:#080e0ac7;border-radius:14px;z-index:0}.queue-popup>*{position:relative;z-index:1}.queue-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.queue-title{font-weight:800;color:var(--gold)}.queue-close-all,.queue-row-x{background:transparent;border:none;color:var(--text);font-size:20px;line-height:1;cursor:pointer;pointer-events:auto;padding:0 4px}.queue-close-all:hover,.queue-row-x:hover{color:#e6837f}.queue-row{display:flex;align-items:center;gap:10px;padding:6px 0}.queue-row-img{width:32px;height:32px}.queue-row-img.broken{visibility:hidden}.queue-row-label{flex:1;color:var(--text)}.queue-row-timer{font-variant-numeric:tabular-nums;color:var(--gold);margin-right:4px}.check-row{display:flex;align-items:center;gap:10px;margin:14px 0 4px;cursor:pointer}.check-row .checkbox{width:18px;height:18px;accent-color:var(--gold);cursor:pointer;pointer-events:auto}.settings-card,.pc-card{width:var(--window-w);height:var(--window-h);max-width:none;max-height:var(--window-h);min-height:0}.settings-card{position:relative;padding:30px 33px 27px;gap:21px;font-size:21px;overflow:hidden}.settings-close{position:absolute;top:18px;right:18px;z-index:2;width:44px;height:44px;border-radius:50%;appearance:none;background:#0006;border:1px solid var(--gold-soft);color:var(--text);font-size:28px;line-height:1;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;padding:0;transition:background .12s ease,color .12s ease,border-color .12s ease}.settings-close:hover{background:#000000a6;color:#e6837f;border-color:var(--gold)}.settings-card h2{margin:0 52px 6px 0;text-align:left;font-size:30px}.settings-layout{display:flex;flex-direction:row;align-items:stretch;flex:1;min-height:390px;border:1px solid var(--gold-soft);border-radius:14px;overflow:hidden;background:#0003}.settings-tabs{flex:0 0 228px;display:flex;flex-direction:column;gap:3px;padding:15px 0;border-left:1px solid var(--gold-soft);background:#00000038}.settings-tab{appearance:none;border:none;background:transparent;color:var(--muted);text-align:right;padding:17px 18px 17px 21px;font-family:var(--font-body);font-size:24px;font-weight:600;line-height:1.25;cursor:pointer;border-right:4px solid transparent;transition:color .12s ease,background .12s ease,border-color .12s ease}.settings-tab:hover{color:var(--text);background:#ffffff0d}.settings-tab.active{color:var(--gold);border-right-color:var(--gold);background:#c9a25a1f}.settings-panels{flex:1;min-width:0;padding:21px 27px 18px;overflow-y:auto}.settings-card .check-row{gap:15px;margin:21px 0 6px;font-size:21px}.settings-card .check-row .checkbox{width:24px;height:24px}@media(max-width:720px){.lobby{flex-direction:column;gap:16px;overflow-y:auto;align-items:stretch}.lobby .character{width:100%}.char-art{height:220px}}.profile-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:6}.pc-card{position:relative;border:1px solid var(--gold);border-radius:20px;box-shadow:0 24px 70px #0009;display:grid;grid-template-columns:340px 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"identity tabs" "identity sub" "identity body";gap:14px;padding:22px;overflow:hidden}.pc-close{position:absolute;top:12px;right:16px;z-index:2;width:40px;height:40px;border-radius:50%;background:#0006;border:1px solid var(--gold-soft);color:var(--text);font-size:24px;line-height:1;cursor:pointer}.pc-close:hover{background:#000000a6}.pc-identity{grid-area:identity;display:flex;flex-direction:column;gap:14px;background:#00000040;border:1px solid var(--gold-soft);border-radius:16px;padding:14px;overflow:hidden}.pc-portrait{position:relative;width:100%;height:320px;border-radius:14px;overflow:hidden;border:1px solid var(--gold-soft);background:#00000059;padding:0;cursor:pointer}.pc-portrait-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.pc-portrait-img.broken{opacity:0}.pc-info{display:flex;flex-direction:column;gap:10px}.pc-name-row{display:flex;align-items:center;gap:8px}.pc-name{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--text)}.pc-edit{height:28px;min-width:28px;padding:0 6px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;background:#00000059;border:1px solid var(--gold-soft);color:var(--gold)}.pc-edit-count{font-size:13px;font-weight:700}.pc-edit-empty{opacity:.5}.pc-title{font-style:italic;color:var(--muted);font-size:14px}.pc-rank-row{display:flex;align-items:center;gap:12px;margin-top:4px}.pc-rank-badge{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 auto}.pc-rank-badge.broken{opacity:0}.pc-rank-meta{flex:1;display:flex;flex-direction:column;gap:4px}.pc-rank-head{display:flex;align-items:center;gap:8px}.pc-rank-label{font-weight:800;color:var(--gold)}.rank-stars{display:flex;align-items:center;gap:4px}.rank-star{width:var(--rank-star-size, 18px);height:var(--rank-star-size, 18px);display:block;flex:0 0 auto;background-image:var(--charm-url);background-size:contain;background-repeat:no-repeat;background-position:center}.rank-star.empty{background-image:none;background-color:#ffffff38;-webkit-mask-image:var(--charm-url);mask-image:var(--charm-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.rank-change{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#000000ad}.rank-change-card{min-width:300px;max-width:88vw;padding:26px 30px 22px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border-radius:20px;border:1px solid var(--gold);background:var(--panel-2);box-shadow:0 20px 60px #0009}.rank-change-title{margin:0;font-family:var(--font-display);color:var(--gold);font-size:30px}.rank-change-card.down .rank-change-title{color:var(--muted)}.rank-change-arts{position:relative;width:132px;height:132px}.rank-change-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:50%}.rank-change-art.prev{animation:rank-art-out .9s ease forwards}.rank-change-art.next{animation:rank-art-in .9s ease forwards}@keyframes rank-art-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.82)}}@keyframes rank-art-in{0%{opacity:0;transform:scale(1.28)}to{opacity:1;transform:scale(1)}}.rank-change-rank{font-weight:800;color:var(--gold);font-size:20px}.rank-change-card .rank-stars{--rank-star-size: 26px}.rank-change-text{margin:4px 0 0;color:var(--text);max-width:320px}.rank-change-card .hint{margin:0;color:var(--muted);font-size:13px}.rank-change-card .btn{margin-top:8px;min-width:140px}.pc-progress{height:10px;border-radius:6px;background:#0006;overflow:hidden;border:1px solid var(--gold-soft)}.pc-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),#f0d28a)}.pc-progress-text{font-size:12px;color:var(--muted)}.pc-tabs{grid-area:tabs;display:flex;gap:8px}.pc-tab{flex:1;padding:10px 8px;border-radius:12px 12px 0 0;cursor:pointer;background:#0000004d;border:1px solid var(--gold-soft);border-bottom:none;color:var(--muted);font-weight:700;font-family:var(--font-display)}.pc-tab.active{background:#c9a25a2e;color:var(--gold)}.pc-subfilter{grid-area:sub;display:flex;gap:8px}.pc-sub{padding:6px 16px;border-radius:999px;cursor:pointer;font-size:13px;background:#00000040;border:1px solid var(--gold-soft);color:var(--muted)}.pc-sub.active{background:var(--gold);color:#1a130a;font-weight:800}.pc-sub.disabled{opacity:.4;cursor:not-allowed}.pc-body{grid-area:body;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-right:6px}.pc-empty{color:var(--muted);text-align:center;padding:40px 0}.pc-radar-wrap{display:flex;justify-content:center}.pc-radar{width:260px;height:260px}.pc-radar-grid{fill:none;stroke:#c9a25a2e;stroke-width:1}.pc-radar-axis{stroke:#c9a25a4d;stroke-width:1}.pc-radar-label{fill:var(--muted);font-size:11px;font-family:var(--font-body)}.pc-radar-shape{fill:#6fd0ff40;stroke:var(--accent);stroke-width:2}.pc-section{background:#00000038;border:1px solid var(--gold-soft);border-radius:12px;padding:12px 14px}.pc-section-title{margin:0 0 8px;font-size:15px;color:var(--gold);font-family:var(--font-display)}.pc-stat-rows{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}.pc-stat-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px dashed rgba(201,162,90,.12)}.pc-stat-k{color:var(--muted);font-size:13px}.pc-stat-v{color:var(--text);font-weight:700;font-size:13px}.pc-body::-webkit-scrollbar{width:8px}.pc-body::-webkit-scrollbar-track{background:#0000004d;border-radius:6px}.pc-body::-webkit-scrollbar-thumb{background:var(--gold-soft);border-radius:6px}.auth-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 0%,#14281d 0%,var(--bg) 70%)}.auth-card{width:440px;max-width:88%;display:flex;flex-direction:column;gap:14px;padding:36px 34px;border-radius:20px;border:1px solid var(--gold);box-shadow:0 20px 60px #0000008c}.auth-title{margin:0;text-align:center;font-family:var(--font-display);font-size:44px;color:var(--gold)}.auth-lang{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:-14px 0 -4px}.auth-lang-btn{padding:3px 10px;border-radius:999px;cursor:pointer;border:1px solid var(--gold-soft);background:#00000047;color:var(--muted);font-size:12px;line-height:1.4}.auth-lang-btn:hover{color:var(--text);border-color:var(--gold)}.auth-lang-btn.active{color:var(--gold);border-color:var(--gold);background:#00000080}.auth-logo{display:block;width:180px;max-width:60%;height:auto;margin:0 auto 4px;object-fit:contain}.auth-subtitle{margin:-6px 0 6px;text-align:center;color:var(--muted);font-size:16px}.legal-list{display:flex;flex-direction:column;gap:12px;margin:4px 0 8px}.legal-row{display:flex;align-items:center;gap:10px;font-size:16px}.legal-row .checkbox{width:22px;height:22px;flex:0 0 auto}.legal-link{color:var(--gold);text-decoration:underline}.legal-actions{display:flex;flex-direction:column;gap:10px}.auth-step{display:flex;flex-direction:column;gap:12px}.auth-label{color:var(--muted);font-size:14px}.auth-btn{width:100%}.auth-row{display:flex;gap:12px;justify-content:space-between}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--gold-soft)}.auth-socials{display:flex;flex-direction:column;gap:10px}.auth-social{width:100%;text-align:center;font-weight:700}.auth-social-google{border-color:#e0e0e0}.auth-social-facebook{border-color:#5b7bd5}.auth-hint{color:var(--accent);font-size:14px}.auth-msg{min-height:20px;text-align:center;color:var(--muted);font-size:14px}.auth-msg.error{color:var(--danger)}.auth-screen>.conn-indicator{position:absolute;right:var(--conn-offset-x);bottom:var(--conn-offset-y);z-index:4;width:88px;height:88px}.friends-layout{flex:1;min-height:0}.friends-panels{min-height:0;overflow:hidden;display:flex;flex-direction:column}.friends-panels .settings-panel:not(.hidden){display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.friends-empty{padding:24px 8px;text-align:center}.panel-error{padding:24px 8px 8px;text-align:center}.panel-retry{display:block;margin:0 auto 16px}.friends-section-title{margin:12px 0 6px;font-size:16px;color:var(--gold)}.btn.sm{padding:6px 10px;font-size:13px;border-radius:8px}.friends-btn-wrap{position:relative;display:inline-flex}.friends-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#c0392b;color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;pointer-events:none;box-shadow:0 0 0 2px #08060ed9}.inventory-detail-modal{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#0000008c;border-radius:16px}.item-detail-top{z-index:9}.inventory-detail-popup{position:relative;width:min(400px,90%);border:1px solid var(--gold);border-radius:14px;padding:22px 20px 20px}.inventory-detail-head{display:flex;gap:16px;align-items:center;margin-bottom:14px}.inventory-detail-icon{width:var(--item-icon);height:var(--item-icon);object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.inventory-detail-head .sprite-tilt-stage.inventory-detail-icon{filter:none}.inventory-detail-meta{flex:1;min-width:0}.inventory-detail-name{margin:0 0 6px;font-size:22px;font-weight:800;color:var(--gold)}.inventory-detail-qty{margin:0;font-size:15px;color:var(--muted)}.inventory-detail-desc{margin:0 0 18px;font-size:16px;line-height:1.45;color:var(--text)}.inventory-detail-actions{display:flex;justify-content:center;gap:10px}.news-md>:first-child{margin-top:0}.news-md>:last-child{margin-bottom:0}.news-md-h{margin:12px 0 6px;color:var(--text)}.news-md-p{margin:8px 0}.news-md-list{margin:8px 0;padding-left:22px}.news-md-list li{margin:3px 0}.news-md-quote{margin:8px 0;padding:6px 12px;border-left:3px solid var(--gold-soft);color:var(--muted);background:#ffffff08}.news-md-pre{margin:8px 0;padding:10px 12px;border-radius:8px;overflow-x:auto;background:#0006;border:1px solid var(--gold-soft)}.news-md code{font-family:ui-monospace,monospace;font-size:.9em}.news-md a{color:var(--gold);text-decoration:underline}.item-sprite-icon{background-repeat:no-repeat}.sprite-tilt-stage{perspective:var(--sprite-tilt-perspective);perspective-origin:50% 42%;flex-shrink:0}.sprite-tilt{width:100%;height:100%;transform-style:preserve-3d;transition:transform .12s ease-out;will-change:transform}.sprite-tilt-wrap{position:relative;width:100%;height:100%}.sprite-tilt-sprite{width:100%;height:100%;background-repeat:no-repeat;transform:translateZ(0);filter:drop-shadow(0 8px 12px rgba(0,0,0,.4))}.sprite-tilt-glare{position:absolute;inset:8%;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55),transparent 58%);mix-blend-mode:screen;transition:opacity .15s}.sprite-tilt-stage:hover .sprite-tilt-glare,.sprite-tilt-host:hover .sprite-tilt-glare{opacity:.35}.loading-overlay{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:var(--bg);pointer-events:auto}.loading-overlay.hidden{display:none}.loading-layer-form{position:absolute;inset:0;z-index:1;background-color:var(--panel-2);background-image:var(--form-bg-url, url(../assets/form_background.png?v=1));background-repeat:no-repeat;background-position:center center;background-size:auto}.loading-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:var(--loading-logo-width, 360px);height:auto;max-width:70%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 28px rgba(0,0,0,.6))}.loading-bar-wrap{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;margin-bottom:var(--loading-bar-bottom, 48px);flex-shrink:0}.loading-bar{position:relative;width:var(--loading-bar-width, 900px);max-width:62%;aspect-ratio:1429 / 410}.loading-bar-track{position:absolute;left:var(--loading-bar-track-inset-x, 9%);right:var(--loading-bar-track-inset-x, 9%);top:var(--loading-bar-track-inset-y, 38%);bottom:var(--loading-bar-track-inset-y, 38%);overflow:hidden;border-radius:4px}.loading-bar-fill{height:100%;width:calc(var(--loading-progress, 0) * 100%);background:var(--loading-rect-url) left center / var(--loading-bar-width, 900px) 100% no-repeat;transition:width .18s ease}.loading-bar:after{content:"";position:absolute;inset:0;background:var(--loading-frame-url) center / contain no-repeat;pointer-events:none}.loading-percent{margin-top:var(--loading-percent-offset-y, 12px);font-family:var(--loading-percent-font-family, var(--font-display));font-size:var(--loading-percent-font-size, 22px);font-weight:var(--loading-percent-font-weight, 700);letter-spacing:var(--loading-percent-letter-spacing, .06em);color:var(--loading-percent-color, var(--gold));text-shadow:var(--loading-percent-text-shadow, 0 1px 4px rgba(0,0,0,.85));font-variant-numeric:tabular-nums;line-height:1;user-select:none}.home{--rank-opt-font: 26px;--rank-opt-btn: 68px;--rank-opt-value-font: 40px}.rank-options{flex-shrink:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:calc(10px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(20px * var(--ui-scale, 1));background:#0a08109e;border:2px solid var(--gold-soft);border-radius:20px;pointer-events:auto}.rank-options.hidden{display:none}.rank-options>.variant-pick,.rank-options>.match-target{display:flex;align-items:center;justify-content:flex-end;gap:calc(10px * var(--ui-scale, 1));min-height:calc(var(--rank-opt-btn) * var(--ui-scale, 1))}.rank-options>.hidden{display:none}.rank-options .variant-pick-label,.rank-options .match-target-label{margin-right:auto;min-width:0;color:var(--rank-list-title-color);font-size:calc(var(--rank-opt-font) * var(--ui-scale, 1));font-weight:700;line-height:1.15;text-shadow:0 1px 3px rgba(0,0,0,.6)}.rank-options .variant-pick-btn{font-size:calc(var(--rank-opt-font) * var(--ui-scale, 1));min-height:calc(var(--rank-opt-btn) * var(--ui-scale, 1));padding:0 calc(22px * var(--ui-scale, 1))}.rank-options .stepper{gap:calc(6px * var(--ui-scale, 1))}.rank-options .stepper-btn{width:calc(var(--rank-opt-btn) * var(--ui-scale, 1));height:calc(var(--rank-opt-btn) * var(--ui-scale, 1));border:2px solid var(--gold-soft);background:#0000004d;color:var(--gold);font-size:calc(var(--rank-opt-value-font) * var(--ui-scale, 1));font-weight:700}.rank-options .stepper-btn:not(:disabled):active{background:#c9a25a40}.rank-options .stepper-value{min-width:calc(64px * var(--ui-scale, 1));color:var(--text);font-size:calc(var(--rank-opt-value-font) * var(--ui-scale, 1));font-weight:800}:is(#stage,.stage-legacy).stage-portrait .home{--rank-opt-font: 34px;--rank-opt-btn: 86px;--rank-opt-value-font: 48px}.match-target{display:flex;align-items:center;justify-content:space-between;gap:10px}.match-target.hidden{display:none}.queue-row-target{font-size:12px;opacity:.8;white-space:nowrap}:is(#stage,.stage-legacy).stage-portrait .top-actions{gap:var(--top-actions-gap-portrait, 64px);padding-right:14px}:is(#stage,.stage-legacy).stage-portrait .icon-btn.labeled .icon-label{inset:100% auto auto 50%;transform:translate(-50%,2px);white-space:nowrap;padding:0 8px;border-radius:8px;background:#181008b8;color:#f6e6c4;text-shadow:none;line-height:1.25}:is(#stage,.stage-legacy).stage-portrait .home{--top-banners-clearance: calc(var(--top-actions-offset-y) + var(--top-icon) * 1.42 - var(--top-scroll-crop) + 64px)}.game-hud .toast{z-index:20;max-width:80%;text-align:center;line-height:1.3;font-size:var(--ux-font, 22px);font-weight:600;background:#fff4d9;color:#302719;border:2px solid #82612d;box-shadow:0 8px 24px #00000080;pointer-events:none}:is(#stage,.stage-legacy).stage-portrait .game-hud .toast{max-width:88%;width:max-content}#app.app-in-match{background:linear-gradient(180deg,#04080ec7,#04080ec7),var(--match-bg-url, var(--match-bg-fallback, url(../assets/bg/menu.jpg?v=1))) center center / cover no-repeat,#000}