@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,.dorm-tab-body:after,.dorm-preview:after,.dorm-grid:after,.dorm-bond-head: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 .dialog,#ui .match-over,#ui .rank-change,#ui .modal,#ui .settings-tab,#ui .settings-close,#ui .friends-row,#ui .friends-row-main,#ui .friends-chat-input,#ui .friends-search-input,#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: 24px;--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: 51%;--rank-lock-top: 45%;--rank-lock-shift-x: 0px;--rank-lock-shift-y: 0px;--rank-lock-size: 80%;--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:6%;top:50%;transform:translateY(-50%) rotate(-8deg);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) * .5 * 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,.friends-invite-card,.friends-card-popup,.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}.char-grid{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.char-cell{width:90px;height:130px;border-radius:12px;border:2px solid transparent;overflow:hidden;background:#0000004d;cursor:pointer;padding:0}.char-cell.active{border-color:var(--gold)}.char-cell img{width:100%;height:100%;object-fit:cover;object-position:top 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-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)}.btn.undo{position:absolute;left:8px;bottom:244px;width:168px;font-size:16px;padding:10px 8px;z-index:3}.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{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:var(--panel-2);border:1px solid var(--gold);border-radius:14px;padding:22px;min-width:320px;text-align:center;box-shadow:0 12px 40px #00000080}.dialog-text{margin-bottom:16px}.dialog-row{display:flex;gap:14px;justify-content:center}.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}#stage.stage-portrait .game-hud{--hud-top-h: 120px;--hud-bottom-h: 120px}#stage.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}#stage.stage-portrait .match-player .match-player-portrait{width:88px;height:88px}#stage.stage-portrait .turn-timer{top:50%;transform:translateY(-50%);width:52px;height:52px}#stage.stage-portrait .match-player.opp .turn-timer{right:140px}#stage.stage-portrait .match-player.me .turn-timer{right:20px}#stage.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)}}#stage.stage-portrait .match-player-info{text-align:left}#stage.stage-portrait .match-player-name{font-size:26px;max-width:100%}#stage.stage-portrait .match-player-rank{min-height:0;margin-top:2px;justify-content:flex-start}#stage.stage-portrait .match-player-rank-icon{width:40px;height:40px}#stage.stage-portrait .btn.resign{top:calc(16px + var(--safe-top, 0px));right:16px;font-size:16px;padding:10px 16px;z-index:4}#stage.stage-portrait .hud-top{top:calc(var(--hud-top-h) + 6px)}#stage.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}#stage.stage-portrait .hud-turn{font-size:22px;margin-top:6px}#stage.stage-portrait .hud-dice{gap:12px;min-height:68px}#stage.stage-portrait .die-face{width:64px;height:64px;border-radius:13px}#stage.stage-portrait .die-pip{width:12px;height:12px}#stage.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}#stage.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}#stage.stage-portrait .hud-bottom .btn.roll,#stage.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}#stage.stage-portrait .hud-bottom .btn.roll{min-height:176px}#stage.stage-portrait .btn.undo{left:auto;right:16px;bottom:calc(var(--hud-bottom-h) + 12px);width:auto;min-height:64px;font-size:20px}#stage.stage-portrait .hud-right{top:auto;bottom:calc(24px + var(--safe-bottom, 0px));right:20px;flex-direction:column-reverse}#stage.stage-portrait .emote-tray{grid-template-columns:repeat(3,200px)}#stage.stage-portrait .emote-cell{width:200px;height:200px}#stage.stage-portrait .emote-bubble{width:300px;height:300px}#stage.stage-portrait .emote-bubble.near-opp,#stage.stage-portrait .emote-bubble.opp{left:50%;right:auto;top:calc(var(--hud-top-h) + 20px);bottom:auto;transform:translate(-50%)}#stage.stage-portrait .emote-bubble.near-me,#stage.stage-portrait .emote-bubble.me{left:50%;right:auto;top:auto;bottom:calc(var(--hud-bottom-h) + 120px);transform:translate(-50%)}#stage.stage-portrait .toast{bottom:calc(var(--hud-bottom-h) + 36px)}#stage.stage-portrait .comic-fx{top:40%}#stage.stage-portrait .comic-text{font-size:60px;-webkit-text-stroke-width:1.5px}#stage.stage-portrait .modal{align-items:stretch;justify-content:stretch}#stage.stage-portrait .modal-card,#stage.stage-portrait .settings-card,#stage.stage-portrait .friends-card,#stage.stage-portrait .watch-card,#stage.stage-portrait .inventory-card,#stage.stage-portrait .shop-card,#stage.stage-portrait .news-card,#stage.stage-portrait .mail-card,#stage.stage-portrait .tutorial-card,#stage.stage-portrait .lb-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))}#stage.stage-portrait .settings-layout{flex-direction:column;min-height:0}#stage.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:6px 4px;gap:6px}#stage.stage-portrait .settings-tab{text-align:center;white-space:nowrap;border-right:none;border-bottom:4px solid transparent;padding:12px 14px}#stage.stage-portrait .settings-tab.active{border-right-color:transparent;border-bottom-color:var(--gold)}#stage.stage-portrait .settings-panels{flex:1;min-height:0;overflow-y:auto}#stage.stage-portrait .shop-panels.settings-panels,#stage.stage-portrait .inventory-panels.settings-panels{overflow:hidden}#stage.stage-portrait .friends-chat{inset:56px 16px calc(16px + var(--safe-bottom, 0px)) 16px}#stage.stage-portrait{--tap: 104px;--tap-sm: 84px}#stage.stage-portrait .modal .btn,#stage.stage-portrait .profile-modal .btn,#stage.stage-portrait .dorm .btn{font-size:28px;padding:16px 26px;min-height:var(--tap);border-radius:16px}#stage.stage-portrait .modal .btn.sm,#stage.stage-portrait .profile-modal .btn.sm,#stage.stage-portrait .dorm .btn.sm{font-size:22px;padding:10px 18px;min-height:var(--tap-sm);border-radius:12px}#stage.stage-portrait .modal .input,#stage.stage-portrait .modal select.input{font-size:28px;min-height:var(--tap)}#stage.stage-portrait .modal .hint,#stage.stage-portrait .profile-modal .hint,#stage.stage-portrait .dorm .hint{font-size:24px}#stage.stage-portrait .settings-card{font-size:34px;padding:34px 30px 30px}#stage.stage-portrait .settings-card h2{font-size:44px;margin-right:130px}#stage.stage-portrait .settings-close{top:22px;right:22px;width:var(--tap);height:var(--tap);font-size:54px}#stage.stage-portrait .settings-tab{font-size:32px;padding:20px 26px;min-height:var(--tap)}#stage.stage-portrait .settings-card .slider-row{gap:26px;margin:26px 0}#stage.stage-portrait .settings-card .slider-label{width:230px;font-size:32px}#stage.stage-portrait .settings-card .slider-val{width:90px;font-size:32px}#stage.stage-portrait .settings-card .slider{height:14px}#stage.stage-portrait .settings-card .check-row{gap:22px;margin:30px 0 8px;font-size:32px}#stage.stage-portrait .settings-card .check-row .checkbox{width:44px;height:44px}#stage.stage-portrait .queue-close-all,#stage.stage-portrait .queue-row-x{font-size:34px;padding:0 14px;min-width:var(--tap-sm);min-height:var(--tap-sm)}#stage.stage-portrait .dorm-back{width:var(--tap);height:var(--tap);font-size:44px}#stage.stage-portrait .dorm-title{font-size:44px}#stage.stage-portrait .dorm-chip{font-size:26px;padding:12px 24px;min-height:var(--tap-sm)}#stage.stage-portrait .dorm-chip-label{font-size:26px}#stage.stage-portrait .dorm-tab{font-size:28px;min-height:var(--tap-sm)}#stage.stage-portrait .profile-modal{align-items:stretch;justify-content:stretch}#stage.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}#stage.stage-portrait .pc-portrait{height:260px}#stage.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}#stage.stage-portrait .home-body{padding-left:8px;padding-right:8px}#stage.stage-portrait .home-middle{position:static}#stage.stage-portrait .home-middle>.player{z-index:3;left:12px;top:12px;padding:12px 20px 12px 12px}#stage.stage-portrait .home-left{align-self:center}#stage.stage-portrait .auth-screen{align-items:flex-start;padding-top:calc(48px + var(--safe-top, 0px))}#stage.stage-portrait .auth-card{width:620px;max-width:92%}#stage.stage-portrait .auth-logo{width:480px;max-width:90%;margin-bottom:10px}#stage.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)}.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}.slider-row{display:flex;align-items:center;gap:12px;margin:12px 0}.slider-label{width:96px;color:var(--text)}.slider-val{width:36px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.slider{flex:1;accent-color:var(--gold);height:4px;cursor:pointer;pointer-events:auto}.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-panel-body{display:flex;flex-direction:column;gap:6px}.settings-card .slider-row{gap:18px;margin:18px 0}.settings-card .slider-label{width:135px;font-size:21px}.settings-card .slider-val{width:54px;font-size:21px}.settings-card .slider{height:6px}.settings-card .check-row{gap:15px;margin:21px 0 6px;font-size:21px}.settings-card .check-row .checkbox{width:24px;height:24px}.settings-soon{display:flex;align-items:center;justify-content:center;min-height:300px;padding:24px}.settings-soon .hint{margin:0;text-align:center;max-width:420px;font-size:21px}.check-row-stacked{align-items:flex-start}.check-row-stacked .checkbox{margin-top:4px}.check-text{display:flex;flex-direction:column;gap:2px}.check-text .hint{margin:0;font-size:17px}.settings-gameplay{gap:6px;padding-top:8px;align-items:flex-start}.settings-gameplay>.hint{margin:0 0 4px;font-size:20px}.settings-other{gap:14px;padding-top:8px;align-items:flex-start}.settings-other .hint{margin:0 0 4px;font-size:20px}.settings-action{align-self:stretch;max-width:360px}.settings-lang{gap:10px;padding-top:8px}.lang-option{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--gold-soft);border-radius:12px;background:#00000040;cursor:pointer;transition:border-color .12s ease,background .12s ease}.lang-option:hover{border-color:var(--gold);background:#00000059}.lang-radio{width:22px;height:22px;margin:0;accent-color:var(--gold);cursor:pointer;pointer-events:auto;flex-shrink:0}.lang-label{font-size:21px;color:var(--text)}.lang-option:has(.lang-radio:checked){border-color:var(--gold);background:#c9a25a1f}.lang-option:has(.lang-radio:checked) .lang-label{color:var(--gold);font-weight:700}@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:125%;object-fit:cover;object-position:top 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-panel-search:not(.hidden){overflow:hidden}.friends-panel-search .friends-search-row{flex-shrink:0}.friends-search-results{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.friends-list{display:flex;flex-direction:column;gap:8px}.friends-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--gold-soft);border-radius:12px;background:#00000038}.friends-row-main{flex:1;display:flex;align-items:center;gap:12px;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left;padding:0}.friends-row-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.friends-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--gold-soft);flex-shrink:0}.friends-row-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.friends-row-name{font-weight:700;color:var(--text);font-size:18px}.friends-row-sub{color:var(--muted);font-size:14px}.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}.friends-badge-inline{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#c0392b;color:#fff;font-size:12px;font-weight:800;line-height:22px;text-align:center;flex-shrink:0}.friends-chat{position:absolute;inset:56px 22px 22px;z-index:3;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--gold);border-radius:14px;padding:14px}.friends-chat-head{display:flex;align-items:center;gap:10px}.friends-chat-title{font-weight:800;color:var(--gold)}.friends-chat-msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:8px;background:#00000040;border-radius:10px}.friends-chat-compose{display:flex;gap:8px}.friends-chat-input{flex:1}.friends-msg{max-width:85%;display:flex;flex-direction:column;gap:4px}.friends-msg.mine{align-self:flex-end;align-items:flex-end}.friends-msg.theirs{align-self:flex-start;align-items:flex-start}.friends-msg-body{padding:8px 12px;border-radius:12px;background:#00000059;border:1px solid var(--gold-soft);word-break:break-word}.friends-msg.mine .friends-msg-body{background:#c9a25a26}.friends-msg-meta{font-size:11px;color:var(--muted)}.friends-report{margin-top:2px}.friends-search-row{display:flex;gap:8px;margin-bottom:12px}.friends-search-input{flex:1}.friends-invite-modal{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:#0000008c;border-radius:16px}.friends-invite-card{border:1px solid var(--gold);border-radius:14px;padding:20px 24px;max-width:360px;text-align:center}.friends-card-modal{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:16px}.friends-card-popup{position:relative;width:min(400px,90%);border:1px solid var(--gold);border-radius:14px;padding:20px}.friends-card-head{display:flex;gap:14px;align-items:center;margin-bottom:12px}.friends-card-matches{margin:0;padding-left:18px;color:var(--muted);font-size:14px}.friends-card-matches li{margin:4px 0}.watch-layout{flex:1;min-height:0}.watch-panels{min-height:0;overflow:hidden;display:flex;flex-direction:column}.watch-panels .settings-panel:not(.hidden){display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.watch-list-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.watch-premium-hint{margin:0 0 8px;font-size:14px}.observe-hud{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;padding:16px 20px 24px;gap:8px}.observe-hud .btn{pointer-events:auto}.observe-top{position:absolute;top:12px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.observe-top .btn{pointer-events:auto}.observe-title{font-weight:800;color:var(--gold);font-size:20px;text-shadow:0 2px 6px rgba(0,0,0,.8)}.observe-round-info{color:var(--text);font-size:15px;text-shadow:0 1px 4px rgba(0,0,0,.85);pointer-events:none}.observe-round-nav,.observe-step-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#0000008c;border:1px solid var(--gold-soft);border-radius:12px;padding:8px 12px;pointer-events:auto}.observe-rounds{display:flex;gap:6px;flex-wrap:wrap;flex:1;justify-content:center}.observe-round-tab.active{color:var(--gold);border-color:var(--gold)}.observe-step-info{flex:1;text-align:center;color:var(--muted);font-size:14px}.inventory-layout{flex:1;min-height:0}.inventory-panels{min-height:0;overflow:hidden;display:flex;flex-direction:column}.inventory-panels .settings-panel:not(.hidden){display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.inventory-grid-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--item-icon) + 26px),1fr));gap:12px;padding:8px 4px 12px}.inventory-cell{position:relative;aspect-ratio:1;border-radius:12px;border:1px solid var(--gold-soft);background:#00000059;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;transition:border-color .1s ease,background .1s ease}.inventory-cell:hover{border-color:var(--gold);background:#00000080}.inventory-cell img{width:var(--item-icon);height:var(--item-icon);max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.inventory-cell .sprite-tilt-stage.inventory-cell-icon{width:var(--item-icon);height:var(--item-icon);flex-shrink:0}.inventory-cell-qty{position:absolute;right:8px;bottom:6px;font-size:15px;font-weight:700;color:var(--gold);text-shadow:0 1px 3px rgba(0,0,0,.9)}.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-list{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:6px;flex:1;min-height:0}.news-empty{text-align:center;padding:24px 0}.news-item{border:1px solid var(--gold-soft);border-radius:14px;padding:16px 18px;background:#00000040;display:flex;flex-direction:column;gap:10px}.news-item.unseen{border-color:var(--gold);box-shadow:0 0 0 1px #c9a25a40}.news-item-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.news-item-title{margin:0;font-size:22px;color:var(--gold)}.news-item-date{color:var(--muted);font-size:13px;flex-shrink:0}.news-item-body{font-size:16px;line-height:1.5;color:var(--text)}.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}.tutorial-card{display:flex;flex-direction:column;gap:14px}.tutorial-layout{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;flex:1;min-height:0;gap:12px}.tutorial-body{overflow-y:auto;padding:8px 12px;min-height:0;border-radius:12px;background:#00000038;border:1px solid var(--gold-soft)}.tutorial-nav-btn{align-self:center;flex-shrink:0;width:52px;height:72px;border-radius:12px;border:1px solid var(--gold-soft);background:#00000059;color:var(--gold);font-size:28px;line-height:1;cursor:pointer;transition:background .15s,opacity .15s}.tutorial-nav-btn:hover:not(:disabled){background:#c9a25a2e}.tutorial-nav-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.tutorial-footer{display:flex;justify-content:center;flex-shrink:0}.tutorial-page-label{color:var(--muted);font-size:15px}.tutorial-error{text-align:center;padding:24px 0}.news-rewards{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:#c9a25a14;border:1px solid var(--gold-soft)}.news-rewards-title{font-weight:700;color:var(--gold);font-size:15px}.news-rewards-chips{display:flex;flex-wrap:wrap;gap:8px}.news-reward-chip{padding:5px 12px;border-radius:999px;font-size:14px;font-weight:600;background:#00000059;border:1px solid var(--gold-soft);color:var(--text)}.news-claim-btn{align-self:flex-start}.news-rewards-claimed{color:#7ee07e;font-weight:700;font-size:14px}:root{--mail-kind-bg: rgba(255, 255, 255, .08);--mail-kind-color: var(--muted);--mail-deadline-color: #f0c060;--mail-deadline-size: 13px}.mail-item-head{display:flex;align-items:center;gap:10px}.mail-item-kind{margin-left:auto;flex-shrink:0;padding:2px 8px;border-radius:999px;background:var(--mail-kind-bg);color:var(--mail-kind-color);font-size:12px;font-weight:600}.mail-item-meta{display:flex;align-items:center;gap:10px;margin:2px 0 4px}.mail-item-sender{color:var(--text);font-size:14px;font-weight:600}.mail-deadline{color:var(--mail-deadline-color);font-size:var(--mail-deadline-size);margin:4px 0}.mail-item-footer{display:flex;justify-content:flex-end;margin-top:8px}.mail-delete-btn{align-self:flex-end}:root{--lb-avatar: 76px;--lb-rank-icon: 48px;--lb-pos-w: 52px;--lb-pos-size: 28px;--lb-row-gap: 10px;--lb-row-pad-y: 12px;--lb-row-pad-x: 14px;--lb-name-size: 18px;--lb-sub-size: 15px;--lb-me-border: var(--gold, #c9a24a)}.lb-modal{position:absolute;inset:0}.lb-card.settings-card{padding:14px 18px 12px;gap:8px;font-size:16px;display:flex;flex-direction:column;overflow:hidden}.lb-card.settings-card h2{font-size:22px;margin:0 40px 0 0;flex:0 0 auto}.lb-tabs.settings-tabs{flex:0 0 auto;flex-direction:row;width:100%;padding:0;border-left:none;border-bottom:1px solid var(--gold-soft);background:transparent;gap:6px;margin-bottom:2px}.lb-tab.settings-tab{flex:1;text-align:center;padding:8px 6px;font-size:15px;border-right:none;border-bottom:3px solid transparent}.lb-tab.settings-tab.active{border-right-color:transparent;border-bottom-color:var(--gold)}.lb-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--lb-row-gap)}.lb-sentinel{height:1px;flex:0 0 auto}.lb-footer{flex:0 0 auto;flex-shrink:0;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.12)}.lb-footer-label{color:var(--muted);font-size:12px;margin-bottom:2px}.lb-row{flex-shrink:0;border:1px solid rgba(201,162,74,.25);border-radius:10px;background:#00000040}.lb-row.me{border-color:var(--lb-me-border);background:#c9a24a1f}.lb-row-main{width:100%;display:flex;align-items:center;gap:14px;padding:var(--lb-row-pad-y) var(--lb-row-pad-x);min-height:calc(var(--lb-avatar) + var(--lb-row-pad-y) * 2);background:none;border:none;cursor:pointer;color:inherit;text-align:left}.lb-pos{flex:0 0 var(--lb-pos-w);width:var(--lb-pos-w);font-size:var(--lb-pos-size);font-weight:700;color:var(--gold, #c9a24a);text-align:center}.lb-avatar{width:var(--lb-avatar);height:var(--lb-avatar);border-radius:50%;object-fit:cover;object-position:center top;border:2px solid rgba(201,162,74,.5);flex:0 0 auto}.lb-rank-icon{width:var(--lb-rank-icon);height:var(--lb-rank-icon);flex:0 0 auto}.lb-meta{display:flex;flex-direction:column;min-width:0}.lb-name{font-weight:600;font-size:var(--lb-name-size);line-height:1.25;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-sub{color:var(--muted);font-size:var(--lb-sub-size);line-height:1.3}.lb-loading,.lb-empty{text-align:center;padding:16px}.art-missing{visibility:hidden}.dorm-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;background:radial-gradient(120% 120% at 70% 10%,#14281d,#0b1410 60%)}.dorm-header{display:flex;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid var(--gold-soft)}.dorm-back{width:46px;height:46px;border-radius:50%;flex:0 0 auto;background:#0006;border:1px solid var(--gold);color:var(--gold);font-size:24px;line-height:1;cursor:pointer}.dorm-back:hover{background:#000000a6}.dorm-title{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text);margin-right:auto}.dorm-body{flex:1;min-height:0;position:relative}.dorm-picker{position:absolute;inset:0;display:flex;gap:18px;padding:18px 22px}.dorm-picker.hidden{display:none}.dorm-grid-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.dorm-filters{display:flex;flex-direction:column;gap:8px}.dorm-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.dorm-chip-label{color:var(--muted);font-size:14px}.dorm-chip{padding:6px 14px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;background:#0000004d;border:1px solid var(--gold-soft);color:var(--text)}.dorm-chip.active{background:var(--gold);color:#1a130a}.dorm-grid{position:relative;flex:1;min-height:0;overflow-y:auto;padding:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:start}.dorm-card{position:relative;cursor:pointer;text-align:center;background:linear-gradient(180deg,#c9a25a1a,#00000059);border:1px solid var(--gold-soft);border-radius:14px;padding:0 0 30px;overflow:hidden}.dorm-card:hover{border-color:var(--gold)}.dorm-card.selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft) inset}.dorm-card.in-use{border-color:var(--accent);box-shadow:0 0 0 2px #6fd0ff59 inset}.dorm-card.in-use.selected{box-shadow:0 0 0 2px #6fd0ff8c inset}.dorm-card.locked{filter:grayscale(1) brightness(.5);cursor:default}.dorm-card-art{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.dorm-card.locked .dorm-card-art{filter:brightness(0)}.dorm-card-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:32px}.dorm-card-badge{position:absolute;top:8px;right:8px;font-size:11px;font-weight:800;background:var(--accent);color:#06202b;padding:3px 8px;border-radius:999px}.dorm-card-name{position:absolute;left:0;right:0;bottom:8px;font-weight:700;color:var(--text)}.dorm-card-bond{position:absolute;left:10px;right:10px;bottom:2px;height:5px;border-radius:3px;background:#00000080;overflow:hidden}.dorm-card-bond>span{display:block;height:100%;background:linear-gradient(90deg,#ff6f9d,#ffd28a)}.dorm-preview{flex:0 0 360px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:#00000040;border:none;border-radius:16px;overflow:hidden;padding:16px}.dorm-preview-art{max-height:88%;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}.dorm-preview-info{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.dorm-preview-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dorm-preview-name{font-family:var(--font-display);font-size:24px;color:var(--text)}.dorm-preview-bond{display:flex;gap:10px;align-items:center}.bond-hearts{color:#ff7da3;letter-spacing:2px}.bond-hearts.big{font-size:22px}.bond-rank{color:var(--gold);font-weight:700}.dorm-detail{position:absolute;inset:0;display:flex;gap:18px;padding:18px 22px}.dorm-detail.hidden{display:none}.dorm-detail-left{flex:0 0 360px;display:flex;flex-direction:column;gap:12px;min-height:0}.dorm-carousel{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.dorm-costume{flex:0 0 auto;width:84px;cursor:pointer;text-align:center;background:#0000004d;border:1px solid var(--gold-soft);border-radius:10px;padding:4px;color:var(--text)}.dorm-costume.active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft) inset}.dorm-costume.locked{filter:grayscale(.8) brightness(.6)}.dorm-costume-art{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px}.dorm-costume-name{display:block;font-size:12px;margin-top:2px}.dorm-costume-lock{display:block;font-size:11px;color:var(--gold)}.dorm-costume-actions{display:flex;align-items:center;gap:10px}.dorm-costume-actions .hint{margin:0;font-size:12px}.dorm-detail-stand{flex:1;min-height:0;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}.dorm-detail-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.dorm-bond-head{position:relative;display:flex;align-items:center;gap:16px;background:#00000047;border:none;border-radius:14px;padding:12px 16px}.dorm-bond-meta{flex:1;display:flex;flex-direction:column;gap:6px}.bond-bar{position:relative;height:14px;border-radius:7px;background:#00000073;overflow:hidden;border:1px solid var(--gold-soft)}.bond-bar>span{display:block;height:100%;background:linear-gradient(90deg,#ff6f9d,#ffd28a)}.bond-bar>em{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-style:normal;color:var(--text)}.dorm-visit{flex:0 0 auto}.dorm-tabs{display:flex;gap:6px;flex-wrap:wrap}.dorm-tab{padding:8px 16px;border-radius:10px 10px 0 0;cursor:pointer;font-weight:700;background:#00000040;border:1px solid var(--gold-soft);border-bottom:none;color:var(--muted)}.dorm-tab.active{background:#c9a25a2e;color:var(--gold)}.dorm-tab.disabled{opacity:.42;cursor:default;filter:grayscale(1)}.dorm-tabs-soon{margin:-6px 0 0;font-size:12px}.dorm-tab-body{position:relative;flex:1;min-height:0;overflow-y:auto;padding:16px;background:#00000040;border:none;border-radius:0 12px 12px}.dorm-tab-body h3{font-family:var(--font-display);color:var(--gold);margin:6px 0 10px}.dorm-bio{line-height:1.5;color:var(--text)}.dorm-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.dorm-fact{display:flex;gap:8px;font-size:14px}.dorm-fact b{color:var(--gold);min-width:110px}.dorm-emotes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.dorm-emote{position:relative;aspect-ratio:1/1;border-radius:8px;background-repeat:no-repeat;background-color:#0000004d;border:1px solid var(--gold-soft)}.dorm-emote.locked{filter:grayscale(1) brightness(.4)}.dorm-emote-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gold)}.dorm-art-stage{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#0006;display:flex;align-items:center;justify-content:center}.dorm-art-img{width:100%;height:100%;object-fit:cover;display:block}.dorm-art-stage.locked{filter:grayscale(.6) brightness(.5)}.dorm-art-lock{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gold);text-align:center}.dorm-art-lock-icon{font-size:36px}.dorm-art-caption{margin-top:10px;font-family:var(--font-display);color:var(--text);text-align:center}.dorm-timeline{display:flex;flex-direction:column;gap:8px}.dorm-timeline-item{display:flex;gap:10px;padding:8px 12px;border-radius:10px;background:#c9a25a14;border:1px solid var(--gold-soft)}.dorm-timeline-item b{color:var(--gold);min-width:80px}.dorm-voice-list,.dorm-story-list{display:flex;flex-direction:column;gap:10px}.dorm-voice,.dorm-story{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#00000047;border:1px solid var(--gold-soft)}.dorm-voice.locked,.dorm-story.locked{opacity:.6}.dorm-story.done{border-color:#7ee07e55}.dorm-voice-play{width:40px;height:40px;flex:0 0 auto;border-radius:50%;cursor:pointer;background:var(--gold);color:#1a130a;border:none;font-size:16px}.dorm-voice-play:disabled{background:#0006;color:var(--muted);cursor:default}.dorm-voice-label,.dorm-story-meta{flex:1}.dorm-voice-req,.dorm-story-lock{color:var(--gold);font-size:13px}.dorm-story-title{font-weight:700;color:var(--text)}.dorm-story-syn{font-size:13px;color:var(--muted)}.dorm-chat-note{font-size:12px;color:var(--muted);margin-bottom:8px}.dorm-chat-log{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding:6px;margin-bottom:10px}.dorm-chat-bubble{max-width:75%;padding:8px 12px;border-radius:14px;line-height:1.4}.dorm-chat-bubble.bot{align-self:flex-start;background:#c9a25a2e;border:1px solid var(--gold-soft)}.dorm-chat-bubble.me{align-self:flex-end;background:#6fd0ff2e;border:1px solid rgba(111,208,255,.4)}.dorm-chat-row{display:flex;gap:8px}.dorm-chat-row .input{flex:1}.dorm-gifts,.dorm-decor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dorm-gift,.dorm-decor{position:relative;cursor:pointer;text-align:center;color:var(--text);background:#00000047;border:1px solid var(--gold-soft);border-radius:12px;padding:10px}.dorm-gift:hover,.dorm-decor:hover{border-color:var(--gold)}.dorm-gift-icon{width:var(--item-icon);height:var(--item-icon);object-fit:contain;margin:0 auto}.dorm-gift-icon.sprite-tilt-stage{object-fit:unset}.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}.dorm-gift-name,.dorm-decor-name{font-weight:700;margin-top:6px}.dorm-gift-cost{font-size:13px;color:var(--muted)}.dorm-gift-bond{font-size:13px;color:#ff7da3}.dorm-decor-art{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#0006}.dorm-decor.active{border-color:var(--accent)}.dorm-decor.locked{filter:grayscale(.8) brightness(.6)}.dorm-decor-lock{position:absolute;top:12px;right:12px;font-size:22px}.dorm-decor-badge{position:absolute;top:10px;left:10px;font-size:11px;font-weight:800;background:var(--accent);color:#06202b;padding:3px 8px;border-radius:999px}.vn-overlay{position:absolute;inset:0;z-index:12;display:flex;align-items:flex-end;justify-content:center;background:#05080a}.vn-bg{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center}.vn-stand{max-height:96%;object-fit:contain;filter:drop-shadow(0 10px 40px rgba(0,0,0,.7))}.vn-back{position:absolute;top:18px;left:22px;z-index:2}.vn-box{position:relative;z-index:1;width:min(900px,92%);margin-bottom:32px;background:#08100ce0;border:1px solid var(--gold);border-radius:16px;padding:20px 24px;box-shadow:0 20px 60px #000000b3}.vn-speaker{font-family:var(--font-display);font-size:22px;color:var(--gold);margin-bottom:8px;min-height:26px}.vn-text{font-size:18px;line-height:1.5;color:var(--text);min-height:60px}.vn-controls{display:flex;justify-content:flex-end;margin-top:14px}@media(max-width:900px){.dorm-picker,.dorm-detail{flex-direction:column}.dorm-preview,.dorm-detail-left{flex-basis:auto}.dorm-grid,.dorm-gifts,.dorm-decor-grid{grid-template-columns:repeat(2,1fr)}}.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}.shop-card{--shop-card-min: 225px;--shop-card-gap: 14px;--shop-offer-icon: calc(var(--item-icon) * 1.2);--shop-offer-art-h: 138px;--shop-offer-h: 318px;overflow:hidden}.shop-card.settings-card{display:flex;flex-direction:column}.shop-layout.settings-layout{min-height:0;flex:1;overflow:hidden}.shop-panels.settings-panels{min-height:0;overflow:hidden;display:flex;flex-direction:column}.shop-tabs{flex:0 0 200px}.shop-tabs .settings-tab{font-size:21px;padding:13px 14px 13px 16px}.shop-panels .settings-panel:not(.hidden){display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.shop-grid-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.shop-offer{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:var(--shop-offer-h);padding:14px 12px 12px;border-radius:14px;border:1px solid var(--gold-soft);background:#00000057;text-align:center}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--shop-card-min),1fr));gap:var(--shop-card-gap);padding:6px 4px 12px}.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-sprite-tilt{width:var(--shop-offer-icon);height:var(--shop-offer-icon);margin:0 auto 6px}.shop-offer-sprite-tilt .sprite-tilt-sprite{filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.shop-offer--chest{border-color:var(--gold)}.shop-offer-icon{width:var(--shop-offer-icon);height:var(--shop-offer-icon);object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.shop-offer-art{width:100%;height:var(--shop-offer-art-h);object-fit:cover;border-radius:10px;border:1px solid var(--gold-soft)}.shop-offer-name{font-size:19px;font-weight:600;color:var(--text);line-height:1.15}.shop-offer-desc{font-size:15px;color:var(--muted);line-height:1.2}.shop-offer-price{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:auto}.shop-price-icon{width:22px;height:22px;object-fit:contain}.shop-price-amount{font-size:18px;font-weight:700;color:var(--gold)}.shop-price-usd{font-size:19px;font-weight:700;color:#7fc77a}.shop-offer-limit{font-size:15px;color:var(--muted)}.shop-offer-limit.owned{color:var(--gold);font-weight:700}.shop-buy-btn{width:100%;padding:8px 12px;font-size:18px}.shop-buy-btn:disabled{opacity:.5;cursor:default}.shop-rotation-note{font-size:16px;color:var(--muted);margin:0 0 8px}.shop-empty{padding:24px 8px}.shop-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;min-height:280px;text-align:center}.shop-placeholder-icon{width:144px;height:144px;object-fit:contain;opacity:.7}.shop-placeholder-text{font-size:20px;color:var(--muted);max-width:420px}.shop-toast{position:absolute;left:50%;bottom:22px;transform:translate(-50%);background:#000000d9;border:1px solid var(--gold-soft);padding:10px 22px;border-radius:12px;font-size:19px;pointer-events:none;z-index:3}