@font-face{font-family:Anton;font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/anton-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#4a3a5c;--font-round:"幼圆", "YouYuan", "Yuanti SC", "Hiragino Maru Gothic ProN", "Microsoft YaHei", "PingFang SC", sans-serif;--font-number:"Anton", "Bahnschrift", "DIN Alternate", "Impact", "Arial Black", -apple-system, sans-serif}html,body{width:100%;height:100%;height:100dvh;font-family:var(--font-round);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#c9e4ef;margin:0;padding:0;overflow:hidden}#game-canvas{cursor:crosshair;outline:none;width:100%;height:100%;display:block}#damage-overlay{pointer-events:none;z-index:5;height:100dvh;position:fixed;inset:0;overflow:hidden}.dmg-number{font-size:14px;font-weight:900;font-family:var(--font-number);color:#ff4757;-webkit-text-stroke:1.3px #2b0b0b;paint-order:stroke fill;text-shadow:0 1.5px #0006,0 0 5px #ff475740;white-space:nowrap;will-change:transform, opacity;pointer-events:none;align-items:center;display:inline-flex;position:absolute;top:0;left:0}.dmg-val{font-family:var(--font-number);letter-spacing:.5px;display:inline-block}.dmg-hits-badge{color:#fffdf0;font-family:var(--font-number);letter-spacing:.5px;text-shadow:0 1px 1px #000000b3;vertical-align:middle;background:linear-gradient(135deg,#ff9f43 0%,#ee5253 100%);border:1px solid #ffffffb3;border-radius:3px;margin-left:4px;padding:0 4px;font-size:10.5px;font-weight:900;line-height:1.2;display:inline-block;transform:skew(-6deg);box-shadow:0 1px 4px #ee525380}.dmg-number.crit .dmg-hits-badge{background:linear-gradient(135deg,#ffd32a 0%,#ff3838 100%);border-color:#fffdf0;box-shadow:0 0 6px #ffd32acc}.dmg-number.crit{z-index:20;color:#fff176;-webkit-text-stroke:1.8px #341208;paint-order:stroke fill;text-shadow:2px 2px #d35400,3px 3px #581845,0 0 12px #ffd700d9;filter:drop-shadow(0 2px 4px #0006);align-items:center;gap:3px;font-size:24px;display:inline-flex}.dmg-number.breach{z-index:18;color:#bbf2f6;-webkit-text-stroke:1.6px #130f40;paint-order:stroke fill;text-shadow:1.5px 1.5px #0984e3,2.5px 2.5px #2c2c54,0 0 10px #70a1ffd9;filter:drop-shadow(0 2px 4px #0006);align-items:center;gap:3px;font-size:20px;display:inline-flex}.dmg-number.crit.breach{z-index:25;color:#fffa65;-webkit-text-stroke:2px #2d0036;paint-order:stroke fill;text-shadow:2px 2px #eb3b5a,3.5px 3.5px indigo,0 0 14px #ffd700f2,0 0 24px #8854d0d9;filter:drop-shadow(0 3px 6px #00000080);align-items:center;gap:3px;font-size:26px;display:inline-flex}.crit-stamp{color:#fffdf0;text-shadow:0 1px #781c1c;background:linear-gradient(#ff4757 0%,#c0392b 100%);border:1.5px solid #fffdf0;border-radius:3px;margin-right:1px;padding:1px 4px;font-family:KaiTi,STKaiti,楷体,serif;font-size:11px;font-weight:900;line-height:1.1;display:inline-block;transform:rotate(-6deg)scale(1.05);box-shadow:0 1.5px #3d1414,0 0 6px #ff4757cc}.breach-stamp{color:#e0f7fa;text-shadow:0 1px #1b1464;background:linear-gradient(#0984e3 0%,#2c2c54 100%);border:1.5px solid #e0f7fa;border-radius:3px;margin-right:2px;padding:1px 4px;font-family:KaiTi,STKaiti,楷体,serif;font-size:11px;font-weight:900;line-height:1.1;display:inline-block;transform:rotate(-4deg)scale(1.05);box-shadow:0 1.5px #130f40,0 0 6px #0984e3d9}.dmg-number.crit.breach .crit-stamp{transform:rotate(-5deg)scale(1)}.dmg-number.crit.breach .breach-stamp{transform:rotate(-3deg)scale(1)}.dmg-true-badge{color:#f1f2f6;-webkit-text-stroke:.5px #00000080;text-shadow:0 0 5px #7ed6dfd9;vertical-align:middle;letter-spacing:.5px;background:#181e2ab8;border:1px solid #dcf0ff99;border-radius:3px;margin-left:3px;padding:0 4px;font-size:11px;font-weight:900;display:inline-block}.dmg-number.heal{color:#7bf28e}.dmg-number.mana{color:#48dbfb;text-shadow:0 0 10px #48dbfbd9}.dmg-number.dmg-miss{color:#a4b0be;-webkit-text-stroke:1.2px #2f3542;text-shadow:0 1.5px #1e272e;font-size:14px}.dmg-number.player-dodge{color:#2ed573;-webkit-text-stroke:1.2px #006266;text-shadow:0 0 6px #2ed573bf,1px 1px #006266;letter-spacing:.5px;font-size:15px}.dmg-number.player-hurt{color:#ff5252;-webkit-text-stroke:1px #4a0e17;text-shadow:1px 1px #2a0006,0 0 4px #ff525273;font-size:13px;animation:.16s ease-in-out dmg-hurt-shake}.dmg-number.player-hurt.player-crit{color:#ff3838;-webkit-text-stroke:1.2px #4b0000;text-shadow:1.2px 1.2px #1e0000,0 0 6px #ff383899;font-size:16px;animation:.2s ease-in-out 2 dmg-hurt-shake}.element-mark{-webkit-text-stroke-width:1.2px;margin-left:1px;font-size:.8em}.element-mark.up{color:#ffab3c}.element-mark.down{color:#79c8ff}.dmg-badge{-webkit-text-stroke-width:1.2px;color:#ffe9a3;margin-left:2px;font-size:.7em}@keyframes dmg-hurt-shake{0%,to{margin-left:0}25%{margin-left:-3px}75%{margin-left:3px}}.affix-callout{font-size:22px;font-weight:900;font-family:var(--font-round);color:#ffe9b0;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 4px #4a3a5c66;white-space:nowrap;will-change:transform, opacity;position:absolute;top:0;left:0}.affix-callout.tone-shield{color:#86d8ff}.affix-callout.tone-charge{color:#ffb04d}.affix-callout.tone-enrage{color:#ff7a6a}.affix-callout.tone-curse{color:#d79bf0}.affix-callout.tone-special{color:#9ff0dd}#loading{z-index:20;background:linear-gradient(170deg,#d8f0f7 0%,#bfe4d6 100%);justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading.hidden{opacity:0;pointer-events:none}.screen-bg{object-fit:cover;object-position:center center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.loading-inner{z-index:1;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.loading-bar{border:2px solid var(--ink);background:#fffaf0b8;border-radius:9px;width:260px;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #4a3a5c2e,0 3px #4a3a5c29}.loading-bar-fill{background:linear-gradient(#ffe6a8,#f5a623);border-radius:7px;width:0;height:100%;transition:width .22s ease-out;display:block;position:relative;overflow:hidden;box-shadow:inset 0 -2px #4a3a5c2e}.loading-bar-fill:after{content:"";background:repeating-linear-gradient(115deg,#ffffff61 0 12px,#fff0 12px 26px);animation:.7s linear infinite boot-stripe;position:absolute;inset:0 0 0 -26px}@keyframes boot-stripe{to{transform:translate(26px)}}.loading-bar-text{letter-spacing:1px;color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.skill-slot.ready-ping{animation:.45s cubic-bezier(.175,.885,.32,1.275) skill-ready-bounce}.skill-slot.ready-ping:after{content:"";pointer-events:none;border:2px solid #ffeaa7;border-radius:12px;animation:.5s ease-out forwards skill-ready-halo;position:absolute;inset:-6px;box-shadow:0 0 16px #ffeaa7e6,inset 0 0 10px #fc0c}@keyframes skill-ready-bounce{0%{transform:scale(1)}35%{transform:scale(1.14)}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes skill-ready-halo{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.4)}}.kill-streak-dock{top:calc(320px * var(--scale,1));right:calc(16px * var(--scale,1));z-index:120;pointer-events:none;opacity:0;transition:opacity .22s ease-out,transform .22s cubic-bezier(.34,1.56,.64,1);position:fixed;transform:translate(16px)scale(.96)}.kill-streak-dock.active{opacity:1;transform:translate(0)scale(1)}.kill-streak-dock.streak-pop .streak-inner{animation:.24s cubic-bezier(.34,1.56,.64,1) streak-pop}@keyframes streak-pop{0%{transform:scale(.96)}50%{transform:scale(1.03)}to{transform:scale(1)}}.streak-inner{width:calc(212px * var(--scale,1));padding:calc(6px * var(--scale,1)) calc(8px * var(--scale,1));border-radius:var(--r-sm,3px);border:var(--lw,2px) solid var(--ink,#584a6e);box-shadow:inset 0 1px 0 #fffffff2, 0 var(--panel-lift,2.5px) 0 var(--ink,#584a6e), 0 4px 8px #4632501f;-webkit-backdrop-filter:blur(6px);background:#fffaf0f0;flex-direction:column;display:flex}.streak-head{align-items:center;gap:calc(6px * var(--scale,1));width:100%;display:flex}.streak-tag{padding:0 calc(5px * var(--scale,1));border-radius:var(--r-sm,3px);border:1.5px solid var(--ink,#584a6e);box-shadow:0 1px 0 var(--ink,#584a6e);font-family:var(--font-kai);font-size:calc(10px * var(--scale,1));color:#6a3d05;background:linear-gradient(#ffe082 0%,#ffb300 100%);flex:none;font-weight:800;line-height:1.5}.streak-num{font-family:var(--font-round);font-size:calc(17px * var(--scale,1));font-variant-numeric:tabular-nums;color:#d84315;text-shadow:0 1px #ffffffe6;font-weight:900;line-height:1}.streak-unit{font-family:var(--font-kai);font-size:calc(12px * var(--scale,1));color:var(--ink-text,#4a3a5c);letter-spacing:.5px;font-weight:800}.streak-title{font-family:var(--font-kai);font-size:calc(10px * var(--scale,1));color:#c0392b;padding:0 calc(4px * var(--scale,1));white-space:nowrap;background:#c0392b14;border:1px solid #c0392b;border-radius:2px;margin-left:auto;font-weight:800;display:none}.streak-timer-track{margin-top:calc(5px * var(--scale,1));width:100%;height:calc(4px * var(--scale,1));background:#584a6e24;border:1px solid #584a6e47;border-radius:2px;overflow:hidden}.streak-timer-fill{background:linear-gradient(90deg,#ffb300,#ff7043);border-radius:1px;width:100%;height:100%;transition:width 80ms linear}.low-hp-vignette{pointer-events:none;z-index:85;opacity:0;transition:opacity .6s;position:fixed;inset:0;box-shadow:inset 0 0 65px 20px #eb3b5a59}.low-hp-vignette.active{opacity:1;animation:1.8s ease-in-out infinite alternate low-hp-pulse}@keyframes low-hp-pulse{0%{box-shadow:inset 0 0 50px 15px #eb3b5a47}to{box-shadow:inset 0 0 85px 30px #ff475785}}.area-banner{z-index:130;pointer-events:none;opacity:0;flex-direction:column;align-items:center;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:14%;left:50%;transform:translate(-50%)translateY(-20px)}.area-banner.active{opacity:1;transform:translate(-50%)translateY(0)}.area-banner-content{background:radial-gradient(#120e18eb 0%,#120e18a6 60%,#120e1800 100%);border-bottom:1.5px solid #ffd70066;flex-direction:column;align-items:center;padding:10px 42px 12px;display:flex;position:relative}.area-banner-head{align-items:center;gap:10px;display:flex}.area-banner-title{letter-spacing:8px;color:#fffdf0;-webkit-text-stroke:1.5px #1e1302;text-shadow:0 0 16px #ffd700cc,2px 2px 4px #000;font-family:KaiTi,STKaiti,楷体,STSong,serif;font-size:32px;font-weight:900}.area-banner-stamp{color:#fffdf0;background:#c0392b;border:1px solid #ffd32a;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-family:KaiTi,STKaiti,楷体,serif;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 2px 6px #0009}.area-banner-sub{letter-spacing:3px;color:#d1ccc0;text-shadow:0 1px 3px #000,0 0 8px #ffeaa766;margin-top:6px;font-family:KaiTi,STKaiti,楷体,serif;font-size:14px}:root{--lw:2px;--lift:2px;--r:4px;--r-sm:3px;--ink:#584a6e;--ink-soft:#6d5f82;--card:#fffaf0;--card-soft:#fffaf0d1;--card-glass:#fffaf0c7;--jade-glass:#96e2cd6b;--log-glass:#fffaf0eb;--hp-1:#ff9d9d;--hp-2:#f4476b;--mp-1:#96dcff;--mp-2:#3f8ae8;--exp-1:#ffe28a;--exp-2:#f5a623;--pink:#ff9ec9;--leaf:#86dfa4;--sky:#8fd3f7;--grape:#c6a8f5;--tang:#ffb877;--danger-line:#c14a2e;--danger-face:#ffece8eb;--danger-fill:#d8503a;--danger-text:#a83a22;--ink-text:#4a3a5c;--ink-text-soft:#7a6b8c;--font-round:"幼圆", "YouYuan", "Yuanti SC", "Hiragino Maru Gothic ProN", "Microsoft YaHei", "PingFang SC", sans-serif;--font-kai:"KaiTi", "STKaiti", "楷体", "幼圆", "YouYuan", serif}#hud *,#hud :before,#hud :after,#tribulation-ui *,#tribulation-ui :before,#tribulation-ui :after,#damage-overlay *,#loading *,.toast{box-sizing:border-box}:root{--ui-scale:1;--scale:calc(var(--ui-scale) * 1)}@media (max-height:720px){:root{--scale:calc(var(--ui-scale) * .88)}}#hud{pointer-events:none;z-index:4;height:100dvh;font-family:var(--font-round);color:var(--ink-text);position:fixed;inset:0}#hud button,#hud canvas,#log-box{pointer-events:auto}#hud #map-menu:not(.open),#hud #map-menu:not(.open) *,#hud #difficulty-bar:not(.open),#hud #difficulty-bar:not(.open) *,#tribulation-ui:not(.active),#tribulation-ui:not(.active) *{pointer-events:none}#vitals-cluster{left:calc(16px * var(--scale));top:calc(14px * var(--scale));grid-template-columns:calc(62px * var(--scale)) calc(226px * var(--scale));column-gap:calc(10px * var(--scale));row-gap:calc(8px * var(--scale));align-items:start;display:grid;position:absolute}.portrait{width:calc(62px * var(--scale));height:calc(62px * var(--scale));background:var(--card);border:2px solid var(--ink,#584a6e);box-shadow:0 0 0 2px #fff9e6, 0 2.5px 0 var(--ink,#584a6e), inset 0 0 0 1.5px #ffd769b3;cursor:pointer;border-radius:50%;flex:none;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s;overflow:hidden}.portrait img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.portrait:hover{box-shadow:0 0 0 2px #fff9e6, 0 4.5px 0 var(--ink,#584a6e), 0 6px 12px #584a6e40;transform:translateY(-2px)scale(1.04)}.portrait:active{box-shadow:0 0 0 2px #fff9e6, 0 1px 0 var(--ink,#584a6e);transform:translateY(2px)}.vitals{gap:calc(5px * var(--scale));width:calc(226px * var(--scale));flex-direction:column;display:flex}.realm-line{font-family:var(--font-kai);font-size:calc(15px * var(--scale));letter-spacing:.8px;color:#3d2948;text-shadow:0 1px #fffffff2;white-space:nowrap;text-overflow:ellipsis;font-weight:800;line-height:1.2;overflow:hidden}.vital-row{align-items:center;gap:calc(5px * var(--scale));display:flex}.vital-row[title=气血]:before,.vital-row[title=灵力]:before{width:calc(16px * var(--scale));height:calc(16px * var(--scale));font-family:var(--font-kai);font-size:calc(10px * var(--scale));border:1.5px solid var(--ink,#584a6e);box-shadow:0 1px 0 var(--ink,#584a6e);border-radius:3px;flex:none;place-items:center;font-weight:900;line-height:1;display:grid}.vital-row[title=气血]:before{content:"血";color:#fffdf5;text-shadow:0 1px #781c1c;background:linear-gradient(#ff7675 0%,#ee5253 60%,#d63031 100%)}.vital-row[title=灵力]:before{content:"灵";color:#fffdf5;text-shadow:0 1px #104278;background:linear-gradient(#74b9ff 0%,#0984e3 60%,#0652dd 100%)}.vital-track{height:calc(15px * var(--scale));border:1.5px solid var(--ink,#584a6e);background:#44324b29;border-radius:3px;flex:1;position:relative;overflow:hidden;box-shadow:inset 0 1.5px 3px #2d1e3447,0 1px #ffffffd9}.vital-track:before{display:none}.vital-ghost{pointer-events:none;z-index:1;background:linear-gradient(#fffbe6 0%,#ffeaa7 100%);border-radius:2px;width:0;transition:width .42s cubic-bezier(.22,1,.36,1) .22s;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 6px #ffeaa7b3}.vital-fill{z-index:2;border-radius:2px;width:0;position:absolute;top:0;bottom:0;left:0}.vital-fill:after{content:"";height:calc(5px * var(--scale));background:linear-gradient(#ffffffbf 0%,#ffffff26 100%);border-radius:2px 2px 0 0;position:absolute;top:1px;left:1px;right:1px}.vital-track.hp .vital-fill{background:linear-gradient(#ff7b72 0%,#ee5253 45%,#c0392b 100%);box-shadow:0 0 6px #ee525359}.vital-track.mp .vital-fill{background:linear-gradient(#70a1ff 0%,#1e90ff 45%,#0652dd 100%);box-shadow:0 0 6px #1e90ff59}.vital-fill.danger{animation:.62s ease-in-out infinite alternate hp-danger}@keyframes hp-danger{0%{filter:brightness()saturate()}to{filter:brightness(1.5)saturate(1.4)}}.vital-num{width:calc(72px * var(--scale));text-align:right;font-size:calc(11px * var(--scale));font-variant-numeric:tabular-nums;white-space:nowrap;color:#3d2948;text-shadow:0 1px #fffffff2;flex:none;font-weight:800}.vitals-foot{justify-content:space-between;align-items:center;gap:calc(8px * var(--scale));display:flex}.passive-status{align-items:center;gap:calc(7px * var(--scale));width:100%;min-height:calc(34px * var(--scale));padding:calc(4px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);color:var(--ink-text);background:#fffaf0d1;border:1.5px solid #584a6eb3;display:flex;box-shadow:0 2px #584a6e6b}.passive-status[hidden],.passive-meter[hidden]{display:none}.passive-badge{padding:calc(2px * var(--scale)) calc(5px * var(--scale));color:#68466e;font-size:calc(9px * var(--scale));letter-spacing:.4px;background:linear-gradient(#f5e8ff,#dfc9f2);border:1px solid #70426980;border-radius:999px;flex:none;font-weight:800}.passive-details{gap:calc(2px * var(--scale));flex-direction:column;flex:1;min-width:0;display:flex}#passive-name{font-size:calc(10px * var(--scale));line-height:1.1}#passive-readout{font-size:calc(9px * var(--scale));text-overflow:ellipsis;white-space:nowrap;color:var(--ink-text-soft);font-variant-numeric:tabular-nums;line-height:1.15;overflow:hidden}.passive-meter{height:calc(4px * var(--scale));background:#5f35422e;border:1px solid #693a4573;border-radius:999px;overflow:hidden}#passive-fill{border-radius:inherit;background:linear-gradient(90deg,#f4a54b,#c84335);width:0;height:100%;display:block}.trait-status{border-color:#967434b3}.trait-badge{color:#7a5a1c;background:linear-gradient(#fff3d4,#ecd39a);border-color:#96743480}#trait-name{font-size:calc(10px * var(--scale));line-height:1.1}#trait-readout{font-size:calc(9px * var(--scale));white-space:normal;overflow-wrap:anywhere;color:var(--ink-text-soft);font-variant-numeric:tabular-nums;line-height:1.15;overflow:hidden}#trait-fill{border-radius:inherit;background:linear-gradient(90deg,#9ad0f4,#4b7fc8);width:0;height:100%;display:block}.pet-hud{grid-column:1/-1;grid-template-columns:calc(62px * var(--scale)) calc(226px * var(--scale));column-gap:calc(10px * var(--scale));align-items:center;display:grid}.pet-hud[hidden]{display:none}.pet-portrait-col{justify-content:center;align-items:center;display:flex}.pet-portrait{width:calc(44px * var(--scale));height:calc(44px * var(--scale));background:var(--card);border:2px solid var(--ink,#584a6e);box-shadow:0 0 0 1.5px #fff9e6, 0 2px 0 var(--ink,#584a6e), inset 0 0 0 1.5px #ffd769a6;border-radius:50%;flex:none;transition:filter .2s;overflow:hidden}.pet-portrait img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.pet-hud.is-recovering .pet-portrait{filter:grayscale(.75)brightness(.88)}.pet-vitals{gap:calc(4px * var(--scale));width:calc(226px * var(--scale));flex-direction:column;display:flex}.pet-head-line{justify-content:space-between;align-items:center;gap:calc(6px * var(--scale));min-width:0;display:flex}.pet-title-group{align-items:center;gap:calc(4px * var(--scale));min-width:0;display:flex;overflow:hidden}.pet-hud-name{font-family:var(--font-kai);font-size:calc(13px * var(--scale));color:#3d2948;text-shadow:0 1px #fffffff2;white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.pet-hud .pet-role{flex:none;margin-left:0}.pet-hud-meta{font-size:calc(10px * var(--scale));color:#5c4770;text-shadow:0 1px #ffffffe6;white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-weight:800}.pet-hud-tag{font-size:calc(9.5px * var(--scale));color:#5c4770;padding:calc(1px * var(--scale)) calc(5px * var(--scale));white-space:nowrap;font-variant-numeric:tabular-nums;background:#fffaf0c7;border:1px solid #584a6e59;border-radius:3px;flex:none;font-weight:800}.pet-hud-tag.low-satiety{color:#9c4221;background:#ffedd5eb;border-color:#c056218c}.pet-hud-tag.recovering{color:#8f2316;background:#ffece8f0;border-color:#c14a2e99}.pet-vital-row:before{content:"血";width:calc(16px * var(--scale));height:calc(16px * var(--scale));font-family:var(--font-kai);font-size:calc(10px * var(--scale));border:1.5px solid var(--ink,#584a6e);box-shadow:0 1px 0 var(--ink,#584a6e);color:#fffdf5;text-shadow:0 1px #781c1c;background:linear-gradient(#ff7675 0%,#ee5253 60%,#d63031 100%);border-radius:3px;flex:none;place-items:center;font-weight:900;line-height:1;display:grid}.pet-hud.is-recovering .pet-vital-row:before{content:"休";text-shadow:0 1px #5f1d1d;background:linear-gradient(#fdcb6e 0%,#e17055 60%,#b33939 100%)}.pet-vital-row .vital-track{height:calc(14px * var(--scale))}.pet-vital-row .vital-fill.recovering{background:linear-gradient(90deg,#ffeaa7 0%,#fdcb6e 50%,#f39c12 100%);box-shadow:0 0 6px #f39c1259}.status-strip{gap:calc(4px * var(--scale));width:100%;margin-top:calc(1px * var(--scale));flex-wrap:wrap;display:flex}.status-strip[hidden]{display:none}.player-status-chip{align-items:center;gap:calc(4px * var(--scale));min-width:0;min-height:calc(29px * var(--scale));padding:calc(3px * var(--scale)) calc(5px * var(--scale));border-radius:var(--r-sm);background:#fffaf0e6;border:1.5px solid #584a6ead;flex:calc(50% - 2px);display:flex;box-shadow:0 2px #584a6e59}.player-status-chip-buff{background:#ebfff2eb;border-color:#2d7e5eb8}.player-status-chip-debuff,.player-status-chip-soft-cc{background:#ffefe7f0;border-color:#a04642b8}.player-status-chip-hard-cc{background:#e8f6fff0;border-color:#2a669db8}.player-status-chip-icon{width:calc(21px * var(--scale));height:calc(21px * var(--scale));object-fit:cover;background:#5a475a29;border-radius:4px;flex:none}.player-status-chip-copy{gap:calc(1px * var(--scale));flex-direction:column;flex:1;min-width:0;line-height:1.1;display:flex}.player-status-chip-name,.player-status-chip-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-status-chip-name{color:var(--ink-text);font-size:calc(9px * var(--scale));font-weight:800}.player-status-chip-meta{color:var(--ink-text-soft);font-size:calc(8px * var(--scale));font-variant-numeric:tabular-nums}.realm-sub{font-size:calc(10.5px * var(--scale));color:#5c4770;padding:calc(1.5px * var(--scale)) calc(6px * var(--scale));white-space:nowrap;text-overflow:ellipsis;background:#584a6e14;border:1px solid #584a6e33;border-radius:3px;font-weight:800;overflow:hidden}.battle-power-chip{isolation:isolate;align-items:center;gap:calc(5px * var(--scale));min-height:calc(26px * var(--scale));padding:calc(2px * var(--scale)) calc(9px * var(--scale)) calc(2px * var(--scale)) calc(4px * var(--scale));border:2px solid var(--ink,#584a6e);box-shadow:inset 0 1px 0 #fffffff2, inset 0 -2px 0 #b4530940, 0 var(--panel-lift,2.5px) 0 var(--ink,#584a6e), 0 4px 10px #fed33059;white-space:nowrap;cursor:default;background:radial-gradient(130% 120% at 20% 0,#ffffffe6,#0000 50%),linear-gradient(#fffbf0 0%,#ffecb3 22%,#ffd54f 65%,#f59e0b 100%);border-radius:3px;flex:none;transition:transform .15s cubic-bezier(.2,0,0,1),box-shadow .15s;display:inline-flex;position:relative;transform:skew(-6deg)}.battle-power-chip:hover{box-shadow:inset 0 1px 0 #fff, inset 0 -2px 0 #b4530940, 0 3.5px 0 var(--ink,#584a6e), 0 6px 14px #fed3308c;transform:skew(-6deg)translateY(-1.5px)}.battle-power-chip.power-bump{animation:.45s cubic-bezier(.18,.89,.32,1.28) power-chip-bump}@keyframes power-chip-bump{0%{transform:skew(-6deg)scale(1)}40%{filter:brightness(1.2)drop-shadow(0 0 8px #f59e0b);transform:skew(-6deg)scale(1.15)translateY(-2px)}to{transform:skew(-6deg)scale(1)}}.power-up-toast{top:calc(-18px * var(--scale));right:calc(-4px * var(--scale));font-family:var(--font-kai);font-size:calc(13px * var(--scale));color:#2ed573;text-shadow:0 1.5px #0d4624,0 0 8px #2ed573b3;white-space:nowrap;pointer-events:none;z-index:10;font-weight:900;animation:1.2s cubic-bezier(.2,.9,.3,1.2) forwards power-up-float;position:absolute}@keyframes power-up-float{0%{opacity:0;transform:translateY(8px)scale(.6)}20%{opacity:1;transform:translateY(0)scale(1.18)}70%{opacity:1;transform:translateY(-12px)scale(1)}to{opacity:0;transform:translateY(-24px)scale(.85)}}.battle-power-chip>*{transform:skew(6deg)}.battle-power-chip:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#0000 22%,#fff6 46%,#ffffffd9 50%,#fff6 54%,#0000 78%) 0 0/250% 100%;animation:3.6s ease-in-out infinite bp-sheen;position:absolute;inset:0}@keyframes bp-sheen{0%,20%{background-position:-150% 0}60%,to{background-position:150% 0}}.battle-power-chip:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ff4757 0%,#ff9f43 50%,#feca57 90%,#0000 100%);border-radius:0 0 2px 2px;height:2px;position:absolute;bottom:0;left:0;right:0}.battle-power-mark{width:calc(20px * var(--scale));height:calc(20px * var(--scale));color:#fffdf5;font-family:var(--font-kai);font-size:calc(12px * var(--scale));text-shadow:0 1px #7b1818;background:linear-gradient(#ff6b6b 0%,#ee5253 45%,#c0392b 100%);border:1.5px solid #fff5c0;border-radius:3px;flex:none;place-items:center;font-weight:900;line-height:1;display:grid;transform:skew(6deg)rotate(-3deg);box-shadow:inset 0 1px #ffffffd9,0 1.5px #4a324559}.battle-power-label{color:#633e14;font-size:calc(9.5px * var(--scale));letter-spacing:.6px;text-shadow:0 1px #ffffffe6;align-self:center;font-weight:900}.battle-power-chip b{color:#8f2316;font-size:calc(14.5px * var(--scale));font-variant-numeric:tabular-nums;letter-spacing:.5px;background:linear-gradient(#c0392b 0%,#8f2316 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px #fffffff2)drop-shadow(0 0 3px #ff6b6b73);margin-left:calc(1px * var(--scale));-webkit-background-clip:text;font-weight:900;line-height:1}.invuln-chip{border-radius:var(--r-sm);border:2px solid var(--ink);font-size:calc(10px * var(--scale));color:#2d6ea8;white-space:nowrap;background:linear-gradient(#eaf6ff,#cfe9ff);flex:none;align-items:center;gap:3px;padding:0 6px;display:flex}.invuln-chip[hidden]{display:none}.invuln-chip b{font-variant-numeric:tabular-nums;color:#1f5c92}#right-top{right:calc(16px * var(--scale));top:calc(14px * var(--scale));align-items:flex-end;gap:calc(8px * var(--scale));flex-direction:column;display:flex;position:absolute}#seek-dock{top:0;right:calc(150px * var(--scale));align-items:center;display:flex;position:absolute}.seek-btn{align-items:center;gap:calc(4px * var(--scale));padding:calc(4px * var(--scale)) calc(9px * var(--scale));border:2px solid var(--ink,#584a6e);box-shadow:0 var(--panel-lift,2.5px) 0 var(--ink,#584a6e), 0 3px 6px #4632501f;font-family:var(--font-round);font-size:calc(11px * var(--scale));color:#4a324d;white-space:nowrap;cursor:pointer;background:linear-gradient(#fffdf8,#fff1d6);border-radius:3px;font-weight:800;line-height:1;transition:transform .13s cubic-bezier(.34,1.56,.64,1),box-shadow .13s,background .16s;display:flex}.seek-btn img{width:calc(14px * var(--scale));height:calc(14px * var(--scale));object-fit:contain;display:block}.seek-btn:hover{box-shadow:0 calc(var(--lift) + 2px) 0 var(--ink);background:#fffdf6;transform:translateY(-2px)}.seek-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.seek-btn.open{box-shadow:0 var(--lift) 0 var(--ink), 0 0 12px #6fd6b48c;background:linear-gradient(#b8f0dc,#6fd6b4)}#map-dock{right:calc(100% + 6px * var(--scale));top:calc(6px * var(--scale));pointer-events:auto;position:absolute}#map-dock .map-toggle{display:flex}.map-toggle.open{box-shadow:0 var(--lift) 0 var(--ink), 0 0 14px #6fd6b499;background:linear-gradient(#b8f0dc,#6fd6b4)}#compass{width:calc(128px * var(--scale));height:calc(128px * var(--scale));box-shadow:0 0 0 calc(3px * var(--scale)) #fffcf480, 0 0 0 calc(4.5px * var(--scale)) #d6b26abf, 0 calc(var(--lift) + 4px) 10px #46375f24;-webkit-backdrop-filter:blur(3px)saturate(1.1);background:#fffcf44d;border-radius:50%;place-items:center;display:grid;position:relative}#minimap-canvas{margin:calc(2px * var(--scale));width:calc(100% - 4px * var(--scale));height:calc(100% - 4px * var(--scale));background:0 0;border-radius:50%;display:block}.compass-n{top:calc(3px * var(--scale));z-index:2;font-size:calc(12px * var(--scale));color:#fff;-webkit-text-stroke:1.2px var(--ink);paint-order:stroke fill;pointer-events:none;font-weight:900;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.compass-tick{z-index:2;pointer-events:none;width:0;height:0;position:absolute}.compass-tick.t-n{border-left:calc(6px * var(--scale)) solid transparent;border-right:calc(6px * var(--scale)) solid transparent;border-bottom:calc(9px * var(--scale)) solid var(--tang);filter:drop-shadow(0 0 1.5px var(--ink));top:-2px;left:50%;transform:translate(-50%)}.compass-tick.t-s{border-left:calc(6px * var(--scale)) solid transparent;border-right:calc(6px * var(--scale)) solid transparent;border-top:calc(9px * var(--scale)) solid var(--sky);filter:drop-shadow(0 0 1.5px var(--ink));bottom:-2px;left:50%;transform:translate(-50%)}.compass-tick.t-w{border-top:calc(6px * var(--scale)) solid transparent;border-bottom:calc(6px * var(--scale)) solid transparent;border-right:calc(9px * var(--scale)) solid var(--grape);filter:drop-shadow(0 0 1.5px var(--ink));top:50%;left:-2px;transform:translateY(-50%)}.compass-tick.t-e{border-top:calc(6px * var(--scale)) solid transparent;border-bottom:calc(6px * var(--scale)) solid transparent;border-left:calc(9px * var(--scale)) solid var(--pink);filter:drop-shadow(0 0 1.5px var(--ink));top:50%;right:-2px;transform:translateY(-50%)}#coord-readout{align-items:center;gap:calc(5px * var(--scale));width:calc(212px * var(--scale));padding:calc(3px * var(--scale)) calc(5px * var(--scale));border:2px solid var(--ink,#584a6e);box-shadow:inset 0 1px 0 #fffffff2, 0 var(--panel-lift,2.5px) 0 var(--ink,#584a6e);-webkit-backdrop-filter:blur(6px);-webkit-user-select:text;user-select:text;cursor:text;background:#fffcf5eb;border-radius:3px;display:flex}.coord-pair{justify-content:center;align-items:baseline;gap:calc(2px * var(--scale));flex:1;min-width:0;display:flex}.coord-key{font-size:calc(10px * var(--scale));color:var(--ink);opacity:.6;flex:none;font-weight:800}.coord-val{font-size:calc(13px * var(--scale));color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.2px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-weight:800;line-height:1.1}.coord-map-pair{flex:1.35}.coord-map{font-size:calc(12px * var(--scale));color:var(--ink);opacity:.82;white-space:nowrap;text-overflow:ellipsis;font-weight:800;line-height:1.1;overflow:hidden}#coord-copy{padding:calc(2px * var(--scale)) calc(6px * var(--scale));border:var(--lw) solid var(--ink);color:var(--ink);font-size:calc(10px * var(--scale));cursor:pointer;background:#ffb8778c;border-radius:3px;flex:none;font-family:inherit;font-weight:800;line-height:1.3;position:relative}#coord-copy:after{content:"";height:calc(46px * var(--scale));width:calc(52px * var(--scale));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#coord-copy:hover{filter:brightness(1.08)}#coord-copy:active{transform:translate(-50%,-50%)translateY(1px)}#clock-readout{align-items:center;gap:calc(5px * var(--scale));width:calc(212px * var(--scale));padding:calc(3px * var(--scale)) calc(5px * var(--scale));border:2px solid var(--ink,#584a6e);box-shadow:inset 0 1px 0 #fffffff2, 0 var(--panel-lift,2.5px) 0 var(--ink,#584a6e);background:var(--card-glass);-webkit-backdrop-filter:blur(6px);border-radius:3px;transition:background-color .6s linear;display:flex}.clock-icon{width:calc(9px * var(--scale));height:calc(9px * var(--scale));border:var(--lw) solid var(--ink);background:#ffe9a8;border-radius:50%;flex:none;transition:background-color .6s linear}.clock-shichen{font-size:calc(13px * var(--scale));color:var(--ink);font-weight:800;line-height:1.1;font-family:var(--font-kai);letter-spacing:.5px;flex:none}.clock-time{text-align:right;font-size:calc(11px * var(--scale));color:var(--ink);opacity:.82;font-variant-numeric:tabular-nums;flex:1;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-weight:800;line-height:1.1}.phase-night{background:#c4cef0b8}.phase-night .clock-icon{background:#cfe0ff}.phase-dawn{background:#ffe0c8c2}.phase-dawn .clock-icon{background:#ffd0a0}.phase-day{background:var(--card-glass)}.phase-day .clock-icon{background:#ffe9a8}.phase-dusk{background:#ffceb0c2}.phase-dusk .clock-icon{background:#ffab72}#coord-copy.done{background:#9fd8a0}#goal-card{align-items:flex-start;gap:calc(6px * var(--scale));width:calc(212px * var(--scale));padding:calc(6px * var(--scale)) calc(8px * var(--scale));border:2px solid var(--ink,#584a6e);box-shadow:inset 0 1px 0 #fffffff2, 0 var(--panel-lift,2.5px) 0 var(--ink,#584a6e), 0 4px 8px #4632501f;-webkit-backdrop-filter:blur(6px);background:#e6faf2f0;border-radius:3px;display:flex}.goal-tag{border:1.5px solid var(--ink,#584a6e);box-shadow:0 1px 0 var(--ink,#584a6e);font-size:calc(10px * var(--scale));color:#14503c;background:linear-gradient(#b8f0dc,#6fd6b4);border-radius:3px;flex:none;margin-top:1px;padding:0 5px;font-weight:800;line-height:1.5}.goal-text{font-family:var(--font-kai);font-size:calc(12px * var(--scale));color:#245a4a;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.goal-text.done{color:#2e8b5f}#goal-card{flex-wrap:wrap}#btn-goal-goto{margin-top:calc(2px * var(--scale));padding:calc(2px * var(--scale)) 0;border-radius:var(--r-sm);border:2px solid var(--ink);box-shadow:0 calc(2px * var(--scale)) 0 var(--ink);font-family:var(--font-kai);font-size:calc(11px * var(--scale));color:#6b4410;cursor:pointer;background:linear-gradient(#ffe9b8,#f7c46c);flex:1 0 100%;font-weight:700;transition:transform 60ms,box-shadow 60ms}#btn-goal-goto:active{transform:translateY(calc(2px * var(--scale)));box-shadow:0 0 0 var(--ink)}#btn-goal-goto:hover{filter:brightness(1.05)}#btn-goal-goto[hidden]{display:none}#left-column{--log-box-width:calc(272px * var(--scale));left:calc(16px * var(--scale));bottom:calc(16px * var(--scale));width:var(--log-box-width);align-items:flex-start;gap:calc(6px * var(--scale));flex-direction:column;display:flex;position:absolute}#status-strip{display:flex}#status-strip[hidden]{display:none}#bottom-center{left:50%;bottom:calc(12px * var(--scale));align-items:center;gap:calc(7px * var(--scale));flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}#skill-bar{gap:calc(6px * var(--scale));padding:calc(6px * var(--scale));align-items:flex-end;display:flex}.skill-slot{width:calc(46px * var(--scale));height:calc(46px * var(--scale));padding:calc(4px * var(--scale));border-radius:var(--r);background:var(--slot-face);cursor:pointer;border:0;place-items:center;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s,background .16s;display:grid;position:relative}.skill-slot img{object-fit:contain;border-radius:var(--r-sm);width:100%;height:100%;display:block}.skill-slot:before{content:"";border-radius:var(--r);border:calc(1.5px * var(--scale)) solid #7fe8ff99;box-shadow:0 0 calc(7px * var(--scale)) #60cdff52, inset 0 0 calc(5px * var(--scale)) #7fe8ff3d;pointer-events:none;transition:border-color .16s,box-shadow .16s;position:absolute;inset:0}.skill-slot:hover:before{box-shadow:0 0 calc(10px * var(--scale)) #60cdff80, inset 0 0 calc(6px * var(--scale)) #7fe8ff59;border-color:#9ff0ffd9}.skill-slot.empty>img,.skill-slot>img:not([src]){visibility:hidden}.skill-slot.empty:before{box-shadow:inset 0 0 calc(4px * var(--scale)) #7fe8ff1f;border-color:#7fe8ff40}.skill-slot.toggle:before{content:none}.skill-slot .key{right:calc(-4px * var(--scale));bottom:calc(-5px * var(--scale));min-width:calc(17px * var(--scale));border-radius:var(--r-sm);border:2px solid var(--ink);font-size:calc(10px * var(--scale));font-weight:700;line-height:calc(15px * var(--scale));text-align:center;color:#6a3d05;background:linear-gradient(#ffe6a8,#f5a623);padding:0 4px;position:absolute}.skill-slot:hover img{transform:scale(1.14)}.skill-slot:active img{transform:scale(.94)}.skill-slot .key{display:none}.skill-slot .cd-mask{border-radius:0 0 calc(var(--r) - 2px) calc(var(--r) - 2px);pointer-events:none;background:#281e329e;height:0;transition:height .1s linear;position:absolute;bottom:0;left:0;right:0}.skill-slot .cd-timer{font-size:calc(12px * var(--scale));color:#fff;text-shadow:0 1px 3px #000000e6;pointer-events:none;place-items:center;font-weight:700;display:none;position:absolute;inset:0}.skill-slot.dim{filter:saturate(.35)brightness(.78)}.skill-slot.placeholder:after{content:"";border-radius:var(--r-sm);pointer-events:none;background:repeating-linear-gradient(45deg,#ff785a2e 0 5px,#0000 5px 10px);position:absolute;inset:2px}.skill-slot.toggle.on{box-shadow:0 var(--lift) 0 var(--ink), 0 0 12px #ffc43c80;background:linear-gradient(#fff0b8,#ffd45e);animation:1.3s ease-in-out infinite alternate auto-hunt-glow}@keyframes auto-hunt-glow{0%{filter:brightness()}to{filter:brightness(1.12)}}.exp-row{align-items:center;gap:calc(7px * var(--scale));width:calc(320px * var(--scale));display:flex}.exp-cap{width:calc(9px * var(--scale));height:calc(9px * var(--scale));border:2px solid var(--ink);background:linear-gradient(#ffe6a8,#f5a623);border-radius:50%;flex:none}.exp-track{height:calc(12px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);background:#44324b29;flex:1;position:relative;overflow:hidden;box-shadow:inset 0 1.5px 3px #2d1e3447,0 1px #ffffffd9}.exp-track:before{display:none}.exp-fill{background:linear-gradient(#ffe082 0%,#ffb300 50%,#f57c00 100%);border-radius:2px;width:0;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 6px #ffb30066}.exp-fill:after{content:"";background:linear-gradient(#ffffffbf 0%,#ffffff26 100%);border-radius:2px 2px 0 0;height:4px;position:absolute;top:1px;left:1px;right:1px}.exp-num{min-width:calc(68px * var(--scale));text-align:right;font-size:calc(11px * var(--scale));font-variant-numeric:tabular-nums;color:var(--ink-text);text-shadow:0 1px #ffffffd9;flex:none;font-weight:700}.breakthrough-btn{bottom:calc(100% + 9px * var(--scale));white-space:nowrap;padding:calc(7px * var(--scale)) calc(28px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink), 0 0 14px #ffc43c73;font-family:var(--font-kai);font-size:calc(15px * var(--scale));letter-spacing:2px;color:#6a3d05;cursor:pointer;background:linear-gradient(#ffe6a8,#f5a623);font-weight:700;transition:transform .12s,box-shadow .12s;animation:1.5s ease-in-out infinite alternate breakthrough-pop;position:absolute;left:50%;transform:translate(-50%)}.breakthrough-btn:hover{transform:translate(-50%)translateY(-2px)scale(1.03)}.breakthrough-btn:active{box-shadow:0 1px 0 var(--ink);transform:translate(-50%)translateY(3px)scale(.98)}@keyframes breakthrough-pop{0%{filter:brightness()saturate()}to{filter:brightness(1.13)saturate(1.15)}}.breakthrough-btn.tribulation{color:#fff0e8;box-shadow:0 var(--lift) 0 var(--ink), 0 0 16px #ff5a5080;background:linear-gradient(#ffb3a7,#e0435c);animation:1s ease-in-out infinite alternate trib-pulse}@keyframes trib-pulse{0%{filter:brightness()saturate()}to{filter:brightness(1.22)saturate(1.2)}}.difficulty-btn{bottom:calc(100% + 9px * var(--scale));white-space:nowrap;padding:calc(5px * var(--scale)) calc(12px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--card);box-shadow:0 var(--lift) 0 var(--ink);font-family:var(--font-kai);font-size:calc(12px * var(--scale));letter-spacing:1px;color:var(--ink-text);cursor:pointer;font-weight:700;transition:transform .12s,box-shadow .12s,background .14s;position:absolute;left:0}.difficulty-btn:hover{transform:translateY(-2px)}.difficulty-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.difficulty-btn.open{box-shadow:0 var(--lift) 0 var(--ink), 0 0 12px #6fd6b473;background:linear-gradient(#b8f0dc,#6fd6b4)}#difficulty-bar{left:0;bottom:calc(100% + 34px * var(--scale));align-items:center;gap:calc(4px * var(--scale));padding:calc(5px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r);background:var(--card-glass);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink), 0 calc(var(--lift) + 5px) 12px #46375f2e;-webkit-backdrop-filter:blur(8px);transform-origin:0 100%;opacity:0;pointer-events:none;transition:opacity .16s,transform .24s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;transform:translateY(8px)scale(.94)}#difficulty-bar.open{opacity:1;pointer-events:auto;transform:none}.diff-label{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);letter-spacing:1px;flex:none;padding:0 2px}.diff-item{padding:calc(4px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r);cursor:pointer;font-family:var(--font-kai);font-size:calc(11px * var(--scale));letter-spacing:1px;color:var(--ink-text);white-space:nowrap;background:0 0;border:2px solid #0000;flex:none;font-weight:700;line-height:1.2;transition:background .14s,border-color .14s,transform .14s}.diff-item:hover{background:#ffffffbf;transform:translateY(-2px)}.diff-item.active{border-color:var(--ink);background:linear-gradient(#b8f0dc,#6fd6b4)}.diff-item[data-diff="7"],.diff-item[data-diff="8"],.diff-item[data-diff="9"]{color:#b3442f}#log-box{width:var(--log-box-width);height:calc(150px * var(--scale));border:2px solid var(--ink,#584a6e);background:var(--log-glass,#fffaf0eb);-webkit-backdrop-filter:blur(8px)saturate(1.15);max-height:46vh;box-shadow:inset 0 1px 0 #fffffff2, 0 var(--panel-lift,2.5px) 0 var(--ink,#584a6e), 0 6px 14px #3c2d4b29;border-radius:3px;flex-direction:column;display:flex;overflow:hidden}.log-tabs{height:calc(19px * var(--scale));background:linear-gradient(90deg,#584a6e1f,#584a6e08);border-bottom:1px solid #584a6e29;flex:none;align-items:stretch;display:flex}.log-tab{padding:0 calc(9px * var(--scale));font:inherit;font-size:calc(10px * var(--scale));color:#5d487299;letter-spacing:.6px;cursor:pointer;background:0 0;border:0;align-items:center;font-weight:800;display:flex;position:relative}.log-tab:hover{color:#5d4872}.log-tab.is-active{color:#46305c;background:#fff9;box-shadow:inset 0 -2px #7a5fa0}.log-tab-badge{top:calc(1px * var(--scale));right:calc(2px * var(--scale));min-width:calc(11px * var(--scale));height:calc(11px * var(--scale));padding:0 calc(2px * var(--scale));color:#fff;font-size:calc(8px * var(--scale));font-style:normal;font-weight:700;line-height:calc(11px * var(--scale));text-align:center;background:#d33a5a;border-radius:999px;position:absolute}.log-tab-badge[hidden]{display:none}.log-pane{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.log-pane[hidden]{display:none}@media (min-width:1140px) and (min-height:541px){#left-column{--log-box-width:calc(320px * var(--scale))}}.log-body{min-height:0;padding:calc(6px * var(--scale)) calc(8px * var(--scale));font-size:calc(11.5px * var(--scale));color:#2a4d45;scrollbar-width:thin;scrollbar-color:#4a3a5c4d transparent;flex-direction:column;flex:1;gap:2px;line-height:1.55;display:flex;overflow-y:auto}.log-body::-webkit-scrollbar{width:5px}.log-body::-webkit-scrollbar-thumb{border-radius:var(--r-sm);background:#4a3a5c47}.log-line{white-space:nowrap;text-overflow:ellipsis;flex:none;overflow:hidden}.chat-line{word-break:break-word;overflow-wrap:anywhere;color:#2a4d45;flex:none}.chat-line.is-mine{background:#7a5fa01f;border-radius:3px}.chat-prefix{margin-right:calc(3px * var(--scale));cursor:pointer;font-weight:700}.chat-ch-world .chat-prefix{color:#2b6d8f}.chat-ch-sect .chat-prefix{color:#9a6a12}.chat-ch-private .chat-prefix{color:#7a4a9c}.chat-name{color:#3d5b8a;cursor:pointer;font-weight:700}.chat-name:hover{text-decoration:underline}.chat-arrow{margin:0 calc(3px * var(--scale));color:#8a7a9c}.chat-msg{color:#2a4d45}.chat-colon{margin-right:calc(2px * var(--scale));color:#6b5f7d}.chat-empty{padding-top:calc(6px * var(--scale));color:#9a8fae;font-size:calc(10px * var(--scale));text-align:center;flex:none}.chat-tabs{height:calc(17px * var(--scale));padding:0 calc(4px * var(--scale));align-items:stretch;gap:calc(2px * var(--scale));scrollbar-width:none;background:#fff6;border-bottom:1px solid #584a6e24;flex:none;display:flex;overflow-x:auto}.chat-tabs::-webkit-scrollbar{display:none}.chat-tab{padding:0 calc(6px * var(--scale));border-radius:calc(3px * var(--scale)) calc(3px * var(--scale)) 0 0;font:inherit;font-size:calc(10px * var(--scale));color:#4a3a5c8c;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;font-weight:700;display:flex}.chat-tab:hover{color:#4a3560}.chat-tab.is-active{color:#46305c;background:#ffffffd9;box-shadow:inset 0 -2px #7a5fa0}.chat-ch-system .chat-prefix{color:#a03a3a}.chat-ch-system .chat-msg{color:#6a3a3a}.chat-send{align-items:center;gap:calc(4px * var(--scale));padding:calc(4px * var(--scale)) calc(6px * var(--scale));padding-right:max(calc(6px * var(--scale)), calc(var(--log-box-width) + 289px * var(--scale) - 50vw));background:#ffffff8c;border-top:1px solid #584a6e29;flex:none;display:flex}.chat-channel{min-width:calc(48px * var(--scale));max-width:calc(78px * var(--scale));height:calc(18px * var(--scale));color:#4a3560;font:inherit;font-size:calc(10px * var(--scale));background:#fff;border:1px solid #584a6e59;border-radius:3px;flex:none}.chat-text{min-width:0;height:calc(18px * var(--scale));padding:0 calc(4px * var(--scale));color:#2a4d45;font:inherit;font-size:calc(10.5px * var(--scale));background:#fff;border:1px solid #584a6e59;border-radius:3px;flex:1}.chat-text:disabled{color:#8a8398;background:#584a6e14}.chat-send-btn{height:calc(18px * var(--scale));padding:0 calc(6px * var(--scale));color:#4a3560;font:inherit;font-size:calc(10px * var(--scale));cursor:pointer;background:linear-gradient(#fff,#efe8f7);border:1px solid #584a6e73;border-radius:3px;flex:none;font-weight:700}.chat-send-btn:disabled{opacity:.5;cursor:default}.chat-hint{height:calc(13px * var(--scale));padding:0 calc(6px * var(--scale));color:#7a6a8c;font-size:calc(9.5px * var(--scale));line-height:calc(13px * var(--scale));white-space:nowrap;text-overflow:ellipsis;flex:none;overflow:hidden}.chat-hint.is-warn{color:#b3244a}.chat-hint[hidden]{display:none}.chat-jump{right:calc(8px * var(--scale));bottom:calc(36px * var(--scale));z-index:2;padding:calc(2px * var(--scale)) calc(6px * var(--scale));color:#5d4872;font:inherit;font-size:calc(9.5px * var(--scale));cursor:pointer;background:#fffffff2;border:1px solid #584a6e66;border-radius:999px;font-weight:700;position:absolute}.chat-jump[hidden]{display:none}.log-deal{color:#9d4310;font-weight:700}.log-take{color:#b3244a;font-weight:700}.log-reward{color:#1f6b47}.log-system{color:#3d5f57}.log-warn{color:#a83a22;font-weight:700}:root{--slot-face:transparent}#right-dock{--dock-icon:calc(46px * var(--scale));--dock-label:calc(14px * var(--scale));--dock-pad:calc(3px * var(--scale));--dock-cell:calc(var(--dock-icon) + var(--dock-pad) * 2);--dock-cell-h:calc(var(--dock-icon) + var(--dock-label) + var(--lw) * 2);--dock-inset:calc(44px * var(--scale));--dock-gutter:calc(227px + var(--dock-inset) + var(--lw) * 2);right:calc(16px * var(--scale));bottom:calc(14px * var(--scale));justify-content:flex-end;align-items:flex-start;gap:calc(5px * var(--scale));row-gap:calc(5px * var(--scale));max-width:calc(50vw - var(--dock-gutter));flex-wrap:wrap;display:flex;position:absolute}.icon-btn{--dock-icon:calc(46px * var(--scale));--dock-label:calc(14px * var(--scale));--dock-pad:calc(3px * var(--scale));--dock-cell:calc(var(--dock-icon) + var(--dock-pad) * 2);--dock-cell-h:calc(var(--dock-icon) + var(--dock-label) + var(--lw) * 2);width:var(--dock-cell);height:var(--dock-cell-h);cursor:pointer;background:0 0;border:none;flex:none;padding:0;position:relative}.icon-btn img{width:var(--dock-icon);height:var(--dock-icon);object-fit:contain;filter:drop-shadow(0 2px #584a6e59)drop-shadow(0 3px 6px #46325026);margin:auto;transition:transform .13s cubic-bezier(.34,1.56,.64,1),filter .13s;display:block;position:absolute;inset:0 0 auto}.icon-name{left:50%;bottom:calc(1px * var(--scale));width:max-content;max-width:calc(var(--dock-cell) + 20px * var(--scale));font-size:calc(10px * var(--scale));line-height:calc(13px * var(--scale));letter-spacing:.5px;white-space:nowrap;text-align:center;padding:0 calc(4px * var(--scale));color:var(--ink-text);pointer-events:none;background:#fffcf5e6;border:1px solid #584a6e59;border-radius:3px;font-weight:800;position:absolute;transform:translate(-50%);box-shadow:0 1px #584a6e33}.icon-key{right:calc(1px * var(--scale));bottom:calc(1px * var(--scale));font-size:calc(9px * var(--scale));line-height:var(--dock-label);color:var(--ink-text-soft);text-shadow:0 1px #fffffff2,0 -1px #fffffff2,1px 0 #fffffff2,-1px 0 #fffffff2;pointer-events:none;font-weight:700;position:absolute}.icon-btn:hover img{transform-origin:50% calc(23px * var(--scale));filter:drop-shadow(0 3px #584a6e73)drop-shadow(0 0 8px #ffd76999);transform:scale(1.16)}.icon-btn:hover .icon-name,.icon-btn:hover .icon-key{color:var(--ink-text)}.icon-btn:active img{transform:scale(.94)}#map-menu{right:0;bottom:calc(100% + 6px * var(--scale));grid-template-columns:repeat(3, calc(48px * var(--scale)));gap:calc(5px * var(--scale));padding:calc(3px * var(--scale));max-height:calc(100vh - 260px * var(--scale));max-height:calc(100dvh - 260px * var(--scale));transform-origin:100% 100%;opacity:0;pointer-events:none;transition:opacity .16s,transform .24s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;overflow:hidden auto;transform:translateY(8px)scale(.94)}#map-menu.open{opacity:1;pointer-events:auto;transform:none}.map-menu-label{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);letter-spacing:1px;text-shadow:0 1px 2px #fffffff2,0 0 6px #fffaf0e6;grid-column:1/-1;padding:0 2px}.map-menu-label:not(:first-child){margin-top:calc(2px * var(--scale))}.map-item{width:100%;padding:calc(3px * var(--scale)) 0;border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--card-soft);box-shadow:0 var(--lift) 0 var(--ink);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:background .14s,transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s;display:flex;position:relative}.map-item img{width:calc(26px * var(--scale));height:calc(26px * var(--scale));object-fit:contain;display:block}.map-item span{font-size:calc(10px * var(--scale));color:var(--ink-text);white-space:nowrap;font-weight:700;line-height:1.2}.map-item-solo{grid-column:1}.map-item:hover{box-shadow:0 calc(var(--lift) + 3px) 0 var(--ink);background:#fffdf6;transform:translateY(-3px)}.map-item.danger{border-color:var(--danger-line);background:var(--danger-face)}.map-item.danger:after{content:"险";top:calc(-5px * var(--scale));right:calc(-4px * var(--scale));width:calc(15px * var(--scale));height:calc(15px * var(--scale));background:var(--danger-fill);border:2px solid var(--ink);font-size:calc(9px * var(--scale));font-weight:700;line-height:calc(11px * var(--scale));text-align:center;color:#fff;pointer-events:none;border-radius:50%;position:absolute}.map-item.danger span{color:var(--danger-text)}.map-item.active{background:linear-gradient(#b8f0dc,#6fd6b4)}#seek-menu{right:calc(100% + 6px * var(--scale));top:calc(100% + 6px * var(--scale));gap:calc(4px * var(--scale));padding:calc(3px * var(--scale));max-height:calc(100vh - 150px * var(--scale));max-height:calc(100dvh - 150px * var(--scale));transform-origin:100% 0;flex-direction:column;display:none;position:absolute;overflow:hidden auto}#seek-menu.open{display:flex}.seek-item{width:calc(96px * var(--scale));padding:calc(4px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--card-soft);box-shadow:0 var(--lift) 0 var(--ink);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:0;transition:background .14s,transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s;display:flex}.seek-item:hover{box-shadow:calc(-3px * var(--scale)) var(--lift) 0 var(--ink);background:#fffdf6;transform:translate(-3px)}.seek-item.active{background:linear-gradient(#b8f0dc,#6fd6b4)}.seek-name{font-family:var(--font-kai);font-size:calc(13px * var(--scale));color:var(--ink-text);white-space:nowrap;font-weight:700;line-height:1.25}.seek-house{font-size:calc(9px * var(--scale));color:var(--ink-text-soft);white-space:nowrap;line-height:1.3}#toast-layer{left:50%;top:calc(40px * var(--scale));align-items:center;gap:calc(8px * var(--scale));pointer-events:none;z-index:22;flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.toast{padding:calc(9px * var(--scale)) calc(26px * var(--scale));border-radius:var(--r);background:var(--card-glass);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink), 0 calc(var(--lift) + 4px) 9px #46375f24;-webkit-backdrop-filter:blur(6px);color:var(--ink-text);font-family:var(--font-kai);font-size:calc(16px * var(--scale));letter-spacing:1.5px;white-space:nowrap;pointer-events:none;font-weight:700;animation:1.8s ease-out forwards toast-rise}@keyframes toast-rise{0%{opacity:0;transform:translateY(10px)scale(.9)}15%{opacity:1;transform:translateY(0)scale(1)}72%{opacity:1}to{opacity:0;transform:translateY(-10px)scale(.97)}}#rotate-hint{z-index:30;color:#ffe6a8;font-family:var(--font-round);letter-spacing:2px;background:#2a3a4a;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:18px;display:none;position:fixed;inset:0}#rotate-hint p{margin:0}.rotate-phone{border:4px solid #ffe6a8;border-radius:10px;width:54px;height:92px;animation:2.2s ease-in-out infinite rotate-phone}@keyframes rotate-phone{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait) and (max-width:900px){#rotate-hint{display:flex}}#tribulation-ui{pointer-events:none;z-index:6;opacity:0;font-family:var(--font-round);color:var(--ink-text);--scale:calc(var(--ui-scale,1) * 1);transition:opacity .35s;position:fixed;inset:0}#tribulation-ui.active{opacity:1}@media (max-height:720px){#tribulation-ui{--scale:calc(var(--ui-scale,1) * .88)}}#boss-bar{left:50%;top:calc(12px * var(--scale));align-items:center;gap:calc(9px * var(--scale));padding:calc(7px * var(--scale)) calc(14px * var(--scale)) calc(7px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink), 0 calc(var(--lift) + 5px) 12px #1e0a1e5c;-webkit-backdrop-filter:blur(8px);background:#3a2842d1;display:flex;position:absolute;transform:translate(-50%)}.boss-avatar{width:calc(40px * var(--scale));height:calc(40px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink);background:linear-gradient(#ffb3a7,#e0435c);flex:none;place-items:center;display:grid;overflow:hidden}.boss-avatar img{object-fit:contain;width:72%;height:72%}.boss-main{width:min(380px,42vw)}.boss-head{margin-bottom:calc(4px * var(--scale));padding:0 calc(3px * var(--scale));justify-content:space-between;align-items:baseline;gap:12px;display:flex}#boss-name{font-family:var(--font-kai);font-size:calc(18px * var(--scale));letter-spacing:3px;color:#ffe0b0;text-shadow:0 2px #3c141ee6;font-weight:700}#boss-hp-text{font-size:calc(11px * var(--scale));color:#ffd0c0;font-variant-numeric:tabular-nums}.boss-track{height:calc(15px * var(--scale));border-radius:var(--r-sm);border:2px solid var(--ink);background:#1e0e1eb3;position:relative;overflow:hidden}#boss-hp-fill{background:linear-gradient(#ff8a72,#c9184a);border-radius:2px;width:100%;position:absolute;top:0;bottom:0;left:0}#boss-hp-fill:after{content:"";background:#fff6;border-radius:2px;height:4px;position:absolute;top:2px;left:2px;right:2px}#tribulation-panel{left:calc(16px * var(--scale));width:calc(214px * var(--scale));padding:calc(11px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink), 0 calc(var(--lift) + 5px) 12px #1e0a1e52;-webkit-backdrop-filter:blur(8px);pointer-events:auto;color:#ffe4c0;background:#3a2842cc;position:absolute;top:50%;transform:translateY(-50%)}.panel-title{font-family:var(--font-kai);font-size:calc(14px * var(--scale));letter-spacing:3px;color:#ffd9a0;margin-bottom:calc(8px * var(--scale));text-align:center;font-weight:700}#tribulation-status{gap:calc(6px * var(--scale));min-height:calc(20px * var(--scale));flex-direction:column;display:flex}.status-chip{align-items:center;gap:calc(7px * var(--scale));padding:calc(4px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r);font-size:calc(12px * var(--scale));background:#ffffff1f;border:2px solid #ffd9a073;display:flex}.status-chip img{width:calc(22px * var(--scale));height:calc(22px * var(--scale));object-fit:contain}.status-chip .status-name{flex:1}.status-chip .status-stacks{font-variant-numeric:tabular-nums;color:#ffd9a0;font-weight:700}.status-chip.danger{background:#c8323c8c;border-color:#ff8a72;animation:.8s ease-in-out infinite alternate auto-hunt-glow}.pill-row{align-items:center;gap:calc(7px * var(--scale));margin-top:calc(12px * var(--scale));font-size:calc(12px * var(--scale));display:flex}.pill-icon{width:calc(22px * var(--scale));height:calc(22px * var(--scale));object-fit:contain}.pill-label{flex:1}#pill-count{font-variant-numeric:tabular-nums;color:#ffd9a0;font-weight:700}#btn-use-pill{padding:calc(5px * var(--scale)) calc(14px * var(--scale));border-radius:var(--r);border:2px solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink);color:#6a3d05;font-family:var(--font-round);font-size:calc(12px * var(--scale));cursor:pointer;background:linear-gradient(#ffe6a8,#f5a623);font-weight:700;transition:transform .12s,box-shadow .12s}#btn-use-pill:hover{box-shadow:0 3px 0 var(--ink);transform:translateY(-2px)}#btn-use-pill:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}#btn-use-pill:disabled{filter:grayscale(.85)brightness(.75);cursor:not-allowed;transform:none}#btn-retreat{width:100%;margin-top:calc(12px * var(--scale));padding:calc(7px * var(--scale)) 0;border-radius:var(--r);color:#ffd0c0;font-family:var(--font-round);font-size:calc(12px * var(--scale));cursor:pointer;background:#96323c8c;border:2px solid #ffb3a7;font-weight:700;transition:transform .12s,background .16s}#btn-retreat:hover{background:#be3c46b3;transform:translateY(-2px)}#btn-retreat:active{transform:translateY(2px)}#tribulation-intro{text-align:center;opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)scale(.85)}#tribulation-intro.show{opacity:1;transform:translate(-50%,-50%)scale(1)}#tribulation-intro-name{padding:calc(11px * var(--scale)) calc(38px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink), 0 0 24px #ff823c52;-webkit-backdrop-filter:blur(8px);font-family:var(--font-kai);font-size:calc(34px * var(--scale));letter-spacing:8px;color:#ffe0b0;text-shadow:0 3px #50141ee6;background:#3a2842b3;font-weight:700;display:inline-block}#tribulation-intro-sub{margin-top:calc(12px * var(--scale));font-size:calc(15px * var(--scale));letter-spacing:4px;color:#ffc9a0;text-shadow:-1.5px -1.5px 0 var(--ink), 1.5px -1.5px 0 var(--ink), -1.5px 1.5px 0 var(--ink), 1.5px 1.5px 0 var(--ink)}#dialogue-backdrop{z-index:39;opacity:0;pointer-events:none;background:#1e16286b;transition:opacity .16s;position:fixed;inset:0}#dialogue-backdrop.open{opacity:1;pointer-events:auto}#dialogue-box{width:min(580px,86vw);min-height:calc(150px * var(--scale));padding:calc(18px * var(--scale)) calc(22px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 calc(var(--lift) + 4px) 0 var(--ink), 0 16px 40px #190f2366, inset 0 1px 0 #fffffff2;z-index:40;opacity:0;pointer-events:none;cursor:pointer;background:linear-gradient(#fffdf8 0%,#fff8ec 100%);flex-direction:column;justify-content:space-between;transition:opacity .18s,transform .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95)}#dialogue-box.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.dlg-speaker{font-family:var(--font-title);font-size:calc(14px * var(--scale));letter-spacing:1px;color:#fff;padding:calc(3px * var(--scale)) calc(14px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink), inset 0 1px 0 #fff9;text-shadow:0 1px 2px #2d194199;margin-bottom:calc(8px * var(--scale));background:linear-gradient(#b89bf2 0%,#9c7ee0 60%,#8c69d8 100%);align-self:flex-start;font-weight:800;display:inline-block}.dlg-text{font-size:calc(14px * var(--scale));color:var(--ink-text);min-height:calc(44px * var(--scale));text-shadow:0 1px #fffc;margin-bottom:calc(8px * var(--scale));line-height:1.7}.dlg-options{justify-content:flex-end;gap:calc(10px * var(--scale));margin-top:calc(8px * var(--scale));padding-top:calc(8px * var(--scale));border-top:1px dashed #584a6e40;flex-wrap:wrap;display:flex}.dlg-option{justify-content:center;align-items:center;gap:calc(6px * var(--scale));padding:calc(9px * var(--scale)) calc(20px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);font-family:var(--font-title);font-size:calc(13px * var(--scale));letter-spacing:.5px;color:#5a3000;text-shadow:0 1px #ffffffb3;box-shadow:0 var(--lift) 0 var(--ink), inset 0 1px 0 #ffffffe6;cursor:pointer;background:linear-gradient(#fff7d6 0%,#ffd678 50%,#f7b445 100%);font-weight:800;transition:transform .12s,filter .12s,box-shadow .1s;display:inline-flex}.dlg-option:before{content:"✦";font-size:calc(10px * var(--scale));color:#c07204}.dlg-option:hover{filter:brightness(1.06);background:linear-gradient(#fffdf0 0%,#ffe394 50%,#fbbd54 100%);transform:translateY(-2px)}.dlg-option:active{transform:translateY(var(--lift));box-shadow:0 0 0 var(--ink)}.dlg-hint{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);text-align:right;opacity:.85}.dlg-overlay{z-index:9999;background:#1e16289e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dlg-card{gap:calc(10px * var(--scale));width:min(380px,100vw - 48px);max-height:82dvh;padding:calc(16px * var(--scale)) calc(18px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--card-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 calc(var(--lift) + 4px) 0 var(--ink);font-family:var(--font-round);color:var(--ink-text);flex-direction:column;display:flex;overflow-y:auto}.dlg-overlay,.dlg-overlay *,.dlg-overlay :before,.dlg-overlay :after{box-sizing:border-box}#confirm-dialog{z-index:80;opacity:0;pointer-events:none;visibility:hidden;background:#1e162899;place-items:center;transition:opacity .16s,visibility .16s;display:grid;position:fixed;inset:0}#confirm-dialog.open{opacity:1;visibility:visible;pointer-events:auto}.cdlg-card{width:min(440px,82vw);padding:calc(18px * var(--scale)) calc(20px * var(--scale)) calc(14px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--card-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 calc(var(--lift) + 4px) 0 var(--ink)}#confirm-dialog,#confirm-dialog *,#confirm-dialog :before,#confirm-dialog :after{box-sizing:border-box}.cdlg-title{font-size:calc(15px * var(--scale));color:var(--ink-text);font-weight:700;line-height:1.5}.cdlg-lines{margin-top:calc(10px * var(--scale))}.cdlg-line{font-size:calc(13px * var(--scale));color:var(--ink-text);line-height:1.7}.cdlg-gap{height:calc(6px * var(--scale))}.cdlg-warn{margin-top:calc(10px * var(--scale));font-size:calc(13px * var(--scale));color:var(--danger-text);font-weight:700;line-height:1.7}.cdlg-actions{justify-content:flex-end;gap:calc(10px * var(--scale));margin-top:calc(16px * var(--scale));display:flex}.cdlg-cancel,.cdlg-confirm{min-width:calc(84px * var(--scale));padding:calc(8px * var(--scale)) calc(16px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);font-family:var(--font-round);font-size:calc(13px * var(--scale));color:var(--ink-text);cursor:pointer;box-shadow:0 calc(2px * var(--scale)) 0 var(--ink);font-weight:700;transition:transform .12s,background .14s,box-shadow .12s}.cdlg-cancel{background:var(--card-soft)}.cdlg-cancel:hover{background:#fff}.cdlg-confirm{background:linear-gradient(#d8fbee,#6fd6b4)}.cdlg-confirm:hover{background:#eafff7}.cdlg-confirm.danger{background:linear-gradient(#ffe4dc,#ffb4a2);border-color:#963c288c}.cdlg-confirm.danger:hover{background:linear-gradient(#ffd6ca,#ff9c85)}.cdlg-cancel:active,.cdlg-confirm:active{box-shadow:0 0 0 var(--ink);transform:translateY(2px)}.cdlg-cancel:focus-visible,.cdlg-confirm:focus-visible{outline:2px solid var(--ink);outline-offset:2px}#sect-chooser{z-index:60;opacity:0;pointer-events:none;background:#1e16286b;place-items:center;transition:opacity .16s;display:grid;position:fixed;inset:0}#sect-chooser.open{opacity:1;pointer-events:auto}.sect-panel{width:min(620px,84vw);max-height:86vh;padding:calc(20px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 calc(var(--lift) + 4px) 0 var(--ink), inset 0 1px 0 #fffffff2;background:linear-gradient(#fffdf8 0%,#fff8ec 100%);overflow-y:auto}.sect-title{font-family:var(--font-title);font-size:calc(19px * var(--scale));color:var(--ink-text);margin-bottom:calc(12px * var(--scale));text-align:center;font-weight:700}.sect-list{gap:calc(10px * var(--scale));flex-direction:column;display:flex}.sect-card{gap:calc(3px * var(--scale));padding:calc(12px * var(--scale)) calc(14px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);box-shadow:0 calc(2px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;text-align:left;cursor:pointer;background:linear-gradient(#fff 0%,#fff6e6 100%);flex-direction:column;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background .12s;display:flex}.sect-card:hover{background:#fff;transform:translateY(-2px)}.sect-card:active{transform:translateY(calc(1.5px * var(--scale))) scale(.98);box-shadow:none}.sect-card:has(.sect-card-icon){padding-left:calc(60px * var(--scale));position:relative}.sect-card-icon{left:calc(14px * var(--scale));width:calc(34px * var(--scale));height:calc(34px * var(--scale));object-fit:contain;position:absolute;top:50%;transform:translateY(-50%)}.sect-card-name{font-family:var(--font-title);font-size:calc(15px * var(--scale));color:var(--ink-text);font-weight:700}.sect-card-info{font-size:calc(12px * var(--scale));color:var(--ink-text-soft);line-height:1.5}.sect-card-body{gap:calc(3px * var(--scale));flex-direction:column;display:flex}.sect-back{margin-top:calc(4px * var(--scale));padding:calc(5px * var(--scale)) calc(14px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;font-size:calc(12px * var(--scale));color:var(--ink-text);cursor:pointer;background:linear-gradient(#fff 0%,#fff7ec 100%);align-self:flex-start;font-weight:700;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background .12s}.sect-back:hover{background:#fff;transform:translateY(-1px)}.sect-back:active{transform:translateY(calc(1.5px * var(--scale))) scale(.97);box-shadow:none}.sect-hint{margin-top:calc(12px * var(--scale));font-size:calc(11px * var(--scale));color:var(--ink-text-soft);text-align:center;line-height:1.5}#login-gate{z-index:64;opacity:0;pointer-events:none;background:linear-gradient(170deg,#d8f0f7 0%,#bfe4d6 100%);place-items:center;transition:opacity .16s;display:grid;position:fixed;inset:0}#login-gate.open{opacity:1;pointer-events:auto}.login-panel{z-index:1;width:min(420px,86vw);max-height:88vh;padding:calc(20px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--card);box-shadow:0 calc(var(--lift) + 4px) 0 var(--ink);gap:calc(10px * var(--scale));flex-direction:column;display:flex;position:relative;overflow-y:auto}.login-title{font-family:var(--font-title);font-size:calc(18px * var(--scale));color:var(--ink-text);text-align:center;margin-bottom:calc(4px * var(--scale));font-weight:700}.login-row{gap:calc(4px * var(--scale));flex-direction:column;display:flex}.login-row label{font-family:var(--font-round);font-size:calc(12px * var(--scale));color:var(--ink-text);font-weight:700}.login-row input{padding:calc(8px * var(--scale)) calc(10px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);color:var(--ink-text);font-size:max(16px, calc(13px * var(--scale)));font-family:var(--font-round);box-sizing:border-box;background:#fffdf6;width:100%}.login-row input:focus{box-shadow:0 0 0 calc(2px * var(--scale)) #ffbe5a8c;background:#fff;outline:none}.login-note{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);margin:0;line-height:1.55}.login-note strong{color:#b4551a}.login-analytics-note{padding-top:calc(4px * var(--scale))}.login-error{padding:calc(7px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid #c0392b;color:#9c2a1e;font-size:calc(12px * var(--scale));font-family:var(--font-round);background:#fdecea;line-height:1.5;display:none}#login-submit{padding:calc(10px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);color:#6a4405;font-family:var(--font-title);font-size:calc(15px * var(--scale));cursor:pointer;box-shadow:0 calc(var(--lift)) 0 var(--ink);background:linear-gradient(#ffd98a,#ffb648);font-weight:700}#login-submit:hover:not(:disabled){transform:translateY(-1px)}#login-submit:disabled{opacity:.62;cursor:default;box-shadow:none}.login-switch,.login-forgot{color:var(--ink-text-soft);font-family:var(--font-round);font-size:calc(12px * var(--scale));cursor:pointer;padding:calc(2px * var(--scale));background:0 0;border:none;text-decoration:underline}.login-switch:hover,.login-forgot:hover{color:var(--ink-text)}.net-banner{z-index:60;padding:calc(7px * var(--scale)) calc(12px * var(--scale));color:#fff8f5;font-family:var(--font-round);font-size:calc(12px * var(--scale));text-align:center;letter-spacing:.3px;box-shadow:0 calc(2px * var(--scale)) 0 #0000002e;background:linear-gradient(#e0533f,#c0392b);font-weight:700;display:none;position:fixed;top:0;left:0;right:0}.net-banner.open{display:block}.net-banner-text{flex:1}.net-banner-action{margin-left:12px}.session-replaced{z-index:66;background:#0c141a9e;place-items:center;display:none;position:fixed;inset:0}.session-replaced.open{display:grid}.session-replaced-panel{width:min(440px,88vw);padding:calc(20px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--card);box-shadow:0 calc(var(--lift) + 4px) 0 var(--ink);gap:calc(10px * var(--scale));font-family:var(--font-round);color:var(--ink-text);flex-direction:column;display:flex}.session-replaced-title{font-family:var(--font-title);font-size:calc(18px * var(--scale));text-align:center;font-weight:700}.session-replaced-body,.session-replaced-hint{font-size:calc(12.5px * var(--scale));margin:0;line-height:1.7}.session-replaced-hint{color:var(--ink-text);opacity:.78}.session-replaced-panel button{font:inherit;padding:calc(9px * var(--scale)) calc(14px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--accent,#7fb6e8);color:var(--ink-text);cursor:pointer;box-shadow:0 calc(3px * var(--scale)) 0 var(--ink);font-weight:700}.session-replaced-panel button:active{transform:translateY(calc(2px * var(--scale)));box-shadow:0 calc(1px * var(--scale)) 0 var(--ink)}.cheat-notice{z-index:64;background:#0c141a9e;place-items:center;display:none;position:fixed;inset:0}.cheat-notice.open{display:grid}.cheat-notice-panel{width:min(460px,88vw);padding:calc(20px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--card);box-shadow:0 calc(var(--lift) + 4px) 0 var(--ink);gap:calc(10px * var(--scale));font-family:var(--font-round);color:var(--ink-text);flex-direction:column;display:flex}.cheat-notice-title{font-family:var(--font-title);font-size:calc(18px * var(--scale));text-align:center;color:var(--danger-text);font-weight:700}.cheat-notice-body{font-size:calc(12.5px * var(--scale));margin:0;line-height:1.7}.cheat-notice-panel button{font:inherit;padding:calc(9px * var(--scale)) calc(14px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--accent,#7fb6e8);color:var(--ink-text);cursor:pointer;box-shadow:0 calc(3px * var(--scale)) 0 var(--ink);font-weight:700}.cheat-notice-panel button:active{transform:translateY(calc(2px * var(--scale)));box-shadow:0 calc(1px * var(--scale)) 0 var(--ink)}.update-bar{right:calc(12px * var(--scale));bottom:calc(12px * var(--scale));z-index:58;align-items:center;gap:calc(8px * var(--scale));padding:calc(8px * var(--scale)) calc(10px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--card);color:var(--ink-text);font-family:var(--font-round);font-size:calc(12px * var(--scale));box-shadow:0 calc(3px * var(--scale)) 0 var(--ink);max-width:min(420px,86vw);display:none;position:fixed}.update-bar.open{display:flex}.update-bar button{font:inherit;padding:calc(4px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--accent,#7fb6e8);color:var(--ink-text);cursor:pointer;font-weight:700}.update-bar .update-bar-close{font-size:calc(15px * var(--scale));padding:0 calc(4px * var(--scale));background:0 0;border-color:#0000;line-height:1}.force-reload{z-index:66;background:#0c141a9e;place-items:center;display:none;position:fixed;inset:0}.force-reload.open{display:grid}.force-reload-panel{width:min(420px,88vw);padding:calc(20px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--card);box-shadow:0 calc(var(--lift) + 4px) 0 var(--ink);gap:calc(10px * var(--scale));font-family:var(--font-round);color:var(--ink-text);text-align:center;flex-direction:column;display:flex}.force-reload-title{font-family:var(--font-title);font-size:calc(18px * var(--scale));font-weight:700}.force-reload-body{font-size:calc(12.5px * var(--scale));margin:0;line-height:1.7}.force-reload-body b{font-size:calc(15px * var(--scale));color:var(--accent,#7fb6e8)}.force-reload-panel button{font:inherit;padding:calc(9px * var(--scale)) calc(14px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--accent,#7fb6e8);color:var(--ink-text);cursor:pointer;box-shadow:0 calc(3px * var(--scale)) 0 var(--ink);font-weight:700}.force-reload-panel button:active{transform:translateY(calc(2px * var(--scale)));box-shadow:0 calc(1px * var(--scale)) 0 var(--ink)}#sect-shop{z-index:60;opacity:0;pointer-events:none;background:#1e16286b;place-items:center;transition:opacity .16s;display:grid;position:fixed;inset:0}#sect-shop.open{opacity:1;pointer-events:auto}#sect-shop .sect-title{justify-content:space-between;align-items:baseline;gap:calc(10px * var(--scale));text-align:left;display:flex}.sect-shop-contribution{font-family:var(--font-round);font-size:calc(13px * var(--scale));font-variant-numeric:tabular-nums;color:#c07b12}.sect-card.locked{opacity:.55;cursor:not-allowed}.sect-card.locked:hover{background:linear-gradient(#fffdf6,#fff3d8);transform:none}#alchemist-shop{padding:calc(10px * var(--scale));z-index:60;opacity:0;pointer-events:none;background:#1e16287a;place-items:center;transition:opacity .16s;display:grid;position:fixed;inset:0}#alchemist-shop.open{opacity:1;pointer-events:auto}.alchemist-shop-panel{width:min(820px,90vw);max-height:min(620px,90vh);padding:calc(16px * var(--scale));overflow-y:auto}.alchemist-shop-title{justify-content:space-between;align-items:center;gap:calc(12px * var(--scale));padding-bottom:calc(10px * var(--scale));text-align:left;border-bottom:1.5px solid #97753b61;display:flex}.alchemist-shop-heading{gap:calc(2px * var(--scale));min-width:0;display:grid}.alchemist-shop-heading b{font-size:calc(19px * var(--scale))}.alchemist-shop-heading small{color:var(--ink-text-soft);font-size:calc(10px * var(--scale));letter-spacing:.08em;font-weight:500}.alchemist-shop-stones{font-family:var(--font-round);font-size:calc(13px * var(--scale));font-variant-numeric:tabular-nums;color:#c07b12;flex:none}.alchemist-shop-layout{gap:calc(18px * var(--scale));padding-top:calc(12px * var(--scale));grid-template-columns:minmax(240px,.86fr) minmax(320px,1.14fr);display:grid}.alchemist-shop-shelf{min-width:0;padding-right:calc(14px * var(--scale));border-right:1px solid #97753b4d}.alchemist-shop-section-title{margin-bottom:calc(4px * var(--scale));color:#594735;font-family:var(--font-title);justify-content:space-between;align-items:baseline;display:flex}.alchemist-shop-section-title b{font-size:calc(13px * var(--scale))}.alchemist-shop-section-title span{color:var(--ink-text-soft);font-family:var(--font-round);font-size:calc(10px * var(--scale))}.alchemist-shop-list{flex-direction:column;display:flex}.alchemist-offer{appearance:none;grid-template-columns:calc(44px * var(--scale)) minmax(0, 1fr) auto;align-items:center;gap:calc(9px * var(--scale));width:100%;min-height:calc(64px * var(--scale));padding:calc(6px * var(--scale)) calc(7px * var(--scale));color:var(--ink-text);font-family:var(--font-round);text-align:left;cursor:pointer;background:0 0;border-top:0;border-bottom:1px solid #71593833;border-left:3px solid #0000;border-right:0;transition:background .12s,border-color .12s;display:grid}.alchemist-offer:hover,.alchemist-offer.selected{background:linear-gradient(90deg,#e1c4824d,#fff8e31f);border-left-color:#c28b35}.alchemist-offer:focus-visible,.alchemist-buy-button:focus-visible{outline-offset:2px;outline:2px solid #aa792c}.alchemist-offer-icon{width:calc(40px * var(--scale));height:calc(40px * var(--scale));padding:calc(3px * var(--scale));object-fit:contain;background:linear-gradient(145deg,#fff9e9,#e7d5aa);border:1px solid #745b3966;border-radius:5px}.alchemist-offer-details,.alchemist-offer-meta{gap:calc(3px * var(--scale));flex-direction:column;min-width:0;display:flex}.alchemist-offer-name{font-size:calc(12px * var(--scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alchemist-offer-type,.alchemist-offer-count{color:var(--ink-text-soft);font-size:calc(10px * var(--scale));white-space:nowrap}.alchemist-offer-meta{align-items:flex-end}.alchemist-offer-price{color:#a66d19;font-size:calc(10px * var(--scale));white-space:nowrap}.alchemist-shop-detail{align-content:center;align-items:center;gap:calc(16px * var(--scale));min-width:0;padding:calc(4px * var(--scale)) 0;grid-template-columns:minmax(104px,.42fr) minmax(0,1fr);display:grid}.alchemist-detail-art{aspect-ratio:1;width:100%;max-width:calc(144px * var(--scale));background:radial-gradient(circle at 50% 42%,#ffffffe6,#0000 62%),linear-gradient(145deg,#f5e7c6,#d7bd87);border:1px solid #7e603673;border-radius:50% 50% 46% 46%;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 4px #fffaeb8c,0 3px #57422a47}.alchemist-detail-icon{z-index:1;object-fit:contain;filter:drop-shadow(0 3px 2px #432e1c3d);width:68%;height:68%}.alchemist-detail-art-mark{color:#603f2721;font-family:var(--font-title);font-size:calc(43px * var(--scale));line-height:1;position:absolute;bottom:3%;right:9%}.alchemist-detail-kind{top:calc(7px * var(--scale));z-index:2;padding:calc(2px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);color:#765127;font-size:calc(9px * var(--scale));white-space:nowrap;background:#fffaeceb;border:1px solid #6e4d286b;position:absolute;left:50%;transform:translate(-50%)}.alchemist-detail-copy{flex-direction:column;align-items:stretch;min-width:0;display:flex}.alchemist-detail-name{margin:0 0 calc(5px * var(--scale));color:#493b30;font-family:var(--font-title);font-size:calc(19px * var(--scale))}.alchemist-detail-effect{color:#65533d;font-size:calc(11px * var(--scale));margin:0;line-height:1.5}.alchemist-detail-stats,.alchemist-detail-trade{gap:calc(8px * var(--scale));padding:calc(8px * var(--scale)) 0;color:var(--ink-text-soft);font-size:calc(10px * var(--scale));border-bottom:1px solid #71593838;grid-template-columns:1fr 1fr;display:grid}.alchemist-detail-stats span,.alchemist-detail-trade span{gap:calc(3px * var(--scale));flex-direction:column;display:flex}.alchemist-detail-stats b,.alchemist-detail-trade b{color:#51402f;font-size:calc(12px * var(--scale));font-variant-numeric:tabular-nums}.alchemist-detail-trade{border-bottom:0}.alchemist-detail-trade span:last-child{align-items:flex-end}.alchemist-detail-trade span:last-child b{color:#a66d19}.alchemist-detail-price{font-style:normal}.alchemist-buy-row{justify-content:space-between;align-items:center;gap:calc(8px * var(--scale));margin-top:calc(8px * var(--scale));display:flex}.alchemist-buy-label{color:var(--ink-text-soft);font-family:var(--font-round);font-size:calc(11px * var(--scale))}.alchemist-buy-quantity{gap:calc(6px * var(--scale));display:flex}.alchemist-qty-chip{appearance:none;min-width:calc(46px * var(--scale));padding:calc(3px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);color:#594735;font-family:var(--font-round);font-size:calc(11px * var(--scale));cursor:pointer;background:#fffaeb99;border:1px solid #71593880;transition:background .12s,border-color .12s}.alchemist-qty-chip:hover{border-color:#8c672d}.alchemist-qty-chip[aria-pressed=true]{color:#4f3920;background:#f4d985;border-color:#8c672d;font-weight:700}.alchemist-buy-button{min-width:calc(132px * var(--scale));min-height:calc(36px * var(--scale));padding:calc(6px * var(--scale)) calc(17px * var(--scale));border-radius:var(--r-sm);color:#4f3920;font-family:var(--font-title);font-size:calc(12px * var(--scale));cursor:pointer;background:linear-gradient(#f4d985,#d5a84e);border:1.5px solid #594532;align-self:flex-end;font-weight:700;transition:transform .1s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px #8c672d,inset 0 1px #ffffffbf}.alchemist-buy-button:active{transform:translateY(2px)scale(.97);box-shadow:0 0 #8c672d}.alchemist-buy-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.alchemist-buy-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #8c672d}.alchemist-buy-button:disabled{color:#6f6b64;cursor:not-allowed;background:#d9d3c7;border-color:#8d8577;box-shadow:0 2px #aaa396}.alchemist-shop-note{margin-top:calc(12px * var(--scale));padding-top:calc(8px * var(--scale));color:var(--ink-text-soft);font-size:calc(10px * var(--scale));text-align:center;border-top:1px solid #97753b47;line-height:1.5}@media (max-width:680px){.alchemist-shop-panel{width:min(100%,100vw - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);padding:calc(12px * var(--scale))}.alchemist-shop-layout{gap:calc(10px * var(--scale));grid-template-columns:1fr}.alchemist-shop-shelf{padding-right:0;padding-bottom:calc(8px * var(--scale));border-bottom:1px solid #97753b4d;border-right:0}.alchemist-shop-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.alchemist-shop-detail{gap:calc(12px * var(--scale));grid-template-columns:minmax(84px,.34fr) minmax(0,1fr)}}.gather-bar{left:50%;top:calc(40px * var(--scale));align-items:center;gap:calc(6px * var(--scale));width:calc(240px * var(--scale));z-index:23;pointer-events:none;flex-direction:column;display:none;position:fixed;transform:translate(-50%)}.gather-bar.open{display:flex}.gather-bar-label{color:var(--ink-text);font-family:var(--font-kai);font-size:calc(15px * var(--scale));letter-spacing:1.5px;text-shadow:0 1px 0 var(--card-glass), 0 2px 6px #46375f47;font-weight:700}.gather-bar-track{width:100%;height:calc(10px * var(--scale));border-radius:var(--r);background:var(--card-glass);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink), 0 calc(var(--lift) + 4px) 9px #46375f24;overflow:hidden}.gather-bar-fill{background:linear-gradient(#ffe9a8,#e8be5a);width:0%;height:100%}#dungeon-ui{pointer-events:none;z-index:6;opacity:0;font-family:var(--font-round);color:var(--ink-text);--scale:calc(var(--ui-scale,1) * 1);transition:opacity .35s;position:fixed;inset:0}#dungeon-ui.active{opacity:1}#dungeon-ui:not(.active),#dungeon-ui:not(.active) *{pointer-events:none}@media (max-height:720px){#dungeon-ui{--scale:calc(var(--ui-scale,1) * .88)}}#dungeon-bar{left:50%;top:calc(12px * var(--scale));width:min(420px,46vw);padding:calc(8px * var(--scale)) calc(14px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink), 0 calc(var(--lift) + 5px) 12px #1e0a1e5c;-webkit-backdrop-filter:blur(8px);background:#3a2842d1;position:absolute;transform:translate(-50%)}.dungeon-head{margin-bottom:calc(5px * var(--scale));padding:0 calc(3px * var(--scale));justify-content:space-between;align-items:baseline;gap:12px;display:flex}#dungeon-title{font-family:var(--font-kai);font-size:calc(17px * var(--scale));letter-spacing:3px;color:#ffe0b0;text-shadow:0 2px #3c141ee6;font-weight:700}#dungeon-wave-text{font-size:calc(12px * var(--scale));color:#ffd0c0;font-variant-numeric:tabular-nums}.dungeon-track{height:calc(13px * var(--scale));border-radius:var(--r-sm);border:2px solid var(--ink);background:#1e0e1eb3;position:relative;overflow:hidden}#dungeon-wave-fill{background:linear-gradient(#ffe9a8,#e8be5a);border-radius:2px;width:0%;position:absolute;top:0;bottom:0;left:0}#dungeon-hint{min-height:calc(15px * var(--scale));margin-top:calc(5px * var(--scale));text-align:center;font-size:calc(12px * var(--scale));color:#ffd9a0;font-variant-numeric:tabular-nums}#dungeon-hud-panel{left:calc(16px * var(--scale));pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%)}#btn-dungeon-exit{font-family:var(--font-round);font-size:calc(13px * var(--scale));padding:calc(9px * var(--scale)) calc(16px * var(--scale));border-radius:var(--r);color:#ffe4c0;border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink);cursor:pointer;background:#3a2842cc}#btn-dungeon-exit:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}#dungeon-intro{text-align:center;opacity:0;transition:opacity .5s,transform .5s;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)scale(.94)}#dungeon-intro.show{opacity:1;transform:translate(-50%,-50%)scale(1)}#dungeon-intro-name{font-family:var(--font-kai);font-size:calc(38px * var(--scale));letter-spacing:8px;color:#fff3d6;text-shadow:0 3px #3c141ee6,0 0 22px #ffdc9680;font-weight:700}#dungeon-intro-sub{margin-top:calc(8px * var(--scale));font-size:calc(14px * var(--scale));letter-spacing:4px;color:#ffd9a0;text-shadow:0 2px #3c141ed9}#dungeon-panel{width:calc(460px * var(--scale));max-height:calc(560px * var(--scale))}#dungeon-panel .panel-body{gap:calc(8px * var(--scale));flex-direction:column;overflow:hidden}.dungeon-hint{font-size:calc(12px * var(--scale));color:var(--ink-text-soft);flex-shrink:0;line-height:1.6}.dungeon-type-tabs{gap:calc(5px * var(--scale));flex-shrink:0;display:flex}.dungeon-tab{appearance:none;min-width:0;font-family:var(--font-round);font-weight:700;font-size:calc(12px * var(--scale));padding:calc(6px * var(--scale)) calc(4px * var(--scale));border-radius:var(--r-sm);color:var(--ink-text-soft);border:var(--lw) solid #584a6e59;cursor:pointer;white-space:nowrap;background:linear-gradient(#fff 0%,#f7f3ec 100%);flex:1 1 0;transition:color .12s,background .12s,transform .1s;box-shadow:inset 0 1px #fffffff2}.dungeon-tab-icon{width:calc(15px * var(--scale));height:calc(15px * var(--scale));object-fit:contain;vertical-align:calc(-3px * var(--scale));margin-right:calc(3px * var(--scale))}.dungeon-tab:hover{color:var(--ink);background:#fff;transform:translateY(-1px)}.dungeon-tab.active{color:#fff;border-color:var(--ink);box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #ffffff73;text-shadow:0 1px #32234b80;background:linear-gradient(#b89bf2 0%,#9c7ee0 60%,#8c69d8 100%);transform:translateY(1px)}.dungeon-tier-list{flex:1;min-height:0;overflow-y:auto}.dungeon-desc{margin-bottom:calc(7px * var(--scale));font-size:calc(12px * var(--scale));color:var(--ink-text-soft);line-height:1.6}.dungeon-row{align-items:center;gap:calc(9px * var(--scale));padding:calc(6px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);margin-bottom:calc(4px * var(--scale));background:linear-gradient(#fff 0%,#faf6ef 100%);border:1.5px solid #584a6e47;display:flex;box-shadow:inset 0 1px #fffffff2}.dungeon-row-name{flex:0 0 calc(60px * var(--scale));font-size:calc(13px * var(--scale));font-weight:700}.dungeon-row-need{min-width:0;font-size:calc(12px * var(--scale));color:var(--ink-text-soft);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dungeon-row-btn{appearance:none;font-family:var(--font-round);font-size:calc(12px * var(--scale));padding:calc(4px * var(--scale)) calc(14px * var(--scale));border-radius:var(--r-sm);color:var(--ink-text);border:var(--lw) solid var(--ink);box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;cursor:pointer;background:linear-gradient(#fff 0%,#fff7ec 100%);flex:none;font-weight:700;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background .12s}.dungeon-row-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.dungeon-row-btn:active:not(:disabled){transform:translateY(calc(1.5px * var(--scale))) scale(.97);box-shadow:none}.dungeon-row-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media (max-height:540px){:root{--scale:calc(var(--ui-scale) * .7)}#tribulation-ui,#dungeon-ui{--scale:calc(var(--ui-scale,1) * .7)}#compass{width:calc(96px * var(--scale));height:calc(96px * var(--scale))}#coord-readout{display:none}#goal-card{width:calc(178px * var(--scale))}#log-box{height:calc(92px * var(--scale));max-height:32vh}#left-column{--log-box-width:calc(216px * var(--scale))}#right-dock{--dock-gutter:calc(166px + var(--dock-inset) + var(--lw) * 2)}}@media (max-height:540px) and (min-width:768px){:root{--scale:calc(var(--ui-scale) * .75)}#tribulation-ui,#dungeon-ui{--scale:calc(var(--ui-scale,1) * .75)}#right-dock{--dock-gutter:calc(176px + var(--dock-inset) + var(--lw) * 2)}}@media (orientation:portrait) and (max-width:720px){:root{--scale:calc(var(--ui-scale) * .8)}#log-box{height:calc(104px * var(--scale))}#left-column{--log-box-width:calc(226px * var(--scale))}}@media (max-height:540px) and (max-width:720px){#map-dock{top:auto;bottom:calc(100% + 60px * var(--scale))}}.life-dock{align-items:center;gap:calc(6px * var(--scale));pointer-events:auto;display:flex}.life-dock[hidden]{display:none}.life-dock-label{font-family:var(--font-kai);font-size:calc(13px * var(--scale));color:var(--ink-text);letter-spacing:1px;text-shadow:0 1px 0 var(--card-glass);font-weight:700}.life-line-btn{padding:calc(4px * var(--scale)) calc(11px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--card-glass);color:var(--ink-text);font-family:var(--font-kai);font-size:calc(13px * var(--scale));letter-spacing:1px;box-shadow:0 var(--lift) 0 var(--ink);font-weight:700;transition:transform 60ms ease-out}.life-line-btn:active{transform:translateY(var(--lift));box-shadow:none}.life-line-btn.active{background:linear-gradient(#b8f0dc,#6fd6b4)}.life-line-btn:disabled{opacity:.5;filter:grayscale(.6)}.bag-grid.materials-view{gap:calc(10px * var(--scale));flex-direction:column;display:flex}.materials-group-name{font-family:var(--font-kai);font-size:calc(14px * var(--scale));color:var(--ink-text);letter-spacing:1px;margin-bottom:calc(4px * var(--scale));padding-bottom:calc(2px * var(--scale));border-bottom:1px solid #4a3a5c38;font-weight:700}.materials-rows{gap:calc(3px * var(--scale)) calc(14px * var(--scale));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.materials-row{align-items:center;gap:calc(8px * var(--scale));min-width:0;font-size:calc(13px * var(--scale));color:var(--ink-text);display:flex}.materials-row-icon{width:calc(22px * var(--scale));height:calc(22px * var(--scale));object-fit:contain;flex:none}.materials-row-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.materials-row-count{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.materials-empty{font-size:calc(13px * var(--scale));color:var(--ink-text-soft);margin:0;line-height:1.7}.bag-grid.consumables-view{grid-template-columns:repeat(auto-fill, minmax(calc(62px * var(--scale)), 1fr));gap:calc(6px * var(--scale))}.consumable-cell{justify-content:center;align-items:center;gap:calc(3px * var(--scale));aspect-ratio:1;min-width:0;padding:calc(4px * var(--scale)) calc(3px * var(--scale)) calc(13px * var(--scale));border-radius:var(--r-sm);box-shadow:0 calc(2px * var(--scale)) 0 #3a2b4b8c;cursor:pointer;background:linear-gradient(155deg,#fffdf6f7,#eee5f9e6);border:1.5px solid #584a6e66;flex-direction:column;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.consumable-cell:hover{transform:translateY(calc(-1px * var(--scale)));box-shadow:0 calc(3px * var(--scale)) 0 #3a2b4ba6}.consumable-cell:active{transform:translateY(calc(1px * var(--scale)));box-shadow:0 1px #3a2b4b8c}.consumable-cell:focus-visible{outline-offset:2px;outline:2px solid #287f9c}.consumable-icon{width:62%;max-width:calc(46px * var(--scale));object-fit:contain;filter:drop-shadow(0 1px 1px #2b203a33);max-height:62%;display:block}.consumable-icon[hidden]{display:none}.consumable-name{width:100%;color:var(--ink-text);font-family:var(--font-title);font-size:calc(10px * var(--scale));text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.15;overflow:hidden}.consumable-count{right:calc(3px * var(--scale));bottom:calc(2px * var(--scale));padding:0 calc(3px * var(--scale));color:#fff9ed;font-size:calc(9px * var(--scale));font-variant-numeric:tabular-nums;background:#372a46db;border-radius:999px;line-height:1.35;position:absolute}.consumables-empty{color:var(--ink-text-soft);font-size:calc(12px * var(--scale));grid-column:1/-1;margin:0;line-height:1.7}.dock-badge-dot{top:calc(1px * var(--scale));right:calc(3px * var(--scale));width:calc(8px * var(--scale));height:calc(8px * var(--scale));box-shadow:0 0 calc(6px * var(--scale)) #ff4757f2, 0 1px 2px #00000059;pointer-events:none;z-index:5;background:#ff4757;border:1.5px solid #fffdf5;border-radius:50%;animation:1.8s ease-in-out infinite alternate anime-badge-breathe;position:absolute}@keyframes anime-badge-breathe{0%{transform:scale(.88);box-shadow:0 0 3px #ff475799}to{transform:scale(1.22);box-shadow:0 0 9px #ff4757}}#ceremony-modal{z-index:50;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#ceremony-modal[hidden]{display:none}.ceremony-backdrop{-webkit-backdrop-filter:blur(4px);background:#160e20bf;position:absolute;inset:0}.ceremony-card{width:calc(320px * var(--scale));padding:calc(20px * var(--scale)) calc(18px * var(--scale));border:2px solid var(--ink,#584a6e);box-shadow:inset 0 1px 0 #ffffffe6, 0 5px 0 var(--ink,#584a6e), 0 12px 32px #0000008c;align-items:center;gap:calc(12px * var(--scale));background:radial-gradient(120% 100% at 50% 0,#fffffff2,#0000 60%),linear-gradient(#fffdf8 0%,#fff9ec 50%,#fff2d6 100%);border-radius:4px;flex-direction:column;animation:.35s cubic-bezier(.18,.89,.32,1.28) ceremony-card-pop;display:flex;position:relative;overflow:hidden}@keyframes ceremony-card-pop{0%{opacity:0;transform:scale(.7)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.ceremony-rays{pointer-events:none;z-index:0;background:repeating-conic-gradient(#fed33024 0deg 15deg,#0000 15deg 30deg);border-radius:50%;width:180%;height:180%;animation:22s linear infinite ceremony-rays-spin;position:absolute;top:-40%;left:-40%}@keyframes ceremony-rays-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ceremony-card>*{z-index:1;position:relative}.ceremony-stamp{padding:calc(3px * var(--scale)) calc(12px * var(--scale));color:#c0392b;font-family:var(--font-kai);font-size:calc(18px * var(--scale));letter-spacing:2px;text-shadow:0 1px #ffffffe6;background:#eb4d4b1f;border:2px solid #c0392b;border-radius:3px;font-weight:900;transform:rotate(-5deg);box-shadow:0 2px #c0392b4d,0 0 10px #eb4d4b59}.ceremony-stamp.stamp-animate{animation:.45s cubic-bezier(.18,.89,.32,1.28) stamp-drop}@keyframes stamp-drop{0%{opacity:0;transform:scale(2.5)rotate(-18deg)}65%{opacity:1;transform:scale(.92)rotate(-4deg)}to{transform:scale(1)rotate(-5deg)}}.ceremony-header{font-family:var(--font-kai);font-size:calc(16px * var(--scale));color:#3d2948;letter-spacing:1px;text-shadow:0 1px #fffffff2;font-weight:900}.ceremony-realm-flow{justify-content:center;align-items:center;gap:calc(8px * var(--scale));width:100%;display:flex}.ceremony-from,.ceremony-to{padding:calc(3px * var(--scale)) calc(10px * var(--scale));border:1.5px solid var(--ink,#584a6e);font-family:var(--font-kai);font-size:calc(13px * var(--scale));border-radius:3px;font-weight:800}.ceremony-from{color:var(--ink-text-soft);background:#584a6e1a}.ceremony-to{color:#4a2800;box-shadow:0 1.5px 0 var(--ink,#584a6e);background:linear-gradient(#ffd32a 0%,#f5a623 100%)}.ceremony-arrow{color:#f59e0b;font-size:calc(15px * var(--scale));font-weight:900;animation:1.2s ease-in-out infinite alternate ceremony-arrow-pulse}@keyframes ceremony-arrow-pulse{0%{transform:translate(-2px)}to{transform:translate(2px)}}.ceremony-stats{gap:calc(5px * var(--scale));flex-direction:column;width:100%;display:flex}.ceremony-stat-row{padding:calc(4px * var(--scale)) calc(10px * var(--scale));font-size:calc(11px * var(--scale));background:#ffffffbf;border:1px solid #584a6e33;border-radius:3px;justify-content:space-between;align-items:center;display:flex}.ceremony-stat-row .stat-name{color:var(--ink-text);font-weight:700}.ceremony-stat-row .stat-val{color:#1e824c;font-weight:800}.ceremony-confirm-btn{margin-top:calc(4px * var(--scale));padding:calc(7px * var(--scale)) calc(28px * var(--scale));border:2px solid var(--ink,#584a6e);color:#fffdf5;font-family:var(--font-kai);font-size:calc(14px * var(--scale));letter-spacing:1px;text-shadow:0 1px #0b664f;box-shadow:inset 0 1px 0 #fff9, 0 2.5px 0 var(--ink,#584a6e);cursor:pointer;background:linear-gradient(#2ed573 0%,#10ac84 100%);border-radius:3px;font-weight:900;transition:transform .12s,filter .12s}.ceremony-confirm-btn:hover{filter:brightness(1.1);transform:translateY(-1.5px)}.ceremony-confirm-btn:active{box-shadow:inset 0 1px 0 #fff6, 0 0 0 var(--ink,#584a6e);transform:translateY(1.5px)}#sect-task-overlay{pointer-events:none;z-index:6;position:fixed;inset:0;overflow:hidden}#sect-task-overlay *{box-sizing:border-box}.sect-task-float{align-items:center;gap:calc(6px * var(--scale));padding:calc(3px * var(--scale)) calc(11px * var(--scale));border:var(--lw) solid var(--ink);box-shadow:0 calc(2px * var(--scale)) 0 var(--ink);font-family:var(--font-round);font-size:calc(12px * var(--scale));color:var(--ink-text);white-space:nowrap;font-variant-numeric:tabular-nums;background:#fffdf6eb;border-radius:99px;display:flex;position:absolute;top:0;left:0}.sect-task-float[hidden]{display:none}.sect-task-float-tag{color:#c07b12;font-weight:700}.game-panel{border-radius:var(--r);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink), inset 0 1px 0 #fffffff2, 0 calc(var(--lift) + 8px) 26px #281e3c59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-round);color:var(--ink-text);opacity:0;pointer-events:none;z-index:20;background:linear-gradient(#fffdf8 0%,#fff8ec 100%);flex-direction:column;transition:opacity .16s,transform .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)scale(.94)}.game-panel,.game-panel *,.game-panel :before,.game-panel :after{box-sizing:border-box}.game-panel:not(.open),.game-panel:not(.open) *,.game-panel:not(.open) :before,.game-panel:not(.open) :after{pointer-events:none}.game-panel.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.game-panel.dragging{transition:none}.panel-head.draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.panel-head.draggable:active{cursor:grabbing}.panel-head{align-items:center;gap:calc(8px * var(--scale));padding:calc(6px * var(--scale)) calc(9px * var(--scale));border-bottom:var(--lw) solid var(--ink);border-radius:var(--r) var(--r) 0 0;background:linear-gradient(#b89bf2 0%,#9c7ee0 60%,#8c69d8 100%);flex:none;display:flex;box-shadow:inset 0 1px #ffffff80}.panel-name{font-family:var(--font-kai);font-size:calc(15px * var(--scale));letter-spacing:4px;color:#fff;text-shadow:0 1.5px #3c285a99,0 0 8px #ffffff59;flex:1;font-weight:700}.panel-close{width:calc(21px * var(--scale));height:calc(21px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);color:#fff;font-size:calc(13px * var(--scale));cursor:pointer;box-shadow:0 1.5px 0 var(--ink), inset 0 1px 0 #ffffff73;text-shadow:0 1px #64141499;background:linear-gradient(#ff7675 0%,#d63031 100%);flex:none;font-weight:900;line-height:1;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .14s,box-shadow .12s}.panel-money{align-items:center;gap:calc(3px * var(--scale));padding:calc(1px * var(--scale)) calc(7px * var(--scale)) calc(1px * var(--scale)) calc(3px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);box-shadow:0 1px 0 var(--ink), inset 0 1px 0 #ffffffd9;font-size:calc(12px * var(--scale));font-variant-numeric:tabular-nums;color:var(--ink-text);background:linear-gradient(#fff 0%,#fff7e6 100%);font-weight:700;display:flex}.panel-money img{width:calc(19px * var(--scale));height:calc(19px * var(--scale));object-fit:contain}.panel-body{gap:calc(9px * var(--scale));padding:calc(9px * var(--scale));flex:1;min-height:0;display:flex;overflow:hidden}.panel-foot{justify-content:center;align-items:center;gap:calc(5px * var(--scale));padding:calc(5px * var(--scale)) calc(9px * var(--scale));border-top:var(--lw) solid var(--ink);background:var(--card-soft);border-radius:0 0 var(--r) var(--r);font-size:calc(11px * var(--scale));color:var(--ink-text-soft);flex:none;display:flex}.panel-foot b{font-variant-numeric:tabular-nums;color:var(--ink-text);font-weight:700}.slots-title,.stats-title{align-items:center;gap:calc(5px * var(--scale));font-family:var(--font-kai);font-size:calc(12px * var(--scale));letter-spacing:3px;color:var(--ink-text);margin-bottom:calc(6px * var(--scale));flex:none;font-weight:700;display:flex}.slots-title:before,.stats-title:before{content:"";width:calc(7px * var(--scale));height:calc(7px * var(--scale));border:1.5px solid var(--ink);background:linear-gradient(#b8f0dc,#4fbf99);border-radius:50%;flex:none}#character-panel{width:calc(600px * var(--scale))}.char-body{gap:calc(9px * var(--scale));flex-direction:column;display:flex}.char-hero{align-items:center;gap:calc(6px * var(--scale)) calc(11px * var(--scale));padding:calc(10px * var(--scale)) calc(12px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink), inset 0 0 0 1px #ffffff80;background:radial-gradient(120% 150% at 10% -30%,#ffffffe6,#fff0 62%),linear-gradient(116deg,#d3c4f2 0%,#bccbf3 46%,#a3e6d3 100%);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"portrait text""exp exp";display:grid;position:relative;overflow:hidden}.char-hero-glow{right:calc(-20px * var(--scale));top:calc(-28px * var(--scale));width:calc(124px * var(--scale));height:calc(124px * var(--scale));pointer-events:none;background:radial-gradient(circle,#fffc,#fff0 68%);border-radius:50%;position:absolute}.char-hero .portrait.sm{width:calc(58px * var(--scale));height:calc(58px * var(--scale));box-shadow:0 var(--lift) 0 var(--ink), 0 0 0 calc(3px * var(--scale)) #fff9;grid-area:portrait}.char-hero-text{gap:calc(2px * var(--scale));flex-direction:column;grid-area:text;min-width:0;display:flex}.char-hero-text .char-realm{font-family:var(--font-kai);font-size:calc(21px * var(--scale));letter-spacing:3px;color:var(--ink-text);text-shadow:0 1.5px #fffc;white-space:nowrap;font-weight:700;line-height:1.15}.char-hero-text .char-sub{font-size:calc(10.5px * var(--scale));color:#5c4c72;white-space:nowrap}.char-tags{align-items:center;gap:calc(4px * var(--scale));margin-top:calc(3px * var(--scale));min-height:calc(16px * var(--scale));flex-wrap:wrap;display:flex}.char-tag{align-items:center;gap:calc(3px * var(--scale));height:calc(16px * var(--scale));padding:0 calc(7px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);font-size:calc(9.5px * var(--scale));color:var(--ink-text);white-space:nowrap;background:#fffaf0eb;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.char-tag-sect{color:#6a4405;background:linear-gradient(#ffe9b2,#ffd074)}.char-tag-rebirth{color:#5a2a72;background:linear-gradient(#f8d9ff,#dda6f0)}.char-tag-quiet{color:var(--ink-text-soft);background:#fffaf099;font-weight:400}.char-hero-exp{gap:calc(3px * var(--scale));flex-direction:column;grid-area:exp;display:flex}.char-exp-head{justify-content:space-between;align-items:baseline;gap:calc(6px * var(--scale));font-size:calc(10px * var(--scale));color:var(--ink-text);display:flex}.char-exp-head span{letter-spacing:2px;opacity:.85;font-weight:700}.char-exp-head b{font-variant-numeric:tabular-nums;font-weight:700}.char-exp-track{height:calc(11px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);box-shadow:inset 0 calc(2px * var(--scale)) 3px #281c3c52;background:#4a3a5c3d;overflow:hidden}.char-exp-track>i{border-radius:inherit;background:linear-gradient(180deg, var(--exp-1), var(--exp-2));width:0;height:100%;box-shadow:inset 0 calc(1.5px * var(--scale)) 0 #fff9;transition:width .18s;display:block}.char-hero-exp.ready .char-exp-track>i{animation:1.1s ease-in-out infinite alternate char-exp-ready}@keyframes char-exp-ready{0%{filter:brightness()}to{filter:brightness(1.25)}}.char-main{gap:calc(12px * var(--scale));height:calc(336px * var(--scale));align-items:stretch;min-height:0;display:flex}.char-left{width:calc(210px * var(--scale));flex-direction:column;flex:none;min-height:0;display:flex}.char-right{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.equip-grid{grid-template-columns:repeat(3, calc(66px * var(--scale)));gap:calc(6px * var(--scale));flex:none;display:grid}.equip-slot{aspect-ratio:1;border-radius:var(--r);border:var(--lw) solid var(--ink);box-shadow:inset 0 calc(2px * var(--scale)) 4px #3c2d5547;cursor:pointer;background:radial-gradient(circle at 50% 35%,#82739b1f,#46375a38);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s,background .14s;display:flex;position:relative}.equip-slot:after{content:"";inset:calc(-4px * var(--scale));pointer-events:auto;position:absolute}.equip-slot:hover{box-shadow:inset 0 1px 0 #fffffff2, 0 calc(2px * var(--scale)) 0 var(--ink);background:linear-gradient(#fff,#fffaf0);transform:translateY(-2px)}.equip-slot:active{transform:translateY(1.5px)scale(.97);box-shadow:inset 0 2px 3px #3c2d5559}.equip-slot .slot-icon{width:calc(32px * var(--scale));height:calc(32px * var(--scale));object-fit:contain;opacity:.28;transition:opacity .14s;display:block}.equip-slot .slot-name{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);white-space:nowrap;opacity:.75;font-weight:700;line-height:1.1}.equip-slot.filled{box-shadow:0 calc(2px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;background:linear-gradient(#fff 0%,#fffdf5 45%,#fff6e8 100%)}.equip-slot.filled .slot-icon{opacity:1}.equip-slot.filled .slot-name{opacity:1;color:var(--ink-text)}.equip-slot.filled:before{content:"";inset:calc(-1 * var(--lw));border-radius:var(--r);border:calc(1.5px * var(--scale)) solid var(--q-color,#e8e4dc);box-shadow:0 0 calc(7px * var(--scale)) color-mix(in srgb, var(--q-color,#e8e4dc) 60%, transparent), inset 0 0 calc(5px * var(--scale)) color-mix(in srgb, var(--q-color,#e8e4dc) 40%, transparent);pointer-events:none;position:absolute}.equip-slot.rare{animation:2.2s ease-in-out infinite alternate slot-glow}@keyframes slot-glow{0%{filter:brightness()}to{filter:brightness(1.12)}}.equip-slot .slot-enhance{right:calc(1px * var(--scale));bottom:calc(-1px * var(--scale));padding:0 calc(4px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);font-size:calc(9px * var(--scale));color:#6a3d05;background:linear-gradient(#ffe28a,#f5a623);font-weight:700;line-height:1.5;position:absolute}.char-gear-summary{gap:calc(6px * var(--scale));min-height:0;margin-top:calc(8px * var(--scale));padding:calc(7px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);box-shadow:inset 0 calc(1.5px * var(--scale)) 3px #3c2d551f;background:#584a6e0f;border:1.5px solid #584a6e66;flex-direction:column;flex:1;display:flex;overflow:hidden}.gear-sum-title{justify-content:space-between;align-items:baseline;gap:calc(6px * var(--scale));font-family:var(--font-kai);font-size:calc(11.5px * var(--scale));letter-spacing:2px;color:var(--ink-text);flex:none;font-weight:700;display:flex}.gear-sum-title b{font-family:var(--font-round);font-size:calc(14px * var(--scale));font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--ink-text)}.gear-sum-bar{gap:calc(2px * var(--scale));height:calc(9px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);box-shadow:inset 0 calc(1.5px * var(--scale)) 2px #281c3c40;background:#584a6e26;flex:none;display:flex;overflow:hidden}.gear-sum-bar>i{min-width:calc(5px * var(--scale));flex-basis:0;display:block}.gear-sum-legend{gap:calc(4px * var(--scale)) calc(8px * var(--scale));font-size:calc(10px * var(--scale));color:var(--ink-text-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;flex:none;font-weight:700;display:flex}.gear-legend-item{align-items:center;gap:calc(3px * var(--scale));display:inline-flex}.gear-legend-dot{width:calc(8px * var(--scale));height:calc(8px * var(--scale));border:1.5px solid var(--ink);border-radius:50%;flex:none}.gear-sum-empty{font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);line-height:1.5}.char-tabs{gap:calc(4px * var(--scale));margin-bottom:calc(8px * var(--scale));flex:none;display:flex}.char-tab{min-width:0;padding:calc(6px * var(--scale)) calc(4px * var(--scale));font-family:inherit;font-size:calc(11.5px * var(--scale));color:var(--ink-text-soft);background:var(--card-soft);border-radius:var(--r-sm);box-shadow:0 var(--lift) 0 #584a6e59;cursor:pointer;white-space:nowrap;border:1.5px solid #584a6e73;flex:1;font-weight:700;transition:background .12s,color .12s,transform .1s,box-shadow .1s}.char-tab:hover{color:var(--ink-text);background:#fff}.char-tab:active{transform:translateY(var(--lift));box-shadow:0 0 #584a6e59}.char-tab.active{color:#fff;text-shadow:0 1px #3c2d5566;border-color:var(--ink);box-shadow:inset 0 calc(1.5px * var(--scale)) 3px #3c2d5540;transform:translateY(1px)}.char-tab.active[data-group=base]{background:linear-gradient(#7fb6f5,#3f8ae8)}.char-tab.active[data-group=offense]{background:linear-gradient(#f0a951,#d97b12)}.char-tab.active[data-group=defense]{background:linear-gradient(#63c9a4,#2f9e77)}.char-tab.active[data-group=breach]{background:linear-gradient(#b18ce8,#8a5fd0)}.char-tab.active[data-group=resource]{background:linear-gradient(#e08aab,#c2557e)}.char-pages{flex-direction:column;flex:1;min-height:0;display:flex}.char-vitals{gap:calc(7px * var(--scale));margin-bottom:calc(8px * var(--scale));flex:none;grid-template-columns:1fr 1fr;display:grid}.cp-vital{gap:calc(2px * var(--scale));padding:calc(6px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r);box-shadow:inset 0 calc(1.5px * var(--scale)) 3px #3c2d5524;background:#584a6e12;border:1.5px solid #584a6e59;flex-direction:column;min-width:0;display:flex}.cp-vital-head{justify-content:space-between;align-items:baseline;gap:calc(4px * var(--scale));width:100%;min-width:0;display:flex}.cp-vital-name{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);white-space:nowrap}.cp-vital-value{font-size:calc(13px * var(--scale));font-variant-numeric:tabular-nums;color:var(--ink-text);text-shadow:0 1px #ffffffd9;white-space:nowrap;font-weight:700}.cp-vital-right{flex-direction:column;flex:none;align-items:flex-end;line-height:1.15;display:flex}.cp-vital-regen{font-size:calc(9px * var(--scale));color:var(--ink-text-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.cp-vital-src{font-size:calc(8.5px * var(--scale));color:var(--ink-text-soft);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.25;overflow:hidden}.cp-vital.low{background:#f4476b1f;border-color:#f4476b99}.cp-vital.low .cp-vital-value{color:#c02a48}.char-stat-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#584a6e59 transparent;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc(42px * var(--scale));gap:calc(5px * var(--scale));min-height:0;padding:calc(2px * var(--scale));--g-base:#3f8ae8;--g-offense:#d97b12;--g-defense:#2f9e77;--g-breach:#8a5fd0;--g-resource:#c2557e;flex:1;align-content:start;display:grid;overflow-y:auto}.char-stat-list::-webkit-scrollbar{width:calc(6px * var(--scale))}.char-stat-list::-webkit-scrollbar-thumb{background:#584a6e47;border-radius:999px}.char-stat{justify-content:space-between;align-items:center;gap:calc(5px * var(--scale));padding:calc(6px * var(--scale)) calc(7px * var(--scale)) calc(6px * var(--scale)) calc(10px * var(--scale));border-radius:var(--r);background:linear-gradient(#ffffffd9 0%,#f8f2e98c 100%);border:1.5px solid #584a6e52;min-width:0;transition:background .12s,transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:inset 0 1px #fffffff2,0 1px 2px #3c2d5514}.char-stat:hover{box-shadow:inset 0 1px 0 #fff, 0 calc(1.5px * var(--scale)) 0 var(--ink);background:#fff;transform:translateY(-1px)}.char-stat:before{content:"";left:calc(3px * var(--scale));width:calc(3px * var(--scale));opacity:.75;background:currentColor;border-radius:2px;height:60%;position:absolute;top:50%;transform:translateY(-50%)}.char-stat-list[data-group=base] .char-stat{color:var(--g-base)}.char-stat-list[data-group=offense] .char-stat{color:var(--g-offense)}.char-stat-list[data-group=defense] .char-stat{color:var(--g-defense)}.char-stat-list[data-group=breach] .char-stat{color:var(--g-breach)}.char-stat-list[data-group=resource] .char-stat{color:var(--g-resource)}.char-stat .stat-head{flex-direction:column;gap:1px;min-width:0;display:flex}.char-stat .stat-name{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);white-space:nowrap}.char-stat .stat-src{font-size:calc(8.5px * var(--scale));white-space:nowrap;font-weight:700;line-height:1.2}.char-stat .stat-src-base{color:#5c7086}.char-stat .stat-src-gear{color:#c07b12}.char-stat .stat-src-pet{color:#14876f}.char-stat .stat-src-other{color:#7b5fd0}.char-stat .stat-value{font-family:var(--font-round);font-size:calc(16px * var(--scale));font-variant-numeric:tabular-nums;color:currentColor;text-shadow:0 1px #ffffffd9;white-space:nowrap;font-weight:700}.char-overflow{gap:calc(2px * var(--scale));margin-top:calc(6px * var(--scale));padding:calc(6px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);background:#b9a6f024;border:1.5px dashed #8a72d88c;flex-direction:column;flex:none;display:none}.char-overflow.show{display:flex}.overflow-title{font-size:calc(10px * var(--scale));color:#7b5fd0;margin-bottom:calc(1px * var(--scale));font-weight:700}.overflow-row{font-size:calc(10px * var(--scale));color:var(--ink-text);line-height:1.45}.overflow-note{font-size:calc(9px * var(--scale));color:var(--ink-text-soft);margin-top:calc(2px * var(--scale))}#backpack-panel{width:calc(600px * var(--scale));max-height:calc(560px * var(--scale))}#backpack-panel .panel-body{padding:calc(7px * var(--scale)) calc(9px * var(--scale))}.bag-tabs{gap:calc(4px * var(--scale));margin-bottom:calc(6px * var(--scale));flex:none;display:flex}.bag-tab{justify-content:center;align-items:center;gap:calc(4px * var(--scale));padding:calc(4px * var(--scale)) calc(6px * var(--scale));border-radius:var(--r-sm);font-family:inherit;font-size:calc(11px * var(--scale));color:var(--ink-text-soft);cursor:pointer;background:linear-gradient(#fff 0%,#f7f3ec 100%);border:1.5px solid #584a6e59;flex:1;font-weight:700;transition:background .12s,color .12s,border-color .12s,transform .1s,box-shadow .1s;display:flex;box-shadow:inset 0 1px #fffffff2}.bag-tab:hover{color:var(--ink-text);background:#fff;transform:translateY(-1px)}.bag-tab:active{transform:translateY(1px)scale(.98)}.bag-tab.active{border-color:var(--ink);color:#fff;box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #ffffff73;text-shadow:0 1px #32234b80;background:linear-gradient(#b89bf2 0%,#9c7ee0 60%,#8c69d8 100%)}.bag-tab-count{min-width:calc(16px * var(--scale));padding:0 calc(4px * var(--scale));border-radius:var(--r-sm);font-size:calc(9px * var(--scale));font-variant-numeric:tabular-nums;text-align:center;line-height:calc(14px * var(--scale));background:#584a6e29}.bag-tab.active .bag-tab-count{color:var(--ink-text);background:#ffffffdb}.bag-bar{align-items:center;gap:calc(5px * var(--scale));min-height:calc(28px * var(--scale));margin-bottom:calc(6px * var(--scale));flex:none;display:flex}.bag-select-tools,.bag-batch-tools{align-items:center;gap:calc(5px * var(--scale));flex-wrap:wrap;display:flex}.bag-select-tools[hidden],.bag-batch-tools[hidden],.bag-note[hidden]{display:none}.bag-picked{font-size:calc(11px * var(--scale));color:var(--ink-text);padding:0 calc(4px * var(--scale));white-space:nowrap;font-weight:700}.bag-picked b{color:#c0392b;font-variant-numeric:tabular-nums}.bag-tool-btn{font-family:inherit;font-size:calc(11px * var(--scale));color:var(--ink-text);border-radius:var(--r-sm);box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;padding:calc(2px * var(--scale)) calc(8px * var(--scale));cursor:pointer;background:linear-gradient(#fff 0%,#fff7ec 100%);border:1.5px solid #584a6e73;font-weight:700;transition:background .12s,transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .1s}.bag-tool-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.bag-tool-btn:active:not(:disabled){transform:translateY(calc(1.5px * var(--scale))) scale(.97);box-shadow:none}.bag-tool-btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.bag-tool-btn.danger{color:#8c1d18;background:linear-gradient(#ffeae4,#ffb4a2);border-color:#a0322399}.bag-tool-btn.danger:hover:not(:disabled){background:linear-gradient(#ffdcd2,#ff9f8a)}.bag-note{margin-top:calc(5px * var(--scale));padding:calc(3px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);font-size:calc(11px * var(--scale));color:#1f6b52;text-align:center;background:#4fbf992e;border:1.5px solid #4fbf9980;flex:none;font-weight:700}.bag-grid{gap:calc(6px * var(--scale));min-width:0;padding-right:calc(3px * var(--scale));flex:1;align-content:start;display:grid;overflow-y:auto}.bag-cell{aspect-ratio:1;border-radius:var(--r-sm);box-shadow:inset 0 calc(1.5px * var(--scale)) 2px #3c2d5529;cursor:default;background:#584a6e14;border:1.5px solid #584a6e47;justify-content:center;align-items:center;padding:0;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s,background .14s;display:flex;position:relative}.bag-cell.filled{cursor:pointer;background:var(--card);border-color:var(--ink);box-shadow:0 calc(2px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2}.bag-cell.filled:hover{box-shadow:0 calc(3px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fff;transform:translateY(-2px)}.bag-cell.filled:active{box-shadow:0 0 0 var(--ink), inset 0 1px 2px #3c2d5540;transform:translateY(1.5px)scale(.97)}.bag-cell.recommended-upgrade:after{content:"▲";bottom:calc(3px * var(--scale));right:calc(3px * var(--scale));z-index:3;color:#159447;font-size:calc(12px * var(--scale));text-shadow:0 1px #fff,0 0 3px #fffffff2;pointer-events:none;font-weight:900;line-height:1;position:absolute}.bag-cell.selected{box-shadow:0 calc(2px * var(--scale)) 0 var(--ink), 0 0 0 2px #20bf6b!important;background:linear-gradient(#eafcf5 0%,#b8f2dc 100%)!important}.bag-cell.picked{box-shadow:0 calc(2px * var(--scale)) 0 var(--ink), 0 0 0 2.5px #10ac84!important;background:linear-gradient(#dcfbe9 0%,#85e4bd 100%)!important}.bag-cell .cell-tick{top:calc(2px * var(--scale));right:calc(2px * var(--scale));width:calc(15px * var(--scale));height:calc(15px * var(--scale));font-size:calc(10px * var(--scale));line-height:calc(13px * var(--scale));text-align:center;color:#fff;pointer-events:none;z-index:2;background:#ffffffe6;border:1.5px solid #584a6e80;border-radius:50%;font-weight:700;position:absolute}.bag-cell.picked .cell-tick{background:#1f9e73;border-color:#146b4e}.bag-cell .cell-level{left:calc(2px * var(--scale));bottom:calc(2px * var(--scale));padding:0 calc(3px * var(--scale));border-radius:calc(var(--r-sm) - 1px);color:#fff;font-size:calc(8px * var(--scale));font-weight:700;line-height:calc(13px * var(--scale));white-space:nowrap;pointer-events:none;z-index:2;background:#3c2d55b8;position:absolute}.bag-cell .cell-rebirth{left:calc(2px * var(--scale));top:calc(2px * var(--scale));padding:0 calc(3px * var(--scale));border-radius:calc(var(--r-sm) - 1px);color:#4c1d95;font-size:calc(8px * var(--scale));font-weight:700;line-height:calc(13px * var(--scale));white-space:nowrap;pointer-events:none;z-index:2;background:linear-gradient(#f3e8ff,#c084fc);position:absolute}.bag-cell.locked>:not(.cell-tick),.bag-cell.locked:before{filter:grayscale(.8);opacity:.5}.bag-cell.filled:before{content:"";border-radius:var(--r-sm);border:calc(1.5px * var(--scale)) solid var(--q-color,#e8e4dc);box-shadow:0 0 calc(6px * var(--scale)) color-mix(in srgb, var(--q-color,#e8e4dc) 55%, transparent), inset 0 0 calc(5px * var(--scale)) color-mix(in srgb, var(--q-color,#e8e4dc) 35%, transparent);pointer-events:none;position:absolute;inset:0}.bag-cell.filled[data-quality=fan],.equip-slot.filled[data-quality=fan]{background:linear-gradient(#fff 0%,#faf8f4 100%)}.bag-cell.filled[data-quality=fan]:before,.equip-slot.filled[data-quality=fan]:before{border-color:#d1ccc0;box-shadow:inset 0 0 3px #b4afa540}.bag-cell.filled[data-quality=ling],.equip-slot.filled[data-quality=ling]{background:linear-gradient(#fff 0%,#f0fbf5 60%,#dff6ea 100%)}.bag-cell.filled[data-quality=ling]:before,.equip-slot.filled[data-quality=ling]:before{border-color:#2ed573;box-shadow:0 0 6px #2ed57373,inset 0 0 4px #2ed57338}.bag-cell.filled[data-quality=xuan],.equip-slot.filled[data-quality=xuan]{background:linear-gradient(#fff 0%,#f1f7ff 60%,#e0effe 100%)}.bag-cell.filled[data-quality=xuan]:before,.equip-slot.filled[data-quality=xuan]:before{border-color:#3867d6;box-shadow:0 0 8px #3867d68c,inset 0 0 5px #3867d647}.bag-cell.filled[data-quality=di],.equip-slot.filled[data-quality=di]{background:linear-gradient(#fff 0%,#fbf3ff 60%,#f3e0fe 100%)}.bag-cell.filled[data-quality=di]:before,.equip-slot.filled[data-quality=di]:before{border-color:#b57ce0;animation:2.4s ease-in-out infinite alternate quality-breathe;box-shadow:0 0 10px #b57ce0a6,inset 0 0 6px #b57ce059}.bag-cell.filled[data-quality=tian],.equip-slot.filled[data-quality=tian]{background:linear-gradient(#fff 0%,#fffbe6 50%,#fef3c7 100%)}.bag-cell.filled[data-quality=tian]:before,.equip-slot.filled[data-quality=tian]:before{border-width:calc(2px * var(--scale));border-color:#f59e0b;animation:1.8s ease-in-out infinite alternate quality-gold-shine;box-shadow:0 0 12px #f59e0bcc,inset 0 0 7px #fed33080}@keyframes quality-breathe{0%{filter:brightness()}to{filter:brightness(1.35)}}@keyframes quality-gold-shine{0%{filter:brightness()drop-shadow(0 0 2px #f59e0b73)}to{filter:brightness(1.22)drop-shadow(0 0 8px #fed330cc)}}.bag-cell .cell-label{z-index:2;font-size:calc(11px * var(--scale));color:var(--ink-text);text-shadow:0 1px #fffffff2,0 -1px #fffffff2;pointer-events:none;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-weight:700;line-height:1.15;position:relative;overflow:hidden}.bag-cell .cell-icon{object-fit:contain;pointer-events:none;z-index:1;width:76%;height:76%;position:absolute;inset:12%}.equip-slot .slot-stage{right:calc(-2px * var(--scale));top:calc(-2px * var(--scale));padding:0 calc(3px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);font-size:calc(8px * var(--scale));color:#fff;white-space:nowrap;pointer-events:none;background:linear-gradient(#cfa8f0,#9b5fd0);font-weight:700;position:absolute}.equip-slot .slot-reborn{left:calc(-2px * var(--scale));top:calc(-2px * var(--scale));padding:0 calc(3px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);font-size:calc(8px * var(--scale));color:#4c1d95;white-space:nowrap;pointer-events:none;background:linear-gradient(#f3e8ff,#c084fc);font-weight:700;position:absolute}#item-popup{left:calc(12px * var(--scale));top:calc(50% * var(--scale));width:calc(232px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);max-height:76vh;box-shadow:0 var(--lift) 0 var(--ink), inset 0 1px 0 #fffffff2, 0 calc(var(--lift) + 10px) 28px #281e3c6b;font-family:var(--font-round);color:var(--ink-text);z-index:36;opacity:0;pointer-events:none;background:linear-gradient(#fffdf8 0%,#fff8ec 100%);flex-direction:column;transition:opacity .14s,transform .18s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;transform:scale(.96)}#item-popup.open{opacity:1;pointer-events:auto;transform:scale(1)}#item-popup.dragging{transition:none}#item-popup.dragged{transform:none}.item-popup-head{align-items:center;gap:calc(8px * var(--scale));padding:calc(5px * var(--scale)) calc(8px * var(--scale));border-bottom:var(--lw) solid var(--ink);background:linear-gradient(180deg, var(--grape), #a98fd6);border-radius:var(--r) var(--r) 0 0;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex:none;display:flex}.item-popup-head:active{cursor:grabbing}.item-popup-name{font-family:var(--font-kai);font-size:calc(12px * var(--scale));letter-spacing:3px;color:#fff;text-shadow:0 1.5px #3c285a8c;flex:1;font-weight:700}.item-popup-close{width:calc(19px * var(--scale));height:calc(19px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);background:var(--card);color:var(--ink-text);font-size:calc(13px * var(--scale));cursor:pointer;box-shadow:0 1.5px 0 var(--ink);flex:none;font-weight:700;line-height:1;transition:transform .12s,background .14s}.item-popup-close:hover{background:#ffb4a2}.item-popup-close:active{box-shadow:none;transform:translateY(1.5px)}.item-popup-body{padding:calc(9px * var(--scale));flex:1;min-height:0;line-height:1.7;overflow-y:auto}.item-popup-tip{padding:0 calc(9px * var(--scale)) calc(8px * var(--scale));font-size:calc(10px * var(--scale));color:var(--ink-text-soft);flex:none}.item-popup-foot{gap:calc(5px * var(--scale));padding:calc(7px * var(--scale)) calc(9px * var(--scale));border-top:var(--lw) solid var(--ink);background:var(--card-soft);border-radius:0 0 var(--r) var(--r);flex:none;display:flex}.card-head{font-family:var(--font-kai);font-size:calc(13px * var(--scale));letter-spacing:1px;padding-bottom:calc(4px * var(--scale));margin-bottom:calc(4px * var(--scale));border-bottom:2px solid #584a6e38;font-weight:700;line-height:1.4}.card-sub{font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.card-sep{height:1px;margin:calc(5px * var(--scale)) 0;background:#584a6e38}.card-group{margin:calc(6px * var(--scale)) 0 calc(2px * var(--scale));font-family:var(--font-kai);font-size:calc(10px * var(--scale));letter-spacing:2px;color:var(--ink-text-soft);font-weight:700}.card-group.affix{color:#6a8bbd}.card-group:before{content:"";width:calc(5px * var(--scale));height:calc(5px * var(--scale));margin-right:calc(4px * var(--scale));border:1px solid var(--ink);vertical-align:1px;background:linear-gradient(#c9b8f0,#8a72d8);border-radius:1px;display:inline-block}.card-group.affix:before{background:linear-gradient(#a8cdf5,#3a7fc4)}.card-row{justify-content:space-between;gap:calc(6px * var(--scale));font-size:calc(11px * var(--scale));line-height:1.6;display:flex}.card-row b{font-variant-numeric:tabular-nums;color:#2f7d4f}.card-row.affix b{color:#3a7fc4}.card-equipped,.card-enhance,.card-rebirth{margin-left:calc(4px * var(--scale));font-size:calc(9px * var(--scale));padding:0 calc(4px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);background:var(--jade-glass);color:var(--ink-text);font-family:var(--font-round);display:inline-block}.card-rebirth{color:#6b21a8;background:linear-gradient(#fdf4ff,#e9d5ff)}.card-bonus{margin-left:calc(5px * var(--scale));font-style:normal;font-size:calc(9px * var(--scale));color:var(--ink-text-soft);font-weight:400}.card-rank{margin-right:calc(5px * var(--scale));padding:0 calc(4px * var(--scale));border-radius:var(--r-sm);color:#7a5410;font-family:var(--font-round);background:#f5cc7a52;border:1.5px solid #a6762ad9;font-weight:700;display:inline-block}.card-tip{margin-top:calc(6px * var(--scale));font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.card-actions{gap:calc(5px * var(--scale));margin-top:calc(8px * var(--scale));display:flex}.card-btn{padding:calc(5px * var(--scale)) 0;border-radius:var(--r-sm);border:var(--lw) solid var(--ink);color:var(--ink-text);font-family:var(--font-round);font-size:calc(11px * var(--scale));cursor:pointer;box-shadow:0 calc(2px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;background:linear-gradient(#fff 0%,#fff7ec 100%);flex:1;font-weight:700;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background .12s,box-shadow .1s}.card-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.card-btn:active:not(:disabled){transform:translateY(calc(1.5px * var(--scale))) scale(.97);box-shadow:none}.card-btn.primary{color:#0d5e3f;text-shadow:0 1px #fff9;background:linear-gradient(#d8fbee 0%,#6fd6b4 100%)}.card-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.bag-main{flex-direction:column;flex:1;min-width:0;display:flex}.foot-chip{align-items:center;gap:calc(4px * var(--scale));padding:calc(2px * var(--scale)) calc(8px * var(--scale)) calc(2px * var(--scale)) calc(4px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);box-shadow:0 1px 0 var(--ink), inset 0 1px 0 #fffffff2;color:var(--ink-text);background:linear-gradient(#fff 0%,#fff8ec 100%);display:flex}.foot-chip-dot{width:calc(11px * var(--scale));height:calc(11px * var(--scale));box-shadow:0 0 calc(5px * var(--scale)) #b57ce0b3, inset 0 0 2px #fff9;background:radial-gradient(circle at 35% 30%,#efe6ff,#b57ce0 60%,#7a4fae);border-radius:50%;flex:none}.foot-hint{text-align:center;font-size:calc(10px * var(--scale));color:var(--ink-text-soft);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}#bag-count.full{color:#c0392b}#skills-panel{width:min(680px,88vw);max-height:calc(600px * var(--scale))}.skill-body{gap:calc(8px * var(--scale));flex-direction:column;min-height:0;display:flex}.skill-page[hidden]{display:none}.skill-tabs{gap:calc(4px * var(--scale));border-bottom:var(--lw) solid var(--ink);padding:0 calc(2px * var(--scale));flex-wrap:wrap;flex:none;display:flex}.skill-tab{appearance:none;font-family:var(--font-round);font-weight:700;font-size:calc(12px * var(--scale));color:var(--ink-text-soft);border:var(--lw) solid #584a6e59;border-radius:var(--r-sm) var(--r-sm) 0 0;padding:calc(5px * var(--scale)) calc(13px * var(--scale)) calc(4px * var(--scale));margin-bottom:calc(-1 * var(--lw));cursor:pointer;background:linear-gradient(#fff 0%,#f7f3ec 100%);border-bottom:none;transition:color .12s,background .12s,transform .1s;box-shadow:inset 0 1px #fffffff2}.skill-tab:hover{color:var(--ink);background:#fff;transform:translateY(-1px)}.skill-tab.active{color:#fff;border-color:var(--ink);box-shadow:0 calc(-1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #ffffff73;text-shadow:0 1px #32234b80;background:linear-gradient(#b89bf2 0%,#9c7ee0 60%,#8c69d8 100%)}.skill-config-page{gap:calc(12px * var(--scale));grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);min-height:0;display:grid;overflow-y:auto}.skill-card-page{gap:calc(10px * var(--scale));grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:0;display:grid}.skill-tile-grid{gap:calc(8px * var(--scale));min-height:0;padding:calc(3px * var(--scale));grid-template-columns:repeat(auto-fill,minmax(74px,1fr));align-content:start;display:grid;overflow-y:auto}.skill-life-page{gap:calc(7px * var(--scale));min-height:0;padding-right:calc(2px * var(--scale));flex-direction:column;display:flex;overflow-y:auto}.skill-life-note{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);padding:calc(6px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid #c79a3a73;background:#fff8de99;flex:none;line-height:1.65}.skill-life-list{gap:calc(6px * var(--scale));flex-direction:column;display:flex}.skill-life-card{gap:calc(4px * var(--scale));padding:calc(8px * var(--scale)) calc(10px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);background:linear-gradient(#fffdf6,#f4eee0);flex-direction:column;display:flex;box-shadow:inset 0 1px #fffc}.skill-life-head{justify-content:space-between;align-items:baseline;gap:calc(8px * var(--scale));display:flex}.skill-life-name{font-family:var(--font-kai);font-size:calc(13.5px * var(--scale));letter-spacing:1px;color:var(--ink-text)}.skill-life-level{font-size:calc(12px * var(--scale));color:#8a6418;font-variant-numeric:tabular-nums;font-weight:700}.skill-life-bar{height:calc(6px * var(--scale));border-radius:var(--r-sm);background:#584a6e2e;overflow:hidden}.skill-life-bar>i{background:linear-gradient(90deg,#9ee08a,#6fd6c8);height:100%;display:block}.skill-life-bar>i.maxed{background:linear-gradient(90deg,#ffe6a8,#f5a623)}.skill-life-meta{gap:calc(3px * var(--scale));flex-direction:column;display:flex}.skill-life-exp{font-size:calc(11px * var(--scale));color:var(--ink-text);font-variant-numeric:tabular-nums}.skill-life-tiers{align-items:center;gap:calc(5px * var(--scale));flex-wrap:wrap;display:flex}.skill-life-tip{font-style:normal;font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft)}.skill-life-use{font-style:italic;font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);line-height:1.55}.skill-tile{align-items:center;gap:calc(3px * var(--scale));appearance:none;padding:calc(2px * var(--scale));color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;font-family:inherit;display:flex}.tile-face{width:calc(58px * var(--scale));height:calc(58px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);background:var(--card-soft);box-shadow:0 calc(2px * var(--scale)) 0 #3c285040;transition:transform .12s,box-shadow .12s;position:relative}.tile-icon{object-fit:contain;border-radius:inherit;width:100%;height:100%}.skill-tile:hover .tile-face{box-shadow:0 calc(4px * var(--scale)) 0 #3c285040;transform:translateY(-2px)}.skill-tile.selected .tile-face{box-shadow:0 0 0 calc(3px * var(--scale)) #f5a623a6;border-color:#a2660f}.skill-tile.locked .tile-face{opacity:.55}.skill-tile.locked .tile-icon{filter:grayscale(.85)}.tile-lv{right:calc(-3px * var(--scale));bottom:calc(-4px * var(--scale));min-width:calc(15px * var(--scale));padding:0 calc(4px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);color:#6a3d05;font-size:calc(9px * var(--scale));text-align:center;background:linear-gradient(#ffe6a8,#f5a623);font-weight:700;position:absolute}.tile-lock{left:50%;top:calc(-4px * var(--scale));padding:0 calc(5px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);color:#ffe0b0;font-size:calc(8.5px * var(--scale));white-space:nowrap;background:#3a2842e6;font-weight:700;position:absolute;transform:translate(-50%)}.tile-worn{left:calc(-4px * var(--scale));top:calc(-4px * var(--scale));width:calc(14px * var(--scale));height:calc(14px * var(--scale));border:var(--lw) solid var(--ink);background:#f5a623;border-radius:50%;position:absolute}.tile-worn:after{content:"✓";font-size:calc(8px * var(--scale));color:#5a3602;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.tile-name{font-size:calc(10.5px * var(--scale));text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.2;display:-webkit-box;overflow:hidden}.skill-detail{gap:calc(5px * var(--scale));border:var(--lw) solid var(--ink);border-radius:var(--r-sm);padding:calc(10px * var(--scale));background:linear-gradient(#fffdf6,#f5eede);flex-direction:column;min-height:0;display:flex;overflow-y:auto;box-shadow:inset 0 1px #fffc}.skill-detail-empty{max-width:calc(180px * var(--scale));text-align:center;font-size:calc(11.5px * var(--scale));color:var(--ink-text-soft);margin:auto;line-height:1.7}.skill-detail-head{align-items:center;gap:calc(10px * var(--scale));display:flex}.skill-detail-icon{width:calc(52px * var(--scale));height:calc(52px * var(--scale));object-fit:contain;border-radius:var(--r-sm);border:var(--lw) solid var(--ink);background:var(--card-soft);flex:none}.skill-detail-head b{font-family:var(--font-kai);font-size:calc(15px * var(--scale));letter-spacing:1px;margin-bottom:calc(3px * var(--scale));display:block}.skill-detail-flavor{font-style:italic;font-size:calc(11.5px * var(--scale));color:var(--ink-text-soft);line-height:1.6}.skill-auto-cast{align-items:center;gap:calc(6px * var(--scale));width:-moz-fit-content;width:fit-content;min-height:calc(24px * var(--scale));color:var(--ink-text);font-size:calc(11px * var(--scale));cursor:pointer;display:flex}.skill-auto-cast input{width:calc(14px * var(--scale));height:calc(14px * var(--scale));accent-color:#4fbf99;margin:0}.skill-detail .lib-actions{margin-top:calc(4px * var(--scale));gap:calc(6px * var(--scale));flex-wrap:wrap}.skill-upgrade-box{gap:calc(4px * var(--scale));padding:calc(6px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid #c79a3a8c;background:#fff4d6b8;flex-direction:column;display:flex}.skill-next-level{font-size:calc(11px * var(--scale));color:#8a6418;font-weight:700}.skill-milestones{gap:calc(2px * var(--scale));flex-direction:column;display:flex}.skill-milestone{font-style:normal;font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);line-height:1.5}.skill-milestone.done{color:#2f7a5c;font-weight:700}.skill-effect-line{font-style:normal;font-size:calc(11.5px * var(--scale));color:var(--ink-text);padding-left:calc(12px * var(--scale));line-height:1.55;position:relative}.skill-effect-line:before{content:"◆";left:0;top:calc(3.5px * var(--scale));font-size:calc(7px * var(--scale));color:#9a7bd0;position:absolute}.skill-card-note{font-style:normal;font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft)}.lib-equip-btn.secondary{background:var(--card-soft);color:var(--ink-text-soft)}.skill-lib-row.worn{box-shadow:0 0 0 calc(2px * var(--scale)) #f5a62359}.tag-worn{color:#6a3d05;background:linear-gradient(#ffe6a8,#f5a623);border-color:#7a4c0c80}.skill-slots-col,.skill-slot-list{gap:calc(6px * var(--scale));flex-direction:column;display:flex}.skill-slot-row{align-items:center;gap:calc(8px * var(--scale));padding:calc(7px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);background:var(--card-soft);text-align:left;cursor:pointer;grid-template-columns:auto auto 1fr;transition:transform .12s,background .14s,box-shadow .14s;display:grid}.skill-slot-row:hover{background:#fffdf6;transform:translateY(-1px)}.skill-slot-row.picked{box-shadow:0 0 0 calc(2px * var(--scale)) #f5a6238c;background:linear-gradient(#fff4cf,#ffe4a3)}.slot-key-cap{width:calc(22px * var(--scale));height:calc(22px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);font-size:calc(11px * var(--scale));color:#6a3d05;background:linear-gradient(#ffe6a8,#f5a623);place-items:center;font-weight:700;display:grid}.slot-skill-icon{width:calc(28px * var(--scale));height:calc(28px * var(--scale));object-fit:contain;border-radius:var(--r-sm)}.slot-skill-icon.empty{content:"";box-shadow:inset 0 0 0 1.5px #7fe8ff8c, 0 0 calc(6px * var(--scale)) #7fe8ff4d}.slot-skill-text{flex-direction:column;gap:1px;min-width:0;display:flex}.slot-skill-text b{font-size:calc(13px * var(--scale));color:var(--ink-text)}.slot-skill-text i{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);font-style:normal;line-height:1.4}.skill-hint{margin-top:calc(6px * var(--scale));font-size:calc(11px * var(--scale));color:var(--ink-text-soft);line-height:1.5}.skill-foot{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);flex:none}.skill-foot b{font-size:calc(14px * var(--scale));color:var(--ink-text);margin-left:calc(4px * var(--scale))}.skill-lib-col{gap:calc(6px * var(--scale));flex-direction:column;display:flex}.skill-lib-list{gap:calc(6px * var(--scale));max-height:calc(460px * var(--scale));flex-direction:column;display:flex;overflow-y:auto}.skill-lib-row{align-items:center;gap:calc(8px * var(--scale));padding:calc(7px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);background:#fffdf6;grid-template-columns:auto 1fr auto;display:grid}.skill-lib-row.placeholder{background:repeating-linear-gradient(45deg,#ff785a1a 0 6px,#0000 6px 12px),#fffdf6}.lib-skill-icon{width:calc(26px * var(--scale));height:calc(26px * var(--scale));object-fit:contain;border-radius:var(--r-sm)}.lib-skill-text{flex-direction:column;gap:2px;min-width:0;display:flex}.lib-skill-text b{font-size:calc(12px * var(--scale));color:var(--ink-text)}.lib-skill-text i{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);font-style:normal;line-height:1.4}.lib-skill-detail{gap:calc(2px * var(--scale));margin-top:calc(2px * var(--scale));flex-direction:column;display:flex}.lib-skill-detail em{font-size:calc(10.5px * var(--scale));color:#7a4a1e;font-style:normal;font-weight:600;line-height:1.45}.lib-stat-row{gap:calc(4px * var(--scale));margin-top:calc(3px * var(--scale));flex-wrap:wrap;display:flex}.lib-stat-row .tag{color:#8a6418;background:#fff4e0e6;border-color:#be965a8c}.lib-tags{gap:calc(4px * var(--scale));flex-wrap:wrap;display:flex}.tag{padding:0 calc(5px * var(--scale));border-radius:var(--r-sm);border:1px solid var(--ink-soft);font-size:calc(9px * var(--scale));line-height:calc(14px * var(--scale));color:var(--ink-text-soft);background:#fff9}.tag-sect{color:#8a6418;background:#ffe8aab3;border-color:#c79a3a}.tag-todo{color:#a3411f;background:#ffd6c8b3;border-color:#d97a5a}.lib-equip-btn{padding:calc(5px * var(--scale)) calc(10px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);font-family:var(--font-round);font-size:calc(11px * var(--scale));color:var(--ink-text);box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;cursor:pointer;white-space:nowrap;background:linear-gradient(#fff 0%,#fff7ec 100%);font-weight:700;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background .12s,box-shadow .1s}.lib-equip-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.lib-equip-btn:active:not(:disabled){transform:translateY(calc(1.5px * var(--scale))) scale(.97);box-shadow:none}.lib-equip-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.lib-equip-btn.primary{color:#6a3d05;text-shadow:0 1px #fff9;background:linear-gradient(#ffe9b0,#f5a623)}.lib-equip-btn.primary:hover:not(:disabled){background:linear-gradient(#fff2c6,#f7b445)}.skill-empty{padding:calc(14px * var(--scale)) calc(10px * var(--scale));font-size:calc(11px * var(--scale));color:var(--ink-text-soft);text-align:center;line-height:1.6}.lib-section-title{padding:calc(4px * var(--scale)) 0 calc(2px * var(--scale));font-size:calc(10px * var(--scale));color:var(--ink-text-soft);letter-spacing:.04em;font-weight:700}.bag-foot{row-gap:calc(3px * var(--scale));flex-wrap:wrap}.bag-filter-bar{align-items:center;gap:calc(5px * var(--scale));flex:none;display:flex}.foot-select{font-family:inherit;font-size:calc(11px * var(--scale));color:var(--ink-text);border-radius:var(--r-sm);padding:calc(1px * var(--scale)) calc(4px * var(--scale));cursor:pointer;background:#ffffffb3;border:1.5px solid #584a6e66}.foot-select:focus-visible{outline:2px solid var(--ink);outline-offset:1px}#bag-filter-preview b{font-variant-numeric:tabular-nums;color:var(--ink-text)}.foot-btn{font-family:inherit;font-size:calc(11px * var(--scale));color:var(--ink-text);border-radius:var(--r-sm);box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;padding:calc(2px * var(--scale)) calc(9px * var(--scale));cursor:pointer;background:linear-gradient(#fff 0%,#fff7ec 100%);border:1.5px solid #584a6e73;font-weight:700;transition:background .12s,transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .1s}.foot-btn:hover{background:#fff;transform:translateY(-1px)}.foot-btn:active{transform:translateY(calc(1.5px * var(--scale))) scale(.97);box-shadow:none}#btn-salvage{border-color:var(--ink);color:#fff;text-shadow:0 1px #50140a80;box-shadow:0 calc(2px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fff6;background:linear-gradient(#ff934b 0%,#ee5a40 100%)}#btn-salvage:hover{background:linear-gradient(#ffa463 0%,#ff6c54 100%);transform:translateY(-1px)}#btn-salvage:active{transform:translateY(calc(1.5px * var(--scale))) scale(.97);box-shadow:none}.card-special{margin-left:calc(4px * var(--scale));padding:0 calc(5px * var(--scale));border-radius:var(--r-sm);font-size:calc(9px * var(--scale));color:#fff;border:1.5px solid var(--ink);vertical-align:middle;background:linear-gradient(#c6a8f5,#8a72d8);font-weight:700;display:inline-block}#death-panel{z-index:70;opacity:0;pointer-events:none;background:#1e16288c;place-items:center;transition:opacity .16s;display:grid;position:fixed;inset:0}#death-panel.open{opacity:1;pointer-events:auto}.death-panel-body{text-align:center;width:min(460px,84vw)}.death-title{color:#8c3a2e;letter-spacing:6px}.death-line{margin:0 0 calc(6px * var(--scale));font-size:calc(14px * var(--scale));color:var(--ink-text);line-height:1.7}#death-countdown{font-family:var(--font-kai);font-size:calc(20px * var(--scale));font-variant-numeric:tabular-nums;color:#c14a2e}.death-sub{margin:0 0 calc(14px * var(--scale));font-size:calc(11px * var(--scale));color:var(--ink-text-soft)}.death-actions{gap:calc(10px * var(--scale));justify-content:center;display:flex}.death-btn{align-items:center;gap:calc(2px * var(--scale));padding:calc(10px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);box-shadow:0 calc(2px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;cursor:pointer;background:linear-gradient(#fffdf6,#fff3d8);flex-direction:column;flex:1;font-family:inherit;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background .12s,opacity .14s;display:flex}.death-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.death-btn:active:not(:disabled){transform:translateY(calc(1.5px * var(--scale))) scale(.97);box-shadow:none}.death-btn-name{font-family:var(--font-kai);font-size:calc(15px * var(--scale));color:var(--ink-text);font-weight:700}.death-btn-sub{font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.death-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (max-width:480px){.death-actions{flex-direction:column}}#settings-panel{width:calc(520px * var(--scale));max-height:calc(560px * var(--scale))}#settings-panel .panel-body{flex-direction:column;gap:0;padding:0;overflow-y:auto}.settings-tabs{border-bottom:var(--lw) solid var(--ink);background:var(--card-soft);flex-shrink:0;gap:4px;padding:0 12px;display:flex}.settings-tab{appearance:none;font-family:var(--font-round);font-weight:700;font-size:calc(12px * var(--scale));color:var(--ink-text-soft);border:var(--lw) solid #584a6e59;border-radius:var(--r-sm) var(--r-sm) 0 0;padding:calc(6px * var(--scale)) calc(14px * var(--scale)) calc(5px * var(--scale));margin-bottom:calc(-1 * var(--lw));cursor:pointer;background:linear-gradient(#fff 0%,#f7f3ec 100%);border-bottom:none;transition:color .12s,background .12s,transform .1s;box-shadow:inset 0 1px #fffffff2}.settings-tab:hover{color:var(--ink);background:#fff;transform:translateY(-1px)}.settings-tab.active{color:#fff;border-color:var(--ink);box-shadow:0 calc(-1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #ffffff73;text-shadow:0 1px #32234b80;background:linear-gradient(#b89bf2 0%,#9c7ee0 60%,#8c69d8 100%)}.settings-tab:focus-visible{outline:2px solid var(--exp-2);outline-offset:1px}.settings-page{display:none}.settings-page.active{display:block}.settings-row em{font-style:normal;font-size:calc(10px * var(--scale));color:var(--ink-text-soft);margin-top:1px;font-weight:400;display:block}.settings-list{gap:calc(6px * var(--scale));flex-direction:column;padding:0 12px;display:flex}.settings-row{justify-content:space-between;align-items:center;gap:calc(10px * var(--scale));padding:calc(6px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);cursor:pointer;background:#ffffff8c;border:1.5px solid #584a6e38;display:flex}.settings-row:hover{background:#ffffffd9}.settings-row>span{font-size:calc(13px * var(--scale));color:var(--ink-text);min-width:0;font-weight:700}.settings-row select{font-family:inherit;font-size:calc(12px * var(--scale));color:var(--ink-text);border-radius:var(--r-sm);padding:calc(2px * var(--scale)) calc(4px * var(--scale));cursor:pointer;background:#ffffffe6;border:1.5px solid #584a6e66;flex:none}.settings-row input[type=checkbox]{width:calc(16px * var(--scale));height:calc(16px * var(--scale));accent-color:#f5a623;cursor:pointer;flex:none}.settings-about-line{font-size:calc(12px * var(--scale));color:var(--ink-text);margin:8px 12px;line-height:1.6}.settings-about-line.soft{color:var(--ink-text-soft);font-size:calc(11px * var(--scale))}.settings-extra{padding:0 12px 10px}.settings-extra:empty{display:none}.settings-account-name{font-size:calc(13px * var(--scale));color:var(--ink-text);text-align:right;min-width:0;padding-right:calc(6px * var(--scale));text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.settings-account-meta{text-align:right;flex:1;min-width:0}.settings-save-sync{color:var(--ink-text-soft);font-size:calc(10px * var(--scale));text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}#smith-panel{width:calc(680px * var(--scale));max-width:95vw;max-height:calc(100vh - 24px * var(--scale));max-height:calc(100dvh - 24px * var(--scale))}.smith-body{gap:calc(10px * var(--scale));padding:calc(10px * var(--scale)) calc(12px * var(--scale));flex-direction:column;min-height:0;display:flex;overflow:hidden}.smith-tabs{gap:calc(8px * var(--scale));flex:none;display:flex}.smith-tab{padding:calc(7px * var(--scale)) 0;border-radius:var(--r-sm);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink), inset 0 1px 0 #fffffff2;font-family:var(--font-title);font-size:calc(13px * var(--scale));color:var(--ink-text-soft);cursor:pointer;background:linear-gradient(#fff 0%,#f4ede1 100%);flex:1;font-weight:700;transition:transform .12s,background .12s,color .12s}.smith-tab:hover{color:var(--ink-text);background:#fff;transform:translateY(-1px)}.smith-tab.active{border-color:var(--ink);color:#522d00;text-shadow:0 1px #fff9;box-shadow:0 1px 0 var(--ink), inset 0 1px 0 #ffffffbf;background:linear-gradient(#ffd978 0%,#f5a623 50%,#e68d0d 100%);transform:translateY(1px)}.smith-layout{grid-template-columns:calc(270px * var(--scale)) 1fr;gap:calc(12px * var(--scale));flex:1;min-height:0;display:grid;overflow:hidden}.smith-left-col{border-radius:var(--r-sm);background:#fff9;border:1.5px solid #584a6e4d;flex-direction:column;min-height:0;display:flex;overflow:hidden}.smith-col-header{gap:calc(2px * var(--scale));padding:calc(6px * var(--scale)) calc(10px * var(--scale));background:#584a6e14;border-bottom:1px solid #584a6e2e;flex-direction:column;flex:none;display:flex}.smith-col-title{font-family:var(--font-title);font-size:calc(12px * var(--scale));color:var(--ink-text);font-weight:700}.smith-col-sub{font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.smith-list-container{min-height:0;padding:calc(6px * var(--scale));scrollbar-width:thin;scrollbar-color:#8a72d8bf #584a6e1a;scrollbar-gutter:stable;flex:1;overflow-y:auto}.smith-list-container::-webkit-scrollbar{width:10px}.smith-list-container::-webkit-scrollbar-track{background:#584a6e1a;border-radius:5px}.smith-list-container::-webkit-scrollbar-thumb{background:#8a72d8bf padding-box content-box;border:2px solid #0000;border-radius:5px}.smith-list-container::-webkit-scrollbar-thumb:hover{background:#8a72d8 padding-box content-box}.smith-list,.smith-rebirth-list{gap:calc(6px * var(--scale));flex-direction:column;display:flex}.smith-item-card{align-items:center;gap:calc(8px * var(--scale));padding:calc(6px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);cursor:pointer;background:#ffffffd9;border:1.5px solid #584a6e40;transition:all .12s;display:flex;box-shadow:inset 0 1px #fffffff2}.smith-item-card:hover{background:#fff;border-color:#584a6e99;transform:translate(2px)}.smith-item-card.selected{background:linear-gradient(90deg,#fff9e6 0%,#fffef8 100%);border-color:#f5a623;box-shadow:inset 0 0 0 1px #f5a623,0 2px 6px #f5a62333}.smith-item-icon{width:calc(36px * var(--scale));height:calc(36px * var(--scale));border-radius:calc(6px * var(--scale));background:#2d1e3c0f;border:2px solid #a090b8;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.smith-item-icon img{object-fit:contain;width:80%;height:80%}.smith-item-info{gap:calc(2px * var(--scale));flex-direction:column;flex:1;min-width:0;display:flex}.smith-item-title{align-items:center;gap:calc(4px * var(--scale));font-size:calc(12px * var(--scale));white-space:nowrap;font-weight:700;display:flex}.smith-item-name{text-overflow:ellipsis;overflow:hidden}.smith-tag-enhance{color:#fff;font-size:calc(9px * var(--scale));padding:0 calc(4px * var(--scale));border-radius:calc(3px * var(--scale));font-weight:800;line-height:calc(13px * var(--scale));background:#ff5252}.smith-tag-stage{color:#fff;font-size:calc(9px * var(--scale));padding:0 calc(4px * var(--scale));border-radius:calc(3px * var(--scale));font-weight:800;line-height:calc(13px * var(--scale));background:#7b4fb5}.smith-item-detail{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smith-item-status{font-size:calc(10px * var(--scale));padding:calc(2px * var(--scale)) calc(5px * var(--scale));border-radius:calc(3px * var(--scale));white-space:nowrap;font-weight:700}.smith-item-status.ready{color:#1b8a5a;background:#e6f9f0;border:1px solid #1b8a5a40}.smith-item-status.lack{color:#d63031;background:#fff0f0;border:1px solid #d6303140}.smith-item-status.maxed{color:#6c5ce7;background:#f1edfa;border:1px solid #6c5ce740}.smith-empty-state{text-align:center;padding:calc(30px * var(--scale)) calc(16px * var(--scale));justify-content:center;align-items:center;gap:calc(8px * var(--scale));color:var(--ink-text-soft);font-size:calc(11px * var(--scale));flex-direction:column;line-height:1.6;display:flex}.smith-lock-icon{font-size:calc(26px * var(--scale))}.smith-right-col{border-radius:var(--r-sm);padding:calc(12px * var(--scale));background:linear-gradient(#fff 0%,#faf5eb 100%);border:1.5px solid #584a6e59;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.smith-forge-box{gap:calc(10px * var(--scale));flex-direction:column;min-height:0;display:flex}.smith-furnace{padding:calc(10px * var(--scale)) 0;border-radius:var(--r-sm);background:radial-gradient(circle,#ffebb466 0%,#0000 70%);border:1px dashed #f5a6234d;flex-direction:column;justify-content:center;align-items:center;display:flex}.smith-furnace-icon{width:calc(56px * var(--scale));height:calc(56px * var(--scale));border-radius:calc(10px * var(--scale));margin-bottom:calc(6px * var(--scale));background:#fff;border:2.5px solid #f5a623;justify-content:center;align-items:center;display:flex}.smith-furnace-icon img{object-fit:contain;width:80%;height:80%}.smith-furnace-name{font-family:var(--font-title);font-size:calc(15px * var(--scale));letter-spacing:1px;font-weight:800}.smith-furnace-quality{font-size:calc(11px * var(--scale));color:var(--ink-text-soft)}.smith-preview-card{border-radius:var(--r-sm);padding:calc(8px * var(--scale)) calc(10px * var(--scale));background:#ffffffd9;border:1px solid #584a6e33}.smith-preview-title{font-family:var(--font-title);font-size:calc(11px * var(--scale));color:var(--ink-text);margin-bottom:calc(6px * var(--scale));padding-bottom:calc(3px * var(--scale));border-bottom:1px dashed #584a6e33;font-weight:700}.smith-compare-list{gap:calc(5px * var(--scale));flex-direction:column;display:flex}.smith-compare-row{font-size:calc(11px * var(--scale));justify-content:space-between;align-items:center;display:flex}.smith-compare-label{color:var(--ink-text-soft);font-weight:600}.smith-compare-vals{align-items:center;gap:calc(6px * var(--scale));display:flex}.smith-compare-vals .cur{color:var(--ink-text);font-weight:700}.smith-compare-vals .arrow{color:#f5a623;font-weight:900;font-size:calc(10px * var(--scale))}.smith-compare-vals .next{color:#1b8a5a;font-weight:800}.smith-compare-row.bonus-row{margin-top:calc(4px * var(--scale));padding-top:calc(4px * var(--scale));border-top:1px dashed #584a6e26}.smith-forge-foot{gap:calc(8px * var(--scale));flex-direction:column;margin-top:auto;display:flex}.smith-cost-row{align-items:center;gap:calc(6px * var(--scale));font-size:calc(11px * var(--scale));flex-wrap:wrap;display:flex}.smith-cost-row .cost-title{color:var(--ink-text-soft)}.smith-cost-row .cost-item{align-items:center;gap:calc(3px * var(--scale));padding:calc(2px * var(--scale)) calc(6px * var(--scale));border-radius:var(--r-sm);color:var(--ink-text);background:#ffffffe6;border:1px solid #584a6e4d;font-weight:700;display:inline-flex}.smith-cost-row .cost-item img{width:calc(14px * var(--scale));height:calc(14px * var(--scale))}.smith-cost-row .cost-item.lack{color:#d63031;background:#fff5f5;border-color:#d63031}.smith-cost-row .cost-have{color:var(--ink-text-soft);font-size:calc(10px * var(--scale))}.smith-action-btn{width:100%;padding:calc(9px * var(--scale)) 0;border-radius:var(--r-sm);border:var(--lw) solid var(--ink);font-family:var(--font-title);font-size:calc(14px * var(--scale));letter-spacing:1px;color:#552a00;text-shadow:0 1px #fff9;box-shadow:0 var(--lift) 0 var(--ink), inset 0 1px 0 #ffffffe6;cursor:pointer;background:linear-gradient(#ffdc73 0%,#f5a623 50%,#e88c0a 100%);font-weight:800;transition:transform .1s,box-shadow .1s,filter .12s}.smith-action-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.smith-action-btn:active:not(:disabled){transform:translateY(var(--lift));box-shadow:0 0 0 var(--ink)}.smith-action-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5);box-shadow:none}.smith-maxed-banner{text-align:center;padding:calc(10px * var(--scale));border:1px solid var(--grape);border-radius:var(--r-sm);color:#4b367c;font-family:var(--font-title);font-size:calc(12px * var(--scale));background:linear-gradient(90deg,#f3ecff,#e7dcff);font-weight:700}.smith-forge-empty{height:100%;color:var(--ink-text-soft);justify-content:center;align-items:center;gap:calc(8px * var(--scale));flex-direction:column;display:flex}.smith-empty-icon{font-size:calc(36px * var(--scale));opacity:.6}.smith-empty-text{font-size:calc(12px * var(--scale));font-weight:700}#release-notes{z-index:38;opacity:0;pointer-events:none;background:#1e16286b;place-items:center;transition:opacity .16s;display:grid;position:fixed;inset:0}#release-notes.open{opacity:1;pointer-events:auto}.checkin-panel{width:calc(560px * var(--scale))}.checkin-body{flex-direction:column}.checkin-track{gap:calc(6px * var(--scale));margin-bottom:calc(12px * var(--scale));grid-template-columns:repeat(7,1fr);display:grid}.checkin-cell{align-items:center;gap:calc(3px * var(--scale));padding:calc(8px * var(--scale)) calc(4px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);text-align:center;background:linear-gradient(#fff 0%,#faf6ef 100%);flex-direction:column;display:flex;box-shadow:inset 0 1px #fffffff2}.checkin-cell.done{opacity:.5;background:#c8d2dc66}.checkin-cell.today{box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fff9;background:linear-gradient(#ffe9b0,#f5a623);border-color:#c07b12}.checkin-day{font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.checkin-cell.today .checkin-day{color:#8a5a10;font-weight:700}.checkin-label{font-size:calc(11px * var(--scale));color:var(--ink-text);font-weight:700}.checkin-gear{font-size:calc(10px * var(--scale));line-height:1.25}.checkin-today{margin-bottom:calc(10px * var(--scale));font-size:calc(12px * var(--scale));color:var(--ink-text);text-align:center}.checkin-btn{font-family:var(--font-round);font-size:calc(12px * var(--scale));padding:calc(6px * var(--scale)) calc(28px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);color:#6a3d05;text-shadow:0 1px #fff9;box-shadow:0 calc(2px * var(--scale)) 0 var(--ink), inset 0 1px 0 #ffffffe6;cursor:pointer;background:linear-gradient(#ffe9b0,#f5a623);margin:0 auto;font-weight:700;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background .12s;display:block}.checkin-btn:hover:not(:disabled){background:linear-gradient(#fff2c6,#f7b445);transform:translateY(-1px)}.checkin-btn:active:not(:disabled){transform:translateY(calc(1.5px * var(--scale))) scale(.97);box-shadow:none}.checkin-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.release-panel{width:min(560px,88vw)}.release-body{max-height:56vh;margin-bottom:calc(12px * var(--scale));padding:calc(10px * var(--scale)) calc(12px * var(--scale));border-radius:var(--r-sm);font-size:calc(12px * var(--scale));color:var(--ink-text);text-align:left;background:#ffffff80;line-height:1.7;overflow-y:auto}.release-body p{margin:0 0 calc(6px * var(--scale))}.talent-body{gap:calc(10px * var(--scale));flex-direction:column;display:flex}.talent-tabs{gap:calc(6px * var(--scale));grid-template-columns:repeat(3,1fr);display:grid}.talent-tab{justify-content:center;align-items:center;gap:calc(6px * var(--scale));padding:calc(7px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);background:linear-gradient(180deg, color-mix(in srgb, var(--talent-accent) 16%, #fff) 0%, var(--card) 100%);color:var(--ink-text-soft);font-family:var(--font-title);font-size:calc(13px * var(--scale));cursor:pointer;transition:transform .12s,background .14s,color .14s;display:flex}.talent-tab:hover{transform:translateY(calc(-1px * var(--scale)))}.talent-tab.active{background:linear-gradient(180deg, color-mix(in srgb, var(--talent-accent) 72%, #fff) 0%, var(--talent-accent) 100%);border-color:var(--ink);color:#2f2440;box-shadow:0 calc(var(--lift)) 0 var(--ink);transform:translateY(0)}.talent-tab-name{font-weight:700}.talent-tab-prog{font-size:calc(11px * var(--scale));opacity:.82;font-variant-numeric:tabular-nums}.talent-tab.full .talent-tab-prog:after{content:" ★";color:#e0a020}.talent-grid-host{justify-content:center;display:flex}.talent-grid{grid-template-columns:calc(44px * var(--scale)) repeat(4, 1fr);gap:calc(8px * var(--scale));padding:calc(10px * var(--scale)) calc(12px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:linear-gradient(180deg, color-mix(in srgb, var(--talent-accent) 18%, var(--card)) 0%, var(--card) 30%);box-shadow:0 calc(var(--lift) + 1px) 0 var(--ink);align-items:center;display:grid}.talent-grid.full{border-color:var(--talent-accent);box-shadow:0 calc(var(--lift) + 1px) 0 var(--ink), 0 0 16px color-mix(in srgb, var(--talent-accent) 50%, transparent)}.talent-col-head{text-align:center;font-family:var(--font-title);font-size:calc(12px * var(--scale));color:var(--ink-text);padding-bottom:calc(3px * var(--scale));border-bottom:2px solid color-mix(in srgb, var(--talent-accent) 65%, transparent);font-weight:700}.talent-row-label{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);text-align:right;padding-right:calc(2px * var(--scale))}.talent-cell{width:calc(56px * var(--scale));height:calc(56px * var(--scale));justify-content:center;justify-self:center;align-items:center;gap:calc(1px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);cursor:default;background:#ffffff9e;flex-direction:column;padding:0;transition:transform .12s,box-shadow .14s,background .16s;display:flex;position:relative}.talent-cell-glyph{font-family:var(--font-title);font-size:calc(17px * var(--scale));color:#4a3a5c80;font-weight:700;line-height:1.05}.talent-cell-delta{font-size:calc(10px * var(--scale));color:#4a3a5c6b;font-variant-numeric:tabular-nums;line-height:1}.talent-cell.flow-right:after{content:"";right:calc(-7px * var(--scale));border-top:calc(4px * var(--scale)) solid transparent;border-bottom:calc(4px * var(--scale)) solid transparent;border-left:calc(5px * var(--scale)) solid #7a6b8c8c;position:absolute;top:50%;transform:translateY(-50%)}.talent-cell.flow-down:after{content:"";bottom:calc(-7px * var(--scale));border-left:calc(4px * var(--scale)) solid transparent;border-right:calc(4px * var(--scale)) solid transparent;border-top:calc(5px * var(--scale)) solid #7a6b8c8c;position:absolute;left:50%;transform:translate(-50%)}.talent-cell.lit{background:linear-gradient(180deg, color-mix(in srgb, var(--talent-accent) 78%, #fff) 0%, var(--talent-accent) 100%);box-shadow:0 calc(var(--lift)) 0 var(--ink)}.talent-cell.lit .talent-cell-glyph{color:#fff;text-shadow:0 1px 2px #281e3c80}.talent-cell.lit .talent-cell-delta{color:#ffffffeb}.talent-cell.lit.flow-right:after{border-left-color:var(--talent-accent)}.talent-cell.lit.flow-down:after{border-top-color:var(--talent-accent)}.talent-cell.next{cursor:pointer;border-style:dashed;border-color:var(--talent-accent);background:linear-gradient(180deg, #fff, color-mix(in srgb, var(--talent-accent) 28%, #fff) 100%);animation:1.5s ease-in-out infinite alternate talent-cell-breathe}.talent-cell.next .talent-cell-glyph{color:color-mix(in srgb, var(--ink-text) 62%, var(--talent-accent))}.talent-cell.next:hover{transform:translateY(calc(-2px * var(--scale)));animation:none}.talent-cell.next:active{transform:translateY(0)}.talent-cell.next-locked{cursor:not-allowed;opacity:.7;background:#fffc;border-color:#7a6b8c80;animation:none}.talent-cell.next-locked .talent-cell-glyph,.talent-cell.next-locked .talent-cell-delta{color:#4a3a5c59}.talent-cell.locked{opacity:.5}.talent-cell-back{right:calc(-6px * var(--scale));top:calc(-6px * var(--scale));width:calc(19px * var(--scale));height:calc(19px * var(--scale));border:var(--lw) solid var(--ink);background:linear-gradient(180deg, #fff, var(--pink));color:#6a2340;font-size:calc(12px * var(--scale));cursor:pointer;opacity:.9;border-radius:50%;place-items:center;padding:0;line-height:1;transition:opacity .12s,transform .12s,background .12s;display:grid;position:absolute}.talent-cell:hover .talent-cell-back{opacity:1;transform:scale(1.12)}.talent-cell-back:hover{background:linear-gradient(180deg, var(--pink), #ff7fb5)}@keyframes talent-cell-breathe{0%{box-shadow:0 0 4px color-mix(in srgb, var(--talent-accent) 40%, transparent)}to{box-shadow:0 0 12px color-mix(in srgb, var(--talent-accent) 78%, transparent)}}.talent-points-chip{align-items:center;gap:calc(3px * var(--scale));padding:calc(2px * var(--scale)) calc(9px * var(--scale)) calc(2px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;font-size:calc(11px * var(--scale));color:#7a4a08;white-space:nowrap;background:linear-gradient(#fff 0%,#fff6d8 45%,#ffe6a8 100%);display:inline-flex}.talent-points-chip i{font-style:normal;font-size:calc(12px * var(--scale));color:#e0a020}.talent-points-chip b{font-family:var(--font-title);font-size:calc(16px * var(--scale));color:#b5650a;min-width:calc(14px * var(--scale));text-align:center;font-weight:700}.talent-points-chip em{opacity:.8;font-style:normal}.talent-points-chip:has(b.empty){filter:saturate(.5)opacity(.7)}.talent-foot{justify-content:space-between;align-items:center;gap:calc(8px * var(--scale));display:flex}.talent-respec-btn{font-size:calc(12px * var(--scale));padding:calc(4px * var(--scale)) calc(14px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);color:var(--ink-text);box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;cursor:pointer;background:linear-gradient(#fff 0%,#fff7ec 100%);flex:none;font-weight:700;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background .12s,box-shadow .1s}.talent-respec-btn:hover:not(:disabled){background:#fff;transform:translate(-50%)translateY(-1px)}.talent-respec-btn:active:not(:disabled){transform:translateX(-50%) translateY(calc(1.5px * var(--scale))) scale(.97);box-shadow:none}.talent-respec-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.talent-respec-btn.unaffordable{opacity:.7}#pet-panel{width:calc(600px * var(--scale));max-height:94vh;min-height:min(calc(520px * var(--scale)), 94vh)}#pet-panel .panel-body{gap:calc(10px * var(--scale));flex-direction:row}.pet-side{flex:0 0 calc(132px * var(--scale));min-height:0;padding-right:calc(8px * var(--scale));border-right:var(--lw) solid #584a6e47;gap:calc(6px * var(--scale));flex-direction:column;display:flex}.pet-list{gap:calc(4px * var(--scale));flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.pet-filter{gap:calc(2px * var(--scale));flex-direction:column;flex:none;display:flex}.pet-filter-label{font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.pet-filter-select{width:100%;padding:calc(3px * var(--scale)) calc(4px * var(--scale));border-radius:var(--r-sm);font-family:inherit;font-size:calc(11px * var(--scale));color:var(--ink-text);cursor:pointer;background:#ffffffd9;border:1.5px solid #584a6e59}.pet-row{gap:calc(2px * var(--scale));padding:calc(5px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);text-align:left;cursor:pointer;background:#ffffff80;border:1.5px solid #584a6e59;flex-direction:column;font-family:inherit;transition:background .12s;display:flex}.pet-row:hover{background:#fff}.pet-row.selected{border-color:var(--grape);background:linear-gradient(#f3ecff,#e7dcff)}.pet-row.active{border-color:#c07b12;box-shadow:inset 0 0 0 1px #f0c770}.pet-row-name{font-size:calc(12px * var(--scale));color:var(--ink-text);font-weight:700}.pet-row-meta{font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.pet-role{margin-left:calc(5px * var(--scale));padding:0 calc(4px * var(--scale));border-radius:calc(3px * var(--scale));font-size:calc(9px * var(--scale));font-weight:700;line-height:calc(13px * var(--scale));vertical-align:middle;background:#ffffffb3;border:1.5px solid;display:inline-block}.pet-role-tank{color:#2f7d5f}.pet-role-power{color:#b8452b}.pet-role-caster{color:#5b53b8}.pet-role-speed{color:#1f76a8}.pet-role-balanced{color:#96651a}.pet-tabs{gap:calc(4px * var(--scale));margin-bottom:calc(8px * var(--scale));display:flex}.pet-tab{padding:calc(5px * var(--scale)) 0;border-radius:var(--r-sm);font-family:inherit;font-size:calc(11px * var(--scale));color:var(--ink-text-soft);cursor:pointer;background:linear-gradient(#fff 0%,#f7f3ec 100%);border:1.5px solid #584a6e59;flex:1;font-weight:700;transition:transform .1s,background .12s,color .12s;box-shadow:inset 0 1px #fffffff2}.pet-tab:hover{color:var(--ink-text);background:#fff;transform:translateY(-1px)}.pet-tab.on{border-color:var(--ink);color:#fff;box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #ffffff73;text-shadow:0 1px #32234b80;background:linear-gradient(#b89bf2 0%,#9c7ee0 60%,#8c69d8 100%);transform:translateY(1px)}.pet-view{gap:calc(8px * var(--scale));flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow-y:auto}.pet-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.pet-card{padding:calc(8px * var(--scale)) calc(10px * var(--scale));border-radius:var(--panel-r-in);background:#ffffffb8;border:1.5px solid #584a6e4d;flex:none;box-shadow:inset 0 1px #fffffff2}.pet-card-title{margin-bottom:calc(6px * var(--scale));padding-bottom:calc(2px * var(--scale));font-size:calc(11px * var(--scale));color:var(--ink-text-soft);border-bottom:1px dashed #584a6e47;font-weight:700}.pet-head-row{align-items:center;gap:calc(6px * var(--scale));margin-bottom:calc(3px * var(--scale));flex-wrap:wrap;display:flex}.pet-head-row b{font-family:var(--font-title);font-size:calc(15px * var(--scale));color:var(--ink-text);margin-right:auto}.pet-head-sub{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);margin-bottom:calc(6px * var(--scale))}.pet-line{font-size:calc(11px * var(--scale));color:var(--ink-text);margin-bottom:calc(6px * var(--scale))}.pet-actions{gap:calc(5px * var(--scale));margin-bottom:calc(8px * var(--scale));flex-wrap:wrap;display:flex}.pet-btn{padding:calc(4px * var(--scale)) calc(10px * var(--scale));border-radius:var(--r-sm);box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;font-family:inherit;font-size:calc(11px * var(--scale));color:var(--ink-text);cursor:pointer;background:linear-gradient(#fff 0%,#fff7ec 100%);border:1.5px solid #584a6e73;font-weight:700;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background .12s,box-shadow .1s}.pet-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.pet-btn:active:not(:disabled){transform:translateY(calc(1.5px * var(--scale))) scale(.97);box-shadow:none}.pet-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.pet-rename-input{width:100%;min-width:0;padding:calc(4px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);font-family:inherit;font-size:calc(11px * var(--scale));color:var(--ink-text);background:#ffffff9e;border:1.5px solid #584a6e73}.pet-rename-input::placeholder{color:var(--ink-text-soft)}.pet-rename-input:focus{background:#fff;border-color:#584a6ecc;outline:none}.pet-grid{grid-template-columns:repeat(auto-fill, minmax(calc(96px * var(--scale)), 1fr));gap:calc(5px * var(--scale));margin-bottom:calc(8px * var(--scale));display:grid}.pet-cell{justify-content:space-between;align-items:center;gap:calc(4px * var(--scale));padding:calc(4px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);font-size:calc(11px * var(--scale));color:var(--ink-text);background:#ffffff80;border:1.5px solid #584a6e47;display:flex}.pet-cell b{font-variant-numeric:tabular-nums;color:var(--ink-text)}.pet-cell.strong b{color:#2f7d5f}.pet-cell.weak b{color:#9c9384}.pet-cell.locked{background:linear-gradient(#fff6e0,#ffe9b0);border-color:#c07b12}.pet-plus{width:calc(20px * var(--scale));height:calc(20px * var(--scale));background:var(--card-soft);font-family:inherit;font-size:calc(12px * var(--scale));color:var(--ink-text);cursor:pointer;touch-action:none;-webkit-touch-callout:none;border:1.5px solid #584a6e73;border-radius:50%;flex:none;font-weight:700;line-height:1}.pet-plus:hover:not(:disabled){background:#fff}.pet-plus:disabled{opacity:.4;cursor:default}.pet-lock{height:calc(20px * var(--scale));padding:0 calc(6px * var(--scale));border-radius:var(--panel-r-in);background:var(--card-soft);font-family:inherit;font-size:calc(11px * var(--scale));white-space:nowrap;color:var(--ink-text);cursor:pointer;border:1.5px solid #584a6e73;flex:none;font-weight:700;line-height:1}.pet-lock:hover{background:#fff}.pet-cell>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pet-empty{justify-content:center;align-items:center;gap:calc(6px * var(--scale));padding:calc(20px * var(--scale)) calc(12px * var(--scale));text-align:center;font-size:calc(11px * var(--scale));color:var(--ink-text-soft);border-radius:var(--r-sm);margin:calc(8px * var(--scale)) 0;background:#584a6e0a;border:1.5px dashed #584a6e40;flex-direction:column;line-height:1.6;display:flex}.pet-empty-paw{font-family:var(--font-kai);font-size:calc(13px * var(--scale));color:#8c7b99;letter-spacing:2px;font-weight:800}.pet-line-pick{gap:calc(6px * var(--scale));margin-bottom:calc(8px * var(--scale));grid-template-columns:repeat(3,1fr);display:grid}.pet-line-card{align-items:center;gap:calc(4px * var(--scale));padding:calc(7px * var(--scale)) calc(6px * var(--scale));border-radius:var(--r-sm);text-align:center;background:#ffffff8c;border:1.5px solid #584a6e59;flex-direction:column;display:flex}.pet-line-card b{font-size:calc(12px * var(--scale));color:var(--ink-text)}.pet-line-summary{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);line-height:1.5}.pet-chain{gap:calc(5px * var(--scale));margin-bottom:calc(6px * var(--scale));flex-direction:column;display:flex}.pet-chain-row{align-items:stretch;gap:calc(4px * var(--scale));display:flex}.pet-chain-stage{padding:calc(2px * var(--scale)) calc(5px * var(--scale));border-radius:var(--r-sm);font-size:calc(10px * var(--scale));color:var(--ink-text-soft);white-space:nowrap;background:#584a6e1a;flex:none;align-self:center;font-weight:700}.pet-chain-node{gap:calc(1px * var(--scale));min-width:0;padding:calc(3px * var(--scale)) calc(5px * var(--scale));border-radius:var(--r-sm);font-size:calc(10px * var(--scale));background:#ffffff80;border:1.5px solid #584a6e47;flex-direction:column;flex:1 1 0;display:flex}.pet-chain-node span{color:var(--ink-text-soft)}.pet-chain-node.strong{background:#2f7d5f1a;border-color:#2f7d5f8c}.pet-chain-node.strong b{color:#2f7d5f}.pet-chain-node.weak{opacity:.55}.pet-chain-row .pet-plus{align-self:center}.pet-line-off{padding:calc(3px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);font-size:calc(10px * var(--scale));color:var(--ink-text-soft);margin-bottom:calc(4px * var(--scale));background:#584a6e0f}.pet-book-title{margin:calc(6px * var(--scale)) 0 calc(4px * var(--scale));font-size:calc(10px * var(--scale));color:var(--ink-text-soft);font-weight:700}.pet-overlay{padding:calc(10px * var(--scale));border-radius:var(--panel-r-in);z-index:5;background:#32234b59;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pet-modal{gap:calc(6px * var(--scale));width:100%;max-height:100%;padding:calc(10px * var(--scale));border-radius:var(--panel-r-in);border:1.5px solid var(--ink);box-shadow:0 calc(3px * var(--scale)) 0 var(--ink);background:linear-gradient(#fffdf8,#fdf6ea);flex-direction:column;display:flex;overflow-y:auto}.pet-modal-head{align-items:center;gap:calc(6px * var(--scale));display:flex}.pet-modal-head b{font-family:var(--font-title);font-size:calc(13px * var(--scale));color:var(--ink-text);margin-right:auto}.pet-modal-foot{justify-content:flex-end;gap:calc(6px * var(--scale));display:flex}#cave-panel{width:min(calc(680px * var(--scale)), 95vw);max-height:min(calc(620px * var(--scale)), 88vh)}#cave-panel .panel-body{flex-direction:column;padding:0;display:flex}.cave-body{padding:calc(10px * var(--scale)) calc(12px * var(--scale));max-height:min(calc(540px * var(--scale)), 78vh);flex-direction:column;display:flex;overflow:hidden auto}.cave-stage{gap:calc(9px * var(--scale));flex-direction:column;display:flex}.cave-fac-banner,.cave-furn-summary{justify-content:space-between;align-items:center;gap:calc(8px * var(--scale));padding:calc(8px * var(--scale)) calc(11px * var(--scale));border-radius:var(--r-sm);background:linear-gradient(135deg,#fffdf8 0%,#fcf4e4 100%);border:1.5px solid #584a6e52;flex-wrap:wrap;display:flex;box-shadow:0 2px 5px #2d1e3c0f,inset 0 1px #fff}.cave-fac-banner-main{gap:calc(4px * var(--scale));flex-direction:column;flex:1;min-width:0;display:flex}.cave-fac-banner-title-row{align-items:center;gap:calc(7px * var(--scale));flex-wrap:wrap;display:flex}.cave-fac-banner-name,.cave-furn-summary-title{font-family:var(--font-title);font-size:calc(13.5px * var(--scale));color:var(--ink-text);font-weight:800}.cave-fac-lv-badge{padding:calc(1px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);color:#5a3000;font-size:calc(10.5px * var(--scale));font-variant-numeric:tabular-nums;background:linear-gradient(#ffe9b0,#f5a623);font-weight:800}.cave-fac-lv-badge.maxed{color:#0d5e3f;background:linear-gradient(#d8fbee,#6fd6b4)}.cave-fac-effect{font-size:calc(11px * var(--scale));color:var(--ink-text);font-weight:700}.cave-fac-next{font-size:calc(10.5px * var(--scale));color:#b87010;font-weight:700}.cave-fac-chips{gap:calc(5px * var(--scale));flex-wrap:wrap;display:flex}.cave-fac-chip{padding:calc(1.5px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);background:#ffffffd9;border:1px solid #584a6e3d;align-items:center;font-weight:700;display:inline-flex}.cave-fac-chip.good{color:#186f44;background:#ebf9f1;border-color:#2ea06473}.cave-fac-chip.warn{color:#965208;background:#fff4df;border-color:#d2821e8c}.cave-fac-banner-side{flex:none;align-items:center;display:flex}.cave-fac-max-tag{padding:calc(3px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);font-size:calc(11px * var(--scale));color:#186f44;background:#f0fbf5;border:1.5px dashed #2ea06480;font-weight:800}.cave-section-title{font-family:var(--font-title);font-size:calc(11.5px * var(--scale));color:var(--ink-text);padding-bottom:calc(3px * var(--scale));border-bottom:1.5px solid #584a6e33;font-weight:800}.cave-col-head{justify-content:space-between;align-items:baseline;gap:calc(6px * var(--scale));margin-bottom:calc(5px * var(--scale));flex-wrap:wrap;display:flex}.cave-col-title{font-family:var(--font-title);font-size:calc(12px * var(--scale));color:var(--ink-text);font-weight:800}.cave-col-sub{font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft)}.cave-row{justify-content:space-between;align-items:center;gap:calc(8px * var(--scale));font-size:calc(11.5px * var(--scale));display:flex}.cave-row-label{align-items:center;gap:calc(4px * var(--scale));color:var(--ink-text-soft);display:inline-flex}.cave-row-icon{width:calc(16px * var(--scale));height:calc(16px * var(--scale));object-fit:contain}.cave-row-value{color:var(--ink-text);font-variant-numeric:tabular-nums;font-weight:700}.cave-hint{font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);line-height:1.55}.cave-btn{justify-content:center;align-items:center;gap:calc(4px * var(--scale));padding:calc(5px * var(--scale)) calc(12px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);font-family:var(--font-title);font-size:calc(11.5px * var(--scale));color:var(--ink-text);box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;cursor:pointer;background:linear-gradient(#fff 0%,#f4efe6 100%);font-weight:800;transition:transform .1s,filter .12s,box-shadow .1s;display:inline-flex}.cave-btn.gold{color:#5a3000;background:linear-gradient(#ffe9b0 0%,#f5a623 100%)}.cave-btn.primary{color:#0b5337;background:linear-gradient(#d8fbee 0%,#5fd4ae 100%)}.cave-btn.full{width:100%;padding:calc(7px * var(--scale)) calc(12px * var(--scale));font-size:calc(12px * var(--scale))}.cave-btn:hover:not(:disabled):not(.disabled){filter:brightness(1.05);transform:translateY(-1px)}.cave-btn:active:not(:disabled):not(.disabled){transform:translateY(calc(1.5px * var(--scale)));box-shadow:none}.cave-btn:disabled,.cave-btn.disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.cave-cost-grid{grid-template-columns:repeat(auto-fill, minmax(calc(145px * var(--scale)), 1fr));gap:calc(6px * var(--scale));display:grid}.cave-cost-chip{align-items:center;gap:calc(6px * var(--scale));padding:calc(5px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);font-size:calc(11px * var(--scale));background:#fff;border:1.5px solid #584a6e40;display:flex}.cave-cost-chip.ok{background:linear-gradient(#fff 0%,#f1fbf6 100%);border-color:#2eaf6e8c}.cave-cost-chip.lack{background:linear-gradient(#fff 0%,#fff2f0 100%);border-color:#d74b418c}.cave-cost-icon{width:calc(20px * var(--scale));height:calc(20px * var(--scale));object-fit:contain;flex:none}.cave-cost-name{min-width:0;color:var(--ink-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.cave-cost-num{font-variant-numeric:tabular-nums;flex:none;font-weight:800}.cave-cost-chip.ok .cave-cost-num{color:#197a48}.cave-cost-chip.lack .cave-cost-num{color:#c23025}.cave-harvest-banner{justify-content:space-between;align-items:center;gap:calc(8px * var(--scale));padding:calc(7px * var(--scale)) calc(12px * var(--scale));border-radius:var(--r-sm);box-shadow:0 calc(2px * var(--scale)) calc(6px * var(--scale)) #2b8a5e24;background:linear-gradient(90deg,#ebf9f1 0%,#d8f3e4 100%);border:1.5px solid #48a87e;display:flex}.cave-harvest-banner-text{font-size:calc(11.5px * var(--scale));color:#166a44;font-weight:800;line-height:1.4}.cave-queue-box,.cave-slot-box{padding:calc(7px * var(--scale)) calc(10px * var(--scale));border-radius:var(--r-sm);background:#ffffffa6;border:1.5px solid #584a6e3d}.cave-queue-strip{grid-template-columns:repeat(auto-fit, minmax(calc(120px * var(--scale)), 1fr));gap:calc(6px * var(--scale));display:grid}.cave-queue-slot{justify-content:center;gap:calc(4px * var(--scale));padding:calc(6px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);min-height:calc(44px * var(--scale));text-align:left;background:#fff;border:1.5px solid #584a6e40;flex-direction:column;font-family:inherit;display:flex}.cave-queue-slot.empty{background:#584a6e0a;border-style:dashed;flex-direction:row;justify-content:space-between;align-items:center}.cave-queue-slot.active{background:linear-gradient(#fff 0%,#f2f9ff 100%);border-color:#6ab0de}.cave-queue-slot.ready{box-shadow:0 0 0 calc(2px * var(--scale)) #3ca37433;background:linear-gradient(#f2fcf6 0%,#d8f5e5 100%);border-color:#3ca374}.cave-queue-slot.ready.clickable{cursor:pointer;transition:transform .12s,box-shadow .12s}.cave-queue-slot.ready.clickable:hover{transform:translateY(calc(-1px * var(--scale)));box-shadow:0 calc(3px * var(--scale)) calc(8px * var(--scale)) #2b8a5e40}.cave-queue-slot-no{font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);font-weight:700}.cave-queue-slot-state{font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);opacity:.75}.cave-queue-slot-top{justify-content:space-between;align-items:center;gap:calc(4px * var(--scale));display:flex}.cave-queue-slot-name{align-items:center;gap:calc(4px * var(--scale));font-size:calc(11px * var(--scale));color:var(--ink-text);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:800;display:inline-flex;overflow:hidden}.cave-job-icon{width:calc(16px * var(--scale));height:calc(16px * var(--scale));object-fit:contain;flex:none}.cave-queue-slot-time{font-size:calc(10px * var(--scale));color:#b4690e;font-variant-numeric:tabular-nums;flex:none;font-weight:700}.cave-job-bar-track,.cave-mastery-bar-track{height:calc(6px * var(--scale));border-radius:var(--r-sm);background:#584a6e29;overflow:hidden}.cave-job-bar-fill,.cave-mastery-bar-fill{background:linear-gradient(90deg,#6fd6b4,#f5a623);height:100%;transition:width .2s;display:block}.cave-workbench{grid-template-columns:calc(225px * var(--scale)) minmax(0, 1fr);gap:calc(10px * var(--scale));align-items:stretch;display:grid}.cave-left-col{gap:calc(6px * var(--scale));padding:calc(8px * var(--scale));border-radius:var(--r-sm);max-height:calc(340px * var(--scale));background:#ffffff9e;border:1.5px solid #584a6e40;flex-direction:column;display:flex;overflow-y:auto}.cave-item-list{gap:calc(5px * var(--scale));flex-direction:column;display:flex}.cave-list-item{align-items:center;gap:calc(8px * var(--scale));width:100%;padding:calc(6px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);text-align:left;color:var(--ink-text);cursor:pointer;background:linear-gradient(#fff 0%,#faf6ef 100%);border:1.5px solid #584a6e38;font-family:inherit;transition:transform .1s,border-color .12s,box-shadow .12s;display:flex}.cave-list-item:hover{border-color:#584a6e8c;transform:translate(1.5px)}.cave-list-item.active{background:linear-gradient(90deg,#fffdf5 0%,#fff3d6 100%);border-color:#e59312;box-shadow:0 0 0 1px #f5a62366,inset 0 1px #fff}.cave-list-icon{width:calc(30px * var(--scale));height:calc(30px * var(--scale));object-fit:contain;border-radius:var(--r-sm);padding:calc(2px * var(--scale));background:#fff;border:1px solid #584a6e33;flex:none}.cave-list-info{gap:calc(2px * var(--scale));flex-direction:column;flex:1;min-width:0;display:flex}.cave-list-title-row,.cave-list-meta-row{justify-content:space-between;align-items:center;gap:calc(4px * var(--scale));display:flex}.cave-list-name{font-family:var(--font-title);font-size:calc(12px * var(--scale));color:var(--ink-text);white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.cave-list-tag{padding:0 calc(5px * var(--scale));border-radius:var(--r-sm);font-size:calc(9.5px * var(--scale));flex:none;font-weight:800}.cave-list-tag.ok{color:#167a46;background:#e6f9ef;border:1px solid #2eaf6e66}.cave-list-tag.ready{color:#9e5806;background:#fff3d1;border:1px solid #e1961e80}.cave-list-tag.lack{color:#b83227;background:#ffece8;border:1px solid #d74b4159}.cave-list-tag.muted{color:var(--ink-text-soft);background:#584a6e14}.cave-list-meta{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cave-list-meta.up-hint{color:#187a48;font-weight:700}.cave-right-col{gap:calc(8px * var(--scale));padding:calc(10px * var(--scale));border-radius:var(--r-sm);background:linear-gradient(#fff 0%,#fcf9f2 100%);border:1.5px solid #584a6e47;flex-direction:column;display:flex;box-shadow:inset 0 1px #fff}.cave-detail-head{align-items:center;gap:calc(10px * var(--scale));padding-bottom:calc(8px * var(--scale));border-bottom:1.5px dashed #584a6e33;display:flex}.cave-detail-icon{width:calc(46px * var(--scale));height:calc(46px * var(--scale));object-fit:contain;border-radius:var(--r-sm);border:1.5px solid var(--ink);padding:calc(4px * var(--scale));box-shadow:0 1.5px 0 var(--ink);background:linear-gradient(#fffdf7 0%,#f7eedc 100%);flex:none}.cave-detail-head-main{gap:calc(3px * var(--scale));flex-direction:column;flex:1;min-width:0;display:flex}.cave-detail-title-line{justify-content:space-between;align-items:baseline;gap:calc(6px * var(--scale));flex-wrap:wrap;display:flex}.cave-detail-name{font-family:var(--font-title);font-size:calc(14px * var(--scale));color:var(--ink-text);font-weight:800}.cave-detail-stock{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);font-weight:700}.cave-detail-stock.highlight{color:#167a46}.cave-detail-desc{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);line-height:1.5}.cave-mastery-box{gap:calc(5px * var(--scale));padding:calc(7px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);background:#fffaeecc;border:1px solid #584a6e38;flex-direction:column;display:flex}.cave-mastery-top,.cave-mastery-foot{justify-content:space-between;align-items:center;gap:calc(6px * var(--scale));font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);flex-wrap:wrap;display:flex}.cave-mastery-label{color:var(--ink-text);font-weight:700}.cave-mastery-chance{color:#b86b11;font-weight:800}.cave-mastery-chance.full{color:#167a46}.cave-eat-banner{justify-content:space-between;align-items:center;gap:calc(8px * var(--scale));padding:calc(7px * var(--scale)) calc(10px * var(--scale));border-radius:var(--r-sm);background:#584a6e0a;border:1.5px dashed #584a6e47;display:flex}.cave-eat-banner.ready{background:linear-gradient(90deg,#eefbf3 0%,#fff 100%);border-style:solid;border-color:#2eaf6e8c}.cave-eat-info{gap:calc(2px * var(--scale));flex-direction:column;flex:1;min-width:0;display:flex}.cave-eat-title{font-size:calc(11.5px * var(--scale));color:var(--ink-text);font-weight:800}.cave-eat-sub{font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.cave-detail-actions{gap:calc(8px * var(--scale));padding-top:calc(4px * var(--scale));flex-wrap:wrap;margin-top:auto;display:flex}.cave-farm-layout{grid-template-columns:minmax(0, 1.45fr) minmax(calc(200px * var(--scale)), 1fr);gap:calc(10px * var(--scale));align-items:stretch;display:grid}.cave-farm-left{padding:calc(9px * var(--scale));border-radius:var(--r-sm);background:#ffffffa6;border:1.5px solid #584a6e40;flex-direction:column;display:flex}.cave-plot-grid{gap:calc(7px * var(--scale));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cave-plot{justify-content:space-between;align-items:center;gap:calc(3px * var(--scale));padding:calc(7px * var(--scale)) calc(5px * var(--scale));min-height:calc(88px * var(--scale));border-radius:var(--r-sm);text-align:center;color:var(--ink-text);background:linear-gradient(#fff 0%,#f8f4ec 100%);border:1.5px solid #584a6e40;flex-direction:column;font-family:inherit;display:flex}.cave-plot.clickable{cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s}.cave-plot.clickable:hover{border-color:#e59312;transform:translateY(-2px);box-shadow:0 3px 8px #e5931233}.cave-plot.empty{background:#ffffffb8;border-style:dashed}.cave-plot.growing{background:linear-gradient(#fff 0%,#f1faee 100%);border-color:#6fae5c}.cave-plot.ready{background:linear-gradient(#fffdf4 0%,#ffecb8 100%);border-color:#d99218;box-shadow:0 0 8px #f5a62347}.cave-plot.locked{opacity:.55;background:#584a6e0d;border-style:dashed}.cave-plot-no{font-size:calc(9.5px * var(--scale));color:var(--ink-text-soft);font-weight:700}.cave-plot-icon{width:calc(26px * var(--scale));height:calc(26px * var(--scale));object-fit:contain}.cave-plot-icon.muted{opacity:.45;filter:grayscale(.4)}.cave-plot-label{font-size:calc(11px * var(--scale));color:var(--ink-text);font-weight:800}.cave-plot-sub,.cave-plot-time{font-size:calc(9.5px * var(--scale));color:var(--ink-text-soft);font-variant-numeric:tabular-nums}.cave-plot-sub.ready-txt{color:#a65c06;font-weight:800}.cave-plot-bar-track{width:100%;height:calc(5px * var(--scale));border-radius:var(--r-sm);background:#584a6e2e;overflow:hidden}.cave-plot-fill{background:linear-gradient(90deg,#7ed987,#4ec9a0);height:100%;display:block}.cave-farm-side{gap:calc(8px * var(--scale));padding:calc(10px * var(--scale));border-radius:var(--r-sm);background:linear-gradient(#fff 0%,#fcf9f2 100%);border:1.5px solid #584a6e47;flex-direction:column;display:flex}.cave-side-title{font-family:var(--font-title);font-size:calc(12px * var(--scale));color:var(--ink-text);padding-bottom:calc(3px * var(--scale));border-bottom:1.5px solid #584a6e33;font-weight:800}.cave-stock-box{gap:calc(6px * var(--scale));padding:calc(8px * var(--scale));border-radius:var(--r-sm);background:#ffffffd9;border:1px solid #584a6e33;flex-direction:column;display:flex}.cave-stock-row{justify-content:space-between;align-items:center;gap:calc(6px * var(--scale));font-size:calc(11.5px * var(--scale));display:flex}.cave-stock-row.pick{width:100%;padding:calc(3px * var(--scale)) calc(6px * var(--scale));border-radius:var(--r-sm);cursor:pointer;background:0 0;border:1.5px solid #0000;font-family:inherit;transition:background .12s,border-color .12s}.cave-stock-row.pick:hover{background:#584a6e12}.cave-stock-row.pick.on{background:#ffecb399;border-color:#c4942acc}.cave-stock-head{margin-top:calc(2px * var(--scale));font-size:calc(10.5px * var(--scale));color:#584a6eb8;font-weight:800}.cave-stock-name{align-items:center;gap:calc(5px * var(--scale));color:var(--ink-text);font-weight:700;display:inline-flex}.cave-stock-val{font-variant-numeric:tabular-nums;color:var(--ink-text);font-weight:800}.cave-stock-val.good{color:#167a46}.cave-stock-val.warn{color:#c23025}.cave-side-actions{gap:calc(6px * var(--scale));flex-direction:column;margin-top:auto;display:flex}.cave-slot-strip{gap:calc(7px * var(--scale));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cave-slot-card{justify-content:space-between;gap:calc(4px * var(--scale));padding:calc(7px * var(--scale)) calc(8px * var(--scale));min-height:calc(66px * var(--scale));border-radius:var(--r-sm);background:#fff;border:1.5px solid #584a6e40;flex-direction:column;display:flex}.cave-slot-card.filled{cursor:pointer;background:linear-gradient(#fff 0%,#faf5eb 100%);transition:transform .1s,border-color .12s}.cave-slot-card.filled:hover{border-color:#d99218;transform:translateY(-1.5px)}.cave-slot-card.filled.selected{border-color:#e59312;box-shadow:0 0 0 1px #f5a62373}.cave-slot-card.empty{background:#ffffffa6;border-style:dashed}.cave-slot-card.locked{opacity:.58;background:#584a6e0d;border-style:dashed}.cave-slot-card-top{justify-content:space-between;align-items:center;gap:calc(4px * var(--scale));display:flex}.cave-slot-card-head{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);font-weight:700}.cave-slot-unplace{padding:calc(1px * var(--scale)) calc(5px * var(--scale));border-radius:var(--r-sm);font-size:calc(9.5px * var(--scale));color:var(--ink-text);cursor:pointer;background:#fff;border:1px solid #584a6e59;font-weight:700}.cave-slot-unplace:hover{color:#a82000;background:#ffe3db}.cave-slot-card-body{align-items:center;gap:calc(6px * var(--scale));display:flex}.cave-slot-icon{width:calc(28px * var(--scale));height:calc(28px * var(--scale));object-fit:contain;flex:none}.cave-slot-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.cave-slot-card-name{font-size:calc(11px * var(--scale));color:var(--ink-text);white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.cave-slot-card-bonus{font-size:calc(9.5px * var(--scale));color:#187a48;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.cave-slot-card-empty,.cave-slot-card-lock{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);line-height:1.4}.cave-filter-tabs{gap:calc(4px * var(--scale));grid-template-columns:repeat(3,1fr);display:grid}.cave-filter-tab{padding:calc(4px * var(--scale)) calc(4px * var(--scale));border-radius:var(--r-sm);font-family:var(--font-title);font-size:calc(10px * var(--scale));color:var(--ink-text-soft);cursor:pointer;background:#ffffffbf;border:1px solid #584a6e40;font-weight:700}.cave-filter-tab.active{border-color:var(--ink);color:#5a3000;background:linear-gradient(#ffe9b0 0%,#f5a623 100%);font-weight:800}.cave-evo-box{gap:calc(5px * var(--scale));padding:calc(6px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);background:#fffaeebf;border:1px solid #584a6e33;flex-direction:column;display:flex}.cave-evo-steps{gap:calc(4px * var(--scale));flex-wrap:wrap;display:flex}.cave-evo-step{padding:calc(1.5px * var(--scale)) calc(6px * var(--scale));border-radius:var(--r-sm);font-size:calc(9.5px * var(--scale));color:var(--ink-text-soft);opacity:.65;border:1px dashed #584a6e47}.cave-evo-step.passed{color:#187a48;opacity:.9;background:#f0fbf5;border-style:solid}.cave-evo-step.current{color:#7a4100;opacity:1;background:#fff2cc;border-style:solid;border-color:#d99218;font-weight:800}.cave-bonus-compare{justify-content:space-between;align-items:center;gap:calc(6px * var(--scale));padding:calc(6px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);font-size:calc(11px * var(--scale));background:#f2fbf6;border:1px solid #2eaf6e59;flex-wrap:wrap;display:flex}.cave-bonus-cur{color:#167a46;font-weight:800}.cave-bonus-next{color:#b86b11;font-weight:800}.cave-bonus-max{color:#167a46;font-weight:800}.cave-recruit-grid{gap:calc(10px * var(--scale));grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.cave-recruit-card{justify-content:space-between;gap:calc(8px * var(--scale));padding:calc(10px * var(--scale));border-radius:var(--r-sm);border:1.5px solid #584a6e4d;border-top:calc(4px * var(--scale)) solid var(--q-color,#9c9384);background:linear-gradient(#fff 0%,#faf6ef 100%);flex-direction:column;display:flex;box-shadow:0 2px 6px #2d1e3c0f,inset 0 1px #fff}.cave-recruit-card-top{justify-content:space-between;align-items:center;display:flex}.cave-recruit-quality{padding:calc(1px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);font-size:calc(10px * var(--scale));color:var(--ink-text);background:#ffffffe6;border:1px solid #584a6e40;font-weight:800}.cave-recruit-gender{font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.cave-recruit-hero{align-items:center;gap:calc(4px * var(--scale));padding:calc(6px * var(--scale)) 0;border-bottom:1px dashed #584a6e33;flex-direction:column;display:flex}.cave-recruit-name{font-family:var(--font-title);font-size:calc(15px * var(--scale));color:var(--ink-text);font-weight:800}.cave-recruit-spec{padding:calc(2px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);font-size:calc(10.5px * var(--scale));color:#8f4e05;background:#fff3d6;border:1px solid #e1961e73;font-weight:800}.cave-recruit-stats{gap:calc(4px * var(--scale));padding:calc(6px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);background:#ffffffc7;border:1px solid #584a6e29;flex-direction:column;display:flex}.cave-recruit-stat-row{font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);justify-content:space-between;align-items:center;display:flex}.cave-recruit-stat-row.highlight b{color:#167a46;font-size:calc(11.5px * var(--scale))}.cave-recruit-stat-row b.lack{color:#c23025}.cave-recruit-empty{padding:calc(24px * var(--scale)) calc(12px * var(--scale));border-radius:var(--r-sm);text-align:center;background:#fff9;border:1.5px dashed #584a6e4d}.cave-recruit-empty-title{font-family:var(--font-title);font-size:calc(13px * var(--scale));color:var(--ink-text);margin-bottom:calc(4px * var(--scale));font-weight:800}.cave-recruit-empty-sub{font-size:calc(11px * var(--scale));color:var(--ink-text-soft)}.cave-recruit-foot{align-items:center;gap:calc(6px * var(--scale));padding:calc(7px * var(--scale)) calc(10px * var(--scale));border-radius:var(--r-sm);font-size:calc(11px * var(--scale));background:#ffffffb3;border:1px solid #584a6e38;flex-wrap:wrap;display:flex}.cave-recruit-foot-label{color:var(--ink-text);font-weight:800}.cave-recruit-foot-empty{color:var(--ink-text-soft)}.cave-recruit-hired-pill{padding:calc(2px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);border:1px solid #584a6e40;border-left:calc(3px * var(--scale)) solid var(--q-color,#9c9384);font-size:calc(10.5px * var(--scale));color:var(--ink-text);background:#fff;font-weight:700}.cave-dizi{gap:calc(9px * var(--scale));flex-direction:column;display:flex}.cave-dizi-layout{grid-template-columns:calc(220px * var(--scale)) minmax(0, 1fr);gap:calc(10px * var(--scale));align-items:start;display:grid}.cave-dizi-left,.cave-dizi-right{gap:calc(6px * var(--scale));padding:calc(9px * var(--scale));border-radius:var(--r-sm);background:#ffffffad;border:1.5px solid #584a6e40;flex-direction:column;display:flex}.cave-mat-list{gap:calc(6px * var(--scale));flex-direction:column;display:flex}.cave-mat-card{gap:calc(4px * var(--scale));padding:calc(7px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);background:#fff;border:1.5px solid #584a6e3d;flex-direction:column;display:flex}.cave-mat-card.filled{border-left:calc(4px * var(--scale)) solid var(--q,#9c9384)}.cave-mat-card.empty,.cave-mat-card.locked{background:#584a6e0a;border-style:dashed}.cave-mat-card.locked{opacity:.6}.cave-mat-top,.cave-mat-main,.cave-mat-foot{justify-content:space-between;align-items:center;gap:calc(6px * var(--scale));display:flex}.cave-mat-no{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);font-weight:700}.cave-mat-status{padding:calc(1px * var(--scale)) calc(6px * var(--scale));border-radius:var(--r-sm);font-size:calc(9.5px * var(--scale));font-weight:800}.cave-mat-status.good{color:#167a46;background:#e8f8ef}.cave-mat-status.warn{color:#9e5806;background:#fff3d8}.cave-mat-name{font-family:var(--font-title);font-size:calc(12.5px * var(--scale));color:var(--ink-text);font-weight:800}.cave-mat-meta{font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.cave-mat-empty-txt,.cave-mat-lock-txt{font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft)}.cave-mat-btn{padding:calc(2px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);font-size:calc(10px * var(--scale));color:var(--ink-text);cursor:pointer;background:#f8f5ef;border:1px solid #584a6e59;font-weight:700}.cave-mat-btn:hover{background:#fff}.cave-post{grid-template-columns:calc(44px * var(--scale)) minmax(0, 1fr) minmax(0, 1.6fr) auto;align-items:center;gap:calc(8px * var(--scale));width:100%;padding:calc(6px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);border:1.5px solid #584a6e38;border-left:calc(3.5px * var(--scale)) solid #584a6e47;font-family:inherit;font-size:calc(11px * var(--scale));text-align:left;color:var(--ink-text);cursor:pointer;background:#fff;display:grid}.cave-post.working{border-left-color:#46a868}.cave-post.blocked{background:linear-gradient(90deg,#fff6e0,#fff);border-left-color:#d98e2b}.cave-post.idle{background:#ffffffa6;border-style:dashed dashed dashed solid}.cave-post:hover{background:#fffdf7;box-shadow:0 0 0 1.5px #e5931273}.cave-post.open{background:#fffdf7;box-shadow:inset 0 0 0 1px #584a6e8c}.cave-post-name{font-weight:800}.cave-post-who,.cave-post-state{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cave-post-who{font-weight:700}.cave-post.idle .cave-post-who{color:#b4690e;font-weight:600}.cave-post.working .cave-post-state{color:#187a48}.cave-post.blocked .cave-post-state{color:#b4690e}.cave-post.idle .cave-post-state{color:var(--ink-text-soft);opacity:.75}.cave-post:after{content:"▸";font-size:calc(10px * var(--scale));color:var(--ink-text-soft);transition:transform .12s}.cave-post.open:after{transform:rotate(90deg)}.cave-pick{gap:calc(4px * var(--scale));padding:calc(7px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);background:var(--tab-groove);border:1.5px solid #584a6e4d;flex-direction:column;display:flex}.cave-pick-title{font-size:calc(11px * var(--scale));color:var(--ink-text);font-weight:800}.cave-pick-desc,.cave-pick-none{font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.cave-pick-row{align-items:stretch;gap:calc(4px * var(--scale));display:flex}.cave-pick-main{align-items:center;gap:calc(6px * var(--scale));min-width:0;padding:calc(5px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);border:1.5px solid #584a6e38;border-left:calc(3.5px * var(--scale)) solid var(--q,transparent);font-family:inherit;font-size:calc(11px * var(--scale));text-align:left;color:var(--ink-text);cursor:pointer;background:linear-gradient(#fffffff5,#fffaeecc);flex:1;display:flex}.cave-pick-main:hover{background:#fff;box-shadow:0 0 0 1.5px #60c5a880}.cave-pick-row.standing .cave-pick-main{background:linear-gradient(#fff8dc,#ffeeb0);box-shadow:inset 0 0 0 1px #584a6e66}.cave-pick-name{font-weight:800}.cave-pick-meta,.cave-pick-where{font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.cave-pick-best{padding:0 calc(5px * var(--scale));border-radius:var(--r-sm);font-size:calc(9.5px * var(--scale));color:#267836;background:#e8f7dd;border:1px solid #3f8a4580;font-weight:800}.cave-pick-pct{color:#187a48;font-variant-numeric:tabular-nums;font-weight:800}.cave-pick-go{font-size:calc(10.5px * var(--scale));color:#8f4e05;margin-left:auto;font-weight:800}.cave-pick-quit{padding:calc(2px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);background:linear-gradient(180deg, var(--candy-peach-1), var(--candy-peach-2));font-family:inherit;font-size:calc(10px * var(--scale));color:var(--ink-text);cursor:pointer;flex:none;align-self:center;font-weight:800}.cave-pick-quit:hover{filter:brightness(1.05)}.cave-pick-foot{gap:calc(6px * var(--scale));margin-top:calc(3px * var(--scale));display:flex}@media (max-width:560px){.cave-workbench,.cave-farm-layout,.cave-dizi-layout,.cave-recruit-grid{grid-template-columns:minmax(0,1fr)}.cave-plot-grid,.cave-slot-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.cave-left-col{max-height:calc(180px * var(--scale))}}.badge-dot{top:calc(-2px * var(--scale));right:calc(-2px * var(--scale));width:calc(9px * var(--scale));height:calc(9px * var(--scale));pointer-events:none;background:#e5453f;border:1.5px solid #fff;border-radius:50%;display:none;position:absolute;box-shadow:0 0 0 1px #00000026}.badge-dot.show{display:block}.map-item{position:relative}.cmp-block{margin-top:calc(7px * var(--scale));padding-top:calc(6px * var(--scale));border-top:1px dashed #584a6e66}.cmp-verdict{justify-content:center;align-items:center;gap:calc(4px * var(--scale));padding:calc(3px * var(--scale)) calc(8px * var(--scale));font-size:calc(11px * var(--scale));margin-bottom:calc(6px * var(--scale));letter-spacing:.5px;border-radius:3px;font-weight:800;display:flex}.cmp-verdict.upgrade{color:#1a7a40;background:linear-gradient(#ebfff2f2,#c8f7dae6);border:1.5px solid #2ed573;box-shadow:0 1.5px #2ed57359}.cmp-verdict.downgrade{color:#b33939;background:linear-gradient(#ffefebf2,#ffd7cde6);border:1.5px solid #ff4757;box-shadow:0 1.5px #ff47574d}.cmp-verdict.equal{color:var(--ink-text-soft);background:#584a6e14;border:1.5px solid #584a6e4d}.cmp-verdict.empty-slot{color:#92400e;background:linear-gradient(#fffbe6f2,#ffeeafe6);border:1.5px solid #f59e0b;box-shadow:0 1.5px #f59e0b4d}.verdict-icon{font-size:calc(12px * var(--scale));font-weight:900;line-height:1}.cmp-title{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);margin-bottom:calc(4px * var(--scale));font-weight:700}.cmp-row{gap:calc(7px * var(--scale));font-size:calc(11px * var(--scale));grid-template-columns:minmax(0,1fr) auto auto auto;align-items:baseline;padding:1px 0;display:grid}.cmp-row b{min-width:calc(44px * var(--scale));text-align:right;font-variant-numeric:tabular-nums}.cmp-head span,.cmp-head b{color:var(--ink-text-soft);font-weight:400;font-size:calc(10px * var(--scale));border-bottom:1px solid #584a6e40;padding-bottom:2px}.cmp-up>b:last-child{color:#1e824c;text-shadow:0 0 4px #2ed57340;font-weight:800}.cmp-down>b:last-child{color:#c0392b;font-weight:800}.cmp-same{opacity:.55}.cmp-note{margin-top:calc(4px * var(--scale));font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.slot-pick{z-index:37;width:calc(252px * var(--scale));max-height:min(62vh, calc(380px * var(--scale)));border-radius:var(--r);border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink), inset 0 1px 0 #fffffff2, 0 calc(var(--lift) + 8px) 22px #281e3c61;font-family:var(--font-round);color:var(--ink-text);opacity:0;pointer-events:none;background:linear-gradient(#fffdf8 0%,#fff8ec 100%);flex-direction:column;transition:opacity .14s;display:flex;position:fixed}.slot-pick.open{opacity:1;pointer-events:auto}.slot-pick-head{justify-content:space-between;align-items:center;gap:calc(6px * var(--scale));padding:calc(5px * var(--scale)) calc(9px * var(--scale));border-bottom:var(--lw) solid var(--ink);background:linear-gradient(180deg, var(--grape), #a98fd6);border-radius:calc(var(--r) - 1px) calc(var(--r) - 1px) 0 0;display:flex;box-shadow:inset 0 1px #ffffff73}.slot-pick-title{font-family:var(--font-kai);font-size:calc(12px * var(--scale));letter-spacing:1px;color:#fff;text-shadow:0 1.5px #3c285a8c;font-weight:700}.slot-pick-close{width:calc(18px * var(--scale));height:calc(18px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);color:#fff;font-size:calc(12px * var(--scale));cursor:pointer;box-shadow:0 1.5px 0 var(--ink), inset 0 1px 0 #ffffff73;background:linear-gradient(#ff8a7a 0%,#ee5253 100%);place-items:center;font-weight:700;line-height:1;transition:transform .1s;display:grid}.slot-pick-close:hover{filter:brightness(1.1);transform:translateY(-1px)}.slot-pick-close:active{box-shadow:none;transform:translateY(1px)scale(.95)}.slot-pick-list{padding:calc(5px * var(--scale)) calc(6px * var(--scale));gap:calc(5px * var(--scale));flex-direction:column;display:flex;overflow-y:auto}.slot-pick-empty{justify-content:center;align-items:center;gap:calc(5px * var(--scale));padding:calc(16px * var(--scale)) calc(8px * var(--scale));text-align:center;font-size:calc(11px * var(--scale));color:var(--ink-text-soft);border-radius:var(--r-sm);margin:calc(4px * var(--scale)) 0;background:#584a6e0a;border:1.5px dashed #584a6e40;flex-direction:column;display:flex}.slot-pick-empty:before{content:"📦 暂无可替换装备 📦";font-family:var(--font-kai);font-size:calc(12px * var(--scale));color:#8c7b99;letter-spacing:1.5px;background:#ffffffbf;border-radius:3px;padding:2px 8px;font-weight:800;display:inline-block}.slot-pick-goto{margin-bottom:calc(4px * var(--scale));font-family:var(--font-round);font-size:calc(11px * var(--scale));padding:calc(4px * var(--scale)) calc(10px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);color:var(--ink-text);box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #fffffff2;cursor:pointer;background:linear-gradient(#fff 0%,#fff7ec 100%);align-self:center;font-weight:700;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background .12s}.slot-pick-goto:hover{background:#fff;transform:translateY(-1px)}.slot-pick-goto:active{transform:translateY(calc(1.5px * var(--scale))) scale(.97);box-shadow:none}.slot-pick-row{align-items:center;gap:calc(7px * var(--scale));padding:calc(5px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--q-color,#584a6e59);background:var(--card-soft);text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;transition:background .12s,transform .12s;display:grid}.slot-pick-row:hover{background:#fffdf6;transform:translateY(-1px)}.slot-pick-row.locked{opacity:.45;cursor:not-allowed}.slot-pick-icon{width:calc(30px * var(--scale));height:calc(30px * var(--scale));object-fit:contain}.slot-pick-text{flex-direction:column;min-width:0;display:flex}.slot-pick-text b{font-size:calc(12px * var(--scale));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slot-pick-text i{font-style:normal;font-size:calc(10px * var(--scale));color:var(--ink-text-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slot-pick-stage{font-size:calc(9px * var(--scale));color:#fff;padding:1px calc(5px * var(--scale));text-shadow:0 1px #00000040;border-radius:999px;font-weight:700}@media (max-width:720px),(max-height:540px){#character-panel,#pet-panel,#smith-panel,#dungeon-panel,#cave-panel,#skills-panel,#talent-panel,#backpack-panel,#settings-panel,#artifact-panel,#checkin,#tempering{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.game-panel .panel-body{min-height:0;overflow-y:auto}.game-panel{top:50%}#character-panel,#artifact-panel{width:min(calc(100vw - 12px), calc(600px * var(--scale)))}.char-hero,.char-main{flex:none}.skill-config-page,.skill-card-page{grid-template-columns:1fr}.skill-detail{max-height:44vh}.bag-grid{grid-template-columns:repeat(auto-fill, minmax(calc(64px * var(--scale)), 1fr))!important}#item-popup{width:min(calc(232px * var(--scale)), calc(100vw - 20px));max-height:calc(100vh - 20px)}.slot-pick{width:min(calc(252px * var(--scale)), calc(100vw - 24px))}}@media (max-width:520px){.char-main{flex-direction:column;height:auto}.char-main,.char-right,.char-pages,.char-stat-list,.char-gear-summary{flex:none}.char-stat-list{overflow-y:visible}.char-left{width:100%}.smith-layout{flex:none;grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.smith-left-col{min-height:calc(140px * var(--scale))}.smith-right-col{overflow-y:visible}}.tempering-panel{width:calc(640px * var(--scale))}.tempering-body{gap:calc(10px * var(--scale));max-height:calc(64vh * var(--scale));flex-direction:column;overflow-y:auto}.rebirth-points{align-items:baseline;gap:calc(8px * var(--scale));padding:calc(7px * var(--scale)) calc(12px * var(--scale));border:var(--lw) solid var(--ink);border-radius:var(--r-sm);background:linear-gradient(180deg, var(--candy-cream-1), var(--candy-cream-2));box-shadow:0 var(--lift) 0 var(--ink);display:flex}.rebirth-points-num{font-family:var(--font-title);font-size:calc(26px * var(--scale));color:var(--candy-gold-edge);font-weight:700;line-height:1;transition:color .16s,text-shadow .16s}.rebirth-points.has-points .rebirth-points-num{color:#b8791a;text-shadow:0 0 calc(9px * var(--scale)) #f5b84ce6}.rebirth-points-label{font-family:var(--font-title);color:var(--ink-text);font-weight:700}.rebirth-points-sub{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);margin-left:auto}.rebirth-note{align-items:center;gap:calc(6px * var(--scale));font-size:calc(12px * var(--scale));color:var(--ink-text-soft);line-height:1.5;display:flex}.rebirth-note-pick{color:#a4523a;font-weight:700}.rebirth-note-lock{font-family:var(--font-title);font-size:calc(14px * var(--scale));color:var(--ink-text);font-weight:700}.rebirth-glyph{width:calc(24px * var(--scale));height:calc(24px * var(--scale));border:var(--lw) solid var(--ink);border-radius:var(--r-sm);background:linear-gradient(180deg, var(--candy-mint-1), var(--candy-mint-2));color:#fff;font-family:var(--font-title);font-size:calc(13px * var(--scale));box-shadow:0 calc(var(--lift) - 1px) 0 var(--ink);flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.rebirth-glyph-sm{width:calc(18px * var(--scale));height:calc(18px * var(--scale));font-size:calc(10px * var(--scale));box-shadow:none}.rebirth-glyph-line{background:linear-gradient(180deg, var(--candy-peach-1), var(--candy-peach-2))}.rebirth-glyph-endless{background:linear-gradient(180deg, var(--candy-gold-1), var(--candy-gold-2));color:#6b4207}.rebirth-section-head{align-items:center;gap:calc(6px * var(--scale));padding-bottom:calc(3px * var(--scale));font-family:var(--font-title);font-size:calc(13px * var(--scale));color:var(--ink-text);border-bottom:2px solid #58426e40;font-weight:700;display:flex}.rebirth-section-sum{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);margin-left:auto;font-weight:400}.rebirth-lines,.rebirth-endless{gap:calc(6px * var(--scale));flex-direction:column;display:flex}.rebirth-line-card{gap:calc(6px * var(--scale));padding:calc(10px * var(--scale)) calc(12px * var(--scale));border:var(--lw) solid var(--ink);border-radius:var(--r-sm);background:linear-gradient(180deg, #ffffffeb, var(--card));box-shadow:0 var(--lift) 0 var(--ink);flex-direction:column;display:flex}.rebirth-line-card.pending{background:linear-gradient(180deg, #ffd3bff2, var(--card));box-shadow:0 var(--lift) 0 #d9553f, 0 0 calc(12px * var(--scale)) #d9553f80;border-color:#d9553f}.rebirth-line-head{align-items:center;gap:calc(6px * var(--scale));display:flex}.rebirth-line-name{font-family:var(--font-title);font-size:calc(15px * var(--scale));color:var(--ink-text);font-weight:700}.rebirth-line-identity{font-size:calc(12px * var(--scale));color:var(--ink-text-soft);line-height:1.5}.rebirth-chips{gap:calc(4px * var(--scale));flex-wrap:wrap;display:flex}.rebirth-chip{align-items:center;gap:calc(4px * var(--scale));padding:calc(2px * var(--scale)) calc(6px * var(--scale));border-radius:var(--r-sm);font-size:calc(11px * var(--scale));color:var(--ink-text-soft);background:#ffffffbf;border:1px solid #58426e4d;display:inline-flex}.rebirth-chip b{color:var(--ink-text)}.rebirth-pick{padding:calc(5px * var(--scale)) calc(14px * var(--scale));border:var(--lw) solid var(--ink);border-radius:var(--r-sm);background:linear-gradient(180deg, var(--candy-peach-1), var(--candy-peach-2));color:#fff;font-family:var(--font-title);font-size:calc(12px * var(--scale));box-shadow:0 var(--lift) 0 var(--ink);cursor:pointer;align-self:flex-start;font-weight:700}.rebirth-line-card.pending .rebirth-pick{background:linear-gradient(#ff8a6a,#d9553f)}.rebirth-pick:active{transform:translateY(var(--lift));box-shadow:0 0 0 var(--ink)}.rebirth-row{align-items:center;gap:calc(8px * var(--scale));padding:calc(6px * var(--scale)) calc(8px * var(--scale));border:var(--lw) solid #58426e73;border-radius:var(--r-sm);background:#ffffff9e;display:flex}.rebirth-row.maxed{border-color:var(--candy-mint-edge);background:linear-gradient(#a9eed466,#ffffffb3)}.rebirth-row-endless{border-color:#a56a1080}.rebirth-row-main{gap:calc(3px * var(--scale));flex-direction:column;flex:auto;min-width:0;display:flex}.rebirth-row-head{align-items:baseline;gap:calc(6px * var(--scale));display:flex}.rebirth-row-name{font-size:calc(13px * var(--scale));color:var(--ink-text);font-weight:700}.rebirth-row-gain{font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.rebirth-row-sub{font-size:calc(11px * var(--scale));color:var(--ink-text-soft)}.rebirth-bar{height:calc(6px * var(--scale));border-radius:var(--r-sm);background:#58426e1f;border:1px solid #58426e59;overflow:hidden}.rebirth-bar>i{background:linear-gradient(90deg, var(--candy-mint-2), var(--candy-mint-1));height:100%;display:block}.rebirth-row.maxed .rebirth-bar>i{background:linear-gradient(90deg, var(--candy-gold-2), var(--candy-gold-1))}.rebirth-value{min-width:calc(56px * var(--scale));text-align:right;font-family:var(--font-title);font-size:calc(14px * var(--scale));color:var(--ink-text);flex:none;font-weight:700}.rebirth-buttons{gap:calc(4px * var(--scale));flex:none;display:flex}.rebirth-btn{width:calc(28px * var(--scale));height:calc(28px * var(--scale));border:var(--lw) solid var(--ink);border-radius:var(--r-sm);font-family:var(--font-title);font-size:calc(16px * var(--scale));box-shadow:0 var(--lift) 0 var(--ink);cursor:pointer;justify-content:center;align-items:center;font-weight:700;line-height:1;transition:transform .1s,box-shadow .1s;display:inline-flex}.rebirth-btn.up{background:linear-gradient(180deg, var(--candy-mint-1), var(--candy-mint-2));color:#fff}.rebirth-btn.down{background:linear-gradient(180deg, var(--candy-cream-1), var(--candy-cream-2));color:var(--ink-text)}.rebirth-btn:hover:not(:disabled){transform:translateY(-1px)}.rebirth-btn:active:not(:disabled){transform:translateY(var(--lift));box-shadow:0 0 0 var(--ink)}.rebirth-btn:disabled{opacity:.35;cursor:default;box-shadow:0 var(--lift) 0 #58426e66}.rebirth-row.not-wired{background:#58426e0f;border-style:dashed;border-color:#58426e80}.rebirth-badge-na{padding:calc(1px * var(--scale)) calc(5px * var(--scale));border-radius:var(--r-sm);color:#6b4207;font-size:calc(10px * var(--scale));background:#ffe9a6b3;border:1px solid #a56a1099;font-weight:700}#artifact-panel .panel-body{padding:0;display:block}.artifact-body{height:100%;padding:calc(9px * var(--scale));gap:calc(8px * var(--scale));flex-direction:column;display:flex;position:relative;overflow-y:auto}.artifact-top{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);padding-bottom:calc(4px * var(--scale));border-bottom:1px dashed #584a6e38}.artifact-grid{gap:calc(7px * var(--scale));grid-template-columns:repeat(3,1fr);display:grid}.artifact-cell{align-items:center;gap:calc(3px * var(--scale));padding:calc(8px * var(--scale)) calc(4px * var(--scale));border-radius:var(--r-sm);background:#fff9;border:1.5px solid #584a6e4d;flex-direction:column;display:flex}.artifact-cell.locked{opacity:.6;border-style:dashed}.artifact-cell.on{background:linear-gradient(#fffaf0,#fff3dc);border-color:#c07b12;box-shadow:inset 0 0 0 1px #f0c770}.artifact-icon{width:calc(46px * var(--scale));height:calc(46px * var(--scale));background:#fffc;border:2px solid;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.artifact-icon.small{width:calc(30px * var(--scale));height:calc(30px * var(--scale))}.artifact-icon-fallback{font-family:var(--font-kai);font-size:calc(22px * var(--scale));color:currentColor;justify-content:center;align-items:center;font-weight:800;line-height:1;display:flex;position:absolute;inset:0}.artifact-icon.small .artifact-icon-fallback{font-size:calc(15px * var(--scale))}.artifact-icon img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:relative}.artifact-cell-name{font-size:calc(11px * var(--scale));color:var(--ink-text);white-space:nowrap;font-weight:700}.artifact-cell-meta{font-size:calc(9px * var(--scale));color:var(--ink-text-soft);white-space:nowrap}.artifact-overlay{z-index:30;padding:calc(10px * var(--scale));background:#1e182a73;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.artifact-modal{width:100%;max-width:calc(420px * var(--scale));gap:calc(6px * var(--scale));max-height:100%;padding:calc(10px * var(--scale));border:2px solid var(--ink);border-radius:var(--r-sm);box-shadow:0 calc(3px * var(--scale)) 0 #2d203c59;background:#fffdf8;flex-direction:column;display:flex;overflow-y:auto}.artifact-modal-head{align-items:center;gap:calc(7px * var(--scale));display:flex}.artifact-modal-head b{font-size:calc(13px * var(--scale));color:var(--ink-text);font-weight:800}.artifact-modal-lv{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);margin-left:auto}.artifact-mech{font-size:calc(11px * var(--scale));color:var(--ink-text);line-height:1.6}.artifact-hint{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);line-height:1.5}.artifact-foot{align-items:center;gap:calc(6px * var(--scale));display:flex}.artifact-list{gap:calc(4px * var(--scale));flex-direction:column;display:flex}.artifact-item{gap:calc(2px * var(--scale));padding:calc(5px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);background:#ffffff9e;border:1px solid #584a6e2e;flex-direction:column;display:flex}.artifact-item.on{background:linear-gradient(#fffaf0,#fff3dc);border-color:#c07b12;box-shadow:inset 0 0 0 1px #f0c770}.artifact-item-top{align-items:center;gap:calc(6px * var(--scale));font-size:calc(11px * var(--scale));display:flex}.artifact-spacer{flex:1}.artifact-tier{padding:0 calc(5px * var(--scale));border-radius:calc(3px * var(--scale));font-size:calc(10px * var(--scale));font-weight:700;line-height:calc(15px * var(--scale));background:#ffffffb3;border:1.5px solid}.tier-tian{color:#b8860b}.tier-di{color:#7b4fb5}.tier-xuan{color:#1f76a8}.tier-ling{color:#2f7d5f}.tier-fan{color:#8c8c8c}.artifact-eq{font-size:calc(10px * var(--scale));color:#b8770b;font-weight:700}.artifact-affixes{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);word-break:break-word;line-height:1.55}.artifact-btn{padding:calc(2px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);font-family:inherit;font-size:calc(10px * var(--scale));color:var(--ink-text);cursor:pointer;background:linear-gradient(#fff 0%,#f7f3ec 100%);border:1.5px solid #584a6e59;font-weight:700;transition:background .12s}.artifact-btn:hover:not(:disabled){background:#fff}.artifact-btn:disabled{opacity:.45;cursor:default}.artifact-note{font-size:calc(10px * var(--scale));color:var(--ink-text-soft);padding:calc(2px * var(--scale)) 0 calc(6px * var(--scale));line-height:1.6}.talent-cell{box-shadow:0 2px 4px #2d1e3c14,inset 0 1px #ffffffe6}.talent-cell.lit{box-shadow:0 calc(var(--lift) + 1px) 0 var(--ink), 0 0 12px color-mix(in srgb, var(--talent-accent) 45%, transparent), inset 0 1px 0 #ffffff80!important}.talent-cell.next{box-shadow:0 0 10px color-mix(in srgb, var(--talent-accent) 60%, transparent)!important;border-width:2px!important}.talent-cell.next:hover{box-shadow:0 0 18px color-mix(in srgb, var(--talent-accent) 90%, transparent)!important;transform:translateY(-3px)scale(1.05)!important}.talent-tab{transition:all .16s cubic-bezier(.34,1.56,.64,1)}.talent-tab.active{box-shadow:0 calc(var(--lift)) 0 var(--ink), 0 0 12px color-mix(in srgb, var(--talent-accent) 50%, transparent)!important}.rebirth-points{border-radius:var(--r-sm);box-shadow:0 var(--lift) 0 var(--ink), inset 0 1px 0 #fff!important;background:linear-gradient(135deg,#fffcf5 0%,#fff4db 60%,#ffe8b3 100%)!important}.rebirth-row{transition:transform .12s,border-color .14s,box-shadow .14s;box-shadow:inset 0 1px #fffffff2}.rebirth-row:hover{border-color:#58426ebf;transform:translate(2px)}.rebirth-row.maxed{box-shadow:inset 0 1px #fff,0 0 8px #4fbf9940!important}.rebirth-btn{box-shadow:0 var(--lift) 0 var(--ink), inset 0 1px 0 #fff9!important}.rebirth-btn.up{text-shadow:0 1px #0f3c2d80;background:linear-gradient(#5fe4b5 0%,#3bb98d 50%,#2f9a74 100%)!important}.rebirth-btn.down{background:linear-gradient(#fff 0%,#f6edd9 100%)!important}.pet-row{transition:transform .12s,background .12s,border-color .12s;box-shadow:inset 0 1px #fffffff2}.pet-row:hover{border-color:#584a6e99;transform:translate(2px)}.pet-row.active{background:linear-gradient(90deg,#fffaf0 0%,#fff5df 100%)!important;border-color:#f5a623!important;box-shadow:0 0 8px #f5a62359,inset 0 1px #ffffffe6!important}.pet-tab{font-family:var(--font-title);box-shadow:inset 0 1px #ffffffe6}.pet-tab.on{box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), 0 0 8px #9c7ee066!important}.pet-card{box-shadow:inset 0 1px #fffffff2,0 1px 3px #2d1e3c0d}.pet-btn{box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #ffffffe6!important}.pet-btn:hover:not(:disabled){filter:brightness(1.04)}.artifact-grid{gap:calc(9px * var(--scale))!important}.artifact-cell{box-shadow:0 calc(var(--lift) - .5px) 0 #584a6e40, inset 0 1px 0 #fffffff2;transition:transform .14s,box-shadow .14s,border-color .14s}.artifact-cell:hover{box-shadow:0 calc(var(--lift) + 1.5px) 0 #584a6e59, 0 4px 10px #2d1e3c1a;border-color:#584a6e99;transform:translateY(-2px)}.artifact-cell.on{box-shadow:0 calc(var(--lift)) 0 #a06b12, 0 0 12px #f5a62366, inset 0 1px 0 #fffffff2!important;background:linear-gradient(#fffdf5 0%,#fff7e6 100%)!important;border-color:#f5a623!important}.artifact-icon{transition:transform .14s;box-shadow:0 2px 6px #2d1e3c26,inset 0 1px #ffffffe6}.artifact-cell:hover .artifact-icon{transform:scale(1.08)}.artifact-btn{font-family:var(--font-title);border-color:var(--ink)!important;color:#552f00!important;box-shadow:0 1.5px 0 var(--ink), inset 0 1px 0 #fff!important;background:linear-gradient(#fff9eb 0%,#ffe9b8 100%)!important}.artifact-btn:hover:not(:disabled){transform:translateY(-1px);background:#fff!important}.pet-skill-slots{gap:calc(7px * var(--scale));margin-bottom:calc(10px * var(--scale));flex-direction:column;display:flex}.pet-skill-slot{align-items:center;gap:calc(10px * var(--scale));padding:calc(7px * var(--scale)) calc(10px * var(--scale));border-radius:var(--r-sm);background:linear-gradient(#fff 0%,#fdfbf7 100%);border:1.5px solid #584a6e47;transition:border-color .12s,box-shadow .12s;display:flex;box-shadow:0 1.5px 3px #2d1e3c0d}.pet-skill-slot.locked{background:linear-gradient(#fffcf4 0%,#fff6e0 100%);border-color:#f5a623;box-shadow:0 0 8px #f5a62340}.pet-slot-icon-box{width:calc(36px * var(--scale));height:calc(36px * var(--scale));border-radius:calc(6px * var(--scale));border:1.5px solid var(--ink);box-shadow:0 1.5px 0 var(--ink);font-family:var(--font-title);font-size:calc(14px * var(--scale));color:var(--ink-text-soft);background:linear-gradient(#fffbf0 0%,#faecd0 100%);flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.pet-slot-icon-box img{object-fit:contain;width:82%;height:82%}.pet-slot-info{gap:calc(2px * var(--scale));flex-direction:column;flex:1;min-width:0;display:flex}.pet-slot-name{font-family:var(--font-title);font-size:calc(12px * var(--scale));color:var(--ink-text);white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.pet-slot-desc{font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pet-slot-actions{align-items:center;gap:calc(5px * var(--scale));flex:none;display:flex}.pet-lock{cursor:pointer;white-space:nowrap;transition:transform .1s,background .12s;padding:calc(3px * var(--scale)) calc(9px * var(--scale))!important;height:calc(24px * var(--scale))!important;border-radius:var(--r-sm)!important;font-size:calc(11px * var(--scale))!important;border:1.5px solid var(--ink)!important;box-shadow:0 1.5px 0 var(--ink)!important;background:linear-gradient(#fff 0%,#f6f2ec 100%)!important;font-weight:700!important}.pet-lock:hover:not(:disabled){transform:translateY(-1px);background:#fff!important}.pet-lock.active{color:#552f00!important;background:linear-gradient(#ffe6a8 0%,#f5a623 100%)!important}.pet-lock.dismantle:hover:not(:disabled){color:#a82000!important;background:#ffe3db!important}.pet-line-pick{gap:calc(8px * var(--scale))!important;margin-bottom:calc(8px * var(--scale))!important;grid-template-columns:repeat(3,1fr)!important;align-items:stretch!important;display:grid!important}.pet-line-card{transition:transform .14s,border-color .14s,box-shadow .14s;height:100%!important;padding:calc(10px * var(--scale)) calc(8px * var(--scale))!important;border-radius:var(--r-sm)!important;background:linear-gradient(#fff 0%,#fbf8f2 100%)!important;border:1.5px solid #584a6e59!important;flex-direction:column!important;align-items:center!important;display:flex!important;box-shadow:0 2px 5px #2d1e3c0f,inset 0 1px #fffffff2!important}.pet-line-card:hover{transform:translateY(-2px);border-color:#f5a623!important;box-shadow:0 4px 12px #f5a62340,inset 0 1px #fff!important}.pet-line-card b{font-family:var(--font-title);letter-spacing:.5px;font-size:calc(13px * var(--scale))!important;color:var(--ink-text)!important}.pet-line-summary{text-align:center!important;font-size:calc(10.5px * var(--scale))!important;color:var(--ink-text-soft)!important;margin:calc(6px * var(--scale)) 0!important;min-height:calc(52px * var(--scale))!important;flex:1!important;justify-content:center!important;align-items:center!important;line-height:1.6!important;display:flex!important}.pet-line-card .pet-btn{width:100%;font-family:var(--font-title);font-weight:800;color:#5a3000!important;background:linear-gradient(#fff7d6 0%,#ffd678 100%)!important;margin-top:auto!important}.pet-slot-info.clickable{cursor:pointer;border-radius:var(--r-sm);padding:calc(2px * var(--scale)) calc(4px * var(--scale));transition:background .12s}.pet-slot-info.clickable:hover{background:#f5a6231f}.pet-codex-grid .pet-cell.clickable{cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s}.pet-codex-grid .pet-cell.clickable:hover{background:#fffdf6;border-color:#f5a623;transform:translateY(-2px);box-shadow:0 3px 8px #f5a62340}.pet-detail-modal,.pet-codex-modal{max-width:min(520px,94%);background:linear-gradient(#fffdf8 0%,#fdf6ec 100%)!important}.pet-modal-tag{font-size:calc(10.5px * var(--scale));padding:calc(1.5px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);color:#6a329f;background:#ecdcfc;border:1px solid #c9a9ea;font-weight:700}.pet-modal-tag.role-tank{color:#1e704a;background:#e2f4ec;border-color:#a4dcbd}.pet-modal-tag.role-power{color:#aa2715;background:#feeae6;border-color:#fca898}.pet-modal-tag.role-caster{color:#1b6bb5;background:#e6f3fe;border-color:#9cd0fc}.pet-modal-tag.role-speed{color:#a46400;background:#fff4db;border-color:#fad17c}.pet-modal-body{gap:calc(8px * var(--scale));padding:calc(6px * var(--scale)) 0;flex-direction:column;display:flex}.pet-detail-icon-row{align-items:flex-start;gap:calc(10px * var(--scale));padding:calc(8px * var(--scale));border-radius:var(--r-sm);background:#ffffffd9;border:1px solid #584a6e33;display:flex}.pet-detail-icon{width:calc(44px * var(--scale));height:calc(44px * var(--scale));object-fit:contain;border-radius:calc(6px * var(--scale));border:1.5px solid var(--ink);padding:calc(2px * var(--scale));background:#fff;flex:none}.pet-detail-icon.large{width:calc(52px * var(--scale));height:calc(52px * var(--scale))}.pet-detail-summary{gap:calc(4px * var(--scale));flex-direction:column;flex:1;min-width:0;display:flex}.pet-detail-note{font-size:calc(11.5px * var(--scale));color:var(--ink-text);font-weight:600;line-height:1.6}.pet-effect-row{align-items:baseline;gap:calc(3px * var(--scale)) 0;padding:calc(6px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);font-size:calc(11px * var(--scale));background:#ffffffd9;border:1px solid #584a6e33;flex-wrap:wrap;line-height:1.55;display:flex}.pet-effect-title{margin-right:calc(9px * var(--scale));font-family:var(--font-title);font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);flex:none;font-weight:800}.pet-effect-item{white-space:nowrap;color:var(--ink-text);font-weight:600}.pet-effect-item+.pet-effect-item:before{content:"·";margin:0 calc(7px * var(--scale));color:#584a6e73;font-weight:400}.pet-effect-item.changed{color:#c07204;font-weight:800}.pet-book-stock{font-size:calc(11px * var(--scale));color:var(--ink-text-soft)}.pet-book-stock b{color:#c07204}.pet-detail-lv-info{padding:calc(7px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);font-size:calc(11px * var(--scale));background:#ffffffb3;border:1px dashed #584a6e40}.pet-lv-title{font-family:var(--font-title);font-size:calc(11.5px * var(--scale));color:var(--ink-text);margin-bottom:calc(4px * var(--scale));font-weight:800}.pet-lv-cost b{color:#a82000}.pet-lv-cost.maxed{color:#1b8a5a;font-weight:700}.pet-book-learn-status{padding:calc(7px * var(--scale)) calc(9px * var(--scale));border-radius:var(--r-sm);font-size:calc(11px * var(--scale));color:var(--ink-text);background:#fff8eb;border:1px solid #fad17c;line-height:1.55}.pet-book-learn-status .warn{color:#ba250a;font-weight:700}.pet-codex-desc{font-size:calc(11.5px * var(--scale));color:var(--ink-text);line-height:1.6}.pet-codex-innate{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);margin-top:calc(2px * var(--scale))}.pet-codex-innate b{color:#8c54ff}.pet-apt-range-table{gap:calc(3px * var(--scale));border-radius:var(--r-sm);padding:calc(6px * var(--scale));font-size:calc(11px * var(--scale));background:#ffffffe6;border:1px solid #584a6e40;flex-direction:column;display:flex}.apt-row{padding:calc(3px * var(--scale)) calc(6px * var(--scale));border-radius:calc(3px * var(--scale));grid-template-columns:1.2fr 1.2fr 1fr 1fr;align-items:center;display:grid}.apt-row.header{font-family:var(--font-title);color:var(--ink-text-soft);padding-bottom:calc(5px * var(--scale));border-bottom:1px dashed #584a6e33;font-weight:800}.apt-row.strong{background:#f0fbf5}.apt-row.strong .apt-name,.apt-row.strong .bias-val{color:#1b8a5a;font-weight:700}.apt-row.weak{background:#faf7f8}.apt-row.weak .bias-val{color:#9c9384}.apt-row .rare-val{color:#c07204;font-weight:700}.pet-modal-foot .pet-btn.primary{font-family:var(--font-title);font-weight:800;color:#5a3000!important;background:linear-gradient(#fff7d6 0%,#ffd678 100%)!important}#sect-panel{width:min(520px,92vw);max-height:min(640px,86vh)}#sect-panel .panel-body{gap:calc(10px * var(--scale));flex-direction:column;overflow-y:auto}.sect-block{gap:calc(6px * var(--scale));flex-direction:column;display:flex}.sect-block-head{justify-content:space-between;align-items:center;gap:calc(8px * var(--scale));display:flex}.sect-block-title{font-family:var(--font-title);font-size:calc(13px * var(--scale));color:var(--ink-text);font-weight:700}.sect-block-note{font-size:calc(12px * var(--scale));font-variant-numeric:tabular-nums;color:#c07b12}.sect-task-text{font-size:calc(12px * var(--scale));color:var(--ink-text-soft);line-height:1.5}.sect-bar{height:calc(9px * var(--scale));border:var(--lw) solid var(--ink);background:#fffdf6;border-radius:99px;overflow:hidden}.sect-bar>i{background:linear-gradient(#ffe3a1 0%,#f0a63c 100%);border-radius:99px;width:0;height:100%;transition:width .2s;display:block}.sect-task-go{padding:calc(3px * var(--scale)) calc(12px * var(--scale));align-self:center;margin-top:0}.sect-heart-pane{gap:calc(7px * var(--scale));padding:calc(9px * var(--scale));border:var(--lw) solid var(--ink);border-radius:0 var(--r-sm) var(--r-sm) var(--r-sm);background:#ffffff8c;flex-direction:column;display:flex}.sect-heart-line{justify-content:space-between;align-items:baseline;gap:calc(8px * var(--scale));font-size:calc(12px * var(--scale));color:var(--ink-text-soft);font-variant-numeric:tabular-nums;display:flex}.sect-heart-line>b{font-family:var(--font-title);font-size:calc(13px * var(--scale));color:var(--ink-text)}.sect-heart-up{padding:calc(6px * var(--scale)) calc(10px * var(--scale));border-radius:var(--r-sm);border:var(--lw) solid var(--ink);color:#5a3000;font-family:var(--font-title);font-size:calc(12.5px * var(--scale));cursor:pointer;box-shadow:0 calc(2px * var(--scale)) 0 var(--ink);background:linear-gradient(#fff7d6 0%,#ffd678 100%);font-weight:800;transition:transform .1s}.sect-heart-up:hover{transform:translateY(calc(-1px * var(--scale)))}.sect-heart-up.locked{opacity:.55;cursor:not-allowed;box-shadow:none}.sect-heart-up.locked:hover{transform:none}.sect-heart-maxed{padding:calc(6px * var(--scale)) calc(10px * var(--scale));border-radius:var(--r-sm);border:1.5px dashed color-mix(in srgb, var(--ink) 45%, transparent);text-align:center;font-family:var(--font-title);font-size:calc(12.5px * var(--scale));color:#c07b12;font-weight:700}.sect-heart-ladder{gap:calc(3px * var(--scale));flex-direction:column;display:flex}.sect-heart-rank{align-items:baseline;gap:calc(5px * var(--scale));font-size:calc(11.5px * var(--scale));color:var(--ink-text-soft);opacity:.62;line-height:1.45;display:flex}.sect-heart-rank.on{opacity:1;color:var(--ink-text)}.sect-heart-rank>i{color:#b9aecb;font-style:normal}.sect-heart-rank.on>i{color:var(--talent-accent,#f0a63c)}#leaderboard-panel{width:min(520px,92vw);max-height:min(620px,88vh)}#leaderboard-panel .panel-body{flex-direction:column;min-height:0;padding:0}.lb-body{min-height:0;padding:calc(9px * var(--scale));gap:calc(7px * var(--scale));flex-direction:column;flex:1;display:flex}.lb-scroll{gap:calc(6px * var(--scale));scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.lb-bottom{gap:calc(5px * var(--scale));flex-direction:column;flex:none;display:flex}.lb-tabs{gap:calc(4px * var(--scale));flex:none;display:flex}.lb-tab{padding:calc(5px * var(--scale)) 0;border-radius:var(--r-sm);font-family:inherit;font-size:calc(11px * var(--scale));color:var(--ink-text-soft);cursor:pointer;background:linear-gradient(#fff 0%,#f7f3ec 100%);border:1.5px solid #584a6e59;flex:1;font-weight:700;transition:transform .1s,background .12s,color .12s;box-shadow:inset 0 1px #fffffff2}.lb-tab:hover{color:var(--ink-text);background:#fff;transform:translateY(-1px)}.lb-tab.on{border-color:var(--ink);color:#fff;box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink), inset 0 1px 0 #ffffff73;text-shadow:0 1px #32234b80;background:linear-gradient(#b89bf2 0%,#9c7ee0 60%,#8c69d8 100%);transform:translateY(1px)}.lb-hint{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);flex:none;line-height:1.45}.lb-list{border-radius:var(--r-sm);background:#ffffffb8;border:1.5px solid #584a6e47;flex:none;box-shadow:inset 0 1px #ffffffe6}.lb-row{grid-template-columns:calc(38px * var(--scale)) 1fr auto;align-items:center;gap:calc(8px * var(--scale));padding:calc(5px * var(--scale)) calc(9px * var(--scale));font-size:calc(12px * var(--scale));border-bottom:1px dashed #584a6e29;display:grid}.lb-list>.lb-row:last-child{border-radius:0 0 calc(var(--r-sm) - 1px) calc(var(--r-sm) - 1px);border-bottom:none}.lb-row.head{z-index:1;border-radius:calc(var(--r-sm) - 1px) calc(var(--r-sm) - 1px) 0 0;font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);background:linear-gradient(#fdf9f1 0%,#f7f1e6 100%);border-bottom:1.5px solid #584a6e3d;position:sticky;top:0}.lb-row.head .lb-value{display:block}.lb-row.me{background:linear-gradient(90deg,#ffecbee6 0%,#fffaece6 100%)}.lb-rank{text-align:center;font-variant-numeric:tabular-nums;color:#8b7ba4;font-weight:700}.lb-row.top1 .lb-rank{color:#d99b0b}.lb-row.top2 .lb-rank{color:#8f93a3}.lb-row.top3 .lb-rank{color:#b4794a}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-value{flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.lb-value b{font-size:calc(12.5px * var(--scale));font-variant-numeric:tabular-nums}.lb-value i{font-style:normal;font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);font-variant-numeric:tabular-nums}.lb-me{gap:calc(4px * var(--scale));padding:calc(6px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);background:linear-gradient(#fffdf6 0%,#fdf6e6 100%);border:1.5px solid #584a6e4d;flex-direction:column;display:flex}.lb-me.muted{font-size:calc(11px * var(--scale));color:var(--ink-text-soft);background:#ffffff80;border-style:dashed;border-color:#584a6e4d}.lb-me-label{font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft)}.lb-me .lb-row{border-bottom:none;padding:0}.lb-age{font-size:calc(10px * var(--scale));color:var(--ink-text-soft)}.lb-state{padding:calc(10px * var(--scale));border-radius:var(--r-sm);font-size:calc(11.5px * var(--scale));color:var(--ink-text-soft);text-align:center;background:#ffffff80;border:1.5px dashed #584a6e4d;flex:none}.lb-state.err{color:#b04a4a;border-color:#c454548c}.lb-foot{font-size:calc(10.5px * var(--scale));color:var(--ink-text-soft);line-height:1.45}.lb-refresh{padding:calc(4px * var(--scale)) calc(12px * var(--scale));border-radius:var(--r-sm);border:1.5px solid var(--ink);box-shadow:0 calc(1.5px * var(--scale)) 0 var(--ink);font-family:inherit;font-size:calc(11px * var(--scale));color:var(--ink-text);cursor:pointer;background:linear-gradient(#fff 0%,#f2ecff 100%);flex:none;align-self:flex-start;font-weight:700}.lb-refresh:hover{background:#fff}.lb-refresh:active{box-shadow:none;transform:translateY(1.5px)}:root{--panel-r:4px;--panel-r-in:3px;--panel-lift:2.5px;--head-1:#86e3ce;--head-2:#7acbf9;--panel-a:#fffdfafa;--panel-b:#fcf8f0f5;--candy-cream-1:#fffef6;--candy-cream-2:#fdf1d7;--candy-cream-edge:#58426e8c;--candy-gold-1:#ffe9a6;--candy-gold-2:#f5b84c;--candy-gold-edge:#a56a10;--candy-mint-1:#a9eed4;--candy-mint-2:#4fbf99;--candy-mint-edge:#27775c;--candy-peach-1:#ffd3bf;--candy-peach-2:#ff9c7a;--candy-peach-edge:#a4523a;--tab-groove:#584a6e1f;--font-title:var(--font-round)}.game-panel,#item-popup,.sect-panel{scrollbar-width:thin;scrollbar-color:#8a72d86b transparent}.game-panel ::-webkit-scrollbar{width:7px;height:7px}#item-popup ::-webkit-scrollbar{width:7px;height:7px}.sect-panel ::-webkit-scrollbar{width:7px;height:7px}.game-panel ::-webkit-scrollbar-track{background:0 0}#item-popup ::-webkit-scrollbar-track{background:0 0}.sect-panel ::-webkit-scrollbar-track{background:0 0}.game-panel ::-webkit-scrollbar-thumb{background:#8a72d85c padding-box content-box;border:1px solid #0000;border-radius:2px}#item-popup ::-webkit-scrollbar-thumb{background:#8a72d85c padding-box content-box;border:1px solid #0000;border-radius:2px}.sect-panel ::-webkit-scrollbar-thumb{background:#8a72d85c padding-box content-box;border:1px solid #0000;border-radius:2px}.game-panel ::-webkit-scrollbar-thumb:hover{background:#8a72d899 padding-box content-box}#item-popup ::-webkit-scrollbar-thumb:hover{background:#8a72d899 padding-box content-box}.sect-panel ::-webkit-scrollbar-thumb:hover{background:#8a72d899 padding-box content-box}.game-panel :is(button,select,input):focus-visible,.cdlg-card button:focus-visible{outline:2px solid var(--exp-2);outline-offset:1px}.game-panel{border-radius:var(--panel-r);border:2px solid var(--ink);background:linear-gradient(90deg, #584a6e09 1px, transparent 1px) 0 0 / 12px 12px, linear-gradient(0deg, #584a6e09 1px, transparent 1px) 0 0 / 12px 12px, linear-gradient(180deg, var(--panel-a), var(--panel-b));box-shadow:0 var(--panel-lift) 0 var(--ink), 0 16px 36px #584a6e38}.panel-head{padding:calc(8px * var(--scale)) calc(12px * var(--scale));border-radius:calc(var(--panel-r) - 2px) calc(var(--panel-r) - 2px) 0 0;border-bottom:2px solid var(--ink);background:linear-gradient(180deg, #fff9 0 44%, transparent 45% 100%), linear-gradient(90deg, var(--head-1), var(--head-2));box-shadow:inset 0 1px #ffffffe6,inset 0 -1.5px #584a6e26}.panel-name{align-items:center;gap:calc(6px * var(--scale));font-family:var(--font-round);font-size:calc(16px * var(--scale));color:var(--ink-text);letter-spacing:1.5px;text-shadow:0 1px #ffffffe6;font-weight:800;display:flex}.panel-name:before{content:"✦";font-size:calc(13px * var(--scale));color:#ff9f43}.panel-close{width:calc(22px * var(--scale));height:calc(22px * var(--scale));border-radius:var(--panel-r-in);border:1.5px solid var(--ink);color:#fff;box-shadow:0 1.5px 0 var(--ink);cursor:pointer;background:#ff7675;flex:none;justify-content:center;align-items:center;font-weight:800;transition:transform .1s,background .1s;display:flex}.panel-close:hover{background:#ff5252;transform:translateY(-1px)}.panel-close:active{box-shadow:none;transform:translateY(1.5px)}.panel-body{padding:calc(12px * var(--scale));gap:calc(10px * var(--scale))}.panel-foot{border-radius:0 0 calc(var(--panel-r) - 1px) calc(var(--panel-r) - 1px);background:linear-gradient(#fffc,#fff8e6cc);box-shadow:inset 0 1px #ffffffe6}.panel-money,.foot-chip{border-radius:var(--panel-r-in);border:1.5px solid var(--ink);box-shadow:0 1.5px 0 var(--ink), inset 0 1px 0 #fff;background:linear-gradient(#ffffffd9 0,#fff0 60%),linear-gradient(#fffdf4,#ffedc0)}.slots-title:before,.stats-title:before{background:linear-gradient(180deg, var(--head-1), #57bd9f)}.slots-title:after,.stats-title:after{content:"";height:2px;margin-left:calc(4px * var(--scale));background:linear-gradient(90deg,#5fb6a099,#5fb6a000);border-radius:1px;flex:1}.foot-btn,.bag-tool-btn,.card-btn,.pet-btn,.cave-btn,.sect-back,.talent-respec-btn,.dlg-option,.cdlg-cancel{border-radius:var(--panel-r-in);border:var(--lw) solid var(--ink);background:linear-gradient(180deg, #ffffffe6 0, #fff0 46%), linear-gradient(180deg, var(--candy-cream-1), var(--candy-cream-2));box-shadow:0 var(--panel-lift) 0 var(--candy-cream-edge), inset 0 1px 0 #ffffffe6;min-height:calc(24px * var(--scale));transition:transform .1s,filter .1s,box-shadow .1s}.foot-btn:hover:not(:disabled),.bag-tool-btn:hover:not(:disabled),.card-btn:hover:not(:disabled),.pet-btn:hover:not(:disabled),.cave-btn:hover:not(:disabled):not(.disabled),.sect-back:hover,.talent-respec-btn:hover:not(:disabled),.dlg-option:hover,.cdlg-cancel:hover{filter:brightness(1.04);box-shadow:0 calc(var(--panel-lift) + 1px) 0 var(--candy-cream-edge), inset 0 1px 0 #ffffffe6;background:linear-gradient(#fffffff2 0,#fff0 46%),linear-gradient(#fff,#fff3d2);transform:translateY(-1.5px)}.foot-btn:active:not(:disabled),.bag-tool-btn:active:not(:disabled),.card-btn:active:not(:disabled),.pet-btn:active:not(:disabled),.cave-btn:active:not(:disabled):not(.disabled),.sect-back:active,.talent-respec-btn:active:not(:disabled),.dlg-option:active,.cdlg-cancel:active{transform:translateY(var(--panel-lift));box-shadow:0 0 0 var(--candy-cream-edge), inset 0 1px 0 #ffffffe6}.smith-btn,.dungeon-row-btn,.checkin-btn{border-radius:var(--panel-r-in);border:var(--lw) solid var(--ink);background:linear-gradient(180deg, #ffffffd9 0, #fff0 46%), linear-gradient(180deg, var(--candy-gold-1), var(--candy-gold-2));box-shadow:0 var(--panel-lift) 0 var(--candy-gold-edge), inset 0 1px 0 #ffffffd9;min-height:calc(24px * var(--scale));transition:transform .1s,filter .1s,box-shadow .1s}.smith-btn:hover:not(:disabled),.dungeon-row-btn:hover:not(:disabled),.checkin-btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 calc(var(--panel-lift) + 1px) 0 var(--candy-gold-edge), inset 0 1px 0 #ffffffd9;transform:translateY(-1.5px)}.smith-btn:active:not(:disabled),.dungeon-row-btn:active:not(:disabled),.checkin-btn:active:not(:disabled){transform:translateY(var(--panel-lift));box-shadow:0 0 0 var(--candy-gold-edge), inset 0 1px 0 #ffffffd9}.card-btn.primary,.cdlg-confirm:not(.danger),.cave-btn.primary,.death-btn{border-radius:var(--panel-r-in);border:var(--lw) solid var(--ink);background:linear-gradient(180deg, #ffffffbf 0, #fff0 46%), linear-gradient(180deg, var(--candy-mint-1), var(--candy-mint-2));box-shadow:0 var(--panel-lift) 0 var(--candy-mint-edge), inset 0 1px 0 #ffffffd9;transition:transform .1s,filter .1s,box-shadow .1s}.cdlg-cancel,.cdlg-confirm{border-radius:var(--panel-r-in)}.bag-tool-btn.danger,.cdlg-confirm.danger{background:linear-gradient(180deg, #ffffffbf 0, #fff0 46%), linear-gradient(180deg, var(--candy-peach-1), var(--candy-peach-2));box-shadow:0 var(--panel-lift) 0 var(--candy-peach-edge), inset 0 1px 0 #fffc}.death-btn:hover:not(:disabled){background:linear-gradient(180deg, #ffffffbf 0, #fff0 46%), linear-gradient(180deg, var(--candy-mint-1), var(--candy-mint-2));filter:brightness(1.04);box-shadow:0 calc(var(--panel-lift) + 1px) 0 var(--candy-mint-edge), inset 0 1px 0 #fffc}.death-btn:active:not(:disabled){box-shadow:0 0 0 var(--candy-mint-edge), inset 0 1px 0 #fffc;transform:translateY(var(--panel-lift))}.bag-tabs,.pet-tabs,.talent-tabs,.dungeon-type-tabs{padding:calc(3px * var(--scale));gap:calc(4px * var(--scale));border-radius:var(--panel-r-in);background:var(--tab-groove);border:1.5px solid #584a6e4d;box-shadow:inset 0 2px 4px #32234b2e}.bag-tab,.pet-tab,.dungeon-tab,.talent-tab{border-radius:var(--panel-r-in) var(--panel-r-in) 1px 1px;box-shadow:none;font-family:var(--font-round);background:0 0;border:1.5px solid #0000;font-weight:700;transition:all .1s}.bag-tab:hover,.pet-tab:hover,.dungeon-tab:hover,.talent-tab:hover{background:#ffffffbf}.bag-tab.active,.pet-tab.on,.dungeon-tab.active{background:linear-gradient(180deg, #ffffffbf 0, #fff0 50%), linear-gradient(180deg, var(--head-1), var(--head-2));border-color:var(--ink);color:#fff;text-shadow:0 1px #285a5073;box-shadow:0 2px 0 var(--ink)}.bag-tab-count{border-radius:2px}.settings-row,.settings-row select{border-radius:var(--panel-r-in)}.settings-tab{border-radius:var(--panel-r-in) var(--panel-r-in) 0 0}.settings-row{background:linear-gradient(#fffffff2,#fffaeecc);border-color:#584a6e47;transition:background .1s,border-color .1s,transform .1s}.settings-row:hover{border-color:var(--ink);background:#fff;transform:translateY(-1px)}.settings-row select{padding:calc(3px * var(--scale)) calc(8px * var(--scale));border:1.5px solid var(--ink);box-shadow:0 1px 0 var(--ink);background:#fff}.settings-row input[type=checkbox]{accent-color:#4fbf99}.equip-slot,.bag-cell,.cp-vital,.char-stat,.char-overflow,.char-hero,.char-gear-summary,.checkin-cell,.smith-row,.talent-grid,.talent-cell,.pet-row,.pet-cell,.cave-card,.cave-plot,.cave-slot,.cave-job,.sect-card,.death-btn,.release-body{border-radius:var(--panel-r-in)}.equip-slot,.bag-cell{background:linear-gradient(#4a3a5c1f,#4a3a5c0f);box-shadow:inset 0 2px 4px #32234b2e,inset 0 -1px #fff9}.equip-slot.filled,.bag-cell.filled{box-shadow:0 2px 0 var(--ink), inset 0 1px 0 #fffffff2;background:linear-gradient(#fff,#fffdf2)}.equip-slot.filled:before,.bag-cell.filled:before{border-radius:var(--panel-r-in)}.cp-vital,.char-stat,.smith-row,.cave-card,.cave-plot,.cave-slot,.cave-job,.pet-cell,.pet-row{background:linear-gradient(#fffffff2,#fffaf0d9);border-color:#584a6e4d;box-shadow:inset 0 1px #ffffffe6}.pet-row,.smith-row{transition:background .1s,transform .1s,border-color .1s,box-shadow .1s}.pet-row:hover{border-color:var(--ink);box-shadow:0 2px 0 var(--ink);transform:translateY(-1px)}.smith-row:hover{background:#fff}.cp-vital.low{background:linear-gradient(#ffebebf2,#ffdcdad9);box-shadow:inset 0 1px #ffffffb3}.char-exp-track,.gear-sum-bar{border-radius:2px}.char-overflow{background:linear-gradient(#f3ecffd9,#ece2fca6)}.dungeon-row{border-bottom:1px dashed #7864963d}.checkin-cell.today{background:linear-gradient(180deg, #fff9 0, #fff0 46%), linear-gradient(180deg, var(--candy-gold-1), var(--candy-gold-2));border-color:var(--ink);box-shadow:0 2px 0 var(--candy-gold-edge), inset 0 1px 0 #fffc;animation:2.2s ease-in-out infinite alternate slot-glow}#item-popup{border-radius:var(--panel-r);border:2px solid var(--ink);background:linear-gradient(180deg, var(--panel-a), var(--panel-b));box-shadow:0 var(--panel-lift) 0 var(--ink), 0 16px 40px #584a6e40}.item-popup-head{border-radius:calc(var(--panel-r) - 2px) calc(var(--panel-r) - 2px) 0 0;border-bottom:2px solid var(--ink);background:linear-gradient(180deg, #fff9 0, #fff0 50%), linear-gradient(90deg, var(--head-1), var(--head-2));box-shadow:inset 0 1px #ffffffe6,inset 0 -1.5px #584a6e26}.item-popup-name{text-shadow:0 1px #ffffffe6}.item-popup-close{width:calc(22px * var(--scale));height:calc(22px * var(--scale));border-radius:var(--panel-r-in);border:1.5px solid var(--ink);color:#fff;box-shadow:0 1.5px 0 var(--ink);cursor:pointer;background:#ff7675;justify-content:center;align-items:center;font-weight:800;display:flex}.item-popup-close:hover{background:#ff5252;transform:translateY(-1px)}.card-equipped,.card-enhance,.card-rebirth{border-radius:2px}#dialogue-box,.cdlg-card,.sect-panel{border-radius:var(--panel-r);border:2px solid var(--ink);background:linear-gradient(180deg, var(--panel-a), var(--panel-b));box-shadow:0 var(--panel-lift) 0 var(--ink), 0 20px 48px #584a6e4d}.sect-card{border-radius:var(--panel-r-in);border:1.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);background:linear-gradient(#fffffff2 0,#fff0 40%),linear-gradient(#fffdf4,#fff2d4)}.sect-card:hover{box-shadow:0 calc(var(--lift) + 2px) 0 var(--ink), inset 0 0 0 1px #fff;transform:translateY(-1.5px)}#character-panel{border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink), 0 16px 36px #584a6e38;background:#fffdfa;border-radius:4px}#character-panel .panel-head{border-bottom:2px solid var(--ink);padding:calc(8px * var(--scale)) calc(12px * var(--scale));background:linear-gradient(#fff9 0 44%,#0000 45% 100%),linear-gradient(90deg,#86e3ce 0%,#7acbf9 100%);border-radius:3px 3px 0 0;box-shadow:inset 0 1px #ffffffe6,inset 0 -1.5px #584a6e26}#character-panel .panel-name{color:var(--ink-text);font-family:var(--font-round);font-size:calc(16px * var(--scale));letter-spacing:2px;text-shadow:0 1px #ffffffe6;font-weight:800}#character-panel .panel-name:before{content:"✦";font-size:calc(13px * var(--scale));color:#ff9f43;margin-right:4px}#character-panel .panel-close{color:#fff;border:1.5px solid var(--ink);box-shadow:0 1.5px 0 var(--ink);background:#ff7675;border-radius:3px;font-weight:800}#character-panel .panel-close:hover{background:#ff5252;transform:translateY(-1px)}#character-panel .panel-body.char-body{padding:calc(10px * var(--scale));background:linear-gradient(90deg,#584a6e09 1px,#0000 1px) 0 0/12px 12px,linear-gradient(0deg,#584a6e09 1px,#0000 1px) 0 0/12px 12px,linear-gradient(#fffdfa 0%,#faf6ee 100%)}#character-panel .char-hero{border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink), inset 0 0 0 1px #ffffffe6;padding:calc(8px * var(--scale)) calc(12px * var(--scale));background:linear-gradient(#ffffff8c 0 40%,#0000 41% 100%),linear-gradient(120deg,#dff0fe 0%,#eee8fc 45%,#dcfce7 100%);border-radius:4px}#character-panel .portrait.sm{border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink), 0 0 0 2px #fff;background:#fff;border-radius:4px}#character-panel .char-realm{font-family:var(--font-round);font-size:calc(21px * var(--scale));letter-spacing:2.5px;color:var(--ink-text);text-shadow:0 1.5px #fffffff2;font-weight:800}#character-panel .char-sub{color:#6c5b7b;letter-spacing:.5px;font-weight:600}#character-panel .char-tag{border:1.5px solid var(--ink);box-shadow:0 1px 0 var(--ink);letter-spacing:.5px;padding:0 calc(7px * var(--scale));border-radius:3px;font-weight:700}#character-panel .char-tag-sect{color:#78350f;background:linear-gradient(#fef3c7,#fde68a)}#character-panel .char-tag-rebirth{color:#6b21a8;background:linear-gradient(#f3e8ff,#e9d5ff)}#character-panel .char-tag-quiet{color:var(--ink-text-soft);background:#fff}#character-panel .char-hero-exp .char-exp-head{color:var(--ink-text);font-weight:700}#character-panel .char-exp-track{height:calc(10px * var(--scale));border:1.5px solid var(--ink);background:#584a6e2e;border-radius:3px;box-shadow:inset 0 2px 3px #2d223c40}#character-panel .char-exp-track>i{background:linear-gradient(#ffffffb3 0 45%,#0000 46% 100%),linear-gradient(90deg,#fcd34d 0%,#fb923c 60%,#f472b6 100%);border-radius:2px;box-shadow:inset 0 1px #ffffffd9}#character-panel .slots-title{color:var(--ink-text);font-family:var(--font-round);letter-spacing:1.5px;align-items:center;gap:4px;font-weight:800;display:flex}#character-panel .slots-title:before{content:"✦";font-size:calc(10px * var(--scale));color:#38bdf8}#character-panel .equip-slot{border:2px solid var(--ink);border-radius:3px;transition:transform .1s,box-shadow .1s}#character-panel .equip-slot:not(.filled){background:#584a6e14;box-shadow:inset 0 2px 4px #2d223c26,inset 0 -1px #fff9}#character-panel .equip-slot:not(.filled):hover{box-shadow:0 2px 0 var(--ink), inset 0 1px 2px #2d223c1f;background:#584a6e24;transform:translateY(-2px)}#character-panel .equip-slot.filled{box-shadow:0 2px 0 var(--ink), inset 0 0 0 1px #fffffff2;background:linear-gradient(#fffffff2 0 38%,#0000 39% 100%),linear-gradient(#fff 0%,#fffdf5 100%)}#character-panel .equip-slot.filled:hover{box-shadow:0 4px 0 var(--ink), inset 0 0 0 1px #fef08a;transform:translateY(-2px)}#character-panel .equip-slot.filled:before{border-radius:3px}#character-panel .equip-slot .slot-enhance{border:1px solid var(--ink);color:#713f12;box-shadow:0 1px 0 var(--ink);padding:0 calc(3px * var(--scale));background:linear-gradient(#fef08a,#facc15);border-radius:2px;font-weight:800}#character-panel .equip-slot .slot-reborn{border:1px solid var(--ink);color:#6b21a8;box-shadow:0 1px 0 var(--ink);padding:0 calc(3px * var(--scale));background:linear-gradient(#fdf4ff,#e9d5ff);border-radius:2px;font-weight:800}#character-panel .char-gear-summary{border:1.5px solid var(--ink);box-shadow:0 2px 0 var(--ink), inset 0 0 0 1px #fffffff2;background:#fff;border-radius:3px}#character-panel .gear-sum-title{font-family:var(--font-round);letter-spacing:1px;font-weight:800}#character-panel .gear-sum-bar{border:1.5px solid var(--ink);background:#584a6e1f;border-radius:2px}#character-panel .char-tabs{gap:calc(4px * var(--scale));margin-bottom:calc(7px * var(--scale))}#character-panel .char-tab{border:1.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);color:var(--ink-text-soft);font-family:var(--font-round);padding:calc(5px * var(--scale)) calc(4px * var(--scale));background:#fff;border-radius:3px 3px 1px 1px;font-weight:700;transition:all .1s}#character-panel .char-tab:hover{color:var(--ink-text);box-shadow:0 3px 0 var(--ink);background:#fff;transform:translateY(-1px)}#character-panel .char-tab.active{box-shadow:0 0 0 var(--ink);color:#fff;text-shadow:0 1px 1px #2d223c66;font-weight:800;transform:translateY(1.5px)}#character-panel .char-tab.active[data-group=base]{background:linear-gradient(#38bdf8,#0ea5e9)}#character-panel .char-tab.active[data-group=offense]{background:linear-gradient(#fb923c,#f97316)}#character-panel .char-tab.active[data-group=defense]{background:linear-gradient(#34d399,#10b981)}#character-panel .char-tab.active[data-group=breach]{background:linear-gradient(#c084fc,#a855f7)}#character-panel .char-tab.active[data-group=resource]{background:linear-gradient(#f472b6,#ec4899)}#character-panel .char-vitals{gap:calc(8px * var(--scale));margin-bottom:calc(7px * var(--scale))}#character-panel .cp-vital{border:1.5px solid var(--ink);box-shadow:0 1.5px 0 var(--ink), inset 0 0 0 1px #fffffff2;padding:calc(5px * var(--scale)) calc(8px * var(--scale)) calc(5px * var(--scale)) calc(12px * var(--scale));background:#fff;border-radius:3px}#character-panel .cp-vital:first-child{border-left:calc(4px * var(--scale)) solid #f87171}#character-panel .cp-vital:last-child{border-left:calc(4px * var(--scale)) solid #60a5fa}#character-panel .cp-vital-name{color:var(--ink-text);font-weight:700;font-size:calc(11.5px * var(--scale))}#character-panel .cp-vital-value{color:var(--ink-text);font-weight:800;font-size:calc(14.5px * var(--scale))}#character-panel .char-stat-list{gap:calc(5px * var(--scale));padding:0}#character-panel .char-stat{padding:calc(4px * var(--scale)) calc(8px * var(--scale)) calc(4px * var(--scale)) calc(12px * var(--scale));background:#fff;border:1.5px solid #584a6e4d;border-radius:3px;transition:transform .1s,background .1s,border-color .1s;box-shadow:0 1px #584a6e26,inset 0 0 0 1px #fffffff2}#character-panel .char-stat:hover{border-color:var(--ink);box-shadow:0 1.5px 0 var(--ink);background:#fffdf7;transform:translate(2.5px)}#character-panel .char-stat:before{left:calc(3px * var(--scale));width:calc(3px * var(--scale));border-radius:1.5px;height:75%}#character-panel .char-stat .stat-name{color:var(--ink-text);font-size:calc(11.5px * var(--scale));font-weight:700}#character-panel .char-stat .stat-src{font-size:calc(8.5px * var(--scale));line-height:1.15}#character-panel .char-stat .stat-value{font-family:var(--font-round);font-size:calc(16.5px * var(--scale));color:currentColor;text-shadow:0 1px #ffffffe6;font-weight:800}#character-panel .char-overflow{background:#faf5ff;border:1.5px dashed #a855f7;border-radius:3px}#monster-status-overlay{pointer-events:none;z-index:6;position:fixed;inset:0;overflow:hidden}#monster-status-overlay *{box-sizing:border-box}.monster-status-row{will-change:transform;flex-wrap:wrap;place-content:flex-end center;gap:3px;max-width:380px;display:flex;position:absolute;top:0;left:0}.monster-status-row[hidden]{display:none}.monster-status-chip{color:#f6efe4;font-family:var(--font-round);background:#1e1824db;border:1.5px solid #15111b;border-radius:6px;align-items:center;gap:5px;min-width:0;padding:3px 7px 3px 4px;line-height:1.15;display:flex;box-shadow:0 2px #15111b59}.monster-status-chip-icon{background:#15111b59;border-radius:4px;flex:none;width:24px;height:24px}.monster-status-chip-copy{flex-direction:column;min-width:0;display:flex}.monster-status-chip-name{white-space:nowrap;font-size:13px;font-weight:800}.monster-status-chip-meta{font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.92;font-size:11px}.monster-status-chip-buff{background:#183428e0;border-color:#58c795}.monster-status-chip-debuff{background:#3c1818e6;border-color:#ef8d76}.monster-status-chip-soft-cc{background:#241e40e6;border-color:#9d8cf0}.monster-status-chip-hard-cc{background:#3a2810e6;border-color:#f0b254}.monster-status-chip-meta.is-expiring{color:#ffb09c;opacity:1;font-weight:700}#merchant-shop{padding:calc(10px * var(--scale));z-index:60;opacity:0;pointer-events:none;background:#1e16287a;place-items:center;transition:opacity .16s;display:grid;position:fixed;inset:0}#merchant-shop.open{opacity:1;pointer-events:auto}.merchant-shop-panel{width:min(820px,90vw);max-height:min(620px,90vh);padding:calc(16px * var(--scale));overflow-y:auto}.merchant-shop-title{justify-content:space-between;align-items:center;gap:calc(12px * var(--scale));padding-bottom:calc(10px * var(--scale));text-align:left;border-bottom:1.5px solid #97753b61;display:flex}.merchant-shop-heading{gap:calc(2px * var(--scale));min-width:0;display:grid}.merchant-shop-heading b{font-size:calc(19px * var(--scale))}.merchant-shop-heading small{color:var(--ink-text-soft);font-size:calc(10px * var(--scale));letter-spacing:.08em;font-weight:500}.merchant-shop-stones{font-family:var(--font-round);font-size:calc(13px * var(--scale));font-variant-numeric:tabular-nums;color:#c07b12;flex:none}.merchant-shop-layout{gap:calc(18px * var(--scale));padding-top:calc(12px * var(--scale));grid-template-columns:minmax(240px,.86fr) minmax(320px,1.14fr);display:grid}.merchant-shop-shelf{min-width:0;padding-right:calc(14px * var(--scale));border-right:1px solid #97753b4d}.merchant-shop-section-title{margin-bottom:calc(4px * var(--scale));color:#594735;font-family:var(--font-title);justify-content:space-between;align-items:baseline;display:flex}.merchant-shop-section-title b{font-size:calc(13px * var(--scale))}.merchant-shop-section-title span{color:var(--ink-text-soft);font-family:var(--font-round);font-size:calc(10px * var(--scale))}.merchant-shop-list{flex-direction:column;display:flex}.merchant-offer{appearance:none;grid-template-columns:calc(44px * var(--scale)) minmax(0, 1fr) auto;align-items:center;gap:calc(9px * var(--scale));width:100%;min-height:calc(64px * var(--scale));padding:calc(6px * var(--scale)) calc(7px * var(--scale));color:var(--ink-text);font-family:var(--font-round);text-align:left;cursor:pointer;background:0 0;border-top:0;border-bottom:1px solid #71593833;border-left:3px solid #0000;border-right:0;transition:background .12s,border-color .12s;display:grid}.merchant-offer:hover,.merchant-offer.selected{background:linear-gradient(90deg,#e1c4824d,#fff8e31f);border-left-color:#c28b35}.merchant-offer:focus-visible,.merchant-buy-button:focus-visible{outline-offset:2px;outline:2px solid #aa792c}.merchant-offer-icon{width:calc(40px * var(--scale));height:calc(40px * var(--scale));padding:calc(3px * var(--scale));object-fit:contain;background:linear-gradient(145deg,#fff9e9,#e7d5aa);border:1px solid #745b3966;border-radius:5px}.merchant-offer-details,.merchant-offer-meta{gap:calc(3px * var(--scale));flex-direction:column;min-width:0;display:flex}.merchant-offer-name{font-size:calc(12px * var(--scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.merchant-offer-kind,.merchant-offer-count{color:var(--ink-text-soft);font-size:calc(10px * var(--scale));white-space:nowrap}.merchant-offer-meta{align-items:flex-end}.merchant-offer-price{color:#a66d19;font-size:calc(10px * var(--scale));white-space:nowrap}.merchant-shop-detail{align-content:center;align-items:center;gap:calc(16px * var(--scale));min-width:0;padding:calc(4px * var(--scale)) 0;grid-template-columns:minmax(104px,.42fr) minmax(0,1fr);display:grid}.merchant-detail-art{aspect-ratio:1;width:100%;max-width:calc(144px * var(--scale));background:radial-gradient(circle at 50% 42%,#ffffffe6,#0000 62%),linear-gradient(145deg,#f5e7c6,#d7bd87);border:1px solid #7e603673;border-radius:50% 50% 46% 46%;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 4px #fffaeb8c,0 3px #57422a47}.merchant-detail-icon{z-index:1;object-fit:contain;filter:drop-shadow(0 3px 2px #432e1c3d);width:68%;height:68%}.merchant-detail-art-mark{color:#603f2721;font-family:var(--font-title);font-size:calc(43px * var(--scale));line-height:1;position:absolute;bottom:3%;right:9%}.merchant-detail-kind{top:calc(7px * var(--scale));z-index:2;padding:calc(2px * var(--scale)) calc(7px * var(--scale));border-radius:var(--r-sm);color:#765127;font-size:calc(9px * var(--scale));white-space:nowrap;background:#fffaeceb;border:1px solid #6e4d286b;position:absolute;left:50%;transform:translate(-50%)}.merchant-detail-copy{flex-direction:column;align-items:stretch;min-width:0;display:flex}.merchant-detail-name{margin:0 0 calc(5px * var(--scale));color:#493b30;font-family:var(--font-title);font-size:calc(19px * var(--scale))}.merchant-detail-desc{color:#65533d;font-size:calc(11px * var(--scale));margin:0;line-height:1.5}.merchant-detail-stats{gap:calc(8px * var(--scale)) calc(18px * var(--scale));padding:calc(8px * var(--scale)) 0;color:var(--ink-text-soft);font-size:calc(10px * var(--scale));border-bottom:1px solid #71593838;flex-wrap:wrap;display:flex}.merchant-detail-stats span{gap:calc(3px * var(--scale));flex-direction:column;display:flex}.merchant-detail-stats b{color:#51402f;font-size:calc(12px * var(--scale));font-variant-numeric:tabular-nums}.merchant-detail-trade{gap:calc(8px * var(--scale));padding:calc(8px * var(--scale)) 0;color:var(--ink-text-soft);font-size:calc(10px * var(--scale));grid-template-columns:1fr 1fr;display:grid}.merchant-detail-trade span{gap:calc(3px * var(--scale));flex-direction:column;display:flex}.merchant-detail-trade b{color:#51402f;font-size:calc(12px * var(--scale));font-variant-numeric:tabular-nums}.merchant-detail-trade span:last-child{align-items:flex-end}.merchant-detail-trade span:last-child b{color:#a66d19}.merchant-detail-price{font-style:normal}.merchant-buy-row{justify-content:space-between;align-items:center;gap:calc(8px * var(--scale));margin-top:calc(8px * var(--scale));display:flex}.merchant-buy-label{color:var(--ink-text-soft);font-family:var(--font-round);font-size:calc(11px * var(--scale))}.merchant-buy-quantity{gap:calc(6px * var(--scale));display:flex}.merchant-qty-chip{appearance:none;min-width:calc(46px * var(--scale));padding:calc(3px * var(--scale)) calc(8px * var(--scale));border-radius:var(--r-sm);color:#594735;font-family:var(--font-round);font-size:calc(11px * var(--scale));cursor:pointer;background:#fffaeb99;border:1px solid #71593880;transition:background .12s,border-color .12s}.merchant-qty-chip:hover{border-color:#8c672d}.merchant-qty-chip[aria-pressed=true]{color:#4f3920;background:#f4d985;border-color:#8c672d;font-weight:700}.merchant-buy-button{min-width:calc(132px * var(--scale));min-height:calc(36px * var(--scale));padding:calc(6px * var(--scale)) calc(17px * var(--scale));border-radius:var(--r-sm);color:#4f3920;font-family:var(--font-title);font-size:calc(12px * var(--scale));cursor:pointer;background:linear-gradient(#f4d985,#d5a84e);border:1.5px solid #594532;align-self:flex-end;font-weight:700;transition:transform .1s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px #8c672d,inset 0 1px #ffffffbf}.merchant-buy-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.merchant-buy-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #8c672d}.merchant-buy-button:disabled{color:#6f6b64;cursor:not-allowed;background:#d9d3c7;border-color:#8d8577;box-shadow:0 2px #aaa396}.merchant-shop-note{margin-top:calc(12px * var(--scale));padding-top:calc(8px * var(--scale));color:var(--ink-text-soft);font-size:calc(10px * var(--scale));text-align:center;border-top:1px solid #97753b47;line-height:1.5}@media (max-width:680px){.merchant-shop-panel{width:min(100%,100vw - 20px);max-height:calc(100vh - 20px);padding:calc(12px * var(--scale))}.merchant-shop-layout{gap:calc(10px * var(--scale));grid-template-columns:1fr}.merchant-shop-shelf{padding-right:0;padding-bottom:calc(8px * var(--scale));border-bottom:1px solid #97753b4d;border-right:0}.merchant-shop-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.merchant-shop-detail{gap:calc(12px * var(--scale));grid-template-columns:minmax(84px,.34fr) minmax(0,1fr)}}.skill-life-icon{width:calc(20px * var(--scale));height:calc(20px * var(--scale));object-fit:contain;flex:none;align-self:center}.skill-life-icon+.skill-life-name{flex:1}.talent-tab-icon{width:calc(16px * var(--scale));height:calc(16px * var(--scale));object-fit:contain;vertical-align:calc(-3px * var(--scale));margin-right:calc(3px * var(--scale))}.talent-col-icon{width:calc(14px * var(--scale));height:calc(14px * var(--scale));object-fit:contain;vertical-align:calc(-2px * var(--scale));margin-right:calc(2px * var(--scale))}.talent-cell-icon{width:calc(26px * var(--scale));height:calc(26px * var(--scale));object-fit:contain;opacity:.72;display:block}.talent-cell.lit .talent-cell-icon{opacity:1;filter:drop-shadow(0 1px 1px #281e3c73)}.pet-row{padding-left:calc(36px * var(--scale));position:relative}.pet-row-icon{left:calc(6px * var(--scale));width:calc(26px * var(--scale));height:calc(26px * var(--scale));object-fit:contain;position:absolute;top:50%;transform:translateY(-50%)}.pet-icon{width:calc(20px * var(--scale));height:calc(20px * var(--scale));object-fit:contain;flex:none}.pet-cell>.pet-icon+span{flex:1}.pet-btn-icon{width:calc(14px * var(--scale));height:calc(14px * var(--scale));object-fit:contain;vertical-align:calc(-2px * var(--scale));margin-right:calc(4px * var(--scale))}.cave-title-icon{width:calc(18px * var(--scale));height:calc(18px * var(--scale));object-fit:contain;vertical-align:calc(-4px * var(--scale));margin-right:calc(5px * var(--scale))}.cave-row-icon,.cave-job-icon{width:calc(15px * var(--scale));height:calc(15px * var(--scale));object-fit:contain;vertical-align:calc(-3px * var(--scale));margin-right:calc(4px * var(--scale))}.cave-slot-icon{width:calc(22px * var(--scale));height:calc(22px * var(--scale));object-fit:contain;margin:calc(2px * var(--scale)) auto}.cave-card-icon{width:calc(20px * var(--scale));height:calc(20px * var(--scale));object-fit:contain;vertical-align:calc(-5px * var(--scale));margin-right:calc(5px * var(--scale))}.rebirth-glyph:has(.rebirth-glyph-icon){width:calc(30px * var(--scale));height:calc(30px * var(--scale));box-shadow:none;background:0 0;border:0}.rebirth-glyph-icon{object-fit:contain;width:100%;height:100%}.pet-element-icon{width:calc(13px * var(--scale));height:calc(13px * var(--scale));object-fit:contain;vertical-align:calc(-2px * var(--scale));margin-right:calc(3px * var(--scale))}.dungeon-attempt-icon{width:calc(15px * var(--scale));height:calc(15px * var(--scale));object-fit:contain;vertical-align:calc(-3px * var(--scale));margin-right:calc(4px * var(--scale))}.dlg-portrait{left:calc(20px * var(--scale));top:calc(20px * var(--scale));width:calc(64px * var(--scale));height:calc(64px * var(--scale));border-radius:calc(12px * var(--scale));border:var(--lw) solid var(--ink);box-shadow:0 calc(var(--lift) + 1px) 0 var(--ink), 0 4px 12px #584a6e2e, inset 0 0 0 2px #ffe6a0cc, inset 0 1px 0 #fffffff2;object-fit:cover;z-index:2;background:linear-gradient(#fffcf5 0%,#f5ecdb 100%);position:absolute}#dialogue-box:has(.dlg-portrait:not([hidden])) .dlg-speaker{margin-left:calc(80px * var(--scale));padding-left:calc(14px * var(--scale))}#dialogue-box:has(.dlg-portrait:not([hidden])) .dlg-text{padding-left:calc(80px * var(--scale))}#game-canvas{touch-action:none}#touch-stick{width:calc(116px * var(--scale));height:calc(116px * var(--scale));border:calc(1.5px * var(--scale)) solid #ffffff9e;box-shadow:0 0 0 calc(1px * var(--scale)) #584a6e6b, inset 0 0 calc(10px * var(--scale)) #ffffff38;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#fffcf50a 0%,#fffcf524 68%,#fffcf547 100%);border-radius:50%;transition:opacity .14s ease-out;display:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}#touch-stick-knob{border:calc(1.5px * var(--scale)) solid #584a6ead;width:42%;height:42%;box-shadow:0 calc(2px * var(--scale)) calc(6px * var(--scale)) #2d203e42, inset 0 1px 0 #ffffffd9;pointer-events:none;background:radial-gradient(circle at 36% 32%,#ffffffc7,#fff8e87a);border-radius:50%;margin-top:-21%;margin-left:-21%;transition:transform 80ms ease-out;position:absolute;top:50%;left:50%}body.touch-ui #touch-stick{display:block}body.touch-ui #touch-stick.active{opacity:1}.switch-target-btn{bottom:calc(100% + 9px * var(--scale));white-space:nowrap;padding:calc(5px * var(--scale)) calc(12px * var(--scale));border-radius:var(--r);border:var(--lw) solid var(--ink);background:var(--card);box-shadow:0 var(--lift) 0 var(--ink);font-family:var(--font-kai);font-size:calc(12px * var(--scale));letter-spacing:1px;color:var(--ink-text);cursor:pointer;font-weight:700;transition:transform .12s,box-shadow .12s,background .14s;display:none;position:absolute;right:0}.switch-target-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}body.touch-ui .switch-target-btn{display:block}body.touch-ui #left-column{max-height:calc(100dvh - 204px * var(--scale));min-height:0}body.touch-ui #status-strip{min-height:0;max-height:calc(100dvh - 262px * var(--scale));flex:0 auto;overflow-y:auto}body.touch-ui #log-box{min-height:calc(46px * var(--scale));pointer-events:none;flex:0 auto}body.touch-ui #log-box .log-tabs,body.touch-ui #log-pane-chat{pointer-events:auto}body.touch-ui .chat-send{padding-right:calc(6px * var(--scale))}body.touch-ui.chat-typing #left-column{bottom:46vh}.dock-fold-btn{width:var(--dock-cell,calc(52px * var(--scale)));height:var(--dock-cell-h,calc(64px * var(--scale)));cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;padding:0;display:none;position:relative}body.touch-ui .dock-fold-btn{display:block}.dock-fold-face{inset:calc(4px * var(--scale)) 0 auto 0;width:calc(38px * var(--scale));height:calc(38px * var(--scale));border-radius:calc(8px * var(--scale));border:var(--lw) solid var(--ink);box-shadow:0 var(--lift) 0 var(--ink);background:#fffaf0d6;place-items:center;margin:auto;transition:transform .12s,background .14s,box-shadow .12s;display:grid;position:absolute}.dock-fold-btn:active .dock-fold-face{transform:translateY(calc(2px * var(--scale)));box-shadow:0 0 0 var(--ink)}.dock-fold-arrow{font-size:calc(14px * var(--scale));color:var(--ink-text);font-weight:900;line-height:1}.dock-fold-label{left:50%;bottom:calc(1px * var(--scale));width:max-content;font-size:calc(10px * var(--scale));line-height:calc(13px * var(--scale));letter-spacing:.5px;white-space:nowrap;text-align:center;padding:0 calc(4px * var(--scale));color:var(--ink-text);pointer-events:none;background:#fffcf5e6;border:1px solid #584a6e59;border-radius:3px;font-weight:800;position:absolute;transform:translate(-50%);box-shadow:0 1px #584a6e33}body.touch-ui #right-dock.collapsed .icon-btn{display:none}body.touch-ui #right-dock.collapsed:has(.badge-dot.show,.dock-badge-dot[style*=block]) .dock-fold-btn:after{content:"";top:calc(2px * var(--scale));right:calc(4px * var(--scale));width:calc(8px * var(--scale));height:calc(8px * var(--scale));box-shadow:0 0 calc(6px * var(--scale)) #ff4757f2;pointer-events:none;background:#ff4757;border:1.5px solid #fffdf5;border-radius:50%;position:absolute}@media (pointer:coarse){body,body *,body:before,body:after,body :before,body :after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#hud{transform:translateZ(0)}}body.touch-ui,body.touch-ui *,body.touch-ui:before,body.touch-ui:after,body.touch-ui :before,body.touch-ui :after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.touch-ui #hud{transform:translateZ(0)}#cursor-sprite{z-index:100000;pointer-events:none;will-change:transform;display:none;position:fixed;top:0;left:0}#cursor-sprite .cursor-sway,#cursor-sprite .cursor-press,#cursor-sprite .cursor-art{width:100%;height:100%;transform-origin:var(--cursor-ox,0) var(--cursor-oy,0);display:block}#cursor-sprite .cursor-sway{animation:cursor-sway var(--cursor-period,1.5s) ease-in-out infinite}#cursor-sprite .cursor-press{transition:transform 90ms ease-out}#cursor-sprite.pressing .cursor-press{transform:scale(.86)}#cursor-sprite .cursor-art{animation:cursor-idle var(--cursor-period,1.5s) ease-in-out infinite;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes cursor-sway{0%,to{transform:rotate(calc(var(--cursor-sway,0deg) * -1))}50%{transform:rotate(var(--cursor-sway,0deg))}}@keyframes cursor-idle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(calc(var(--cursor-bob,0px) * -1)) scale(var(--cursor-breathe,1))}}html.cursor-sprite-on,html.cursor-sprite-on *,html.cursor-sprite-on :before,html.cursor-sprite-on :after{cursor:none!important}#mutant-status-dock{top:calc(34px * var(--scale));right:calc(150px * var(--scale));position:absolute}.mutant-status-dot{width:calc(7px * var(--scale));height:calc(7px * var(--scale));background:#a65cce;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #eadcf5}#mutant-status-menu{top:calc(82px * var(--scale));left:max(12px, calc(100vw - 496px * var(--scale)));width:min(calc(330px * var(--scale)), calc(100vw - 24px));max-height:calc(100vh - 110px * var(--scale));max-height:calc(100dvh - 110px * var(--scale));overscroll-behavior:contain;padding:calc(12px * var(--scale));border:2px solid var(--ink,#584a6e);border-radius:calc(6px * var(--scale));box-shadow:0 4px 0 var(--ink,#584a6e), 0 9px 22px #392b4a33;color:var(--ink,#584a6e);font-family:var(--font-round);font-size:calc(11px * var(--scale));pointer-events:auto;z-index:25;background:linear-gradient(150deg,#fffdf8,#f5eef8);position:fixed;overflow-y:auto}#mutant-status-menu[hidden]{display:none}.mutant-status-head{justify-content:space-between;align-items:center;gap:calc(8px * var(--scale));font-size:calc(14px * var(--scale));display:flex}.mutant-status-close{color:inherit;font-size:calc(19px * var(--scale));padding:calc(2px * var(--scale)) calc(6px * var(--scale));cursor:pointer;background:#fffaf3;border:1px solid #b8a6c7;border-radius:3px;line-height:1}.mutant-status-summary{margin:calc(7px * var(--scale)) 0 calc(10px * var(--scale));color:#80658f}.mutant-status-list{gap:calc(5px * var(--scale));margin:0;padding:0;list-style:none;display:grid}.mutant-status-row{align-items:center;gap:calc(9px * var(--scale));padding:calc(8px * var(--scale));border:1px solid #ded2e4;border-left:calc(3px * var(--scale)) solid transparent;background:#ffffffb8;border-radius:3px;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.mutant-status-row.is-current{background:#f0e3fa;border-left-color:#a65cce}.mutant-status-map{font-weight:800}.mutant-status-name{overflow-wrap:anywhere}.mutant-status-readout{gap:calc(3px * var(--scale));font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.mutant-status-readout>span{font-size:calc(10px * var(--scale));color:#8c789a}.mutant-status-row[data-state=alive] b{color:#23805f}.mutant-status-row[data-state=cooling] b{color:#ac7336}.mutant-status-note{margin:calc(10px * var(--scale)) 0 0;padding-top:calc(8px * var(--scale));color:#8c789a;line-height:1.65;font-size:calc(10px * var(--scale));border-top:1px dashed #cbbbd5}