:root{color-scheme:dark;--bg-void: #04050b;--bg-0: #070912;--bg-1: #0b0e1b;--bg-2: #111527;--bg-3: #171d34;--bg-4: #1e2643;--surface: #141a2e;--surface-hi: #1c2440;--surface-top: #263056;--surface-sunken: #0a0d19;--border: rgba(255, 255, 255, .08);--border-hi: rgba(255, 255, 255, .16);--border-strong: rgba(255, 255, 255, .28);--border-dark: rgba(0, 0, 0, .55);--edge-light: rgba(255, 255, 255, .14);--edge-dark: rgba(0, 0, 0, .45);--text: #eef1fb;--text-2: #c3cbe6;--text-dim: #939dc0;--text-mute: #626c92;--text-faint: #454e70;--text-invert: #0a0d19;--accent: #45d6c2;--accent-hi: #8ef4e5;--accent-dim: #1f8d7e;--accent-deep: #0d4a45;--accent-glow: rgba(69, 214, 194, .45);--gold: #f5bb45;--gold-hi: #ffdf94;--gold-deep: #8a5a11;--gold-glow: rgba(245, 187, 69, .4);--gem: #7c9cff;--gem-hi: #b9caff;--gem-deep: #2c3f8f;--danger: #ff4d6d;--danger-hi: #ff92a5;--danger-deep: #6e1229;--danger-dim: #a52440;--danger-glow: rgba(255, 77, 109, .42);--good: #56e08c;--good-hi: #a4f5c1;--good-deep: #17663c;--xp: #9a86ff;--xp-hi: #c7bcff;--xp-deep: #3b2c8a;--energy: #ffc46b;--energy-hi: #ffe3b4;--r-common: #9aa4bf;--r-common-soft: rgba(154, 164, 191, .16);--r-common-deep: #4b5470;--r-common-glow: rgba(154, 164, 191, .28);--r-uncommon: #56e08c;--r-uncommon-soft: rgba(86, 224, 140, .16);--r-uncommon-deep: #1c6b41;--r-uncommon-glow: rgba(86, 224, 140, .38);--r-rare: #4fa8f2;--r-rare-soft: rgba(79, 168, 242, .18);--r-rare-deep: #1a4f83;--r-rare-glow: rgba(79, 168, 242, .45);--r-epic: #b266f2;--r-epic-soft: rgba(178, 102, 242, .2);--r-epic-deep: #5b2489;--r-epic-glow: rgba(178, 102, 242, .5);--r-legendary: #f7a83a;--r-legendary-soft: rgba(247, 168, 58, .2);--r-legendary-deep: #8a4d0b;--r-legendary-glow: rgba(247, 168, 58, .55);--r-mythic: #ff4d6d;--r-mythic-soft: rgba(255, 77, 109, .2);--r-mythic-deep: #8c1430;--r-mythic-glow: rgba(255, 77, 109, .6);--el-beast: #d9a066;--el-beast-soft: rgba(217, 160, 102, .16);--el-metal: #b8c4d8;--el-metal-soft: rgba(184, 196, 216, .16);--el-fire: #ff7a45;--el-fire-soft: rgba(255, 122, 69, .18);--el-water: #4fc3f7;--el-water-soft: rgba(79, 195, 247, .18);--el-void: #b07cff;--el-void-soft: rgba(176, 124, 255, .2);--el-holy: #ffe08a;--el-holy-soft: rgba(255, 224, 138, .18);--grad-surface: linear-gradient(170deg, #1e2643 0%, #141a2e 46%, #10152a 100%);--grad-surface-hi: linear-gradient(170deg, #2a355c 0%, #1b2340 55%, #161d36 100%);--grad-sunken: linear-gradient(180deg, #080b16 0%, #0d1122 100%);--grad-page: radial-gradient(120% 80% at 50% -10%, #18213d 0%, transparent 60%), linear-gradient(180deg, #0b0e1b 0%, #070912 100%);--grad-accent: linear-gradient(165deg, #6ef0dd 0%, #33bfae 48%, #1a8a7e 100%);--grad-gold: linear-gradient(165deg, #ffdf94 0%, #f0ab2e 48%, #a86b13 100%);--grad-danger: linear-gradient(165deg, #ff8098 0%, #ef3355 48%, #93132f 100%);--grad-logo: linear-gradient( 180deg, #fff6dd 0%, #ffd88a 26%, #f0ab2e 52%, #b06f14 68%, #f6cd7a 86%, #ffeec4 100% );--logo-ink: #1b1206;--logo-glow: rgba(247, 168, 58, .22);--logo-glow-hi: rgba(247, 168, 58, .42);--grad-hp: linear-gradient(180deg, #ff8f7a 0%, #f0453f 55%, #a71430 100%);--grad-xp: linear-gradient(180deg, #c1b4ff 0%, #8a72ff 55%, #4a34b8 100%);--grad-boss: linear-gradient(180deg, #ffcf7a 0%, #f2683a 45%, #8e1d22 100%);--grad-energy: linear-gradient(180deg, #ffe3b4 0%, #ffb144 55%, #b96a10 100%);--sheen: linear-gradient( 180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .1) 42%, rgba(255, 255, 255, 0) 52%, rgba(0, 0, 0, .22) 100% );--tex-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");--tex-hatch: repeating-linear-gradient( 135deg, rgba(255, 255, 255, .022) 0px, rgba(255, 255, 255, .022) 1px, transparent 1px, transparent 5px );--font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Trebuchet MS", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--font-num: ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--fs-2xs: 9px;--fs-xs: 11px;--fs-sm: 12.5px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 26px;--fs-3xl: 34px;--fs-4xl: 46px;--lh-tight: 1.1;--lh-snug: 1.3;--lh-body: 1.5;--fw-regular: 500;--fw-medium: 600;--fw-bold: 700;--fw-black: 800;--tr-label: .14em;--tr-caps: .06em;--tr-display: .02em;--sp-0: 2px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 56px;--radius-xs: 5px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 999px;--sh-0: 0 1px 0 rgba(255, 255, 255, .05) inset;--sh-1: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .28);--sh-2: 0 2px 4px rgba(0, 0, 0, .45), 0 8px 20px rgba(0, 0, 0, .4);--sh-3: 0 6px 12px rgba(0, 0, 0, .5), 0 20px 48px rgba(0, 0, 0, .55);--sh-inset: inset 0 2px 6px rgba(0, 0, 0, .6);--sh-press: inset 0 3px 8px rgba(0, 0, 0, .55);--shadow-1: var(--sh-1);--shadow-2: var(--sh-2);--shadow-glow: 0 0 20px var(--accent-glow);--glow-accent: 0 0 0 1px rgba(69, 214, 194, .35), 0 0 18px var(--accent-glow);--glow-gold: 0 0 0 1px rgba(245, 187, 69, .35), 0 0 18px var(--gold-glow);--glow-danger: 0 0 0 1px rgba(255, 77, 109, .35), 0 0 18px var(--danger-glow);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .38s;--dur-screen: .26s;--tap: 46px;--topbar-h: 52px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--z-content: 1;--z-topbar: 20;--z-sheet: 60;--z-toast: 80;--z-flash: 90}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg-void);color:var(--text);font-family:var(--font);font-size:var(--fs-md);font-weight:var(--fw-regular);line-height:var(--lh-body);overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#game-root{position:fixed;inset:0;max-width:560px;margin:0 auto;background:var(--grad-page);overflow:hidden;isolation:isolate;box-shadow:inset 0 0 120px 30px #0000008c}#game-root:after{content:"";position:absolute;inset:0;background-image:var(--tex-noise);background-size:160px 160px;opacity:.028;pointer-events:none;mix-blend-mode:overlay;z-index:70}.screen-layer{position:absolute;inset:0;display:flex;flex-direction:column;opacity:1;transform:none;filter:none;transform-origin:50% 58%;will-change:opacity,transform;transition:opacity var(--dur-screen) var(--ease-out),transform var(--dur-screen) var(--ease-out),filter var(--dur-screen) var(--ease-out)}.screen-layer.is-entering{opacity:0;transform:translate3d(0,18px,0) scale(.965);filter:brightness(.6) saturate(.7)}.screen-layer.is-leaving{opacity:0;transform:translate3d(0,-14px,0) scale(1.035);filter:brightness(.35) saturate(.5);pointer-events:none}.screen-layer[data-screen=combat].is-entering{transform:translateZ(0) scale(1.1);filter:brightness(.4) saturate(1.4)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);z-index:var(--z-content)}.screen-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.screen-foot{flex:none;padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + var(--safe-bottom));display:flex;gap:var(--sp-2);background:linear-gradient(180deg,rgba(7,9,18,0) 0%,rgba(7,9,18,.9) 40%,var(--bg-0) 100%);border-top:1px solid var(--border)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none}button{cursor:pointer;padding:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:var(--fw-black);line-height:var(--lh-tight)}canvas{display:block}::selection{background:var(--accent-dim);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:var(--radius-pill)}*::-webkit-scrollbar-track{background:transparent}.hidden{display:none!important}.row{display:flex;align-items:center;gap:var(--sp-2)}.col{display:flex;flex-direction:column;gap:var(--sp-2)}.spacer{flex:1}.center{display:flex;align-items:center;justify-content:center}.t-center{text-align:center}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.tex-noise{background-image:var(--tex-noise);background-size:160px 160px}.u-dim{color:var(--text-dim)}.u-mute{color:var(--text-mute)}.u-gold{color:var(--gold)}.u-gem{color:var(--gem)}.u-good{color:var(--good)}.u-danger{color:var(--danger)}.u-accent{color:var(--accent)}.u-xp{color:var(--xp)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{opacity:.55}50%{opacity:1}}@keyframes shimmer{0%{background-position:-140% 0}to{background-position:240% 0}}@keyframes float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.anim-rise{animation:rise-in var(--dur-slow) var(--ease-out) both}.anim-pop{animation:pop-in var(--dur) var(--ease-back) both}.d-1{animation-delay:40ms}.d-2{animation-delay:90ms}.d-3{animation-delay:.14s}.d-4{animation-delay:.19s}.d-5{animation-delay:.24s}.d-6{animation-delay:.29s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.screen-layer.is-entering,.screen-layer.is-leaving{transform:none;filter:none}}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:60ms!important}html.reduce-motion .screen-layer.is-entering,html.reduce-motion .screen-layer.is-leaving{transform:none;filter:none}[hidden]{display:none!important}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);border-radius:var(--radius);border:1px solid var(--border-hi);background:var(--grad-surface-hi);color:var(--text);font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:var(--tr-caps);text-transform:uppercase;line-height:1;white-space:nowrap;overflow:hidden;isolation:isolate;box-shadow:var(--sh-1),inset 0 1px 0 var(--edge-light),inset 0 -2px 0 var(--edge-dark);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out),opacity var(--dur-fast) linear;-webkit-user-select:none;user-select:none}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff29,#fff0 55%);pointer-events:none;z-index:-1}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 140% at 50% 120%,rgba(255,255,255,.18),transparent 60%);opacity:0;transition:opacity var(--dur-fast) linear;pointer-events:none;z-index:-1}@media (hover: hover){.btn:hover:after{opacity:1}.btn:hover{filter:brightness(1.08)}}.btn:active,.btn.is-pressed{transform:translateY(2px) scale(.985);filter:brightness(.94);box-shadow:var(--sh-press),inset 0 1px #ffffff0a}.btn:active:after,.btn.is-pressed:after{opacity:1}.btn:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}.btn[disabled],.btn:disabled,.btn.is-disabled{cursor:not-allowed;opacity:.4;filter:grayscale(.65);transform:none;box-shadow:var(--sh-inset);pointer-events:none}.btn-primary{background:var(--grad-accent);border-color:#8ef4e58c;color:#04211f;text-shadow:0 1px 0 rgba(255,255,255,.28);box-shadow:var(--sh-2),0 0 22px var(--accent-glow),inset 0 1px #ffffff73,inset 0 -3px #00000052}.btn-primary:active{box-shadow:var(--sh-press),0 0 14px var(--accent-glow)}.btn-gold{background:var(--grad-gold);border-color:#ffdf9499;color:#2c1a02;text-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:var(--sh-2),0 0 22px var(--gold-glow),inset 0 1px #ffffff80,inset 0 -3px #0000004d}.btn-gold:active{box-shadow:var(--sh-press),0 0 14px var(--gold-glow)}.btn-danger{background:var(--grad-danger);border-color:#ff92a580;color:#fff1f3;text-shadow:0 1px 2px rgba(0,0,0,.45);box-shadow:var(--sh-2),0 0 22px var(--danger-glow),inset 0 1px #ffffff4d,inset 0 -3px #00000059}.btn-danger:active{box-shadow:var(--sh-press),0 0 14px var(--danger-glow)}.btn-ghost{background:#ffffff08;border-color:var(--border-hi);color:var(--text-2);box-shadow:none;backdrop-filter:blur(6px)}.btn-ghost:before{background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 60%)}.btn-ghost:active{background:#ffffff14;box-shadow:var(--sh-press)}.btn-sm{min-height:34px;padding:0 var(--sp-3);font-size:var(--fs-xs);border-radius:var(--radius-sm);letter-spacing:var(--tr-label)}.btn-lg{min-height:58px;padding:0 var(--sp-7);font-size:var(--fs-lg)}.btn-block{display:flex;width:100%}.btn-sub{display:block;font-size:var(--fs-2xs);font-weight:var(--fw-medium);letter-spacing:var(--tr-label);opacity:.75;text-transform:none}.btn-stack{flex-direction:column;gap:3px;padding-top:var(--sp-2);padding-bottom:var(--sp-2)}@keyframes btn-breathe{0%,to{box-shadow:var(--sh-2),0 0 16px var(--accent-glow),inset 0 1px #ffffff73,inset 0 -3px #00000052}50%{box-shadow:var(--sh-2),0 0 34px var(--accent-glow),inset 0 1px #ffffff73,inset 0 -3px #00000052}}.btn-cta{animation:btn-breathe 2.6s var(--ease-in-out) infinite}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);flex:none;border-radius:var(--radius);border:1px solid var(--border-hi);background:var(--grad-surface-hi);color:var(--text-2);font-size:var(--fs-lg);line-height:1;box-shadow:var(--sh-1),inset 0 1px 0 var(--edge-light),inset 0 -2px 0 var(--edge-dark);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),color var(--dur-fast) linear}.icon-btn:active{transform:translateY(2px) scale(.96);box-shadow:var(--sh-press);color:var(--text)}.icon-btn:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}.icon-btn.is-active{color:var(--accent);border-color:#45d6c280;box-shadow:var(--glow-accent)}.icon-btn[disabled],.icon-btn:disabled{opacity:.35;pointer-events:none}.icon-btn-sm{width:34px;height:34px;font-size:var(--fs-sm);border-radius:var(--radius-sm)}.icon-btn-round{border-radius:var(--radius-pill)}.icon-btn .badge,.tile .badge{position:absolute;top:-5px;right:-5px}.panel{position:relative;background:var(--grad-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--sh-2),inset 0 1px 0 var(--edge-light);overflow:hidden;isolation:isolate}.panel:before{content:"";position:absolute;inset:0;background-image:var(--tex-hatch);pointer-events:none;z-index:-1}.panel-hd{position:relative;display:flex;align-items:center;gap:var(--sp-2);min-height:42px;padding:var(--sp-2) var(--sp-4);background:linear-gradient(180deg,#ffffff0f,#0000001f);border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-black);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-dim)}.panel-hd:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--accent-dim),transparent 70%);opacity:.6;pointer-events:none}.panel-hd .spacer+*{color:var(--text-2)}.panel-bd{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.panel-ft{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);background:#0003;display:flex;gap:var(--sp-2)}.panel-flat{background:#ffffff08;box-shadow:none}.panel-sunken{background:var(--grad-sunken);box-shadow:var(--sh-inset);border-color:#00000080}.panel-accent{border-color:#45d6c259;box-shadow:var(--sh-2),var(--glow-accent)}.panel-danger{border-color:#ff4d6d59;box-shadow:var(--sh-2),var(--glow-danger)}.bar{position:relative;height:12px;width:100%;border-radius:var(--radius-pill);background:var(--grad-sunken);border:1px solid rgba(0,0,0,.55);box-shadow:var(--sh-inset),0 1px 0 var(--edge-light);overflow:hidden;isolation:isolate}.bar-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(180deg,var(--text-2),var(--text-mute));transition:width var(--dur-slow) var(--ease-out);will-change:width}.bar-fill:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--sheen);pointer-events:none}.bar-ghost{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:#ffffff8c;opacity:.35;transition:width .62s var(--ease-out) .18s}.bar-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xs);font-weight:var(--fw-black);letter-spacing:var(--tr-caps);color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.9);font-variant-numeric:tabular-nums;pointer-events:none}.bar-sm{height:7px}.bar-lg{height:20px}.bar-xl{height:26px}.bar-hp .bar-fill{background:var(--grad-hp);box-shadow:0 0 10px #f0453f66}.bar-hp .bar-ghost{background:#ffd9a0}.bar-hp.is-low{border-color:#ff4d6d99;animation:hp-warn 1.1s var(--ease-in-out) infinite}@keyframes hp-warn{0%,to{box-shadow:var(--sh-inset),0 0 4px #ff4d6d4d}50%{box-shadow:var(--sh-inset),0 0 16px #ff4d6dbf}}.bar-xp .bar-fill{background:var(--grad-xp);box-shadow:0 0 10px #9a86ff73}.bar-boss .bar-fill{background:var(--grad-boss);box-shadow:0 0 14px #f2683a80}.bar-boss{border-color:#f7a83a47}.bar-boss.is-full .bar-fill{animation:boss-ready 1.3s var(--ease-in-out) infinite}@keyframes boss-ready{0%,to{filter:brightness(1)}50%{filter:brightness(1.4) saturate(1.3)}}.bar-energy .bar-fill{background:var(--grad-energy);box-shadow:0 0 10px #ffb14466}.bar-flow .bar-fill:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.16) 0px,rgba(255,255,255,.16) 6px,transparent 6px,transparent 14px);animation:bar-crawl .7s linear infinite}@keyframes bar-crawl{to{transform:translate(14px)}}.bar-pips{display:flex;gap:4px;width:100%}.bar-pips>i{flex:1;height:8px;border-radius:3px;background:var(--grad-sunken);border:1px solid rgba(0,0,0,.5);box-shadow:var(--sh-inset)}.bar-pips>i.is-on{background:var(--grad-boss);border-color:#f7a83a80;box-shadow:0 0 10px #f2683a8c}.bar-row{display:flex;flex-direction:column;gap:4px}.bar-row>.row{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-mute)}.chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 10px;border-radius:var(--radius-pill);background:#ffffff0f;border:1px solid var(--border-hi);color:var(--text-dim);font-size:var(--fs-2xs);font-weight:var(--fw-black);letter-spacing:var(--tr-label);text-transform:uppercase;line-height:1;white-space:nowrap;vertical-align:middle}.chip-lg{height:28px;padding:0 12px;font-size:var(--fs-xs)}.chip-accent{color:var(--accent-hi);border-color:#45d6c273;background:#45d6c21f}.chip-gold{color:var(--gold-hi);border-color:#f5bb4573;background:#f5bb451f}.chip-gem{color:var(--gem-hi);border-color:#7c9cff73;background:#7c9cff1f}.chip-good{color:var(--good-hi);border-color:#56e08c73;background:#56e08c1f}.chip-danger{color:var(--danger-hi);border-color:#ff4d6d73;background:#ff4d6d1f}.chip-xp{color:var(--xp-hi);border-color:#9a86ff73;background:#9a86ff1f}.chip-solid{background:var(--grad-surface-hi);color:var(--text-2);box-shadow:var(--sh-1)}.chip-danger-1{color:var(--good);border-color:#56e08c66;background:#56e08c1a}.chip-danger-2{color:#cfe06a;border-color:#cfe06a66;background:#cfe06a1a}.chip-danger-3{color:var(--gold);border-color:#f5bb456b;background:#f5bb451a}.chip-danger-4{color:#ff8a4c;border-color:#ff8a4c73;background:#ff8a4c1f}.chip-danger-5{color:var(--danger-hi);border-color:#ff4d6d99;background:#ff4d6d29;box-shadow:0 0 12px var(--danger-glow);animation:pulse-glow 1.6s var(--ease-in-out) infinite}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--grad-danger);color:#fff;font-size:var(--fs-2xs);font-weight:var(--fw-black);line-height:1;box-shadow:0 2px 6px #00000080;font-variant-numeric:tabular-nums}.badge-gold{background:var(--grad-gold);color:#2c1a02}.badge-accent{background:var(--grad-accent);color:#04211f}.dot{width:7px;height:7px;border-radius:50%;background:var(--text-mute);flex:none}.dot-good{background:var(--good);box-shadow:0 0 8px var(--good)}.dot-danger{background:var(--danger);box-shadow:0 0 8px var(--danger)}.topbar{position:relative;z-index:var(--z-topbar);flex:none;display:flex;align-items:center;gap:var(--sp-2);height:var(--topbar-h);padding:0 var(--sp-3);background:linear-gradient(180deg,#181e36f5,#0b0e1beb);border-bottom:1px solid var(--border);box-shadow:0 4px 18px #00000080;backdrop-filter:blur(10px)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-dim) 35%,var(--gold-deep) 75%,transparent);opacity:.5}.topbar-title{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-black);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-2)}.topbar-stat{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:var(--radius-sm);background:#00000052;border:1px solid var(--border);box-shadow:var(--sh-inset);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.topbar-stat i{font-style:normal;font-size:var(--fs-md);line-height:1;filter:drop-shadow(0 0 6px currentColor)}.topbar-stat b{font-weight:var(--fw-black)}.topbar-stat-gold{color:var(--gold-hi);border-color:#f5bb4547}.topbar-stat-gem{color:var(--gem-hi);border-color:#7c9cff47}.topbar-stat-level{color:var(--accent-hi);border-color:#45d6c247}.topbar-stat.is-bumped{animation:stat-bump .42s var(--ease-back)}@keyframes stat-bump{0%{transform:scale(1)}40%{transform:scale(1.14);filter:brightness(1.5)}to{transform:scale(1)}}.sheet-scrim{position:absolute;inset:0;z-index:var(--z-sheet);display:flex;flex-direction:column;justify-content:flex-end;background:#03040ab8;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease-out)}.sheet-scrim.is-open{opacity:1;pointer-events:auto}.sheet{position:relative;max-height:88%;display:flex;flex-direction:column;background:var(--grad-surface-hi);border-top:1px solid var(--border-hi);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--sh-3),inset 0 1px 0 var(--edge-light);padding-bottom:var(--safe-bottom);transform:translateY(102%);transition:transform var(--dur-slow) var(--ease-out);overflow:hidden}.sheet-scrim.is-open .sheet{transform:none}.sheet:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:42px;height:4px;border-radius:var(--radius-pill);background:var(--border-strong);pointer-events:none}.sheet-hd{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);letter-spacing:var(--tr-display);color:var(--text)}.sheet-hd .icon-btn{margin-left:auto}.sheet-bd{padding:var(--sp-4);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--sp-3)}.sheet-ft{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);background:#00000040;display:flex;gap:var(--sp-2)}.sheet-scrim.is-center{justify-content:center;align-items:center;padding:var(--sp-5)}.sheet-scrim.is-center .sheet{width:100%;max-width:380px;border-radius:var(--radius-xl);border:1px solid var(--border-hi);transform:translateY(16px) scale(.94);opacity:0;transition:transform var(--dur) var(--ease-back),opacity var(--dur) var(--ease-out);padding-bottom:0}.sheet-scrim.is-center.is-open .sheet{transform:none;opacity:1}.sheet-scrim.is-center .sheet:before{display:none}.rarity-common{--rc: var(--r-common);--rc-soft: var(--r-common-soft);--rc-deep: var(--r-common-deep);--rc-glow: var(--r-common-glow);color:var(--r-common)}.rarity-uncommon{--rc: var(--r-uncommon);--rc-soft: var(--r-uncommon-soft);--rc-deep: var(--r-uncommon-deep);--rc-glow: var(--r-uncommon-glow);color:var(--r-uncommon)}.rarity-rare{--rc: var(--r-rare);--rc-soft: var(--r-rare-soft);--rc-deep: var(--r-rare-deep);--rc-glow: var(--r-rare-glow);color:var(--r-rare)}.rarity-epic{--rc: var(--r-epic);--rc-soft: var(--r-epic-soft);--rc-deep: var(--r-epic-deep);--rc-glow: var(--r-epic-glow);color:var(--r-epic)}.rarity-legendary{--rc: var(--r-legendary);--rc-soft: var(--r-legendary-soft);--rc-deep: var(--r-legendary-deep);--rc-glow: var(--r-legendary-glow);color:var(--r-legendary)}.rarity-mythic{--rc: var(--r-mythic);--rc-soft: var(--r-mythic-soft);--rc-deep: var(--r-mythic-deep);--rc-glow: var(--r-mythic-glow);color:var(--r-mythic)}.rarity-legendary,.rarity-mythic{text-shadow:0 0 12px var(--rc-glow)}.tile{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:var(--radius);background:var(--grad-surface);border:1px solid var(--border);box-shadow:var(--sh-1),inset 0 1px 0 var(--edge-light);overflow:hidden;isolation:isolate;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.tile:active{transform:scale(.95)}.tile canvas,.tile img{max-width:78%;max-height:78%}.tile-empty{background:var(--grad-sunken);box-shadow:var(--sh-inset);border-style:dashed;border-color:var(--border);color:var(--text-faint);font-size:var(--fs-xl)}.tile-rarity{border-color:var(--rc, var(--r-common));background:radial-gradient(90% 70% at 50% 118%,var(--rc-soft, transparent),transparent 70%),var(--grad-surface);box-shadow:0 0 0 1px #00000080,0 0 14px var(--rc-glow, transparent),inset 0 1px 0 var(--edge-light),inset 0 -18px 24px -18px var(--rc, transparent)}.tile-rarity:after{content:"";position:absolute;top:0;right:0;border-width:0 12px 12px 0;border-style:solid;border-color:transparent var(--rc, var(--r-common)) transparent transparent;opacity:.9}.tile-rarity.rarity-legendary:before,.tile-rarity.rarity-mythic:before{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);animation:shimmer 3.4s linear infinite;pointer-events:none;z-index:1}.item-name{font-weight:var(--fw-bold);font-size:var(--fs-sm);letter-spacing:var(--tr-display)}.tile.is-upgrade:before,.item-upgrade{color:var(--good)}.tile.is-upgrade{outline:1px solid var(--good);outline-offset:-3px}.divider{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-faint);font-size:var(--fs-2xs);font-weight:var(--fw-black);letter-spacing:var(--tr-label);text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-hi),transparent)}.divider-plain:before{display:none}.divider-plain:after{display:none}.rule{height:1px;background:linear-gradient(90deg,transparent,var(--border-hi) 20%,var(--border-hi) 80%,transparent);border:0;margin:0}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-7) var(--sp-4);text-align:center;color:var(--text-mute);font-size:var(--fs-sm)}.empty-icon{font-size:40px;opacity:.35;filter:grayscale(1)}.empty-title{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg);color:var(--text-dim)}.stat-row,.kv{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:7px 0;font-size:var(--fs-sm);border-bottom:1px solid rgba(255,255,255,.045)}.stat-row:last-child,.kv:last-child{border-bottom:none}.stat-row>:first-child,.kv>:first-child{color:var(--text-mute);font-weight:var(--fw-medium);letter-spacing:var(--tr-caps);text-transform:uppercase;font-size:var(--fs-xs)}.stat-row>:last-child,.kv>:last-child{color:var(--text);font-weight:var(--fw-black);font-variant-numeric:tabular-nums}.delta-up{color:var(--good)}.delta-down{color:var(--danger)}.has-tip{position:relative}.tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);min-width:120px;max-width:220px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:#0a0d19f7;border:1px solid var(--border-hi);box-shadow:var(--sh-2);color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:var(--lh-snug);text-align:center;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) linear,transform var(--dur-fast) var(--ease-out);z-index:50}.tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--border-hi)}.has-tip:hover .tooltip,.tooltip.is-open{opacity:1;transform:translate(-50%)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:240% 100%;animation:shimmer 1.3s linear infinite;min-height:14px}.scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.scroll-x{overflow-x:auto;overflow-y:hidden;display:flex;gap:var(--sp-2);scroll-snap-type:x mandatory}.scroll-x>*{scroll-snap-align:start;flex:none}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius);background:#ffffff07;border:1px solid var(--border);transition:background var(--dur-fast) linear,transform var(--dur-fast) var(--ease-out)}.list-item+.list-item{margin-top:var(--sp-2)}.list-item:active{transform:scale(.99);background:#ffffff0f}.list-item.is-selected{border-color:#45d6c28c;box-shadow:var(--glow-accent)}.card{position:relative;border-radius:var(--radius-lg);background:var(--grad-surface);border:1px solid var(--border);box-shadow:var(--sh-2),inset 0 1px 0 var(--edge-light);padding:var(--sp-4);overflow:hidden}.switch{position:relative;width:52px;height:30px;flex:none;border-radius:var(--radius-pill);background:var(--grad-sunken);border:1px solid rgba(0,0,0,.55);box-shadow:var(--sh-inset);transition:background var(--dur) var(--ease-out),border-color var(--dur) linear}.switch>span{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#8f9ac0,#59627f);box-shadow:0 2px 5px #0009,inset 0 1px #fff6;transition:transform var(--dur) var(--ease-back),background var(--dur) linear}.switch[aria-pressed=true]{background:var(--grad-accent);border-color:#8ef4e580;box-shadow:inset 0 1px 3px #00000059,0 0 14px var(--accent-glow)}.switch[aria-pressed=true]>span{transform:translate(22px);background:linear-gradient(180deg,#fff,#cfe9e4)}.switch:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}.slider{--pct: 0%;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2) 0 var(--sp-1)}.slider-hd{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.slider-title{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text)}.slider-val{min-width:3ch;text-align:right;font-size:var(--fs-sm);font-weight:var(--fw-black);color:var(--accent-hi);font-variant-numeric:tabular-nums}.slider-track{position:relative;height:36px;display:flex;align-items:center}.slider-input{-webkit-appearance:none;appearance:none;width:100%;height:36px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}.slider-input:focus-visible{outline:none}.slider-input::-webkit-slider-runnable-track{height:8px;border-radius:var(--radius-pill);border:1px solid rgba(0,0,0,.55);box-shadow:var(--sh-inset);background:linear-gradient(90deg,var(--accent-dim),var(--accent) var(--pct),transparent var(--pct)),var(--grad-sunken)}.slider-input::-moz-range-track{height:8px;border-radius:var(--radius-pill);border:1px solid rgba(0,0,0,.55);box-shadow:var(--sh-inset);background:var(--grad-sunken)}.slider-input::-moz-range-progress{height:8px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent-dim),var(--accent))}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin-top:-11px;border-radius:50%;border:2px solid var(--accent-hi);background:linear-gradient(180deg,#fff,#cfe9e4);box-shadow:0 2px 6px #0009,0 0 14px var(--accent-glow),inset 0 1px #fff9;transition:transform var(--dur-fast) var(--ease-out)}.slider-input::-moz-range-thumb{width:28px;height:28px;border-radius:50%;border:2px solid var(--accent-hi);background:linear-gradient(180deg,#fff,#cfe9e4);box-shadow:0 2px 6px #0009,0 0 14px var(--accent-glow)}.slider-input:active::-webkit-slider-thumb{transform:scale(1.12)}.slider-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent-hi);outline-offset:3px}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:var(--radius-pill);background:var(--grad-sunken);border:1px solid rgba(0,0,0,.55);box-shadow:var(--sh-inset)}.segmented-btn{min-width:52px;height:30px;padding:0 var(--sp-3);border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-black);letter-spacing:var(--tr-caps);text-transform:uppercase;transition:background var(--dur) var(--ease-out),color var(--dur) linear,box-shadow var(--dur) linear}.segmented-btn.is-active{background:var(--grad-accent);color:var(--text-invert);border-color:#8ef4e580;box-shadow:0 0 12px var(--accent-glow),inset 0 1px #ffffff59}.segmented-btn:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}.opt-row{display:flex;align-items:center;gap:var(--sp-3);min-height:52px;padding:var(--sp-2) 0;border-bottom:1px solid rgba(255,255,255,.045)}.opt-row:last-child{border-bottom:none}.opt-row .opt-text{flex:1;min-width:0}.opt-row .opt-title{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text)}.opt-row .opt-desc{font-size:var(--fs-xs);color:var(--text-mute);line-height:var(--lh-snug)}.section-label{font-family:var(--font-display);font-size:var(--fs-2xs);font-weight:var(--fw-black);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-faint)}.rarity-sell{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--border)}.rarity-sell-label{font-size:var(--fs-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-mute)}.rarity-sell-chips{display:flex;flex-wrap:wrap;gap:6px}.rarity-sell-chip{--rc: var(--r-common);min-height:36px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--rc) 60%,transparent);background:color-mix(in srgb,var(--rc) 12%,transparent);color:var(--rc);font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;cursor:pointer}.rarity-sell-chip:active{transform:scale(.97)}.rarity-sell-chip.is-armed{background:var(--rc);color:var(--bg-0);animation:cb-pulse .9s ease-in-out infinite}.btn.is-loading{opacity:.7;cursor:progress}.btn.is-loading i{animation:spin-soft 1s linear infinite;display:inline-block}@keyframes spin-soft{to{transform:rotate(360deg)}}.mock-ad{position:absolute;inset:0;z-index:9999;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#111827 0 18px,#0b1020 18px 36px);color:#e5e7eb}.mock-ad-body{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.mock-ad-body b{font-size:28px;letter-spacing:.2em}.mock-ad-body span{font-family:monospace;opacity:.7}.mock-ad-body em{font-style:normal;font-size:64px;font-weight:800}.mock-ad-body u{text-decoration:none;font-size:12px;opacity:.6}.mock-ad-close{position:absolute;top:calc(var(--safe-top, 0px) + 14px);right:14px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#00000080;color:#fff;font-size:18px}.mock-ad.is-done .mock-ad-close{background:#16a34a}@keyframes fx-shake{0%,to{transform:translate(0)}20%{transform:translate(calc(var(--shake-amp, 8px) * -1),2px)}40%{transform:translate(var(--shake-amp, 8px),-2px)}60%{transform:translate(calc(var(--shake-amp, 8px) * -.6),1px)}80%{transform:translate(calc(var(--shake-amp, 8px) * .6),-1px)}}.is-shaking{animation:fx-shake .26s ease-out}@keyframes fx-float{0%{opacity:0;transform:translate(-50%) scale(.6)}10%{opacity:1;transform:translate(-50%,-12px) scale(1.2)}28%{transform:translate(-50%,-22px) scale(1)}75%{opacity:1;transform:translate(-50%,-44px) scale(1)}to{opacity:0;transform:translate(-50%,-70px) scale(.95)}}.float-num{position:absolute;transform:translate(-50%);font-weight:900;font-size:26px;pointer-events:none;z-index:40;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 14px currentColor;animation:fx-float 1.5s cubic-bezier(.22,1,.36,1) forwards;white-space:nowrap;font-variant-numeric:tabular-nums}.float-damage{color:#ffd9a0}.float-crit{color:#ffe066;font-size:36px}.float-heal{color:var(--good)}.float-block{color:#9fd8ff;font-size:20px}.float-miss{color:var(--text-mute);font-size:18px}.float-gold{color:var(--gold)}.float-xp{color:var(--xp)}.float-status{color:#d9a8ff;font-size:17px}.float-parry{color:#cdf4ff;font-size:30px;letter-spacing:.06em;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 22px #7fd8ff}.float-shield{color:#8fc6ff;font-size:20px}.float-hint{color:#ffb3c1;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.screen-flash{position:fixed;inset:0;pointer-events:none;opacity:0;z-index:90}.toast-host{position:absolute;top:calc(var(--safe-top) + 12px);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:80}#game-root:has(>.screen-layer[data-screen=run]) .toast-host{top:calc(var(--safe-top) + 118px)}#game-root:has(>.screen-layer[data-screen=combat]) .toast-host{top:calc(var(--safe-top) + 160px)}#game-root:has(>.screen-layer[data-screen=shop]) .toast-host,#game-root:has(>.screen-layer[data-screen=inventory]) .toast-host{top:calc(var(--safe-top) + 64px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast{background:#121628f5;border:1px solid var(--border-hi);padding:8px 16px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:700;box-shadow:var(--shadow-2);animation:toast-in .22s cubic-bezier(.22,1,.36,1);max-width:88%;text-align:center}.toast.is-out{opacity:0;transition:opacity .3s ease}.toast-good{border-color:var(--good);color:var(--good)}.toast-bad{border-color:var(--danger);color:#ff9aad}.toast-legendary{border-color:var(--r-legendary);color:var(--r-legendary)}html.reduce-motion .float-num{animation-name:fx-float-still!important;animation-duration:1.3s!important;animation-timing-function:linear!important}@keyframes fx-float-still{0%{opacity:1}75%{opacity:1}to{opacity:0}}.screen-title{overflow:hidden}.title-bg{will-change:transform;position:absolute;inset:0;width:100%;height:100%;z-index:0}.title-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(70% 40% at 50% 74%,rgba(255,168,90,.1),transparent 70%),radial-gradient(120% 70% at 50% 50%,transparent 42%,rgba(3,4,10,.5) 78%,rgba(3,4,10,.88) 100%),linear-gradient(180deg,rgba(3,4,10,.55) 0%,transparent 20%,transparent 50%,rgba(3,4,10,.78) 100%)}.title-content{position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-direction:column;padding:var(--sp-5) var(--sp-4) var(--sp-3);gap:var(--sp-2)}.title-head{flex:none;text-align:center;animation:rise-in .7s var(--ease-out) both}.title-crest{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}.title-crest-rule{width:72px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-deep),var(--gold))}.title-crest-rule:last-child{transform:scaleX(-1)}.title-crest-mark{color:var(--gold);font-size:9px;filter:drop-shadow(0 0 8px var(--gold-glow))}.title-logo{position:relative;display:inline-block;margin:0;font-family:var(--font-display);font-size:clamp(42px,14.5vw,62px);font-weight:900;letter-spacing:.14em;text-indent:.14em;line-height:1;text-transform:uppercase;color:transparent;filter:drop-shadow(0 6px 18px rgba(0,0,0,.75)) drop-shadow(0 0 28px var(--logo-glow));animation:logo-breathe 5.5s var(--ease-in-out) infinite}@keyframes logo-breathe{0%,to{filter:drop-shadow(0 6px 18px rgba(0,0,0,.75)) drop-shadow(0 0 24px var(--logo-glow))}50%{filter:drop-shadow(0 6px 18px rgba(0,0,0,.75)) drop-shadow(0 0 40px var(--logo-glow-hi))}}.title-logo:before{content:attr(data-text);position:absolute;inset:0;color:var(--logo-ink);-webkit-text-stroke:6px var(--logo-ink);transform:translateY(3px);z-index:-1}.title-logo>span{background:var(--grad-logo);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.title-logo:after{content:attr(data-text);position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.85) 50%,transparent 62%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:shimmer 5.5s linear infinite;pointer-events:none}.title-tag{margin:var(--sp-2) 0 0;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:var(--text-2);text-shadow:0 2px 8px rgba(0,0,0,.9)}.title-stage{--hero-x: 33%;position:relative;flex:1;min-height:120px}.title-rim{position:absolute;bottom:24px;left:var(--hero-x);width:250px;height:250px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#ffc4786b,#ffa05a1f 55%,#ff963c00);filter:blur(6px);z-index:0;animation:pulse-glow 4.2s var(--ease-in-out) infinite}.title-hero{position:absolute;bottom:0;left:var(--hero-x);transform:translate(-50%);z-index:2;filter:drop-shadow(0 16px 18px rgba(0,0,0,.8)) drop-shadow(0 -2px 10px rgba(255,190,120,.35))}.title-hero canvas{display:block;max-height:30vh;width:auto;image-rendering:auto;animation:float-bob 4.2s var(--ease-in-out) infinite}.title-hero-glow{position:absolute;bottom:-8px;left:var(--hero-x);transform:translate(-50%);width:220px;height:46px;border-radius:50%;background:radial-gradient(closest-side,#ffbe7866,#ff963c00);filter:blur(2px);z-index:1;animation:pulse-glow 4.2s var(--ease-in-out) infinite}.title-deck{flex:none;animation:rise-in .7s var(--ease-out) .12s both}.journey{position:relative;border-radius:var(--radius-lg);border:1px solid var(--border-hi);background:linear-gradient(170deg,#222a4ec7,#0a0d1adb);backdrop-filter:blur(12px);box-shadow:var(--sh-2),inset 0 1px 0 var(--edge-light);overflow:hidden}.journey:before{content:"";position:absolute;inset:0;background:var(--tex-hatch);opacity:.6;pointer-events:none}.journey-hd{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) 0;font-family:var(--font-display);font-size:var(--fs-2xs);font-weight:var(--fw-black);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--gold)}.journey-rule{flex:1;height:1px;background:linear-gradient(90deg,var(--gold-deep),transparent);opacity:.7}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr)}.journey-cell{display:flex;flex-direction:column;align-items:center;gap:1px;padding:var(--sp-2) var(--sp-2) var(--sp-1);position:relative}.journey-cell+.journey-cell:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:linear-gradient(180deg,transparent,var(--border-hi),transparent)}.journey-cell b{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:900;line-height:1;letter-spacing:-.01em}.journey-cell span{font-size:var(--fs-2xs);font-weight:var(--fw-black);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-mute)}.journey-cell.is-accent b{color:var(--accent-hi);text-shadow:0 0 18px var(--accent-glow)}.journey-cell.is-gold b{color:var(--gold-hi);text-shadow:0 0 18px var(--gold-glow)}.journey-cell.is-gem b{color:var(--gem-hi);text-shadow:0 0 18px rgba(124,156,255,.4)}.journey-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-1);padding:0 var(--sp-3) var(--sp-3)}.journey-new{padding-bottom:var(--sp-3)}.journey-sub{margin:var(--sp-1) 0 0;padding:0 var(--sp-3);font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--text-dim)}.title-foot{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-3);padding-top:var(--sp-1);animation:rise-in .7s var(--ease-out) .22s both}.title-foot .btn-lg{letter-spacing:.1em}.title-dock{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--radius-lg);background:linear-gradient(180deg,#141a2eb8,#080a14cc);border:1px solid var(--border);backdrop-filter:blur(10px);box-shadow:var(--sh-1),inset 0 1px 0 var(--edge-light)}.dock-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:var(--sp-1) 2px;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--text-dim);transition:background var(--dur-fast) linear,color var(--dur-fast) linear,transform var(--dur-fast) var(--ease-out)}.dock-btn i{font-style:normal;font-size:20px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.dock-btn span{font-size:var(--fs-2xs);font-weight:var(--fw-black);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dock-btn:active{background:#ffffff12;color:var(--text);transform:translateY(1px) scale(.97)}.dock-btn:focus-visible{outline:2px solid var(--accent-hi);outline-offset:-2px}.dock-btn-gold{color:var(--gold)}.dock-btn-gold i{filter:drop-shadow(0 0 8px var(--gold-glow))}.title-version{margin:0;text-align:center;font-size:var(--fs-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-faint)}.title-step{display:flex;align-items:flex-start;gap:var(--sp-3);padding:6px 4px}.title-step-icon{flex:none;width:30px;height:30px;display:grid;place-items:center;font-size:15px;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--edge-light)}.title-step-text{display:flex;flex-direction:column;gap:1px;min-width:0}.title-step-text b{font-size:var(--fs-sm);font-weight:var(--fw-black);color:var(--text);letter-spacing:var(--tr-display)}.title-step-text span{font-size:var(--fs-xs);line-height:var(--lh-snug);color:var(--text-dim)}.title-help-note{margin:0;font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--text-dim)}.stats-label{margin:var(--sp-2) 0 var(--sp-1)}.stats-label:first-child{margin-top:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.stats-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-2) var(--sp-1);border-radius:var(--radius);background:#00000047;border:1px solid var(--border);box-shadow:var(--sh-inset);text-align:center}.stats-tile i{font-style:normal;font-size:16px;line-height:1}.stats-tile b{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:900;color:var(--text);line-height:1.1}.stats-tile span{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-mute);line-height:1.2}.hunt-list{display:flex;flex-direction:column;gap:var(--sp-1)}.hunt-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius);background:#ffffff09;border:1px solid var(--border)}.hunt-rank{width:16px;text-align:center;font-size:var(--fs-xs);font-weight:var(--fw-black);color:var(--text-mute)}.hunt-face{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--grad-sunken);border:1px solid var(--border);overflow:hidden;font-size:20px}.hunt-face canvas{display:block}.hunt-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.hunt-text b{font-size:var(--fs-sm);font-weight:var(--fw-black);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hunt-bar{height:5px;border-radius:var(--radius-pill);background:#0006;overflow:hidden}.hunt-bar i{display:block;height:100%;border-radius:inherit;background:var(--grad-danger)}.hunt-count{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:900;color:var(--danger-hi)}.tip-list{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-3)}.tip{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:64px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-lg);border:1px solid var(--border-hi);background:var(--grad-surface);color:var(--text);text-align:left;box-shadow:var(--sh-1),inset 0 1px 0 var(--edge-light);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) linear}.tip:active{transform:translateY(1px) scale(.99);box-shadow:var(--sh-press)}.tip-icon{flex:none;width:44px;height:44px;display:grid;place-items:center;font-size:24px;border-radius:var(--radius);background:#0000004d;border:1px solid var(--border)}.tip-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tip-text b{font-size:var(--fs-md);font-weight:var(--fw-black)}.tip-text span{font-size:var(--fs-xs);color:var(--text-dim)}.tip-price{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.tip-price b{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:900;color:var(--gold-hi)}.tip-price span{font-size:var(--fs-2xs);font-weight:var(--fw-black);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute)}.tip-trophy{border-color:#f5bb4566;box-shadow:var(--glow-gold)}.tip-thanks{margin:var(--sp-3) 0 0;text-align:center;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-black);letter-spacing:var(--tr-display);color:var(--gold)}.tip-note{margin:var(--sp-1) 0 0;text-align:center;font-size:var(--fs-xs);color:var(--text-mute)}.settings-label{margin:var(--sp-3) 0 0}.settings-label.is-danger{color:var(--danger);margin-bottom:var(--sp-2)}@media (max-height: 700px){.title-stage{min-height:70px}.title-hero canvas{max-height:22vh}.title-rim{width:180px;height:180px}.journey-cell b{font-size:var(--fs-xl)}.dock-btn{min-height:48px}}.journey-cell b,.stats-tile b{white-space:nowrap}.screen-run{position:absolute;inset:0;overflow:hidden;background:var(--bg-0, #07080f)}.run-canvas{will-change:transform;position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.run-hud{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:none;padding:calc(var(--safe-top, 0px) + var(--sp-2, 8px)) var(--sp-3, 12px) calc(var(--safe-bottom, 0px) + var(--sp-3, 12px));gap:var(--sp-2, 8px);z-index:2}.run-hud button{pointer-events:auto}.run-top{display:flex;align-items:center;gap:var(--sp-2, 8px)}.run-hero-chip{display:flex;align-items:center;gap:var(--sp-2, 8px);padding:5px 10px 5px 5px;border-radius:var(--radius-pill, 999px);background:#090b169e;border:1px solid var(--border, #2b3352);backdrop-filter:blur(6px)}.run-lvl{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:linear-gradient(160deg,var(--accent, #4fd8c4),var(--accent-dim, #2b9e8d));color:#04120f;font-size:var(--fs-md, 14px);font-weight:800;font-variant-numeric:tabular-nums}.run-hero-meta{display:flex;flex-direction:column;gap:3px;width:96px}:where(.run-hud) :where(.bar){position:relative;height:7px;border-radius:999px;background:#ffffff1f;overflow:hidden}:where(.run-hud) :where(.bar-fill){display:block;height:100%;border-radius:inherit;background:var(--accent, #4fd8c4);transition:width .22s ease}:where(.run-hud) :where(.bar-hp) .bar-fill{background:linear-gradient(90deg,#ff4d6d,#ff8a5c)}:where(.run-hud) :where(.bar-xp) .bar-fill{background:linear-gradient(90deg,var(--xp, #8b7cff),#b6a6ff)}:where(.run-hud) :where(.chip){display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:var(--radius-pill, 999px);background:#090b169e;border:1px solid var(--border, #2b3352);font-size:var(--fs-sm, 12px);font-weight:700;font-variant-numeric:tabular-nums;backdrop-filter:blur(6px)}:where(.run-hud) :where(.icon-btn){display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius, 12px);background:#090b169e;border:1px solid var(--border, #2b3352);font-size:17px;backdrop-filter:blur(6px)}.run-hp{height:10px!important}.run-hp-txt{position:absolute;inset:0;display:grid;place-items:center;font-size:8px;font-weight:800;letter-spacing:.04em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9)}.run-purse{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.run-gold b{color:var(--gold, #f2b544)}.run-gems b{color:var(--gem, #7c9cff)}.run-actions{margin-left:auto;display:flex;gap:6px}.run-boss{display:flex;flex-direction:column;gap:3px;padding:6px 10px 7px;border-radius:var(--radius, 12px);background:#090b168c;border:1px solid var(--border, #2b3352);backdrop-filter:blur(6px);transition:border-color .3s ease,box-shadow .3s ease}.run-boss-label{display:flex;justify-content:space-between;align-items:baseline;font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--text-dim, #98a1c4)}.run-boss-count{font-variant-numeric:tabular-nums;letter-spacing:0}:where(.run-hud) :where(.bar-boss) .bar-fill{background:linear-gradient(90deg,#8a2a3d,var(--danger, #ff4d6d) 70%,#ffb0be)}.screen-run.is-boss-near .run-boss{border-color:var(--danger, #ff4d6d);box-shadow:0 0 18px #ff4d6d59}.screen-run.is-boss-near .run-boss-name{color:var(--danger, #ff4d6d);animation:run-throb 1.1s ease-in-out infinite}@keyframes run-throb{0%,to{opacity:.55}50%{opacity:1}}.run-mid{flex:1;display:flex;justify-content:center;align-items:flex-start;min-height:0}.run-biome{margin-top:2px;font-size:9px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#ffffff6b;text-shadow:0 1px 6px rgba(0,0,0,.8)}.run-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2, 8px)}.run-choose{display:inline-flex;align-items:center;gap:8px}.run-timer{--choose: 1;position:relative;display:none;width:22px;height:22px;border-radius:50%;background:conic-gradient(var(--accent-hi, #7ff0dd) calc(var(--choose) * 360deg),rgba(255,255,255,.14) 0);box-shadow:0 0 10px #7ff0dd59}.run-timer i{position:absolute;inset:4px;border-radius:50%;background:#090b16d9}.screen-run.is-choosing .run-timer{display:block}.screen-run.is-choose-late .run-timer{background:conic-gradient(var(--danger, #ff4d6d) calc(var(--choose) * 360deg),rgba(255,255,255,.14) 0);box-shadow:0 0 10px #ff4d6d73;animation:run-throb .5s ease-in-out infinite}.run-hint{font-size:var(--fs-sm, 12px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;text-shadow:0 1px 6px rgba(0,0,0,.9);animation:run-throb 1.8s ease-in-out infinite}.screen-run.is-committed .run-hint{color:var(--accent-hi, #7ff0dd);animation:none}.screen-run.is-boss .run-hint{color:var(--danger, #ff4d6d)}.run-lanes{position:absolute;left:0;right:0;bottom:0;height:46%;display:grid;grid-template-columns:1fr 1fr 1fr;pointer-events:none;opacity:.5}.run-lane{border-left:1px solid rgba(255,255,255,.05)}.run-lane:first-child{border-left:none}.screen-run.is-committed .run-lanes,.screen-run.is-boss .run-lanes{opacity:0;transition:opacity .3s ease}.run-boss-warn{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;z-index:3}.run-boss-warn span{font-size:var(--fs-xl, 22px);font-weight:900;letter-spacing:.28em;color:var(--danger, #ff4d6d);text-shadow:0 0 24px rgba(255,40,70,.8)}.run-boss-warn.is-on{animation:run-warn 2.2s ease-out forwards}@keyframes run-warn{0%{opacity:0;transform:scale(1.3)}14%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.run-hint,.screen-run.is-boss-near .run-boss-name{animation:none}}.run-vignette,.run-boss-pulse,.run-impact{position:absolute;inset:0;pointer-events:none}.run-vignette{background:radial-gradient(closest-side circle at 50% 50%,transparent 0%,transparent 36%,rgba(0,0,0,.55) 100%);background-size:100% 100%}.run-boss-pulse{opacity:0;will-change:opacity;background:radial-gradient(farthest-side circle at 50% 45%,transparent 25%,rgba(255,40,70,.34) 100%)}.run-impact{opacity:0;will-change:opacity;background:#fff}.screen-combat{position:absolute;inset:0;overflow:hidden;background:var(--bg-0);display:flex;flex-direction:column}.cb-canvas{will-change:transform;position:absolute;inset:0;width:100%;height:100%;display:block}.cb-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 70% at 50% 42%,transparent 40%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 22%,transparent 58%,rgba(0,0,0,.72) 100%)}.cb-top{position:relative;z-index:var(--z-content);padding:calc(var(--safe-top) + var(--sp-3)) var(--sp-3) 0;display:flex;flex-direction:column;gap:var(--sp-2)}.cb-enemy-card{background:linear-gradient(180deg,#0a0d19d1,#0a0d1980);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3) var(--sp-3);backdrop-filter:blur(8px);box-shadow:var(--sh-2)}.cb-enemy-line{display:flex;align-items:center;gap:var(--sp-2);min-height:22px}.cb-enemy-name{letter-spacing:var(--tr-display);color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:0;padding:0;text-align:left;font:inherit;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);cursor:pointer}.cb-enemy-name u{text-decoration:none;font-size:var(--fs-xs);color:var(--accent);vertical-align:middle;margin-left:2px}.cb-tag{font-size:var(--fs-2xs);font-weight:var(--fw-black);letter-spacing:var(--tr-label);padding:2px 6px;border-radius:var(--radius-xs);background:var(--grad-danger);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.screen-combat.is-elite .cb-tag{background:linear-gradient(165deg,#d3a4ff,#8b45d6)}.cb-enemy-title{font-size:var(--fs-xs);color:var(--text-dim);font-style:italic;margin:2px 0 var(--sp-2)}.cb-enemy-hp{margin-top:var(--sp-1);position:relative}.cb-shield{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:repeating-linear-gradient(115deg,#a0d2ff8c 0 4px,#78b4ff47 4px 9px);box-shadow:0 0 10px #8cc8ff80;opacity:0;transition:opacity var(--dur),width var(--dur);pointer-events:none}.cb-shield.is-on{opacity:1}.cb-phase{text-align:center;font-size:var(--fs-2xs);letter-spacing:var(--tr-label);color:var(--r-legendary);text-transform:uppercase;min-height:12px;margin-top:var(--sp-1)}.cb-threat{font-size:var(--fs-2xs);font-weight:var(--fw-black);letter-spacing:var(--tr-caps);text-transform:uppercase;padding:3px 8px;white-space:nowrap}.threat-0{color:var(--text-mute);border-color:var(--border)}.threat-1{color:var(--good);border-color:var(--good-deep)}.threat-2{color:var(--gold);border-color:var(--gold-deep)}.threat-3{color:#ff9a5a;border-color:#7a3a12}.threat-4{color:#fff;background:var(--grad-danger);border-color:transparent;animation:cb-pulse 1.1s ease-in-out infinite}.cb-intent{align-self:flex-end;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-pill);background:linear-gradient(180deg,#180c12e6,#0e080cc7);border:1px solid rgba(255,120,140,.28);box-shadow:var(--sh-1);backdrop-filter:blur(6px)}.cb-intent-icon{font-size:20px;line-height:1;filter:drop-shadow(0 0 6px var(--danger-glow))}.cb-intent-body{display:flex;flex-direction:column;line-height:var(--lh-tight)}.cb-intent-label{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text)}.cb-intent-sub{font-size:var(--fs-2xs);color:var(--danger-hi);font-style:normal;letter-spacing:var(--tr-caps)}.screen-combat.is-threatened .cb-intent{animation:cb-pulse .9s ease-in-out infinite;border-color:var(--danger)}.cb-status{display:flex;flex-wrap:wrap;gap:4px;min-height:20px;margin-top:var(--sp-1)}.cb-st{--st: var(--text-dim);font:inherit;cursor:pointer;display:inline-flex;align-items:baseline;gap:3px;padding:1px 6px 2px;border-radius:var(--radius-pill);font-size:var(--fs-2xs);background:color-mix(in srgb,var(--st) 18%,transparent);border:1px solid color-mix(in srgb,var(--st) 45%,transparent);color:var(--st)}.cb-st i{font-style:normal;font-size:10px}.cb-st b{font-weight:var(--fw-black)}.cb-st u{text-decoration:none;opacity:.6;font-size:9px}.cb-turn-banner{position:absolute;left:0;right:0;top:38%;z-index:var(--z-content);display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);pointer-events:none;opacity:0;transform:translate(-40px);transition:opacity .18s var(--ease-out),transform .26s var(--ease-out);background:linear-gradient(90deg,transparent,rgba(6,8,16,.78) 18%,rgba(6,8,16,.78) 82%,transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cb-turn-banner.is-foe{transform:translate(40px)}.cb-turn-banner.is-on{opacity:1;transform:none}.cb-turn-banner i{font-style:normal;font-size:24px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.cb-turn-banner u{text-decoration:none;font-size:var(--fs-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--accent-hi)}.cb-turn-banner.is-foe u{color:var(--danger-hi)}.cb-turn-banner b{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black);letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.9)}.cb-turn-banner.is-on b{animation:cb-banner-in .32s var(--ease-back)}.cb-strip{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:26px;padding:3px 10px;border-radius:var(--radius-pill);background:#0608108c;border:1px solid transparent;color:var(--text-2);font:inherit;font-size:var(--fs-xs);text-align:left;cursor:pointer;backdrop-filter:blur(4px);transition:border-color .2s}.cb-strip:active{transform:scale(.99)}.cb-strip-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.3}.cb-strip-text:empty:before{content:"…";opacity:.4}.cb-strip-glyph{font-style:normal;font-size:13px;opacity:.7;flex:none}.cb-strip.is-new .cb-strip-text{animation:cb-log-in .26s var(--ease-back)}.cb-strip:has(.is-you){border-color:#45d6c24d}.cb-strip:has(.is-foe),.cb-strip:has(.is-bad){border-color:#ff4d6d59}.cb-strip:has(.is-parry){border-color:#7fd8ff8c}.cb-strip-text.is-parry{color:#cdf4ff}.cb-strip-text.is-crit{color:var(--gold-hi)}.cb-strip-text.is-good{color:var(--good-hi)}.cb-bottom{position:relative;z-index:var(--z-content);margin-top:auto;padding:var(--sp-3) var(--sp-3) calc(var(--safe-bottom) + var(--sp-3));display:flex;flex-direction:column;gap:var(--sp-2);background:linear-gradient(180deg,transparent,rgba(6,8,16,.86) 26%,rgba(6,8,16,.96))}.cb-hero-card{display:flex;flex-direction:column;gap:var(--sp-1)}.cb-hero-line{display:flex;align-items:center;gap:var(--sp-2)}.cb-hero-name{font-size:var(--fs-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-mute)}.cb-hero-line .cb-status{margin:0}.cb-energy-row{display:flex;align-items:center;gap:var(--sp-2)}.cb-energy-label{font-size:var(--fs-2xs);letter-spacing:var(--tr-label);color:var(--energy);font-weight:var(--fw-bold)}.cb-pips{flex:1;display:flex;gap:3px}.cb-pips>i{flex:1;height:9px;border-radius:3px;background:var(--grad-sunken);border:1px solid rgba(0,0,0,.55);box-shadow:var(--sh-inset);transition:background var(--dur),box-shadow var(--dur)}.cb-pips>i.is-on{background:var(--grad-energy);border-color:#ffc46b8c;box-shadow:0 0 8px #ffb1448c}.cb-energy-txt{font-family:var(--font-num);font-size:var(--fs-xs);color:var(--energy-hi);min-width:34px;text-align:right}.cb-hero-shield-txt,.cb-enemy-shield-txt{display:none;font-family:var(--font-num);font-size:var(--fs-xs);font-weight:var(--fw-black);color:var(--gem-hi);text-shadow:0 0 8px rgba(140,200,255,.6);padding:0 6px;border-radius:var(--radius-pill);border:1px solid rgba(140,200,255,.35);background:#3c6ec838;line-height:16px}.cb-hero-shield-txt.is-on,.cb-enemy-shield-txt.is-on{display:inline-block;animation:cb-log-in .26s var(--ease-back)}.cb-enemy-sub{display:flex;align-items:center;justify-content:space-between;min-height:16px;margin-top:var(--sp-1)}.cb-enemy-sub .cb-phase{margin-top:0;flex:1;text-align:left}.cb-vital{overflow:hidden}.cb-bar-ghost{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:#ffffff40;z-index:0}.cb-bar-ghost.is-dmg{background:linear-gradient(180deg,#fff6f7,#ffd2d9 60%,#ff9aa8);box-shadow:0 0 12px #ffdce2e6}.cb-bar-ghost.is-heal{background:linear-gradient(180deg,#d9ffe6,#7df0a8 60%,#2fb86a);box-shadow:0 0 12px #56e08ccc}.cb-vital .bar-fill{z-index:1}.cb-vital .cb-shield{z-index:2}.cb-vital .bar-label{z-index:3}.cb-hero-hp .bar-fill{background:var(--grad-hp);box-shadow:0 0 10px #f0453f66}.cb-vital.is-low .bar-fill{animation:cb-pulse .9s ease-in-out infinite}.cb-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--sp-2)}.cb-act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:66px;padding:var(--sp-2) 2px;position:relative;overflow:hidden}.cb-act i{font-style:normal;font-size:20px;line-height:1.1}.cb-act b{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.01em;text-align:center;line-height:1.15}.cb-act u{text-decoration:none;font-size:9px;color:var(--energy);opacity:.85}.cb-act-basic u{color:var(--good)}.cb-act s{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-decoration:none;font-family:var(--font-num);font-size:var(--fs-xl);font-weight:var(--fw-black);color:var(--text);background:#04060ebd;backdrop-filter:grayscale(1)}.cb-act.is-cooling s{display:flex}.cb-act.is-poor{opacity:.42}.cb-act.is-locked{opacity:.5;filter:saturate(.5)}.cb-minor{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.cb-fx-fire{--tint: #ff8a3d}.cb-fx-frost{--tint: #7fd8ff}.cb-fx-arcane{--tint: #b98cff}.cb-fx-holy{--tint: #ffe08a}.cb-fx-poison{--tint: #8ce05a}.cb-fx-shadow{--tint: #a06bd6}.cb-fx-slash,.cb-fx-pierce,.cb-fx-blunt{--tint: #c9d3ee}.cb-act-ability{border-color:color-mix(in srgb,var(--tint, #c9d3ee) 35%,transparent);box-shadow:inset 0 -18px 24px -20px var(--tint, #c9d3ee),var(--sh-1)}.cb-act-ability i{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--tint, #fff) 60%,transparent))}.cb-intro{position:absolute;inset:0;z-index:var(--z-sheet);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);pointer-events:none;opacity:0;transition:opacity var(--dur-slow) var(--ease-out);background:radial-gradient(70% 40% at 50% 50%,rgba(0,0,0,.6),transparent 70%)}.cb-intro.is-on{opacity:1}.cb-intro-name{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-black);letter-spacing:var(--tr-display);color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.9),0 0 30px var(--danger-glow);animation:cb-intro-in .5s var(--ease-back);text-align:center;padding:0 var(--sp-4)}.cb-intro-sub{font-size:var(--fs-sm);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--danger-hi)}.screen-combat.is-boss .cb-intro-name{text-shadow:0 4px 18px rgba(0,0,0,.9),0 0 40px var(--r-legendary-glow)}.cb-end{position:absolute;inset:0;z-index:var(--z-sheet);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);pointer-events:none}.screen-combat.is-over .cb-end{pointer-events:auto}.screen-combat.is-over .cb-end:before{content:"";position:absolute;inset:0;background:#04060e9e;backdrop-filter:blur(3px)}.cb-end-banner{position:relative;font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:var(--fw-black);letter-spacing:.08em;opacity:0;transform:scale(1.35);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-back)}.cb-end-banner.is-on{opacity:1;transform:scale(1)}.is-win .cb-end-banner{color:var(--gold-hi);text-shadow:0 0 34px var(--gold-glow)}.is-lose .cb-end-banner{color:var(--danger-hi);text-shadow:0 0 34px var(--danger-glow)}.is-flee .cb-end-banner{color:var(--text-2);font-size:var(--fs-2xl)}.cb-end-panel{position:relative;width:min(320px,88%);display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);opacity:0;transform:translateY(14px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.cb-end-panel.is-on{opacity:1;transform:none}.cb-end-line{font-size:var(--fs-sm);color:var(--text-2);line-height:var(--lh-body)}.cb-end-cost{font-family:var(--font-num);font-size:var(--fs-lg);color:var(--danger-hi);text-align:center;margin-top:var(--sp-2)}.cb-revive u{text-decoration:none;display:block;font-size:var(--fs-2xs);opacity:.75;letter-spacing:var(--tr-caps)}.cb-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);margin-bottom:var(--sp-2)}.cb-sum-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-2) 0;border-radius:var(--radius-sm);background:#00000047;border:1px solid var(--border)}.cb-sum-cell b{font-family:var(--font-num);font-size:var(--fs-xl);font-weight:var(--fw-black);color:var(--text)}.cb-sum-cell u{text-decoration:none;font-size:var(--fs-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-mute)}.cb-sum-cell.is-you b{color:var(--accent-hi)}.cb-sum-cell.is-bad b{color:var(--danger-hi)}.cb-sum-cell.is-parry b{color:#cdf4ff}.cb-end-warn{color:var(--r-legendary);border-left:2px solid var(--r-legendary);padding-left:var(--sp-2)}.cb-end-log u{text-decoration:none;font-size:var(--fs-2xs);color:var(--text-mute);margin-left:var(--sp-2)}.cb-sheet-scrim{z-index:calc(var(--z-sheet) + 2)}.cb-sheet{max-height:80%}.cb-log-scrim .sheet-bd{gap:var(--sp-2)}.cb-log-round h4{margin:var(--sp-2) 0 var(--sp-1);font-size:var(--fs-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-mute);display:flex;align-items:center;gap:var(--sp-2)}.cb-log-round h4:after{content:"";flex:1;height:1px;background:var(--border)}.cb-log-line{display:flex;align-items:flex-start;gap:var(--sp-2);padding:5px 8px;border-radius:var(--radius-sm);font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--text-2);border-left:2px solid transparent;font-variant-numeric:tabular-nums}.cb-log-line i{font-style:normal;width:18px;flex:none;text-align:center;font-size:13px}.cb-log-line span{flex:1;min-width:0}.cb-log-line.is-you{border-left-color:var(--accent);background:#45d6c20f}.cb-log-line.is-crit{border-left-color:var(--gold);background:#f5bb4514;color:var(--gold-hi)}.cb-log-line.is-foe{border-left-color:var(--danger);background:#ff4d6d0f}.cb-log-line.is-bad{border-left-color:var(--danger-dim);color:var(--danger-hi)}.cb-log-line.is-good{border-left-color:var(--good);color:var(--good-hi)}.cb-log-line.is-parry{border-left-color:#7fd8ff;background:#7fd8ff1a;color:#cdf4ff;font-weight:var(--fw-bold)}.cb-log-line.is-note{color:var(--text-dim);font-style:italic}.cb-info-title{color:var(--text-dim);font-style:italic;font-size:var(--fs-sm);margin:0}.cb-info-block h4{margin:0 0 var(--sp-2);font-size:var(--fs-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-mute)}.cb-info-row{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:#00000040;border:1px solid var(--border);margin-bottom:var(--sp-2)}.cb-info-row i{font-style:normal;font-size:20px;line-height:1.2;width:26px;text-align:center;flex:none}.cb-info-row span{display:flex;flex-direction:column;gap:2px;min-width:0}.cb-info-row b{font-size:var(--fs-sm);color:var(--text)}.cb-info-row b em{font-style:normal;font-weight:var(--fw-regular);color:var(--text-mute);font-size:var(--fs-xs);margin-left:4px}.cb-info-row u{text-decoration:none;font-size:var(--fs-xs);color:var(--text-dim);line-height:var(--lh-snug)}.cb-phase-row i{font-family:var(--font-num);font-weight:var(--fw-black);color:var(--text-mute)}.cb-phase-row.is-now{border-color:var(--r-legendary);background:var(--r-legendary-soft)}.cb-phase-row.is-now i{color:var(--r-legendary)}.cb-phase-row.is-past{opacity:.55}.cb-item-sheet{z-index:calc(var(--z-sheet) + 1)}.cb-item-row{display:flex;align-items:center;gap:var(--sp-3);text-align:left;padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2)}.cb-item-row i{font-style:normal;font-size:22px}.cb-item-row span{flex:1;min-width:0;display:flex;flex-direction:column}.cb-item-row b{font-size:var(--fs-sm)}.cb-item-row u{text-decoration:none;font-size:var(--fs-2xs);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-item-row em{font-style:normal;font-family:var(--font-num);color:var(--text-dim)}.cb-empty{padding:var(--sp-5) var(--sp-3);text-align:center;color:var(--text-mute);font-size:var(--fs-sm)}.screen-combat.is-phase .cb-canvas{filter:saturate(1.6) brightness(1.25)}@keyframes cb-pulse{0%,to{box-shadow:0 0 0 0 var(--danger-glow)}50%{box-shadow:0 0 14px 2px var(--danger-glow)}}@keyframes cb-log-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@keyframes cb-banner-in{0%{opacity:0;transform:scale(1.3);letter-spacing:.2em}to{opacity:1;transform:scale(1);letter-spacing:.06em}}@keyframes cb-pad-pulse{0%,to{box-shadow:0 0 12px #7fd8ff40,inset 0 1px 0 var(--edge-light)}50%{box-shadow:0 0 28px #7fd8ff99,inset 0 1px 0 var(--edge-light)}}@keyframes cb-intro-in{0%{opacity:0;transform:scale(1.5);letter-spacing:.3em}to{opacity:1;transform:scale(1);letter-spacing:var(--tr-display)}}@media (prefers-reduced-motion: reduce){.cb-strip.is-new .cb-strip-text,.cb-turn-banner.is-on b,.cb-vital.is-low .bar-fill,.cb-intro-name,.threat-4,.screen-combat.is-threatened .cb-intent{animation:none}}.screen-inventory{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--grad-page);overflow:hidden}.inv-header{display:flex;align-items:center;gap:var(--sp-2);padding:calc(var(--safe-top) + var(--sp-2)) var(--sp-3) var(--sp-2);border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-2),transparent)}.inv-title{display:flex;flex-direction:column;line-height:var(--lh-tight);flex:1;min-width:0}.inv-title b{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black)}.inv-title span{font-size:var(--fs-2xs);color:var(--text-mute);letter-spacing:var(--tr-label);text-transform:uppercase}.inv-purse{display:flex;gap:var(--sp-1)}.inv-purse .chip{font-size:var(--fs-xs);padding:3px 8px}.inv-back{font-size:var(--fs-xl)}.paperdoll{display:grid;grid-template-columns:1fr minmax(0,1.15fr) 1fr;gap:var(--sp-2);padding:var(--sp-3);align-items:start;background:radial-gradient(80% 60% at 50% 30%,rgba(69,214,194,.08),transparent 70%),linear-gradient(180deg,var(--bg-1),var(--bg-0));border-bottom:1px solid var(--border)}.doll-col{display:flex;flex-direction:column;gap:var(--sp-2)}.doll-slot{--rc: var(--border-hi);display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:5px;padding:6px;min-height:46px;text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--grad-sunken);color:var(--text-2);cursor:pointer;transition:border-color var(--dur),transform var(--dur-fast)}.doll-slot:active{transform:scale(.97)}.doll-slot.is-filled{border-color:color-mix(in srgb,var(--rc) 55%,transparent);box-shadow:inset 0 0 14px -6px var(--rc)}.ds-icon{font-size:18px;line-height:1;text-align:center}.ds-empty{opacity:.35;filter:grayscale(1)}.ds-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.ds-slot{font-size:8.5px;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-faint)}.ds-name{font-size:var(--fs-2xs);line-height:1.15;color:var(--rc);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.ds-vacant{color:var(--text-faint);font-style:italic}.ds-power{font-family:var(--font-num);font-size:var(--fs-2xs);color:var(--text-dim)}.doll-centre{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.doll-portrait{width:100%;display:flex;justify-content:center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}.doll-quick{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;width:100%;font-size:var(--fs-xs);font-family:var(--font-num);color:var(--text-2)}.doll-quick span{display:flex;align-items:center;gap:4px}.doll-quick i{font-style:normal;opacity:.8}.doll-quick .q-power{color:var(--accent);grid-column:1 / -1}.inv-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:var(--sp-2) var(--sp-3) 0;background:var(--bg-0)}.inv-tab{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px 8px;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-mute);font-size:var(--fs-2xs);letter-spacing:var(--tr-caps);cursor:pointer;transition:color var(--dur),border-color var(--dur)}.inv-tab i{font-style:normal;font-size:17px}.inv-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.tab-count{font-family:var(--font-num);font-size:9px;color:var(--text-faint)}.inv-panel{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--sp-3) var(--sp-3) calc(var(--safe-bottom) + var(--sp-6));display:flex;flex-direction:column;gap:var(--sp-3)}.inv-panel>*{flex:none}.bag-tools{display:flex;flex-direction:column;gap:var(--sp-2)}.tool-row{display:flex;align-items:center;gap:var(--sp-1);flex-wrap:wrap}.tool-row-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.tool-row-scroll::-webkit-scrollbar{display:none}.tool-label{font-size:var(--fs-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-mute);margin-right:2px}.chip-tap{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);white-space:nowrap}.chip-tap.is-on{color:var(--text-invert);background:var(--grad-accent);border-color:transparent;font-weight:var(--fw-bold)}.bag-junk{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-dim)}.bag-grid,.picker-grid,.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--sp-2)}.bag-empty{aspect-ratio:1;border-radius:var(--radius-sm);border:1px dashed var(--border);background:#0003}.bag-hint{grid-column:1 / -1;padding:var(--sp-5) var(--sp-3);text-align:center;color:var(--text-mute);font-size:var(--fs-sm)}.item-tile{--rc: var(--r-common);position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);background:radial-gradient(80% 70% at 50% 25%,color-mix(in srgb,var(--rc) 22%,transparent),transparent 70%),var(--grad-surface);cursor:pointer;overflow:hidden;transition:transform var(--dur-fast) var(--ease-back),box-shadow var(--dur)}.item-tile:active{transform:scale(.94)}.item-tile.is-selected{box-shadow:0 0 0 2px var(--rc)}.item-tile.is-unaffordable{opacity:.45;filter:grayscale(.7)}.tile-glow{position:absolute;inset:-40% -40% auto;height:90%;background:radial-gradient(60% 60% at 50% 50%,color-mix(in srgb,var(--rc) 45%,transparent),transparent 70%);pointer-events:none}.tile-icon{font-size:30px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.tile-power{position:absolute;right:4px;bottom:3px;font-family:var(--font-num);font-size:10px;color:var(--text-2)}.tile-up{position:absolute;left:4px;top:3px;font-size:10px;color:var(--good)}.tile-eq{position:absolute;left:4px;bottom:3px;font-size:9px;font-weight:var(--fw-black);color:var(--accent)}.tile-badge{position:absolute;right:4px;top:3px;font-size:9px;color:var(--gold)}.tile-price{position:absolute;inset:auto 0 0;padding:2px 0;text-align:center;font-family:var(--font-num);font-size:10px;color:var(--gold-hi);background:#0000008c}.item-detail{--rc: var(--r-common);display:flex;flex-direction:column;gap:var(--sp-3)}.detail-head{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-3);align-items:center}.detail-icon{font-size:34px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);background:radial-gradient(70% 70% at 50% 30%,color-mix(in srgb,var(--rc) 25%,transparent),transparent)}.detail-titles{display:flex;flex-direction:column;min-width:0}.detail-name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--rc)}.detail-sub{font-size:var(--fs-2xs);color:var(--text-mute)}.detail-power{display:flex;flex-direction:column;align-items:center}.detail-power b{font-family:var(--font-num);font-size:var(--fs-xl);color:var(--text)}.detail-power i{font-style:normal;font-size:9px;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-faint)}.detail-quality{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-2);font-size:var(--fs-2xs);color:var(--text-mute)}.detail-quality .bar{height:5px}.detail-quality .bar-fill{background:var(--grad-accent)}.q-pct{font-family:var(--font-num);color:var(--text-2)}.detail-stats{display:flex;flex-direction:column;gap:2px}.s-icon{width:18px;text-align:center;opacity:.85}.s-label{flex:1;color:var(--text-dim);font-size:var(--fs-xs)}.s-value{font-family:var(--font-num);font-size:var(--fs-sm);color:var(--text)}.detail-stats>*{display:flex;align-items:center;gap:var(--sp-2)}.detail-ability,.detail-set{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-sunken);font-size:var(--fs-xs);color:var(--text-2);line-height:var(--lh-snug)}.detail-ability b,.detail-set b{display:block;color:var(--accent);margin-bottom:2px}.detail-ability span,.detail-set span{display:block;color:var(--text-mute);font-size:var(--fs-2xs)}.detail-tag{font-size:var(--fs-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--accent);display:block;margin-bottom:2px}.detail-set{--el: var(--accent);text-transform:none;letter-spacing:normal;border-color:color-mix(in srgb,var(--el) 40%,transparent)}.detail-set-head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:2px}.detail-set-head b{display:inline;margin:0;color:var(--el);font-size:var(--fs-sm)}.detail-set-worn{font-style:normal;margin-left:auto;font-family:var(--font-num);font-size:var(--fs-2xs);color:var(--text-2)}.detail-set-bonuses{display:flex;flex-direction:column;gap:2px;margin-top:6px}.detail-set-bonuses em{font-style:normal;font-size:var(--fs-2xs);color:var(--text-faint);padding-left:8px;border-left:2px solid var(--border);line-height:var(--lh-snug)}.detail-set-bonuses em.is-on{color:var(--el);border-left-color:var(--el)}.detail-compare{display:flex;flex-direction:column;gap:2px}.cmp-head{font-size:var(--fs-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-mute)}.cmp-rows{display:flex;flex-direction:column;gap:2px}.cmp-row{display:grid;grid-template-columns:18px 1fr auto 12px auto minmax(48px,auto);align-items:center;gap:var(--sp-2);font-size:var(--fs-xs)}.cmp-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:var(--sp-2);margin-top:var(--sp-1);border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-mute)}.cmp-total b{font-family:var(--font-num);font-size:var(--fs-md);color:var(--text)}.cmp-total.is-up b{color:var(--good)}.cmp-total.is-down b{color:var(--danger)}.cmp-none{font-size:var(--fs-xs);color:var(--text-mute);font-style:italic}.s-from{color:var(--text-faint);font-family:var(--font-num)}.s-arrow{color:var(--text-faint)}.s-to{color:var(--text);font-family:var(--font-num)}.s-diff{font-family:var(--font-num)}.s-diff.delta-up{color:var(--good)}.s-diff.delta-down{color:var(--danger)}.sheet-scrim{position:absolute;inset:0;z-index:var(--z-sheet);display:flex;align-items:flex-end;background:#04060e00;backdrop-filter:blur(0px);transition:background var(--dur) ease,backdrop-filter var(--dur) ease}.sheet-scrim.is-open{background:#04060e99;backdrop-filter:blur(4px)}.sheet{width:100%;max-height:82%;display:flex;flex-direction:column;padding:var(--sp-2) var(--sp-3) calc(var(--safe-bottom) + var(--sp-3));border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:1px solid var(--border-hi);background:var(--grad-surface-hi);box-shadow:var(--sh-3);transform:translateY(100%);transition:transform var(--dur-slow) var(--ease-out)}.sheet-scrim.is-open .sheet,.sheet.is-on{transform:none}.sheet-grip{width:38px;height:4px;border-radius:var(--radius-pill);background:var(--border-strong);margin:0 auto var(--sp-3);flex:none}.sheet-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-actions{display:flex;gap:var(--sp-2);padding-top:var(--sp-3);flex:none}.sheet-actions .btn{flex:1;min-width:0;padding-inline:var(--sp-2)}.btn-need{display:flex;flex-direction:column;align-items:center;line-height:1.1}.btn-need i{font-style:normal;font-size:9px;letter-spacing:var(--tr-caps);opacity:.7}.picker-head{font-size:var(--fs-sm);font-weight:var(--fw-bold);margin-bottom:var(--sp-3)}.picker-empty{padding:var(--sp-5) 0;text-align:center;color:var(--text-mute);font-size:var(--fs-sm)}.stat-card{padding:var(--sp-3);display:flex;flex-direction:column;gap:6px}.card-head{font-size:var(--fs-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-mute);margin-bottom:var(--sp-1)}.stat-line{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--text-dim)}.stat-line b{font-family:var(--font-num);color:var(--text)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.stat-cell{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:4px;padding:6px 8px;border-radius:var(--radius-xs);background:var(--surface-sunken);font-size:var(--fs-xs);color:var(--text-dim)}.stat-cell i{font-style:normal;opacity:.8}.stat-cell b{font-family:var(--font-num);color:var(--text)}.set-intro{padding:var(--sp-3);display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);color:var(--text-dim);line-height:var(--lh-snug)}.set-intro b{font-size:var(--fs-md);color:var(--text);font-family:var(--font-display)}.inv-empty{align-items:center;text-align:center;padding:var(--sp-6) var(--sp-4)}.inv-empty i{font-style:normal;font-size:40px;opacity:.4;filter:grayscale(1)}.el-badge{--el: var(--accent);--el-soft: var(--accent-glow);display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 8px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--el) 55%,transparent);background:var(--el-soft);color:var(--el);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--tr-caps);text-transform:uppercase;white-space:nowrap;line-height:1}.set-card{--el: var(--accent);--el-soft: var(--accent-glow);padding:0;display:flex;flex-direction:column;opacity:.78;overflow:hidden;transition:opacity var(--dur),border-color var(--dur)}.set-card.is-active{opacity:1;border-color:color-mix(in srgb,var(--el) 45%,transparent)}.set-card.is-open{opacity:1}.set-head{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--sp-2);align-items:center;width:100%;min-height:56px;padding:var(--sp-2) var(--sp-3);border:0;background:none;color:inherit;text-align:left;cursor:pointer}.set-head:active{background:#ffffff0a}.set-icon{font-size:24px;line-height:1}.set-titles{display:flex;flex-direction:column;min-width:0;line-height:var(--lh-snug)}.set-titles b{font-size:var(--fs-sm);color:var(--text)}.set-titles span{font-size:var(--fs-2xs);color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.set-count{font-family:var(--font-num);font-size:var(--fs-md);color:var(--el);line-height:1}.set-count i{font-style:normal;font-size:var(--fs-2xs);color:var(--text-faint)}.set-chev{color:var(--text-mute);font-size:14px;transition:transform var(--dur-slow) var(--ease-out)}.set-card.is-open .set-chev{transform:rotate(180deg)}.set-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-slow) var(--ease-out)}.set-card.is-open .set-body{grid-template-rows:1fr}.set-body-in{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:var(--sp-2);padding:0 var(--sp-3);opacity:0;transition:opacity var(--dur) ease,padding var(--dur-slow) var(--ease-out)}.set-card.is-open .set-body-in{padding-bottom:var(--sp-3);opacity:1}.set-pieces{display:flex;flex-direction:column;gap:4px}.set-piece{--rc: var(--text-faint);display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:var(--sp-2);min-height:44px;padding:4px var(--sp-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-sunken);color:var(--text-dim);text-align:left;cursor:pointer}.set-piece:disabled{cursor:default;opacity:.6}.sp-icon{font-style:normal;font-size:20px;text-align:center;filter:grayscale(1);opacity:.45}.sp-text{display:flex;flex-direction:column;min-width:0;line-height:var(--lh-snug)}.sp-text b{font-size:var(--fs-xs);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-text span{font-size:var(--fs-2xs);color:var(--text-faint)}.sp-state{font-style:normal;font-size:var(--fs-2xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.set-piece.is-owned{border-color:var(--border-hi)}.set-piece.is-owned .sp-icon,.set-piece.is-worn .sp-icon{filter:none;opacity:1}.set-piece.is-owned .sp-text b{color:var(--rc)}.set-piece.is-owned .sp-state{color:var(--text-2)}.set-piece.is-worn{border-color:color-mix(in srgb,var(--el) 55%,transparent);background:linear-gradient(90deg,var(--el-soft),transparent 70%)}.set-piece.is-worn .sp-text b{color:var(--rc)}.set-piece.is-worn .sp-state{color:var(--el)}.set-bonuses{display:flex;flex-direction:column;gap:4px}.set-bonus{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-2);padding:6px var(--sp-2);border-radius:var(--radius-xs);border:1px dashed var(--border);font-size:var(--fs-xs);color:var(--text-mute);line-height:var(--lh-snug)}.set-bonus b{font-family:var(--font-num);font-size:var(--fs-2xs);color:var(--text-faint)}.set-bonus em{font-style:normal;font-size:var(--fs-2xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.set-bonus span i{font-style:normal;color:var(--text-2);margin-right:4px}.set-bonus.is-on{border-style:solid;border-color:color-mix(in srgb,var(--el) 55%,transparent);background:var(--el-soft);color:var(--text)}.set-bonus.is-on b,.set-bonus.is-on em{color:var(--el)}.talent-card{gap:var(--sp-2)}.talent-card.has-points{border-color:var(--accent-dim);box-shadow:var(--glow-accent)}.talent-head{display:flex;align-items:center;justify-content:space-between}.talent-head .card-head{margin:0}.talent-points{display:flex;align-items:baseline;gap:6px}.talent-points b{font-family:var(--font-num);font-size:var(--fs-2xl);line-height:1;color:var(--text-mute)}.talent-card.has-points .talent-points b{color:var(--accent-hi);text-shadow:0 0 14px var(--accent-glow)}.talent-points i{font-style:normal;font-size:var(--fs-2xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--text-mute)}.talent-row{display:grid;grid-template-columns:26px 1fr auto 46px;align-items:center;gap:var(--sp-2);min-height:48px;padding:4px 0 4px var(--sp-1);border-top:1px solid var(--border)}.t-icon{font-style:normal;font-size:18px;text-align:center;opacity:.9}.t-text{display:flex;flex-direction:column;min-width:0;line-height:var(--lh-snug)}.t-text b{font-size:var(--fs-sm);color:var(--text)}.t-text span{font-size:var(--fs-2xs);color:var(--text-mute)}.t-rank{display:flex;flex-direction:column;align-items:center;line-height:1}.t-rank b{font-family:var(--font-num);font-size:var(--fs-lg);color:var(--text-2)}.t-rank i{font-style:normal;font-size:8.5px;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-faint)}.talent-plus{min-height:44px;width:46px;padding:0;font-size:var(--fs-xl);font-weight:var(--fw-black);line-height:1}.stat-note{font-size:var(--fs-2xs);color:var(--text-mute);line-height:var(--lh-snug)}.inv-tab{position:relative}.tab-dot{position:absolute;top:4px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);animation:tab-dot-pulse 1.6s var(--ease-in-out) infinite}.doll-points{height:26px;cursor:pointer;font-size:var(--fs-2xs);box-shadow:0 0 12px var(--accent-glow)}@keyframes tab-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.7}}@media (prefers-reduced-motion: reduce){.tab-dot{animation:none}.set-body,.set-body-in,.set-chev{transition:none}}.cons-card{--rc: var(--r-common);display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);min-height:64px;border-color:color-mix(in srgb,var(--rc) 40%,transparent)}.cons-body{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:var(--lh-snug)}.cons-body>b{font-size:var(--fs-sm);color:var(--rc)}.cons-body>span{font-size:var(--fs-2xs);color:var(--text-dim)}.cons-card .btn{min-height:44px}.cons-icon{font-size:26px;text-align:center}.cons-count{font-family:var(--font-num);color:var(--text-2)}.cons-where{font-size:9px;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-faint)}.screen-reward{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--grad-page);overflow:hidden}.rw-glow{--rw: var(--accent);position:absolute;inset:-20% -20% auto;height:70%;pointer-events:none;background:radial-gradient(50% 50% at 50% 40%,color-mix(in srgb,var(--rw) 30%,transparent),transparent 70%);animation:rw-breathe 4s ease-in-out infinite}.screen-reward.is-uncommon .rw-glow{--rw: var(--r-uncommon)}.screen-reward.is-rare .rw-glow{--rw: var(--r-rare)}.screen-reward.is-epic .rw-glow{--rw: var(--r-epic)}.screen-reward.is-legendary .rw-glow{--rw: var(--r-legendary)}.screen-reward.is-mythic .rw-glow{--rw: var(--r-mythic)}.screen-reward.is-boss .rw-glow{--rw: var(--gold)}.rw-body{position:relative;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(var(--safe-top) + var(--sp-6)) var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.rw-head,.rw-rows,.rw-loot,.rw-drop{flex:none}.rw-head{text-align:center;display:flex;flex-direction:column;gap:var(--sp-1)}.rw-icon{font-size:56px;line-height:1;filter:drop-shadow(0 6px 20px rgba(0,0,0,.7));animation:rw-pop .52s var(--ease-back)}.rw-title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-black);letter-spacing:var(--tr-display);margin:var(--sp-2) 0 0}.rw-msg{font-size:var(--fs-sm);color:var(--text-dim);line-height:var(--lh-body);margin:0}.rw-next{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:center;margin:var(--sp-2) 0 0;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid rgba(245,187,69,.4);background:#f5bb451a;font-size:var(--fs-xs);color:var(--text-2)}.rw-next i{font-style:normal}.rw-next b{color:var(--gold-hi)}.rw-rows{display:flex;flex-direction:column;padding:var(--sp-1) var(--sp-3)}.rw-rows.is-bumped{animation:rw-bump .38s var(--ease-back)}.rw-row{--tone: var(--text-2);display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;font-size:var(--fs-sm);color:var(--text-dim)}.rw-row+.rw-row{border-top:1px solid var(--border)}.rw-row i{font-style:normal;font-size:17px;text-align:center}.rw-row b{font-family:var(--font-num);font-size:var(--fs-lg);color:var(--tone)}.rw-row-gold{--tone: var(--gold)}.rw-row-xp{--tone: var(--xp-hi)}.rw-row-good{--tone: var(--good)}.rw-row-accent{--tone: var(--accent)}.rw-loot{display:flex;flex-direction:column;gap:var(--sp-3)}.rw-loot-head{font-size:var(--fs-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-mute);text-align:center}.rw-drop{--rc: var(--r-common);position:relative;display:grid;grid-template-columns:76px 1fr;grid-template-areas:"tile detail" "set set" "note note" "equip equip" "sell sell";gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--rc) 45%,transparent);background:radial-gradient(120% 90% at 10% 0%,color-mix(in srgb,var(--rc) 14%,transparent),transparent 60%),var(--grad-surface);box-shadow:var(--sh-2);opacity:0;transform:translateY(18px) scale(.96);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-back)}.rw-drop.is-in{opacity:1;transform:none}.rw-drop-tile{grid-area:tile}.rw-drop .item-detail{grid-area:detail}.rw-equip{grid-area:equip;width:100%}.rw-sell{grid-area:sell;width:100%}.rw-overflow{grid-area:note;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);border:1px dashed var(--danger-dim);color:var(--danger-hi);font-size:var(--fs-xs);text-align:center}.rw-drop.is-overflow{border-style:dashed}.rw-drop.is-sold{opacity:.45;filter:grayscale(.6)}.rw-set{--el: var(--accent);--el-soft: var(--accent-glow);grid-area:set;display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:6px var(--sp-3);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--el) 45%,transparent);background:var(--el-soft);font-size:var(--fs-xs)}.rw-set b{color:var(--el)}.rw-set em{font-style:normal;margin-left:auto;font-family:var(--font-num);color:var(--text-2)}.rw-foot{position:relative;flex:none;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) calc(var(--safe-bottom) + var(--sp-4));background:linear-gradient(180deg,transparent,var(--bg-0) 30%)}.rw-foot-row{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-2)}.rw-double{display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.rw-double i{font-style:normal;font-size:18px}.rw-double span{display:flex;flex-direction:column;line-height:var(--lh-tight)}.rw-double u{text-decoration:none;font-size:var(--fs-2xs);opacity:.75;letter-spacing:var(--tr-caps)}.rw-double.is-spent{opacity:.4}@keyframes rw-pop{0%{opacity:0;transform:scale(.4) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes rw-bump{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes rw-breathe{0%,to{opacity:.75}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.rw-icon,.rw-glow,.rw-rows.is-bumped{animation:none}.rw-drop{transition:opacity var(--dur) linear;transform:none}}.screen-shop{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--grad-page);overflow:hidden}.shop-top{display:flex;align-items:center;gap:var(--sp-2);padding:calc(var(--safe-top) + var(--sp-2)) var(--sp-3) var(--sp-2);border-bottom:1px solid var(--border)}.shop-top .topbar-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-purse{display:flex;gap:var(--sp-1)}.shop-purse .chip{font-size:var(--fs-xs);padding:3px 8px}.shop-bag{font-size:20px}.shop-greet{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:linear-gradient(180deg,rgba(245,187,69,.08),transparent)}.shop-keeper{font-size:34px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.shop-line{margin:0;font-size:var(--fs-sm);font-style:italic;color:var(--text-dim);line-height:var(--lh-snug)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;margin:0 var(--sp-3);padding:3px;border-radius:var(--radius);background:var(--surface-sunken);border:1px solid var(--border)}.seg-btn{min-height:40px;padding:8px 2px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-mute);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--tr-caps);cursor:pointer;transition:background var(--dur),color var(--dur)}.seg-btn.is-on{background:var(--surface-top);color:var(--text);box-shadow:var(--sh-1)}.shop-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.shop-empty,.shop-note{padding:var(--sp-5) var(--sp-3);text-align:center;color:var(--text-mute);font-size:var(--fs-sm);margin:0}.shop-note{padding:0 0 var(--sp-1);font-size:var(--fs-2xs)}.shop-grid{grid-template-columns:repeat(3,1fr);align-items:start}.shop-cell{--rc: var(--r-common);display:flex;flex-direction:column;gap:3px;min-width:0}.shop-cell-name{font-size:var(--fs-2xs);line-height:1.2;color:var(--rc);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-cell-slot{font-size:9px;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-faint);text-align:center}.shop-cell-price{display:flex;justify-content:center;gap:6px;font-family:var(--font-num);font-size:10px;white-space:nowrap}.shop-cell-price b{color:var(--text-2)}.shop-cell-price b.is-short{color:var(--text-faint)}.shop-list{display:flex;flex-direction:column;gap:var(--sp-2)}.shop-row{--rc: var(--r-common);display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--rc) 40%,transparent);background:var(--grad-surface)}.shop-row-icon{font-size:26px;text-align:center}.shop-row-text{display:flex;flex-direction:column;min-width:0}.shop-row-text b{font-size:var(--fs-sm);color:var(--rc)}.shop-row-text u{text-decoration:none;font-size:var(--fs-2xs);color:var(--text-dim);line-height:var(--lh-snug)}.shop-row-text em{font-style:normal;font-size:9px;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-faint)}.shop-buy{white-space:nowrap;font-family:var(--font-num);min-height:44px}.shop-pay{display:flex;flex-direction:column;gap:4px}.shop-pay .shop-buy{min-height:40px;min-width:76px;padding:0 var(--sp-2)}.shop-relic{--rc: var(--r-epic);--el: var(--accent);display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--rc) 16%,transparent),transparent 60%),var(--grad-surface);box-shadow:var(--sh-2)}.shop-relic .item-tile{width:72px}.shop-relic-set{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.shop-relic-set i{font-style:normal;font-size:var(--fs-xs);color:var(--el);font-weight:var(--fw-bold)}.shop-relic-set em{font-style:normal;font-family:var(--font-num);font-size:var(--fs-2xs);color:var(--text-2)}.shop-buy-gem{display:flex;flex-direction:column;gap:1px;min-width:76px;padding:0 var(--sp-2);line-height:1.1}.shop-buy-gem u{text-decoration:none;font-size:9px;opacity:.75;letter-spacing:var(--tr-caps);text-transform:uppercase}.shop-sold{font-size:var(--fs-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-faint);padding:0 var(--sp-2)}.shop-junk{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-dim)}.shop-junk span{display:flex;flex-direction:column;line-height:var(--lh-snug)}.shop-junk span b{font-family:var(--font-num);color:var(--text)}.shop-junk span u{text-decoration:none;font-size:var(--fs-2xs);color:var(--text-faint)}.shop-junk-btn{min-height:44px;white-space:nowrap}.shop-sell-row.is-junk .shop-row-text u{color:var(--text-faint)}.shop-sell-row .shop-row-text b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);padding-top:var(--sp-2)}.shop-pack{position:relative;overflow:visible;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-4) var(--sp-1) var(--sp-3);border:1px solid var(--gem-deep);background:linear-gradient(170deg,#23305e,#141a2e)}.shop-pack-tag{position:absolute;top:-8px;left:50%;transform:translate(-50%);padding:2px 7px;border-radius:var(--radius-pill);background:var(--grad-gold);color:var(--text-invert);font-size:9px;font-weight:var(--fw-black);letter-spacing:var(--tr-caps);white-space:nowrap}.shop-pack-icon{font-size:26px}.shop-pack-gems{font-size:var(--fs-sm);font-family:var(--font-num);color:var(--gem-hi)}.shop-pack-price{text-decoration:none;font-size:var(--fs-2xs);color:var(--text-mute)}.shop-free{display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.shop-free i{font-style:normal;font-size:18px}.shop-free span{display:flex;flex-direction:column;line-height:var(--lh-tight)}.shop-free u{text-decoration:none;font-size:var(--fs-2xs);opacity:.75;letter-spacing:var(--tr-caps)}.shop-foot{flex:none;padding:var(--sp-3) var(--sp-3) calc(var(--safe-bottom) + var(--sp-3));background:linear-gradient(180deg,transparent,var(--bg-0) 40%)}