:root{--bg:#121417;--surface-0:#16181c;--surface-1:#1c1f24;--surface-2:#24282e;--surface-3:#2d3239;--line:#333941;--line-strong:#4a515b;--edge:#41474f;--text:#ece7dc;--muted:#a7a8a3;--faint:#7d8085;--accent:#f2a23a;--accent-hi:#f8bb62;--accent-lo:#c9811f;--accent-ink:#1b1207;--accent-soft:#f2a23a21;--steel:#93a6ba;--ok:#7cc792;--danger:#ea6242;--brass:#dcbb62;--coin:#e0b04a;--gem:#79c3dc;--panel:#16181ce6;--panel-solid:#1c1f24;--stripe-dark:#1b1c1f;--radius-s:3px;--radius:5px;--radius-l:8px;--cut:10px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--fs-2xs:calc(10.5px * var(--ui-scale,1));--fs-xs:calc(11.5px * var(--ui-scale,1));--fs-sm:calc(13px * var(--ui-scale,1));--fs-md:calc(14.5px * var(--ui-scale,1));--fs-lg:calc(17px * var(--ui-scale,1));--fs-xl:calc(21px * var(--ui-scale,1));--fs-2xl:calc(28px * var(--ui-scale,1));--fs-3xl:calc(42px * var(--ui-scale,1));--t-fast:.11s;--t:.17s;--t-slow:.26s;--ease:cubic-bezier(.2, .7, .2, 1);--shadow-float:0 18px 44px #0000008c;--font:"Segoe UI", system-ui, -apple-system, "Roboto", "Helvetica Neue", sans-serif;--font-display:"Bahnschrift", "DIN Alternate", "DIN Condensed", "Roboto Condensed", "Arial Narrow", "Segoe UI", system-ui, sans-serif;--mono:"Cascadia Mono", "Consolas", ui-monospace, monospace;--hazard:repeating-linear-gradient(-45deg, var(--accent) 0 8px, var(--stripe-dark) 8px 16px);--rivets:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='3' cy='3' r='2.4' fill='%234b525c'/%3E%3Ccircle cx='2.4' cy='2.3' r='0.9' fill='%23737b86'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;min-height:100%;color:var(--text);font-family:var(--font);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}body.in-game{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--accent-hi)}.icon,.cur-icon{vertical-align:middle;flex:none;display:inline-block}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-stretch:87.5%}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-stretch:87.5%;font-size:var(--fs-2xs);color:var(--muted)}.num{font-variant-numeric:tabular-nums}.wip{font-size:var(--fs-xs);color:var(--muted);margin:0;line-height:1.45}.form-msg{padding:var(--sp-2) var(--sp-3);border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--text);font-size:var(--fs-sm);border-radius:0 var(--radius-s) var(--radius-s) 0;margin:0}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface-2);min-height:40px;font-weight:600;font-size:var(--fs-sm);transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);border-top-color:#5a626d;padding:9px 16px;line-height:1.15;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3);border-color:#646c77}.btn:active:not(:disabled){background:#22262c;transform:translateY(1px)}.btn:disabled{opacity:.45}.btn:focus-visible,.icon-btn:focus-visible,.chip:focus-visible,.seg button:focus-visible,.switch:focus-visible,.evo-card:focus-visible,.stat-plus:focus-visible,.nav-item:focus-visible,.mode-row:focus-visible,.tile:focus-visible,.pass-tile:focus-visible,.swatch:focus-visible,.tree-name:focus-visible,.mod-card:focus-visible,.mod-group-title:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}.btn-primary{isolation:isolate;color:var(--accent-ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-stretch:87.5%;font-size:var(--fs-md);background:0 0;border:none;position:relative}.btn-primary:before{content:"";z-index:-1;background:var(--accent);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));transition:background-color var(--t-fast) var(--ease);position:absolute;inset:0}.btn-primary:hover:not(:disabled){background:0 0}.btn-primary:hover:not(:disabled):before{background:var(--accent-hi)}.btn-primary:active:not(:disabled){background:0 0}.btn-primary:active:not(:disabled):before{background:var(--accent-lo)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--line);color:var(--text)}.btn-danger{color:#ffb19c;border-color:#6b3a2f}.btn-small{min-height:32px;font-size:var(--fs-xs);padding:5px 11px}.btn-wide{width:100%}.icon-btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--text);transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-3);color:var(--accent-hi);border-color:var(--line-strong)}.icon-btn:active{transform:translateY(1px)}.chip{border-radius:var(--radius-s);border:1px solid var(--line);background:var(--panel);min-height:32px;font-size:var(--fs-xs);transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);align-items:center;gap:6px;padding:5px 11px;font-weight:600;display:inline-flex}.chip:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-strong)}.chip-on{border-color:var(--accent);color:var(--accent-hi);background:var(--accent-soft)}.chip:disabled{opacity:.45}.seg{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-0);flex-wrap:wrap;gap:2px;padding:2px;display:flex}.seg button{border-radius:var(--radius-s);min-height:34px;color:var(--muted);font-weight:600;font-size:var(--fs-xs);white-space:nowrap;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:none;flex:auto;justify-content:center;align-items:center;gap:5px;padding:6px 12px;display:inline-flex}.seg button:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--surface-3);color:var(--accent-hi);box-shadow:inset 0 -2px 0 var(--accent)}.seg button:disabled{opacity:.4}.seg small{color:var(--faint);font-weight:500}.switch{color:var(--muted);font-size:var(--fs-xs);background:0 0;border:none;justify-self:start;align-items:center;gap:10px;padding:4px 0;font-weight:600;display:inline-flex}.switch-track{background:var(--surface-3);border:1px solid var(--line-strong);width:40px;height:22px;transition:background-color var(--t) var(--ease);border-radius:11px;position:relative}.switch-track:after{content:"";top:2px;background:var(--muted);width:16px;height:16px;transition:inset-inline-start var(--t) var(--ease), background-color var(--t) var(--ease);border-radius:50%;position:absolute;inset-inline-start:2px}.switch[aria-checked=true]{color:var(--text)}.switch[aria-checked=true] .switch-track{background:var(--accent-soft);border-color:var(--accent)}.switch[aria-checked=true] .switch-track:after{background:var(--accent);inset-inline-start:20px}.field,.name-input,.auth-form input,.friends input,.chat-form input,.private-box input,.settings-grid select,.private-box select,select.field{background:var(--surface-0);border:1px solid var(--line-strong);border-radius:var(--radius);min-height:40px;font-size:var(--fs-sm);transition:border-color var(--t-fast) var(--ease);padding:8px 12px}.field:focus,.name-input:focus,.auth-form input:focus,.friends input:focus,.chat-form input:focus,.private-box input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}input::placeholder{color:var(--faint)}input[type=range]{appearance:none;background:0 0;width:100%;height:28px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--fill,50%), var(--surface-3) var(--fill,50%) 100%);border:1px solid var(--line);border-radius:3px;height:6px}input[type=range]::-moz-range-track{background:var(--surface-3);border:1px solid var(--line);border-radius:3px;height:6px}input[type=range]::-moz-range-progress{background:var(--accent);height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:2px solid var(--accent-lo);border-radius:4px;width:18px;height:18px;margin-top:-7px}input[type=range]::-moz-range-thumb{background:var(--text);border:2px solid var(--accent-lo);border-radius:4px;width:16px;height:16px}input[type=range]:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.plate{background:var(--rivets) left 7px top 7px / 6px no-repeat, var(--rivets) right 7px top 7px / 6px no-repeat, var(--rivets) left 7px bottom 7px / 6px no-repeat, var(--rivets) right 7px bottom 7px / 6px no-repeat, var(--surface-1);border:1px solid var(--line);border-top-color:var(--edge);border-radius:var(--radius);padding:var(--sp-4) var(--sp-4) var(--sp-4);position:relative}.plate-flat{background:var(--surface-1)}.plate-title{align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-3);font-family:var(--font-display);font-weight:700;font-stretch:87.5%;font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex}.plate-title:before{content:"";background:var(--accent);flex:none;width:8px;height:8px}.plate-title .grow{flex:1}.hazard{background:var(--hazard);border-radius:1px;height:6px}.badge{border-radius:var(--radius-s);border:1px solid var(--line-strong);font-size:var(--fs-2xs);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;padding:2px 7px;font-weight:700;display:inline-flex}.badge-accent{border-color:var(--accent-lo);color:var(--accent-hi);background:var(--accent-soft)}.badge-ok{color:var(--ok);border-color:#3f7a52}.badge-brass{color:var(--brass);border-color:#8a7232}.amount{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;font-weight:700;display:inline-flex}.bar{border-radius:var(--radius-s);border:1px solid var(--line);background:#0a0b0dd9;height:18px;position:relative;overflow:hidden}.bar span{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.fill{height:100%;transition:width .12s linear}.fill-xp{background:repeating-linear-gradient(-45deg, #ffffff1f 0 6px, transparent 6px 12px), linear-gradient(90deg, var(--accent-lo), var(--accent))}.modal-backdrop{z-index:30;padding:var(--sp-4);animation:fade-in var(--t) var(--ease);background:#060709b3;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface-1);border:1px solid var(--line-strong);border-top:3px solid var(--accent);border-radius:var(--radius-l);width:min(560px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-float);touch-action:pan-y;animation:rise-in var(--t-slow) var(--ease);flex-direction:column;display:flex;overflow:hidden}.modal header,.sheet-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);display:flex}.modal h2,.sheet-head h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-stretch:87.5%;font-size:var(--fs-lg);margin:0}.modal-body{padding:var(--sp-4);-webkit-user-select:text;user-select:text;overflow-y:auto}.sheet{z-index:20;animation:fade-in var(--t) var(--ease);touch-action:pan-y;-webkit-user-select:text;user-select:text;background:#121417f7;flex-direction:column;display:flex;position:fixed;inset:0}.sheet-head{padding-top:max(var(--sp-3), env(safe-area-inset-top));padding-inline:max(var(--sp-4), env(safe-area-inset-left)) max(var(--sp-4), env(safe-area-inset-right));background:var(--surface-0)}.sheet-body{padding:var(--sp-4) max(var(--sp-4), env(safe-area-inset-right)) max(var(--sp-5), env(safe-area-inset-bottom)) max(var(--sp-4), env(safe-area-inset-left));flex:1;overflow-y:auto}.sheet-body>*{max-width:1180px;margin-inline:auto}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@keyframes stamp{0%{opacity:0;transform:scale(1.6)rotate(-8deg)}60%{opacity:1;transform:scale(.94)rotate(-8deg)}to{transform:scale(1)rotate(-8deg)}}@keyframes shake-x{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes pulse-soft{50%{opacity:.55}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}:root[data-contrast=high]{--surface-0:#050607;--surface-1:#0b0c0e;--surface-2:#15171a;--surface-3:#22252a;--panel:#040506f7;--panel-solid:#050607;--line:#8a929c;--line-strong:#c4ccd5;--edge:#c4ccd5;--text:#fff;--muted:#dde2e8;--faint:#c2c8cf;--accent:#ffb54f;--accent-hi:#ffc977;--accent-soft:#ffb54f38}:root[data-contrast=high] .chip,:root[data-contrast=high] .btn,:root[data-contrast=high] .seg,:root[data-contrast=high] .plate{border-width:2px}:root[data-contrast=high] .plate{background:var(--surface-1)}:root:lang(zh-Hans){--font:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC", system-ui, sans-serif;--font-display:var(--font)}:root:lang(ja){--font:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", "Noto Sans CJK JP", "Noto Sans JP", system-ui, sans-serif;--font-display:var(--font)}:root:lang(ko){--font:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", "Noto Sans KR", system-ui, sans-serif;--font-display:var(--font)}:root:lang(hi){--font:"Nirmala UI", "Kohinoor Devanagari", "Noto Sans Devanagari", "Mangal", system-ui, sans-serif;--font-display:var(--font)}:root:lang(ar){--font:"Segoe UI", "Geeza Pro", "Noto Sans Arabic", "Noto Naskh Arabic", "Tahoma", system-ui, sans-serif;--font-display:var(--font)}:root:lang(ar) *,:root:lang(hi) *{letter-spacing:normal!important}:root:lang(zh-Hans) .display,:root:lang(ja) .display,:root:lang(ko) .display,:root:lang(zh-Hans) .eyebrow,:root:lang(ja) .eyebrow,:root:lang(ko) .eyebrow{letter-spacing:.02em}[dir=rtl] .menu-root,[dir=rtl] .modal,[dir=rtl] .sheet,[dir=rtl] .toast{text-align:right}.menu-root{isolation:isolate;min-height:100dvh;position:relative}.menu-bg{z-index:-1;background:#151a20;position:fixed;inset:0;overflow:hidden}.menu-bg canvas{width:100%;height:100%;display:block}.menu-bg:after{content:"";transition:background-color var(--t-slow) var(--ease);background:linear-gradient(#121417b8 0%,#12141766 45%,#121417cc 100%);position:absolute;inset:0}.menu-root:not([data-page=hangar]) .menu-bg:after{background:#121417e6}.topbar{z-index:10;align-items:center;gap:var(--sp-4);height:60px;padding-inline:max(var(--sp-4), env(safe-area-inset-left)) max(var(--sp-4), env(safe-area-inset-right));background:var(--surface-0);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.brand{background:0 0;border:none;flex-direction:column;flex:none;gap:4px;padding:4px 2px;display:flex}.logo{font-size:var(--fs-xl);letter-spacing:.1em;color:var(--text);line-height:1}.logo span{color:var(--accent)}.brand-stripe{background:var(--hazard);width:100%;height:4px;transition:background-position var(--t-slow) var(--ease);background-size:22px 22px;display:block}.brand:hover .brand-stripe{background-position:11px 0}.brand:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}.menu-nav{align-self:stretch;gap:2px;display:flex}.nav-item{color:var(--muted);font-family:var(--font-display);font-weight:700;font-stretch:87.5%;font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);background:0 0;border:none;align-items:center;gap:8px;padding:0 14px;display:flex;position:relative}.nav-item:hover{color:var(--text);background:var(--surface-1)}.nav-item .icon{transition:transform var(--t) var(--ease)}.nav-item:hover .icon{transform:translateY(-1px)}.nav-item.on{color:var(--accent-hi)}.nav-item:after{content:"";inset-inline:10px;background:var(--accent);height:3px;transition:transform var(--t) var(--ease);position:absolute;bottom:0;transform:scaleX(0)}.nav-item.on:after{transform:scaleX(1)}.nav-badge{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);font-family:var(--font);font-size:var(--fs-2xs);letter-spacing:0;border-radius:9px;place-items:center;padding:0 5px;font-weight:800;display:inline-grid}.topbar-end{align-items:center;gap:var(--sp-2);min-width:0;margin-inline-start:auto;display:flex}.wallet{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-1);height:38px;font-size:var(--fs-sm);transition:border-color var(--t-fast) var(--ease);align-items:center;gap:14px;padding:0 12px;display:flex}.wallet:hover{border-color:var(--line-strong)}.wallet:focus-visible,.account-chip:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}.account-chip{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface-2);max-width:230px;height:38px;font-weight:600;font-size:var(--fs-sm);transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);align-items:center;gap:8px;padding:0 12px;display:flex}.account-chip:hover,.account-chip.on{border-color:var(--accent-lo);background:var(--surface-3)}.account-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.icon-btn.on{color:var(--accent-hi);border-color:var(--accent-lo)}.menu-main{animation:page-in var(--t-slow) var(--ease);position:relative}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.page{width:min(1340px,100%);padding:var(--sp-5) max(var(--sp-4), env(safe-area-inset-right)) var(--sp-6) max(var(--sp-4), env(safe-area-inset-left));gap:var(--sp-4);flex-direction:column;margin:0 auto;display:flex}.page.bare{width:100%;padding:0}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-3) var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.page-title{font-size:var(--fs-2xl);margin:0;line-height:1.05}.page-sub{color:var(--muted);font-size:var(--fs-sm);margin:6px 0 0}.page-head-end{gap:var(--sp-3);align-items:center;display:flex}@media (width<=1240px){.topbar .wallet{display:none}}@media (width<=1020px){.nav-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav-item{padding:0 12px}}@media (width<=700px){.topbar{gap:var(--sp-2);height:52px}.logo{font-size:var(--fs-lg)}.menu-nav{inset-inline:0;z-index:12;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface-0);border-top:1px solid var(--line);justify-content:space-around;position:fixed;bottom:0}.nav-item{font-size:var(--fs-2xs);letter-spacing:.06em;flex-direction:column;flex:1;justify-content:center;gap:3px;padding:6px 2px}.nav-label{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.nav-item:after{top:0;bottom:auto}.nav-badge{top:6px;position:absolute;inset-inline-end:calc(50% - 22px)}.account-chip{padding:0 10px}.account-name{max-width:92px}.menu-main{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.page{padding-top:var(--sp-4)}.page-title{font-size:var(--fs-xl)}}@media (width<=420px){.account-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (height<=520px) and (orientation:landscape){.topbar{height:46px}.logo{font-size:var(--fs-md)}.brand-stripe{height:3px}.nav-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.topbar .wallet{display:none}.icon-btn,.account-chip{height:34px}.icon-btn{width:34px}.page{padding-top:var(--sp-3);gap:var(--sp-3)}.page-head{padding-bottom:var(--sp-2)}}.notice{align-items:stretch;gap:var(--sp-2);animation:rise-in var(--t-slow) var(--ease);display:flex}.notice .form-msg{background:var(--surface-1);border:1px solid var(--line);border-left:4px solid var(--accent);font-size:var(--fs-md);padding:var(--sp-3) var(--sp-4);flex:1}[dir=rtl] .notice .form-msg{border-left:1px solid var(--line);border-right:4px solid var(--accent)}.hangar{gap:var(--sp-4);grid-template-columns:minmax(300px,360px) minmax(0,1fr) minmax(280px,330px);grid-template-areas:"orders bench side";align-items:start;display:grid}.orders{grid-area:orders}.bench{grid-area:bench}.hangar-side{gap:var(--sp-4);flex-direction:column;grid-area:side;min-width:0;display:flex}@media (width<=1200px){.hangar{grid-template-columns:minmax(290px,1fr) minmax(0,1.4fr);grid-template-areas:"orders bench""side side"}.hangar-side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;display:grid}}@media (width<=760px){.hangar{grid-template-columns:minmax(0,1fr);grid-template-areas:"bench""orders""side"}}@media (height<=520px) and (orientation:landscape){.hangar{gap:var(--sp-3);grid-template-columns:minmax(250px,1fr) minmax(0,1.25fr);grid-template-areas:"orders bench""side side"}}.bench{gap:var(--sp-3);flex-direction:column;display:flex}.bench-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);flex-wrap:wrap;display:flex}.bench-name{font-size:var(--fs-2xl);margin:2px 0 0;line-height:1.05}.bench-sub{color:var(--muted);font-size:var(--fs-sm);margin:4px 0 0}.menu-links{gap:var(--sp-2);flex-wrap:wrap;display:flex}.bench-floor{border:1px solid var(--line);border-radius:var(--radius);background-color:#151a20;background-image:linear-gradient(#232a33 1px,#0000 1px),linear-gradient(90deg,#232a33 1px,#0000 1px);background-position:50%;background-size:48px 48px;height:clamp(220px,36vh,400px);position:relative;overflow:hidden}.bench-corner{border-color:var(--accent);z-index:1;pointer-events:none;border-style:solid;border-width:0;width:26px;height:26px;position:absolute}.bench-corner.tl{border-top-width:3px;border-left-width:3px;top:10px;left:10px}.bench-corner.tr{border-top-width:3px;border-right-width:3px;top:10px;right:10px}.bench-corner.bl{border-bottom-width:3px;border-left-width:3px;bottom:10px;left:10px}.bench-corner.br{border-bottom-width:3px;border-right-width:3px;bottom:10px;right:10px}.bench-hint{font-size:var(--fs-2xs);color:var(--faint);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;white-space:nowrap;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.tank-stage{cursor:crosshair;touch-action:manipulation;position:absolute;inset:0}.tank-stage canvas{display:block}.launch{flex-direction:column;gap:6px;display:flex}.launch-row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.launch-row .name-input{min-width:0;min-height:54px;font-size:var(--fs-lg);flex:180px;font-weight:600}.btn-play{flex:210px;justify-content:flex-start;gap:14px;min-height:54px;padding:6px 26px 6px 20px;overflow:hidden}.btn-play:after{content:"";z-index:-1;background:repeating-linear-gradient(-45deg, var(--accent-ink) 0 6px, transparent 6px 12px);opacity:.3;width:14px;clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);background-size:17px 17px;position:absolute;inset-block:0;inset-inline-end:0}.btn-play:hover:after{opacity:.45;animation:.6s linear infinite stripes}@keyframes stripes{to{background-position:0 17px}}.play-text{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.12;display:flex}.play-main{font-size:var(--fs-lg)}.play-sub{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font);font-weight:600;font-size:var(--fs-2xs);letter-spacing:.02em;text-transform:none;opacity:.78;overflow:hidden}@media (height<=520px) and (orientation:landscape){.bench{gap:var(--sp-2);padding:var(--sp-3)}.bench-name{font-size:var(--fs-lg)}.bench-sub{display:none}.bench-floor{height:120px}.bench-hint{display:none}.launch-row .name-input,.btn-play{min-height:44px}.launch .wip{display:none}}@media (width<=760px){.bench-floor{height:210px}}.orders .plate-title{margin-bottom:var(--sp-3)}.mode-list{flex-direction:column;gap:6px;display:flex}.mode-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-0);transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);position:relative}.mode-item:hover{border-color:var(--line-strong)}.mode-item.on{border-color:var(--accent-lo);background:var(--surface-2)}.mode-item:before{content:"";border-radius:var(--radius) 0 0 var(--radius);background:var(--accent);width:4px;transition:transform var(--t) var(--ease);position:absolute;inset-block:-1px;inset-inline-start:-1px;transform:scaleY(0)}[dir=rtl] .mode-item:before{border-radius:0 var(--radius) var(--radius) 0}.mode-item.on:before{transform:scaleY(1)}.mode-row{border-radius:var(--radius);text-align:start;cursor:pointer;background:0 0;border:none;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:10px 12px;display:grid}.mode-text{flex-direction:column;gap:2px;min-width:0;display:flex}.mode-name{font-size:var(--fs-md);line-height:1.1}.mode-desc{font-size:var(--fs-xs);color:var(--muted);line-height:1.35}.mode-item:not(.on) .mode-desc{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mode-count{font-size:var(--fs-2xs);color:var(--faint);white-space:nowrap}.mode-count.live{color:var(--ok);align-items:center;gap:5px;font-weight:700;display:inline-flex}.mode-count.live:before{content:"";background:var(--ok);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite pulse-soft}.mode-icon{display:block}.mode-icon .mi-bg{fill:var(--surface-1);stroke:var(--line-strong);stroke-width:1px}.mode-item.on .mode-icon .mi-bg{stroke:var(--accent-lo)}.mode-icon .mi-a{fill:var(--accent)}.mode-icon .mi-b{fill:var(--steel)}.mode-icon .mi-line{fill:none;stroke:var(--muted);stroke-width:1.6px}.mode-icon .mi-ring{fill:var(--surface-2);stroke:var(--muted);stroke-width:1.6px}.mode-icon .mi-ring-on{stroke:var(--accent)}.mode-icon .mi-txt{fill:var(--text);font:700 7px var(--font-display);text-anchor:middle}.mode-options{animation:rise-in var(--t) var(--ease);flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.seg-diff button{flex:30%;justify-content:flex-start}.diff-gauge{vertical-align:middle;gap:1px;margin-inline-end:6px;display:inline-flex}.diff-gauge i{background:var(--line-strong);width:3px;height:10px}.diff-gauge i.on{background:var(--accent)}.diff-gauge i.on:nth-child(n+5){background:var(--danger)}.private-box .code-input{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;font-size:var(--fs-lg)}.settings-grid{font-size:var(--fs-sm);grid-template-columns:minmax(110px,1fr) minmax(110px,1.2fr);align-items:center;gap:8px 12px;display:grid}.settings-grid.compact .field,.settings-grid.compact select{min-height:34px;padding:4px 8px}.season-card{text-align:start;width:100%;color:inherit;cursor:pointer;transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);flex-direction:column;gap:8px;display:flex}.season-card:hover{border-color:var(--line-strong);background-color:var(--surface-2)}.season-card:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}.season-top{flex-direction:column;gap:2px;display:flex}.season-name{font-size:var(--fs-lg);color:var(--accent-hi)}.season-level{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.season-level-n{font-size:var(--fs-2xl);line-height:1}.season-level-of{color:var(--muted);font-weight:700}.season-ends{font-size:var(--fs-2xs);color:var(--faint);margin-inline-start:auto}.season-card .bar{height:10px}.season-meta{font-size:var(--fs-xs);color:var(--muted)}.season-next{border-top:1px dashed var(--line);align-items:center;gap:10px;padding-top:8px;display:flex}.season-next>span:last-child{flex-direction:column;min-width:0;display:flex}.season-next-name{font-weight:600;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-panel{gap:var(--sp-2);font-size:var(--fs-sm);flex-direction:column;display:flex}.group-panel .plate-title{margin-bottom:var(--sp-1)}.group-invite{border:1px solid var(--accent-lo);border-radius:var(--radius);background:var(--accent-soft);animation:rise-in var(--t-slow) var(--ease);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.group-invite .grow,.grow{flex:1;min-width:0}.btn-accept{border-color:var(--accent-lo);color:var(--accent-hi)}.group-members{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.group-members li{border-radius:var(--radius-s);background:var(--surface-0);border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}.group-members li.me{border-color:var(--line-strong)}.group-members li.pending{color:var(--muted);border-style:dashed}.member-badge{border-radius:var(--radius-s);background:var(--surface-2);width:28px;height:28px;color:var(--muted);place-items:center;display:grid}.group-members li .member-badge:has(+.dot.on){color:var(--text)}.member-name{text-overflow:ellipsis;font-weight:600;overflow:hidden}.member-actions{gap:2px;margin-inline-start:auto;display:flex}.dot{background:#4a5058;border:1px solid #2b2f35;border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.dot.on{background:var(--ok);border-color:#2f5f3e}.group-invitable{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.group-invitable .eyebrow{width:100%}.group-chat{flex-direction:column;gap:6px;display:flex}.chat-list{background:var(--surface-0);border:1px solid var(--line);border-radius:var(--radius);overflow-wrap:anywhere;flex-direction:column;gap:4px;max-height:170px;padding:8px 10px;display:flex;overflow-y:auto}.chat-list:empty{display:none}.chat-sys{color:var(--faint);font-style:italic;font-size:var(--fs-xs)}.chat-line{padding-inline-end:26px;line-height:1.4;position:relative}.chat-line strong{color:var(--steel)}.chat-line.mine strong{color:var(--accent-hi)}.chat-more{inset-inline-end:0;border-radius:var(--radius-s);width:22px;height:22px;color:var(--faint);background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute;top:0}.chat-more:hover{color:var(--accent-hi);background:var(--surface-2)}.chat-menu{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.chat-form{gap:6px;display:flex}.chat-form input{flex:1;min-width:0}.profile-grid,.friends-grid,.auth-layout{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;display:grid}.profile{gap:var(--sp-3);flex-direction:column;display:flex}.profile-head{align-items:center;gap:var(--sp-3);display:flex}.profile-badge{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line-strong);width:56px;height:56px;color:var(--accent-hi);flex:none;place-items:center;display:grid}.profile-id{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-id strong{font-size:var(--fs-xl);text-overflow:ellipsis;overflow:hidden}.profile-code,.my-id{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.profile-code code,.my-id code,.friend-name code{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted)}.profile-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-mail{color:var(--text);overflow-wrap:anywhere}.rename-form{flex-direction:column;gap:6px;display:flex}.rename-row{gap:6px;display:flex}.rename-row .field{flex:1;min-width:0}.logout{align-self:flex-start}.wallet-plate{gap:var(--sp-3);flex-direction:column;display:flex}.wallet-big{gap:var(--sp-5);font-size:var(--fs-2xl);flex-wrap:wrap;display:flex}.wallet-plate h3{margin:0}.token-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.token-list li{border-radius:var(--radius-s);background:var(--surface-0);grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:4px 8px;display:grid}.token-list li.empty{opacity:.55}.token-icon{color:var(--accent-hi);flex:none}.token-icon .token-plate{fill:var(--surface-2);stroke:currentColor}.token-tok_restore,.token-tok_reset{color:var(--steel)}.token-tok_salon{color:var(--brass)}.auth-plate{gap:var(--sp-3);flex-direction:column;display:flex}.auth-form{flex-direction:column;gap:6px;display:flex}.auth-form .btn-primary{margin-top:var(--sp-2);min-height:46px}.auth-form .wip:first-child{margin-bottom:var(--sp-2)}.auth-perks ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.auth-perks li{align-items:flex-start;gap:10px;line-height:1.4;display:flex}.auth-perks li .icon{color:var(--accent);margin-top:1px}.friends{gap:var(--sp-3);flex-direction:column;display:flex}.add-friend{gap:6px;display:flex}.add-friend .field{min-width:0;font-family:var(--mono);flex:1}.friend-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.friend-row{border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface-0);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.friend-row.incoming{border-color:var(--accent-lo)}.friend-name{flex-direction:column;flex:1;min-width:0;display:flex}.friend-actions{flex-wrap:wrap;gap:2px;display:flex}.shop-gate{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.dev-mailbox{font-size:var(--fs-xs);color:var(--muted)}.dev-mailbox summary{cursor:pointer}.dev-mailbox .mail{border:1px dashed var(--line-strong);border-radius:var(--radius-s);word-break:break-all;margin:6px 0;padding:8px}.settings-layout{columns:2 380px;column-gap:var(--sp-4)}.settings-group{break-inside:avoid;margin-bottom:var(--sp-4);flex-direction:column;gap:2px;display:flex}.set-row{border-top:1px solid var(--line);grid-template-columns:minmax(130px,1fr) minmax(150px,1.15fr);align-items:center;gap:6px 14px;padding:8px 0;display:grid}.settings-group .plate-title+.set-row{border-top:none}.set-label{font-size:var(--fs-sm);font-weight:600}.set-label small{font-weight:400;font-size:var(--fs-2xs);color:var(--faint);margin-top:2px;display:block}.set-control{min-width:0}.set-control .seg button{flex:auto}.set-control select{width:100%}.slider{align-items:center;gap:10px;display:flex}.slider output{text-align:end;min-width:46px;font-size:var(--fs-xs);color:var(--muted);font-weight:700}.settings-note{margin:4px 0 0}.color-preview,.zones-figure{flex-wrap:wrap;gap:6px;padding:4px 0 8px;display:flex}.color-preview span,.zones-figure span{border-radius:var(--radius-s);border:2px solid var(--c);color:var(--text);font-size:var(--fs-xs);background:var(--surface-0);padding:3px 9px;font-weight:700}.color-preview span:before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px;margin-inline-end:6px;display:inline-block}.color-preview span.zone:before{display:none}@media (width<=520px){.set-row{grid-template-columns:1fr}}.help-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));display:grid}.help-card p{margin:var(--sp-3) 0 0;line-height:1.5}.keys-figure{align-items:flex-end;gap:var(--sp-5);padding:var(--sp-2) 0;flex-wrap:wrap;display:flex}.keys-block{flex-direction:column;align-items:center;gap:4px;display:flex}.keys-row{gap:4px;display:flex}.key{border-radius:var(--radius-s);border:1px solid var(--line-strong);background:var(--surface-2);min-width:34px;height:34px;font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);color:var(--text);border-bottom-width:3px;place-items:center;padding:0 8px;display:inline-grid}.key-xs{min-width:0;height:18px;font-size:var(--fs-2xs);color:var(--muted);border-bottom-width:2px;padding:0 4px}.keys-cap{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:4px}.mouse{border:2px solid var(--line-strong);background:var(--surface-2);border-radius:17px;width:34px;height:52px;position:relative}.mouse-btn{background:var(--accent);border-right:1px solid var(--surface-0);border-radius:15px 0 0;width:50%;height:22px;position:absolute;top:0;left:0}.touch-figure{padding:var(--sp-2) 0;flex-direction:column;align-items:center;gap:4px;display:flex}.phone{border:2px solid var(--line-strong);background:linear-gradient(#232a33 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#232a33 1px,#0000 1px) 0 0/20px 20px,#151a20;border-radius:18px;width:min(100%,260px);height:120px;position:relative}.stick{background:#12141780;border:2px solid #ece7dc66;border-radius:50%;width:58px;height:58px;position:absolute;bottom:14px}.stick.left{left:18px}.stick.right{right:18px}.stick .knob{background:#ece7dcb3;border-radius:50%;width:22px;height:22px;position:absolute;top:16px;left:16px}.stick.left .knob{left:26px}.stick.right .knob{background:var(--accent);top:8px}.help-list{flex-direction:column;gap:10px;margin:0;padding-inline-start:18px;line-height:1.5;display:flex}.badge-bot{font-style:normal;font-size:var(--fs-2xs);color:#ffc27a;background:#4a3418;border:1px solid #7a5222;border-radius:3px;margin-inline-end:4px;padding:0 4px;font-weight:800}.tree-tabs{align-self:flex-start}.tree-tabs button{padding-inline:18px}.tree-layout{gap:var(--sp-4);grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;display:grid}.tree-aside{gap:var(--sp-2);flex-direction:column;display:flex;position:sticky;top:76px}.sheet .tree-aside{top:0}@media (width<=860px){.tree-layout{grid-template-columns:minmax(0,1fr)}.tree-aside{position:static}}.variant-panel{gap:var(--sp-3);flex-direction:column;display:flex}.variant-stage{border:1px solid var(--line);border-radius:var(--radius);background-color:#151a20;background-image:linear-gradient(#232a33 1px,#0000 1px),linear-gradient(90deg,#232a33 1px,#0000 1px);background-position:50%;background-size:48px 48px;height:230px;position:relative;overflow:hidden}@media (height<=520px) and (orientation:landscape){.variant-stage{height:150px}}.variant-info h2{font-size:var(--fs-xl);margin:4px 0}.variant-desc{color:var(--muted);font-size:var(--fs-sm);margin:0 0 6px;line-height:1.4}.variant-styles{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.variant-style{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-0);font-size:var(--fs-2xs);transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);flex-direction:column;align-items:center;gap:2px;padding:6px 2px 8px;display:flex;position:relative}.variant-style:hover{border-color:var(--line-strong)}.variant-style.on{border-color:var(--accent);background:var(--surface-2)}.variant-style.locked .tank-img{filter:grayscale(.85)brightness(.7)}.variant-style-name{text-align:center;line-height:1.2}.variant-lock,.variant-chosen{top:4px;color:var(--faint);position:absolute;inset-inline-end:4px}.variant-chosen{color:var(--ok)}.variant-need{color:var(--faint);text-align:center;line-height:1.15}.mini-gauge{background:var(--surface-3);border-radius:2px;width:80%;height:3px;overflow:hidden}.mini-gauge i{background:var(--accent);height:100%;display:block}.variant-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tree-main{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.tree-tools{gap:var(--sp-2);flex-direction:column;display:flex}.tree-search{width:100%}.family-chips{flex-wrap:wrap;gap:4px;display:flex}.tree{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start;display:grid}.tree-family{padding:var(--sp-3)}.tree-family-title{font-size:var(--fs-md);justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px;display:flex}.tree-family-title small{color:var(--faint);font-family:var(--mono);font-weight:400;font-size:var(--fs-2xs)}.tree-item{border-radius:var(--radius-s);transition:background-color var(--t-fast) var(--ease);grid-template-columns:40px 24px minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:4px 6px;display:grid;position:relative}.tree-item:hover{background:var(--surface-2)}.tree-item.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-lo)}.tree-item.planned .tree-thumb{opacity:.45}.tree-thumb{width:40px;height:40px}.tree-level{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--faint)}.tree-text{flex-direction:column;min-width:0;display:flex}.tree-name{color:inherit;font:inherit;font-weight:700;font-size:var(--fs-sm);text-align:start;cursor:pointer;background:0 0;border:none;padding:0}.tree-name:after{content:"";position:absolute;inset:0}.tree-item.selected .tree-name{color:var(--accent-hi)}.tree-item.planned .tree-name{color:var(--muted)}.tree-desc{color:var(--muted);font-size:var(--fs-2xs);line-height:1.35}.tree-sel{color:var(--accent)}.tree-children{border-inline-start:1px dashed var(--line-strong);margin-inline-start:19px;padding-inline-start:8px}.mods-page{gap:var(--sp-3);flex-direction:column;display:flex}.mod-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:start;display:grid}.mod-row{border-top:1px solid var(--line);font-size:var(--fs-sm);grid-template-columns:26px minmax(0,1fr) auto;gap:8px;padding:6px 0;display:grid}.mod-row-body{flex-direction:column;gap:2px;display:flex}.mod-compat{font-size:var(--fs-2xs);color:var(--faint)}.tank-img{flex:none;display:inline-block}.tank-img img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;display:block}.modal-wide{width:min(880px,100%)}.pass-hero{gap:var(--sp-4);grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:stretch;display:grid}@media (width<=760px){.pass-hero{grid-template-columns:minmax(0,1fr)}}.pass-progress{gap:var(--sp-4);align-items:center;display:flex}.pass-badge{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--accent);width:92px;height:104px;color:var(--accent-ink);flex:none;place-items:center;display:grid}.pass-badge span{font-size:var(--fs-3xl);line-height:1}.pass-progress-body{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.pass-progress-body .bar{width:100%;height:22px}.pass-level-line{font-size:var(--fs-xl)}.pass-premium{border-top:3px solid var(--brass);flex-direction:column;gap:8px;display:flex}.pass-premium.owned{border-top-color:var(--ok)}.premium-price{font-size:var(--fs-2xl);align-items:center;gap:8px;display:flex}.premium-on{color:var(--brass);font-size:var(--fs-lg);align-items:center;gap:8px;display:flex}.pass-premium .btn-primary{margin-top:auto}.pass-reveal{align-items:center;gap:var(--sp-4);border-color:var(--accent-lo);animation:rise-in var(--t-slow) var(--ease);display:flex;position:relative}.pass-reveal .icon-btn{top:8px;position:absolute;inset-inline-end:8px}.pass-reveal-body p{margin:0 0 8px;font-weight:600}.pass-reveal-list{flex-wrap:wrap;gap:6px;display:flex}.reveal-item{border-radius:var(--radius-s);background:var(--surface-0);border:1px solid var(--line);width:52px;height:52px;animation:rise-in var(--t-slow) var(--ease) both;place-items:center;display:grid}.reveal-item:nth-child(2){animation-delay:60ms}.reveal-item:nth-child(3){animation-delay:.12s}.reveal-item:nth-child(n+4){animation-delay:.18s}.stamp{border:3px solid var(--accent);color:var(--accent-hi);font-size:var(--fs-lg);letter-spacing:.12em;animation:stamp .42s var(--ease) both;white-space:nowrap;padding:6px 12px;display:inline-block;transform:rotate(-8deg)}.pass-board{align-items:center;gap:var(--sp-2);grid-template-columns:auto auto minmax(0,1fr) auto;display:grid;position:relative}.pass-rails{grid-template-rows:26px 96px 96px;align-self:stretch;gap:6px;padding-block:4px 10px;display:grid}.pass-rail-label{writing-mode:vertical-rl;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-stretch:87.5%;font-size:var(--fs-2xs);color:var(--muted);border-inline-end:3px solid var(--line-strong);grid-row:2;justify-content:center;align-items:center;gap:4px;display:flex;transform:rotate(180deg)}.pass-rail-label.premium{color:var(--brass);border-color:var(--brass);grid-row:3}:root:lang(zh-Hans) .pass-rail-label,:root:lang(ja) .pass-rail-label,:root:lang(ko) .pass-rail-label{writing-mode:vertical-rl;transform:none}.track-nav{align-self:center}.pass-track{overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-color:var(--line-strong) transparent;cursor:grab;-webkit-user-select:none;user-select:none;gap:6px;padding:4px 4px 10px;display:flex;overflow-x:auto}.pass-track.dragging{cursor:grabbing;scroll-behavior:auto}.pass-level{flex:none;grid-template-rows:26px 96px 96px;gap:6px;width:84px;display:grid;position:relative}.pass-level:before{content:"";top:11px;background:var(--surface-3);height:4px;position:absolute;inset-inline:-3px}.pass-level.reached:before{background:var(--accent)}.pass-num{z-index:1;border-radius:var(--radius-s);background:var(--surface-1);border:1px solid var(--line);min-width:30px;height:26px;font-size:var(--fs-xs);color:var(--muted);justify-self:center;place-items:center;padding:0 6px;font-weight:700;display:grid;position:relative}.pass-level.milestone .pass-num{border-color:var(--line-strong);color:var(--text)}.pass-level.reached .pass-num{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pass-level.current .pass-num{outline:2px solid var(--text);outline-offset:2px}.pass-here{border-radius:var(--radius-s);background:var(--text);color:var(--bg);font-size:var(--fs-2xs);white-space:nowrap;padding:1px 6px;font-weight:800;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.pass-board .pass-track,.pass-board .pass-rails{padding-top:26px}.pass-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-1);color:var(--text);transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;display:flex;position:relative}.pass-tile:hover{border-color:var(--line-strong);background:var(--surface-2)}.pass-tile:active{transform:translateY(1px)}.pass-tile.premium{background:#201d17;border-color:#3d3524}.pass-tile.premium:hover{border-color:#6e5c33}.pass-tile.major{border-width:2px}.pass-tile.premium.major{border-color:#6e5c33}.pass-tile.locked .reward-art{filter:saturate(.4)brightness(.75)}.pass-tile.claimed{background:#18221b;border-color:#345a40}.pass-tile.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--surface-3)}.pass-tile-label{max-width:100%;font-size:var(--fs-2xs);text-align:center;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.pass-tile.major .pass-tile-label{color:var(--text)}.pass-state{top:4px;background:var(--surface-3);width:18px;height:18px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:4px}.pass-state.ok{background:var(--ok);color:#10200f}.pass-lower{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=900px){.pass-lower{grid-template-columns:minmax(0,1fr)}}.pass-detail:only-child{grid-column:1/-1}.pass-detail{gap:var(--sp-4);align-items:center;display:flex}.pass-detail.premium{border-top:3px solid var(--brass)}.pass-detail-art{border-radius:var(--radius);background:var(--surface-0);border:1px solid var(--line);flex:none;place-items:center;width:128px;height:128px;display:grid}.pass-detail-body{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.pass-detail-body h2{font-size:var(--fs-xl);margin:0}@media (width<=700px),(pointer:coarse){.track-nav{display:none}.pass-board{grid-template-columns:auto minmax(0,1fr)}}@media (width<=700px){.pass-progress{gap:var(--sp-3)}.pass-badge{width:64px;height:72px}.pass-badge span{font-size:var(--fs-2xl)}.pass-level-line{font-size:var(--fs-lg)}.premium-price{font-size:var(--fs-xl)}}@media (width<=520px){.pass-detail{flex-direction:column;align-items:flex-start}.pass-level{grid-template-rows:26px 84px 84px;width:74px}.pass-rails{grid-template-rows:26px 84px 84px}}@media (height<=520px) and (orientation:landscape){.pass-level,.pass-rails{grid-template-rows:26px 74px 74px}.pass-level{width:70px}.pass-badge{width:64px;height:72px}.pass-badge span{font-size:var(--fs-2xl)}}.missions{flex-direction:column;gap:6px;display:flex}.missions h3{margin:8px 0 2px}.mission{font-size:var(--fs-sm);grid-template-columns:18px minmax(0,1fr) minmax(110px,150px);align-items:center;gap:10px;display:grid}.mission .bar{height:16px}.mission-check{border:1px solid var(--line-strong);color:#10200f;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.mission.done .mission-check{background:var(--ok);border-color:var(--ok)}.mission.done .mission-label{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.reward-art{flex:none;place-items:center;display:inline-grid;position:relative}.reward-art>svg{display:block}.reward-stack{grid-area:1/1;line-height:0;display:block}.shop-balances{gap:var(--sp-4);font-size:var(--fs-lg);display:flex}.pay-banner{border-radius:var(--radius);font-weight:700;font-size:var(--fs-sm);border:2px dashed var(--accent);background:repeating-linear-gradient(-45deg, #f2a23a17 0 10px, transparent 10px 20px), var(--surface-1);color:var(--text);align-items:center;gap:10px;padding:10px 14px;display:flex}.pay-banner .icon{color:var(--accent)}.pay-banner.stripe{border-style:solid;border-color:var(--steel);background:var(--surface-1)}.pay-banner.closed{border-style:solid;border-color:var(--line-strong);background:var(--surface-1)}.pay-banner.closed .icon{color:var(--muted)}.form-msg.ok{border-left-color:var(--ok);background:#7cc7921a}.form-msg.bad{border-left-color:var(--danger);background:#ea62421a}.shop-nav{z-index:5;border-bottom:1px solid var(--line);scrollbar-width:none;background:#121417f5;gap:2px;padding:6px 0;display:flex;position:sticky;top:60px;overflow-x:auto}.shop-nav button{border-radius:var(--radius-s);color:var(--muted);font-weight:600;font-size:var(--fs-xs);white-space:nowrap;background:0 0;border:none;flex:none;padding:7px 14px}.shop-nav button:hover{color:var(--text);background:var(--surface-2)}.shop-nav button.on{color:var(--accent-hi);box-shadow:inset 0 -2px 0 var(--accent)}@media (width<=700px){.shop-nav{top:52px}}@media (height<=520px) and (orientation:landscape){.shop-nav{top:46px}}.shop-section{gap:var(--sp-3);padding-top:var(--sp-2);flex-direction:column;scroll-margin-top:120px;display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:4px var(--sp-3);flex-wrap:wrap;display:flex}.section-head .plate-title{font-size:var(--fs-sm);color:var(--text);margin:0}.shop-week{gap:var(--sp-3);grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;display:grid}@media (width<=860px){.shop-week{grid-template-columns:minmax(0,1fr)}}.shop-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));display:grid}.shop-card{padding:var(--sp-3);border:1px solid var(--line);border-top-color:var(--edge);border-radius:var(--radius);background:var(--surface-1);font-size:var(--fs-sm);transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);flex-direction:column;gap:6px;display:flex;position:relative}.shop-card:hover{border-color:var(--line-strong)}.shop-card.owned{border-color:#345a40}.shop-card.shake{animation:shake-x .4s var(--ease)}.shop-card.bought{border-color:var(--accent)}.shop-card .stamp{pointer-events:none;background:#121417d9;margin-left:-48px;position:absolute;top:36%;left:50%}.card-art{border:1px solid var(--line);border-radius:var(--radius-s);cursor:zoom-in;min-height:116px;transition:border-color var(--t-fast) var(--ease);background-color:#151a20;background-image:linear-gradient(#20262e 1px,#0000 1px),linear-gradient(90deg,#20262e 1px,#0000 1px);background-size:24px 24px;place-items:center;padding:8px;display:grid;position:relative}.card-art:hover{border-color:var(--accent-lo)}.card-art:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}.card-zoom{bottom:6px;border-radius:var(--radius-s);font-size:var(--fs-2xs);color:var(--muted);opacity:0;transition:opacity var(--t-fast) var(--ease);background:#121417d9;align-items:center;gap:4px;padding:2px 6px;display:inline-flex;position:absolute;inset-inline-end:6px}.card-art:hover .card-zoom,.card-art:focus-visible .card-zoom{opacity:1}@media (pointer:coarse){.card-zoom{opacity:1}}.swatch-strip{top:6px;gap:2px;display:flex;position:absolute;inset-inline-start:6px}.swatch-strip i{border:1px solid #00000080;border-radius:2px;width:10px;height:10px}.card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.card-name{font-size:var(--fs-md);line-height:1.2}.card-desc,.card-contains{color:var(--muted);font-size:var(--fs-xs);line-height:1.35}.card-foot{align-items:center;gap:6px;margin-top:auto;padding-top:6px;display:flex}.btn-price{font-size:var(--fs-sm);min-height:36px}.btn-price.armed{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hi)}.price-confirm{font-weight:700}.cosmetic-card.featured{border-top:3px solid var(--accent)}.cosmetic-card.featured .card-art{min-height:190px}.cosmetic-card.featured .card-name{font-size:var(--fs-lg)}@media (width<=560px){.shop-grid:not(.token-grid):not(.convert-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.shop-card{padding:var(--sp-2)}.card-art{min-height:92px}.cosmetic-card.featured .card-art{min-height:150px}.card-name{font-size:var(--fs-sm)}}.gem-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.gem-card{text-align:center;align-items:center;gap:8px}.gem-card .btn{width:100%;font-size:var(--fs-md)}.gem-amount{font-size:var(--fs-xl);color:var(--gem);align-items:center;gap:6px;display:inline-flex}.token-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.token-card{align-items:center;gap:var(--sp-3);flex-direction:row}.token-card .btn-price{flex:none}.convert-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.convert-card{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-direction:row}.convert-line{font-size:var(--fs-lg);align-items:center;gap:6px;display:inline-flex}.convert-line .icon{color:var(--muted)}.owned-card{align-items:flex-start}.owned-card.on{border-color:#345a40}.history-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history-list li{gap:var(--sp-3);border-top:1px solid var(--line);font-size:var(--fs-sm);grid-template-columns:minmax(130px,auto) minmax(0,1fr) auto;align-items:center;padding:8px 12px;display:grid}.history-list li:first-child{border-top:none}.history-when{color:var(--faint);font-size:var(--fs-xs)}.history-delta{align-items:center;gap:2px;font-weight:700;display:inline-flex}.history-delta.neg{color:var(--muted)}.history-delta.pos{color:var(--ok)}@media (width<=560px){.history-list li{grid-template-columns:minmax(0,1fr) auto}.history-when{grid-column:1/-1}}.shop-preview{gap:var(--sp-4);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}@media (width<=640px){.shop-preview{grid-template-columns:minmax(0,1fr)}}.preview-stage{align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.preview-stage .tank-stage{border:1px solid var(--line);border-radius:var(--radius);background-color:#151a20;background-image:linear-gradient(#232a33 1px,#0000 1px),linear-gradient(90deg,#232a33 1px,#0000 1px);background-size:48px 48px;width:100%;height:260px;position:relative;inset:auto}.preview-classes button{padding:4px 8px}.preview-info{gap:var(--sp-2);flex-direction:column;display:flex}.preview-info p{margin:0;line-height:1.45}.preview-contains{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.preview-contains li{border-radius:var(--radius-s);background:var(--surface-0);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.preview-actions{padding-top:var(--sp-2);margin-top:auto}.game{position:fixed;inset:0;overflow:hidden}.game-canvas{cursor:crosshair;display:block;position:absolute;inset:0}.hud{pointer-events:none;font-size:var(--fs-sm);position:absolute;inset:0}.hud>*{pointer-events:auto}.hud .toasts,.hud .bottom-bars,.hud .minimap,.hud .landscape-hint{pointer-events:none}.hud-tl{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.hud-row{gap:6px;display:flex}.hud .icon-btn{width:36px;height:36px}.score-box{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);border-top-color:var(--edge);align-items:baseline;gap:8px;padding:6px 10px;display:flex}.score-label{color:var(--muted);font-family:var(--font-display);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.score-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--fs-lg);font-weight:700}.rank{color:var(--muted);font-size:var(--fs-xs)}.perf{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--faint);pointer-events:none}.chip-stats.has-points{border-color:var(--accent)}.leaderboard{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:var(--radius);pointer-events:none;width:230px;padding:8px 10px;position:absolute}.lb-title{font-family:var(--font-display);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:4px;font-weight:700}.leaderboard ol{margin:0;padding:0;list-style:none}.leaderboard li{font-size:var(--fs-xs);grid-template-rows:auto auto;grid-template-columns:16px 1fr auto;column-gap:6px;padding:2px 0;display:grid}.leaderboard li:first-child .lb-rank{color:var(--accent-hi)}.lb-rank{color:var(--faint);font-family:var(--mono)}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-cls{color:var(--faint);font-size:var(--fs-2xs);grid-area:2/2}.lb-score{font-variant-numeric:tabular-nums;grid-area:1/3/span 2;align-self:center;font-weight:600}.lb-pop{font-size:var(--fs-2xs);color:var(--faint);margin-top:4px}.minimap{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));border-radius:var(--radius);border:1px solid var(--line-strong);width:140px;height:140px;position:absolute}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:max(250px,30vh);left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);border-inline-start:3px solid var(--line-strong);animation:toast-in var(--t-slow) var(--ease);align-items:center;gap:8px;padding:6px 14px;font-weight:600;display:inline-flex}.toast-kill{border-inline-start-color:var(--danger);color:#ffd2c2}.toast-level{border-inline-start-color:var(--accent);color:#ffe2b8}.toast-evo{border-inline-start-color:var(--steel);color:#dbe7f2}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}}.evo-panel{background:var(--panel-solid);border:1px solid var(--line-strong);border-top:3px solid var(--accent);border-radius:var(--radius-l);box-shadow:var(--shadow-float);max-width:calc(100vw - 32px);animation:rise-in var(--t-slow) var(--ease);flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;top:54px;left:50%;transform:translate(-50%)}.evo-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-hi);font-weight:700;font-stretch:87.5%}.evo-cards{gap:8px;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.evo-card{text-align:start;background:var(--surface-0);border:1px solid var(--line-strong);border-radius:var(--radius);width:230px;transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);flex:none;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.evo-card:hover{border-color:var(--accent);background:var(--surface-2)}.evo-card:active{transform:translateY(1px)}.evo-art{border-radius:var(--radius-s);background:#151a20}.evo-text{flex-direction:column;gap:2px;min-width:0;display:flex}.evo-name{font-family:var(--font-display);font-weight:700;font-stretch:87.5%;font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.04em}.evo-family{font-size:var(--fs-2xs);color:var(--accent-hi);text-transform:uppercase;letter-spacing:.08em}.evo-desc{font-size:var(--fs-xs);color:var(--muted);line-height:1.35}.stats-panel{left:max(10px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:280px;padding:8px 10px;position:absolute}.stats-points{color:var(--accent-hi);margin-bottom:4px;font-weight:700;animation:1.6s ease-in-out infinite pulse-soft}.stat-row{font-size:var(--fs-xs);grid-template-columns:14px 1fr auto 26px;align-items:center;gap:6px;padding:2px 0;display:grid}.stat-key{font-family:var(--mono);color:var(--faint)}.stat-pips{gap:2px;display:flex}.stat-pips i{background:#2a2f36;border-radius:1px;width:7px;height:10px}.stat-plus{border-radius:var(--radius-s);border:1px solid var(--line-strong);background:var(--surface-2);width:26px;height:22px;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);font-weight:800}.stat-plus:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.stat-plus:disabled{opacity:.3}.bottom-bars{left:50%;bottom:max(12px, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:5px;width:min(420px,100vw - 32px);display:flex;position:absolute;transform:translate(-50%)}.fill-hp{background-color:#5cf08a;background-image:linear-gradient(#ffffff2e,#0000001f)}.fill-heat{background:linear-gradient(90deg,#ffb04a,#ff5a3c)}.fill-charge{background:linear-gradient(90deg,#8a7cff,#c9b8ff)}.fill-shield{background:linear-gradient(90deg,#3a8cff,#9cc8ff)}.mini-bar{font-size:var(--fs-2xs);color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.mini-bar .bar{height:8px}.next-evo{text-align:center;font-size:var(--fs-2xs);color:var(--muted)}.banner{border-radius:var(--radius);font-size:var(--fs-xs);background:var(--panel);border:1px solid var(--line);align-self:center;padding:4px 12px;font-weight:700}.banner-prot{border-color:var(--steel);color:#dbe7f2}.banner-bonus{border-color:var(--accent);color:#ffe2b8}.net-banner{border-radius:var(--radius);background:var(--panel-solid);border:1px solid var(--line-strong);border-top:3px solid var(--accent);z-index:5;padding:12px 18px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.death{z-index:4;animation:fade-in var(--t-slow) var(--ease);background:#08090b99;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.death-card{background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:var(--radius-l);width:min(400px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-float);animation:rise-in var(--t-slow) var(--ease);flex-direction:column;gap:12px;padding:0 20px 20px;display:flex;position:relative;overflow-y:auto}.death-card>.hazard{border-radius:var(--radius-l) var(--radius-l) 0 0;height:8px;margin:0 -20px}.death-card h2{font-size:var(--fs-2xl);margin:4px 0 0}.death-card.cashed>.hazard{background:repeating-linear-gradient(-45deg, var(--ok) 0 8px, var(--stripe-dark) 8px 16px)}.death-by{color:#ffd2c2;margin:0;font-weight:700}.death-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;display:grid}.death-stats div{border-radius:var(--radius-s);background:var(--surface-0);border:1px solid var(--line);text-align:center;padding:8px 6px}.death-stats dt{font-size:var(--fs-2xs)}.death-stats dd{font-size:var(--fs-lg);margin:2px 0 0}.death-bonus{font-size:var(--fs-xs);color:#ffe2b8;margin:0;line-height:1.4}.death-card .btn-primary{min-height:48px}.result-card.won>.hazard{background:repeating-linear-gradient(-45deg, var(--ok) 0 8px, var(--stripe-dark) 8px 16px)}.result-card.lost>.hazard{background:repeating-linear-gradient(-45deg, var(--danger) 0 8px, var(--stripe-dark) 8px 16px)}.result-title{text-align:center;font-size:var(--fs-3xl)!important}.result-card.won .result-title{color:var(--ok);animation:stamp-flat .48s var(--ease) both}@keyframes stamp-flat{0%{opacity:0;transform:scale(1.5)}70%{opacity:1;transform:scale(.96)}}.result-scores{font-size:var(--fs-2xl);justify-content:center;gap:18px;margin:0;display:flex}.landscape-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.landscape-hint{border-radius:var(--radius);background:var(--panel);border:1px solid var(--accent);font-size:var(--fs-xs);text-align:center;width:max-content;max-width:calc(100vw - 32px);padding:8px 14px;display:block;position:absolute;top:45%;left:50%;transform:translate(-50%)}}.touch-layer{touch-action:none;position:absolute;inset:0}.joy-base{pointer-events:none;background:#12141759;border:2px solid #ece7dc59;border-radius:50%;width:124px;height:124px;display:none;position:absolute;top:0;left:0}body.touch-used .joy-base,.hud-touch~.touch-layer .joy-base{display:block}.joy-knob{background:#ece7dc8c;border:2px solid #0b0c0e99;border-radius:50%;width:50px;height:50px;position:absolute;top:37px;left:37px}.joy-right .joy-knob{background:#f2a23a9e}.game .hud{z-index:2}.game .touch-layer{z-index:1}.hud-touch .stats-panel{width:230px;top:130px;bottom:auto}.hud-touch .minimap{top:max(8px, env(safe-area-inset-top));bottom:auto;right:calc(max(10px, env(safe-area-inset-right)) + 178px);width:76px;height:76px}.hud-touch .leaderboard{width:170px;font-size:var(--fs-xs)}.hud-touch .lb-cls,.hud-touch .leaderboard li:nth-child(n+6){display:none}.hud-touch .bottom-bars{bottom:auto;top:max(8px, env(safe-area-inset-top));width:min(280px,100vw - 520px);min-width:170px;left:calc(50% - 40px)}.hud-touch .evo-panel{top:auto;bottom:max(6px, env(safe-area-inset-bottom));gap:4px;max-width:min(460px,100vw - 340px);padding:6px}.hud-touch .evo-card{width:170px;padding:6px 8px}.hud-touch .evo-name{font-size:var(--fs-sm)}.hud-touch .evo-desc{font-size:var(--fs-2xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hud-touch .stats-panel .stat-row{padding:1px 0}.hud-touch .perf{display:none}@media (width<=720px){.leaderboard{width:170px}.leaderboard li:nth-child(n+6){display:none}}.world-panel{right:max(10px, env(safe-area-inset-right));bottom:calc(max(10px, env(safe-area-inset-bottom)) + 150px);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);pointer-events:none;width:230px;font-size:var(--fs-xs);flex-direction:column;gap:4px;padding:6px 10px;display:flex;position:absolute}.world-line{color:var(--muted)}.boss-line{flex-direction:column;gap:3px;display:flex}.boss-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:#d6c2ff;font-weight:700}.bar-boss{height:14px}.fill-boss{background:repeating-linear-gradient(-45deg,#ffffff1a 0 6px,#0000 6px 12px),linear-gradient(90deg,#6a3fc2,#b48cff)}.hud-touch .world-panel{top:calc(max(8px, env(safe-area-inset-top)) + 90px);bottom:auto;right:calc(max(10px, env(safe-area-inset-right)) + 178px);width:200px}.mod-panel{background:var(--panel-solid);border:1px solid var(--line-strong);border-top:3px solid var(--steel);border-radius:var(--radius-l);width:min(560px,100vw - 32px);max-height:min(38vh,400px);box-shadow:var(--shadow-float);animation:rise-in var(--t-slow) var(--ease);flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;top:54px;left:50%;transform:translate(-50%)}.mod-panel .evo-title{color:#dbe7f2}.mod-groups{touch-action:pan-y;flex-direction:column;gap:4px;display:flex;overflow-y:auto}.mod-group-title{text-align:start;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface-0);width:100%;transition:border-color var(--t-fast) var(--ease);align-items:center;gap:6px;padding:7px 8px;font-weight:700;display:flex}.mod-group-title:hover{border-color:var(--line-strong)}.mod-group-title[aria-expanded=true]{border-color:var(--steel)}.mod-chevron{color:var(--muted)}.mod-group-title[aria-expanded=true] .mod-chevron{transform:rotate(-90deg)}.mod-group-title small{color:var(--faint);font-weight:400}.mod-options{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;padding:6px 0 2px;display:grid}.mod-card{text-align:start;background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--radius);transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);flex-direction:column;gap:2px;padding:7px 9px;display:flex}.mod-card:hover{border-color:var(--steel);background:var(--surface-2)}.mod-card .evo-name{font-size:var(--fs-sm)}.mod-team{font-size:var(--fs-2xs);color:var(--brass)}.mod-equipped{flex-wrap:wrap;gap:3px;margin-bottom:4px;display:flex}.mod-chip{font-size:var(--fs-2xs);border-radius:var(--radius-s);border:1px solid var(--steel);color:#dbe7f2;padding:1px 6px}.rear-alert{color:var(--danger);pointer-events:none;animation:.4s steps(2,end) infinite blink;position:absolute;top:58%;left:50%;transform:translate(-50%)}@keyframes blink{50%{opacity:.3}}.telemetry{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--muted);pointer-events:none;position:absolute;top:calc(50% + 46px);left:50%;transform:translate(-50%)}.hud-touch .mod-panel{top:auto;bottom:max(6px, env(safe-area-inset-bottom));width:min(460px,100vw - 320px);max-height:46vh}.hud-touch .mod-options{grid-template-columns:1fr}.roulette-widget{left:max(10px, env(safe-area-inset-left));background:var(--panel);border-radius:var(--radius);width:250px;font-size:var(--fs-xs);border:1px solid #6e5c9a;padding:8px 10px;position:absolute;top:170px}.roulette-widget ul{margin:4px 0;padding:0;list-style:none}.roulette-widget li{align-items:center;gap:6px;padding:1px 0;display:flex}.r-check{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:14px;height:14px;display:grid}.roulette-widget li.ok{color:var(--ok)}.roulette-widget li.ok .r-check{border-color:var(--ok)}.roulette-confirm p{margin:4px 0}.hud-touch .roulette-widget{top:auto;bottom:max(10px, env(safe-area-inset-bottom));left:50%;transform:translate(-50%)}.roulette-card{text-align:center;align-items:center;padding-top:18px}.roulette-result{font-size:var(--fs-2xl);color:var(--accent-hi);animation:stamp-flat .48s var(--ease) both;margin:0}.wheel-wrap{width:180px;height:180px;position:relative}.wheel-pointer{z-index:1;border-left:10px solid #0000;border-right:10px solid #0000;border-top:18px solid var(--text);width:0;height:0;margin-left:-10px;position:absolute;top:-6px;left:50%}.wheel{border:6px solid var(--line-strong);background:conic-gradient(var(--steel) 0 50%, var(--ok) 50% 85%, var(--accent) 85% 99.5%, #d36ab0 99.5% 100%);border-radius:50%;width:180px;height:180px;animation:3.5s cubic-bezier(.15,.6,.2,1) forwards spin;position:relative}.wheel-inner{background:var(--panel-solid);border:4px solid var(--line-strong);border-radius:50%;position:absolute;inset:44px}@keyframes spin{to{transform:rotate(1440deg)}}.token-bar{left:50%;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 92px);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.hud-touch .token-bar{bottom:auto;top:calc(max(8px, env(safe-area-inset-top)) + 70px)}.mode-hud{top:max(10px, env(safe-area-inset-top));background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:var(--radius);pointer-events:none;font-size:var(--fs-xs);flex-direction:column;align-items:center;gap:4px;padding:6px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.mode-line{align-items:baseline;gap:10px;display:flex}.mode-line strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em}.mode-line .danger{color:var(--danger);font-weight:800}.scores{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--fs-lg);gap:18px;font-weight:800;display:flex}.dom-points{gap:8px;display:flex}.dom-point{border-radius:var(--radius-s);font-family:var(--font-display);border:2px solid;padding:2px 8px;font-weight:800}.lobby-panel{right:max(10px, env(safe-area-inset-right));background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:230px;font-size:var(--fs-xs);padding:8px 10px;position:absolute;top:440px}.lobby-code{font-family:var(--mono);letter-spacing:.2em;color:var(--accent-hi)}.lobby-panel ul{margin:4px 0;padding-inline-start:16px}.quick-bar{right:max(10px, env(safe-area-inset-right));bottom:calc(max(10px, env(safe-area-inset-bottom)) + 150px);flex-wrap:wrap;justify-content:flex-end;gap:4px;width:230px;display:flex;position:absolute}.hud-mode:not(.hud-touch) .evo-panel,.hud-mode:not(.hud-touch) .mod-panel{top:118px}.hud-touch .mode-hud{top:calc(max(8px, env(safe-area-inset-top)) + 96px);max-width:calc(100vw - 360px);font-size:var(--fs-2xs);flex-flow:wrap;justify-content:center;gap:4px 10px;padding:3px 8px}.hud-touch .mode-hud .scores{font-size:var(--fs-sm);gap:10px}.group-dock{left:max(10px, env(safe-area-inset-left));z-index:5;flex-direction:column;align-items:flex-start;gap:6px;width:290px;display:flex;position:absolute;top:132px}.group-dock .nav-badge{margin-inline-start:2px}.group-dock.open .group-chat{background:var(--panel-solid);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:8px}.group-chat.compact .chat-list{max-height:130px}@media (pointer:coarse){.group-dock{width:min(300px,45vw);top:142px}.group-chat.compact .chat-list{max-height:90px}}.hit-cue{pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 90px 18px #ff3c288c}.hit-cue.on{animation:.45s ease-out hit-cue}@keyframes hit-cue{0%{opacity:1}to{opacity:0}}:root[data-motion=reduced] .hit-cue.on{animation-duration:.25s!important}:root[data-motion=reduced] .rear-alert,:root[data-motion=reduced] .stats-points{animation:none!important}