@font-face{font-family:Sora;src:url(../fonts/Sora-VF.subset.woff2)format("woff2");font-weight:100 800;font-display:swap}@font-face{font-family:Figtree;src:url(../fonts/Figtree-VF.subset.woff2)format("woff2");font-weight:300 900;font-display:swap}:root{--panel:#261a10db;--line:#e08a2e38;--text:#f5ebdd;--muted:#c6ad90;--amber:#e08a2e;--amber-2:#ffd27a;--leaf:#ffd27a;--open:#e08a2e;--r:14px;--display:"Sora", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#0f0c08;margin:0;font-family:Figtree,system-ui,sans-serif;overflow:hidden}#game{outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}button,a.btn,input,select{font:inherit}[hidden]{display:none!important}kbd{min-width:1.6em;font:700 .78em/1.5 var(--display);color:var(--text);text-align:center;background:#e08a2e24;border:1px solid #e08a2e59;border-bottom-width:2px;border-radius:6px;padding:.05em .45em;display:inline-block}h2,h3,h4{font-family:var(--display);margin:0}.muted{color:var(--muted)}.fine{color:var(--muted);opacity:.85;font-size:12px}.ok,.okc{color:var(--leaf)}.no{color:#ff9a7a}.hot{color:#ff8a3a}.ico{flex:none;display:block}.screen{display:none;position:absolute;inset:0}.screen.on{display:block}.btn{pointer-events:auto;border:1px solid var(--line);color:var(--text);font:700 15px var(--display);letter-spacing:.02em;cursor:pointer;background:#ffecc814;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;text-decoration:none;transition:transform .12s,background .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){background:#ffecc829;transform:translateY(-1px)}.btn.primary{color:#2a1604;background:linear-gradient(#ffc55a,#f08a24);border-color:#ffd98c;box-shadow:0 6px 18px #f08a2459,inset 0 1px #ffffff80}.btn.primary:hover:not(:disabled){background:linear-gradient(#ffd06e,#f59530);box-shadow:0 8px 24px #f08a2480,inset 0 1px #ffffff80}.btn.ghost{background:0 0}.btn.sm{border-radius:10px;padding:8px 14px;font-size:13px}.btn:disabled{opacity:.45;cursor:default}@keyframes glow{50%{box-shadow:0 0 28px #ffbe50e6,inset 0 1px #ffffff80}}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:18px;padding:22px 24px;box-shadow:0 24px 60px #00000080}.panel.narrow{width:min(420px,92vw)}.panel.center{text-align:center}.panel header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel header h3{flex:1;font-size:18px}.x{pointer-events:auto;border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:10px;font-size:15px}.x:hover{background:#ffffff24}.menu-col{flex-direction:column;gap:10px;margin-top:18px;display:flex}.row2{gap:10px;display:flex}.row2>*{flex:1}.logo{font-family:var(--display);letter-spacing:.04em;flex-direction:column;align-items:flex-start;font-weight:800;line-height:.9;display:flex}.logo span{color:#fff4dc;text-shadow:0 4px #8a3a12,0 8px #4a1e08,0 16px 30px #00000080;font-size:clamp(44px,7vw,86px)}.logo em{color:var(--amber);letter-spacing:.3em;text-shadow:0 2px #4a1e08;margin:6px 0 4px 6px;font-size:clamp(20px,2.4vw,30px);font-style:normal}.logo.small span{font-size:42px}.boot{background:radial-gradient(at 50% 60%,#3a2412,#0f0c08 70%)}.boot.on{flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.boot .logo{align-items:center}.bar{border:1px solid var(--line);background:#ffffff1a;border-radius:10px;width:min(360px,70vw);height:10px;overflow:hidden}.bar i{background:linear-gradient(90deg,#e08a2e,#ffd27a);width:0;height:100%;transition:width .25s;display:block}.title{background:linear-gradient(90deg,#0e0905d1 0%,#0e090580 34%,#0e090500 60%)}.title-card{pointer-events:auto;width:min(430px,86vw);animation:.7s cubic-bezier(.2,1.1,.4,1) both rise;position:absolute;top:50%;left:clamp(24px,7vw,110px);transform:translateY(-50%)}@keyframes rise{0%{opacity:0;transform:translateY(-46%)}}.tagline{color:#ffe9c8;text-shadow:0 2px 8px #0009;max-width:380px;margin:22px 0 8px;font-size:17px;line-height:1.5}.title .menu-col .btn{justify-content:flex-start;padding-left:20px}.title .row2 .btn{justify-content:center;padding-left:12px}.title .fine{margin-top:18px}.confirm{pointer-events:auto;background:#00000080;place-items:center;display:grid;position:absolute;inset:0}.confirm p{color:var(--muted)}.vignette{opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.vignette.hurt{background:radial-gradient(#0000 50%,#dc1e0a8c);transition:none}.vignette.heat{background:radial-gradient(#0000 45%,#ff6e1473)}.vignette.low{background:radial-gradient(#0000 55%,#8c000099);transition:none}.vitals{width:min(360px,44vw);position:absolute;top:22px;left:24px}.hpbar,.stbar,.bbar,.tbar{background:#140a04b3;border:1px solid #ffdcaa59;position:relative;overflow:hidden;box-shadow:0 3px 10px #00000059}.hpbar{border-radius:8px;height:20px}.hpbar i,.stbar i,.bbar i,.tbar i{position:absolute;top:0;bottom:0;left:0}.hpbar .fill{background:linear-gradient(90deg,#e2412b,#ff7a48);transition:width 80ms;box-shadow:inset 0 -4px #00000026,inset 0 2px #ffffff4d}.hpbar .lost,.bbar .lost{opacity:.85;background:#fff1d6;transition:width .45s .15s}.hpbar span{font:700 12px/20px var(--display);text-shadow:0 1px 2px #000;position:absolute;top:0;right:8px}.stbar{border-radius:6px;width:78%;height:10px;margin-top:6px}.stbar .fill{background:linear-gradient(90deg,#d6b22a,#f2e46a)}.stbar.flash{animation:.25s linear 2 stflash}@keyframes stflash{50%{border-color:#ff5a3c;box-shadow:0 0 14px #ff5a3ce6}}.vitals-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{border:1px solid var(--line);background:#1c120ab8;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:13px;font-weight:600;display:inline-flex}.chip b{font:700 14px var(--display)}.chip.gear span{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.chip.heatchip{background:#a0320acc;border-color:#ff9a4a;padding-left:10px;animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.6}}.bossbar{text-align:center;width:min(620px,52vw);position:absolute;top:20px;left:50%;transform:translate(-50%)}.bname{text-shadow:0 2px 6px #000c;justify-content:center;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.bname b{font:800 20px var(--display);letter-spacing:.06em;text-transform:uppercase}.bname span{color:var(--muted);font-size:13px}.bbar{border-radius:7px;height:14px}.bbar .fill{background:linear-gradient(90deg,#a51f12,#ff5a2a);transition:width 80ms}.tag{font-style:normal;font:800 11px var(--display);letter-spacing:.12em;border-radius:6px;padding:2px 8px}.tag:empty{display:none}.tag.open{background:var(--open);color:#35200b;box-shadow:0 0 14px #e08a2ecc}.tag.rage{color:#fff;background:#ff4b2a}.target{text-align:center;text-shadow:0 2px 6px #000c;width:min(300px,40vw);position:absolute;top:20px;left:50%;transform:translate(-50%)}.target b{font:700 15px var(--display);margin-right:8px}.tbar{border-radius:5px;height:8px;margin-top:5px}.tbar .fill{background:linear-gradient(90deg,#c2461f,#ff8a4a);transition:width 80ms}.objective{border-radius:var(--r);border:1px solid var(--line);border-left:4px solid var(--amber);background:#1c120ab8;width:min(330px,34vw);padding:12px 16px;transition:box-shadow .3s,border-color .3s;position:absolute;top:22px;right:22px;box-shadow:0 8px 20px #0000004d}.objective.ready{border-left-color:var(--leaf)}.objective.flash{box-shadow:0 0 0 2px var(--amber-2), 0 0 30px #ffbe50b3}.obj-step{font:700 11px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.objective.ready .obj-step{color:var(--leaf)}.obj-title{font:700 16px var(--display);margin:3px 0 4px;padding-right:44px}.obj-detail{color:#f1dfc0;font-size:13px;line-height:1.45}.obj-dist{font:700 12px var(--display);color:var(--muted);position:absolute;top:11px;right:14px}.marker{width:0;height:0;position:absolute;top:0;left:0}.marker i{border:3px solid var(--open);background:#e08a2e33;width:18px;height:18px;animation:1.2s ease-in-out infinite bob;position:absolute;top:-9px;left:-9px;transform:rotate(45deg);box-shadow:0 0 12px #e08a2ecc}.marker span{font:700 12px var(--display);text-shadow:0 1px 3px #000;white-space:nowrap;position:absolute;top:14px;left:50%;transform:translate(-50%)}.marker.edge i{background:#e08a2e80}@keyframes bob{50%{transform:rotate(45deg)translate(-3px,-3px)}}.reticle{border:2px dashed #e08a2ed9;border-radius:50%;width:52px;height:52px;animation:4s linear infinite spin;position:absolute;top:-26px;left:-26px}.reticle.open{border:3px solid var(--open);box-shadow:0 0 16px #e08a2ee6}@keyframes spin{to{rotate:360deg}}.feed{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-40%)}.fi{border:1px solid var(--line);background:#1c120ac7;border-radius:10px;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:13px;animation:.25s ease-out slidein;display:flex}.fi b{font:800 14px var(--display);color:var(--leaf)}.fi small{color:var(--muted);margin-left:4px}.fi.k-key{border-color:var(--amber);box-shadow:0 0 16px #e08a2e99}@keyframes slidein{0%{opacity:0;transform:translate(30px)}}@keyframes bump{40%{transform:scale(1.1)}}.popups{position:absolute;inset:0;overflow:hidden}.pop{font:800 18px var(--display);white-space:nowrap;text-shadow:0 2px #0000008c,0 0 8px #00000080;will-change:transform, opacity;position:absolute;top:0;left:0}.p-dmg{color:#fff6de}.p-big{color:#ffd24a;font-size:24px}.p-punish{color:var(--open);font-size:24px}.p-punish:after{content:" 破綻";letter-spacing:.06em;vertical-align:middle;font-size:11px}.p-info{color:#ffe6b8;font-size:16px}.p-loot{color:#d7ffb0;font-size:14px;font-weight:700}.p-warn{color:#ff9a7a}.p-taken{color:#ff5a3c;font-size:20px}.banner{text-align:center;opacity:0;text-shadow:0 3px 12px #000000b3;width:min(90vw,900px);transition:opacity .5s,transform .5s;position:absolute;top:18%;left:50%;transform:translate(-50%,-8px)}.banner.on{opacity:1;transform:translate(-50%)}.banner small{font:700 12px var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--amber-2)}.banner h2{letter-spacing:.03em;margin:4px 0;font-size:clamp(30px,4vw,50px);font-weight:800}.banner p{color:#f1dfc0;margin:0;font-size:15px}.banner.b-boss h2{color:#ff8a5a;text-transform:uppercase;letter-spacing:.1em}.tip{border-radius:var(--r);border:1px solid var(--line);border-left:4px solid var(--leaf);opacity:0;background:#1c120acc;width:min(330px,40vw);padding:12px 14px;font-size:14px;line-height:1.5;transition:opacity .4s,transform .4s;position:absolute;bottom:56px;left:24px;transform:translate(-12px)}.tip.on{opacity:1;transform:none}.tip small{font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--leaf);margin-bottom:2px;display:block}.tip b{color:var(--amber-2)}b.open{color:var(--open)}.toast{border:1px solid var(--line);opacity:0;white-space:normal;text-align:center;background:#1c120adb;border-radius:12px;max-width:min(90vw,620px);padding:9px 16px;font-size:14px;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;bottom:150px;left:50%;transform:translate(-50%,8px)}.toast.on{opacity:1;transform:translate(-50%)}.toast.t-warn{color:#ffd0c0;border-color:#ff9a7a}.toast.t-good{border-color:var(--leaf);color:#e0ffc8}.prompt{opacity:0;background:#1c120adb;border:1px solid #e08a2e66;border-radius:14px;align-items:center;gap:10px;padding:8px 16px 8px 8px;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%,6px)}.prompt.on{opacity:1;transform:translate(-50%)}.prompt kbd{background:var(--amber);color:#2a1604;border-color:#ffe0a0;padding:3px 10px;font-size:15px}.prompt span{font:700 15px var(--display)}.prompt small{color:var(--muted);font-size:13px}.prompt.disabled kbd{color:#ddd;background:#6a5a4a}.prompt.disabled span{color:#ffb0a0}.hints{color:var(--muted);opacity:.85;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;bottom:20px;left:24px}.hints kbd{margin-left:8px}.hints kbd:first-child{margin-left:0}.region{font:700 12px var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-shadow:0 1px 4px #0009;position:absolute;bottom:20px;right:24px}.menu{background:#0a060373}.menu.on{place-items:center;display:grid}.panel.wide{flex-direction:column;width:min(920px,94vw);height:min(640px,88vh);padding:0;display:flex;overflow:hidden}.panel .tabs{border-bottom:1px solid var(--line);background:#0000002e;align-items:center;gap:6px;margin:0;padding:14px 16px;display:flex}.tabs [data-tab]{pointer-events:auto;color:var(--muted);font:700 14px var(--display);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:9px 16px}.tabs [data-tab]:hover{color:var(--text)}.tabs [data-tab].on{color:var(--amber-2);background:#e08a2e29;border-color:#e08a2e73}.grow{flex:1}.where{color:var(--muted);margin-right:8px;font-size:13px}.menu-body{pointer-events:auto;-webkit-user-select:text;user-select:text;flex:1;padding:16px 20px 20px;overflow-y:auto}.menu-body h4{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:16px 0 10px;font-size:13px}.menu-body>h4:first-child{margin-top:2px}.menu-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:flex-end;gap:18px;padding:10px 18px;font-size:12px;display:flex}.items{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.item{background:#ffecc80f;border:1px solid #e08a2e24;border-radius:12px;grid-template-columns:34px 1fr;align-items:center;column-gap:10px;padding:8px 10px;display:grid}.item .ico{grid-row:span 2}.item b{font:800 18px var(--display)}.item span{color:var(--muted);font-size:12px}.item small{display:none}.item.k-key{border-color:var(--amber);background:#e08a2e1f}.hunts{flex-wrap:wrap;gap:8px;display:flex}.hunts span{background:#ffecc812;border-radius:999px;padding:5px 10px;font-size:13px}.recipes{flex-direction:column;gap:8px;display:flex}.recipe{background:#ffecc80d;border:1px solid #e08a2e24;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;display:flex}.recipe.s-ready{background:#8fd35a14;border-color:#8fd35a99}.recipe.s-owned{opacity:.6}.recipe.s-locked{opacity:.72}.rinfo{flex-direction:column;flex:1;gap:3px;display:flex}.rinfo b{font:700 15px var(--display)}.rinfo small{color:var(--muted);font-size:12.5px}.rinfo .stat{color:#f1dfc0;font-size:12.5px}.costs{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.cost{background:#00000040;border:1px solid #e08a2e24;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 4px;font-size:12px;display:inline-flex}.cost b{font-family:var(--display)}.cost small{color:var(--muted)}.cost.ok b{color:var(--leaf)}.cost.no b{color:#ff9a7a}.camp-stages{justify-content:center;align-items:center;margin:6px 0 16px;display:flex}.pip{text-align:center;flex-direction:column;align-items:center;gap:6px;width:150px;display:flex}.pip b{width:50px;height:50px;font:800 18px var(--display);color:var(--muted);background:#00000040;border:2px solid #e08a2e4d;border-radius:50%;place-items:center;display:grid}.pip span{color:var(--muted);font-size:13px}.pip.done b{color:#2a1604;background:linear-gradient(#ffc55a,#f08a24);border-color:#ffe0a0;box-shadow:0 0 18px #f08a2499}.pip.done span{color:var(--text)}.pip.next b{border-color:var(--amber);color:var(--amber-2);border-style:dashed}.pipline{background:#e08a2e40;width:60px;height:2px;margin-bottom:26px}.card{background:#ffecc80d;border:1px solid #e08a2e29;border-radius:14px;margin-bottom:12px;padding:14px 16px}.menu-body .card h4{color:var(--text);letter-spacing:0;text-transform:none;margin:0 0 6px;font-size:16px}.card h4 small{color:var(--muted);font-size:12px;font-weight:500}.card p{color:#f1dfc0;margin:0 0 8px;font-size:14px}.card .btn{margin-top:12px}.card.tower{background:linear-gradient(#e08a2e1a,#e08a2e08);border-color:#e08a2e73}.statline{background:#00000038;border-radius:12px;flex-wrap:wrap;gap:8px 18px;padding:12px 14px;font-size:14px;display:flex}.statline b{font-family:var(--display)}.gear-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.gearcard{background:#ffecc80d;border:1px solid #e08a2e24;border-radius:12px;grid-template-columns:34px 1fr;align-items:center;gap:2px 10px;padding:10px 12px;display:grid}.gearcard .ico{grid-row:span 2}.gearcard b{font:700 14px var(--display)}.gearcard small{color:var(--muted);font-size:12px}.gearcard .btn,.gearcard em{grid-column:1/-1;margin-top:6px}.gearcard em{font-size:12px;font-style:normal}.gearcard.missing{opacity:.45}.gearcard.on{border-color:var(--amber);background:#e08a2e1a}.pause{background:#0a06038c}.pause.on,.victory.on{place-items:center;display:grid}.pause h2{font-size:26px}.faint{text-align:center;background:radial-gradient(#2800004d,#0a0000d9);animation:1.2s ease-out fadein}.faint.on{flex-direction:column;justify-content:center;align-items:center;display:flex}.faint h2{font-size:40px}.faint p{color:var(--muted)}@keyframes fadein{0%{opacity:0}}.victory{background:radial-gradient(at 50% 30%,#e08a2e33,#0a0603b3);animation:1.5s ease-out fadein}.eyebrow{font:700 12px var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--amber)}.victory h2{color:var(--amber-2);text-shadow:0 0 30px #e08a2e99;margin:6px 0 8px;font-size:40px}.victory p{color:#f1dfc0}.stats{text-align:left;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 4px;display:grid}.stats div{background:#ffecc80f;border-radius:10px;flex-direction:column;padding:8px 12px;display:flex}.stats span{color:var(--muted);font-size:12px}.stats b{font:800 18px var(--display)}.overlay{pointer-events:auto;background:#0a060380;place-items:center;display:grid;position:absolute;inset:0}.help .panel{width:min(800px,94vw)}.help-grid{grid-template-columns:1.1fr 1fr;gap:24px;display:grid}.help dl{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin:0;display:grid}.help dt{text-align:right}.help dd{margin:0;font-size:14px}.help-tips h4{color:var(--amber);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:13px}.help-tips ul{color:#f1dfc0;flex-direction:column;gap:8px;margin:0;padding-left:18px;font-size:14px;line-height:1.45;display:flex}.help-tips b{color:var(--amber-2)}.map canvas{aspect-ratio:1;border:1px solid var(--line);border-radius:12px;width:min(560px,54vh,88vw);height:auto;display:block}.legend{color:var(--muted);align-items:center;gap:14px;margin:10px 0 0;font-size:13px;display:flex}.lg{width:12px;height:12px;margin-right:-8px;display:inline-block}.lg.you{clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%);background:#fff}.lg.camp{clip-path:polygon(50% 0,100% 100%,0 100%);background:#ffd24a}.lg.obj{border:2px solid var(--open);transform:rotate(45deg)scale(.8)}.lg.boss{background:#e2412b;border-radius:50%}.settings label{justify-content:space-between;align-items:center;gap:16px;margin:10px 0;font-size:14px;display:flex}.settings label.check{justify-content:flex-start}.settings input[type=range]{width:180px;accent-color:var(--amber)}.settings select{color:var(--text);border:1px solid var(--line);background:#0000004d;border-radius:8px;padding:6px 10px}.settings input[type=checkbox]{accent-color:var(--amber);width:18px;height:18px}@media (max-width:760px){.help-grid{grid-template-columns:1fr}.objective{width:44vw}.vitals{width:46vw}}:root{--hud-primary:#e08a2e;--hud-primary-dark:#b86a1e;--hud-accent:#ffd27a;--hud-primary-gradient:linear-gradient(#e08a2e,#b86a1e);--hud-panel:#261a10;--hud-ink:#1a120b;--hud-text:#f5ebdd;--wood:linear-gradient(180deg, #261a10eb, #1a120bf0);--wood-line:#e08a2e73;--ink:var(--hud-panel)}.uifx{pointer-events:none;z-index:60;width:100vw;height:100vh;position:fixed;inset:0}.flyicon{z-index:61;pointer-events:none;filter:drop-shadow(0 0 10px #e08a2ef2)drop-shadow(0 3px 4px #00000080);will-change:transform;position:fixed;top:0;left:0}.flyicon img{width:40px;height:40px;display:block}.pi{object-fit:contain;filter:drop-shadow(0 2px 3px #0000008c);flex:none;display:block}.btn{color:#fff3dc;text-shadow:0 2px #281004e6,0 0 10px #00000080;filter:saturate(.85)brightness(.9);background:0 0;border:14px solid;border-width:14px 30px;border-image:url(../ui/button.webp) 48 110 fill/14px 30px;min-height:48px;padding:2px 8px;transition:transform .12s,filter .15s}.btn:hover:not(:disabled){filter:saturate(1.1)brightness(1.12)drop-shadow(0 0 10px #e08a2e8c);background:0 0;transform:translateY(-2px)scale(1.015)}.btn:active:not(:disabled){filter:brightness(1.25);transform:translateY(1px)scale(.985)}.btn.primary{color:#fffbf2;box-shadow:none;filter:saturate(1.15)brightness(1.05)drop-shadow(0 0 12px #e08a2e73);background:0 0}.btn.primary:hover:not(:disabled){box-shadow:none;filter:saturate(1.3)brightness(1.2)drop-shadow(0 0 18px #ffa032cc);background:0 0}.btn.ghost{border:1px solid var(--wood-line);filter:none;background:#e08a2e8c;border-image:;border-radius:12px;min-height:44px;padding:10px 18px}.btn.ghost:hover:not(:disabled){filter:drop-shadow(0 0 8px #e08a2e66);background:#e08a2ebf}.btn.sm{border-width:10px 22px;border-image-width:10px 22px;min-height:36px;padding:0 4px;font-size:13px}.btn:disabled{filter:grayscale(.8)brightness(.6);opacity:.8}.btn.glow{animation:1.3s ease-in-out infinite plankglow}@keyframes plankglow{50%{filter:saturate(1.4)brightness(1.3)drop-shadow(0 0 22px #e08a2e)}}.title .menu-col .btn{letter-spacing:.04em;justify-content:center;padding-left:8px;font-size:16px}.panel{background:var(--wood);border:1px solid var(--wood-line);box-shadow:0 0 0 1px #0009,inset 0 1px #e08a2e2e,inset 0 0 40px #00000073,0 26px 70px #0009}.panel .tabs{border-bottom-color:var(--wood-line);background:linear-gradient(#e08a2e8c,#e08a2e4d)}.tabs [data-tab].on{box-shadow:inset 0 -2px 0 var(--amber), 0 0 16px #e08a2e40;background:linear-gradient(#e08a2e47,#e08a2e1a)}.item,.recipe,.gearcard,.card{background:linear-gradient(#e08a2e12,#e08a2e05);border-color:#e08a2e38;transition:transform .12s,border-color .15s,box-shadow .15s}.item:hover,.recipe:hover,.gearcard:hover{border-color:#e08a2e8c;transform:translateY(-1px);box-shadow:0 0 18px #e08a2e2e}.item{grid-template-columns:50px 1fr}.item .pi,.gearcard .pi{background:url(../ui/ring-slot.webp) 50%/contain no-repeat;grid-row:span 2;width:50px;height:50px;padding:3px}.recipe .gi{background:url(../ui/ring-slot.webp) 50%/contain no-repeat;flex:none;place-items:center;width:58px;height:58px;display:grid}.recipe.s-ready{border-color:#e08a2e80;box-shadow:inset 0 0 22px #e08a2e1f}.cost .pi{width:24px;height:24px}.boot{background:#110c07;overflow:hidden}.boot-bg{background:url(../ui/loading-bg.webp) 50%/cover no-repeat;animation:22s ease-in-out infinite alternate kenburns;position:absolute;inset:-5%}.boot-bg:after{content:"";background:radial-gradient(at 50% 42%,#0000 30%,#080402bf 100%),linear-gradient(#0a050200 55%,#0a0502d9);position:absolute;inset:0}@keyframes kenburns{0%{transform:scale(1)translate(0)}to{transform:scale(1.1)translate(-1.5%,-1%)}}.boot-embers{pointer-events:none;background-image:radial-gradient(2px 2px at 12% 90%, var(--hud-accent), transparent), radial-gradient(3px 3px at 28% 80%, var(--hud-accent), transparent), radial-gradient(2px 2px at 46% 95%, var(--hud-accent), transparent), radial-gradient(3px 3px at 63% 85%, var(--hud-accent), transparent), radial-gradient(2px 2px at 78% 92%, var(--hud-accent), transparent), radial-gradient(3px 3px at 90% 82%, var(--hud-primary), transparent);opacity:.9;filter:blur(.3px) drop-shadow(0 0 4px var(--hud-accent));background-size:100% 100%;animation:5s linear infinite embersrise;position:absolute;inset:0}.boot-embers:after{content:"";background-image:inherit;animation:7s linear -3s infinite embersrise;position:absolute;inset:0;transform:scaleX(-1)}@keyframes embersrise{0%{opacity:0;transform:translateY(0)}10%{opacity:1}to{opacity:0;transform:translateY(-70vh)}}.boot.on{justify-content:flex-end;padding-bottom:12vh}.boot .logo,.boot .bar,.boot p{z-index:2;position:relative}.boot .logo-img{width:min(420px,70vw)}.boot .bar{background:0 0;border:6px solid;border-width:6px 18px;border-image:url(../ui/bar-frame.webp) 30 70 fill/6px 18px;border-radius:0;width:min(460px,78vw);height:22px;overflow:visible}.boot .bar i{background:linear-gradient(90deg, var(--hud-primary), var(--hud-accent) 60%, var(--hud-accent));border-radius:3px;box-shadow:0 0 14px #e08a2ee6}.boot p{font:600 14px var(--display);letter-spacing:.08em;color:#ffe6c0;text-shadow:0 2px 6px #000}.logo-img{filter:drop-shadow(0 12px 24px #0000008c);width:min(460px,82vw);height:auto;animation:5s ease-in-out infinite logofloat;display:block}@keyframes logofloat{50%{transform:translateY(-5px)rotate(-.4deg)}}.title-card .logo{margin-left:-18px}.vitals{width:min(430px,50vw);padding-left:84px;top:18px;left:18px}.med{pointer-events:none;filter:drop-shadow(0 4px 8px #0009);position:absolute}.med.heart{z-index:2;width:84px;height:84px;top:-4px;left:0}.med.stam{z-index:3;width:44px;height:44px;top:44px;left:46px}.med.heart.thump{animation:.32s cubic-bezier(.3,1.8,.5,1) thump}@keyframes thump{30%{filter:drop-shadow(0 0 14px #ff3c28f2);transform:scale(1.18)rotate(-4deg)}}.med.heart.low{animation:.8s ease-in-out infinite lowbeat}@keyframes lowbeat{0%,to{transform:scale(1)}15%{filter:drop-shadow(0 0 16px #ff281ef2);transform:scale(1.12)}30%{transform:scale(1)}45%{transform:scale(1.07)}}.med.heart.heal{filter:drop-shadow(0 0 16px #e08a2ef2)}.hpbar,.stbar{box-shadow:none;background:0 0;border-style:solid;border-color:#0000;border-radius:0;overflow:visible}.hpbar{border-width:9px 20px;height:34px;margin-top:8px}.stbar{border-width:6px 16px;width:82%;height:22px;margin-top:4px}.hpbar:before,.stbar:before{content:"";background:linear-gradient(#0a0402d9,#28140acc);border-radius:3px;position:absolute;inset:0}.hpbar:after,.stbar:after{content:"";pointer-events:none;z-index:4;border-style:solid;border-color:#0000;border-image:url(../ui/bar-frame.webp) 30 70 fill/100%;position:absolute}.hpbar:after{border-image-width:9px 20px;inset:-9px -20px}.stbar:after{border-image-width:6px 16px;inset:-6px -16px}.hpbar i,.stbar i{border-radius:3px}.hpbar .fill{background:linear-gradient(#ff7a5a 0%,#e2412b 45%,#a8221a 100%);box-shadow:inset 0 2px #ffdcc880,0 0 12px #ff46288c}.hpbar .lost{background:linear-gradient(#fff6e0,#ffd0a0)}.hpbar span{z-index:5;font:800 12px/16px var(--display);top:0;right:4px}.stbar .fill{background:linear-gradient(#fff29a 0%,#f2c43a 45%,#b8861a 100%);box-shadow:inset 0 1px #ffffe699,0 0 10px #ffd23c80}.stbar.low .fill{background:linear-gradient(#ffb46a,#d86a1a)}.hpbar .shine,.stbar .shine{z-index:3;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(100deg,#0000 30%,#ffffff59 45%,#0000 60%) 0 0/250% 100%;border-radius:3px;animation:3.6s ease-in-out infinite shine;position:absolute;inset:0}@keyframes shine{0%{background-position:150% 0}to{background-position:-100% 0}}.vitals-row{margin-top:12px;margin-left:-6px}.chip{background:var(--wood);border-color:var(--wood-line);box-shadow:0 4px 10px #00000059}.chip.slot{padding:2px 10px 2px 2px}.chip.slot .pi{background:url(../ui/ring-slot.webp) 50%/contain no-repeat;width:34px;height:34px;padding:3px}.bossbar{aspect-ratio:900/301;width:min(600px,56vw);padding:5.4% 13% 0;top:4px}.bossbar .crest{z-index:-1;pointer-events:none;filter:drop-shadow(0 8px 16px #0009);width:100%;height:100%;position:absolute;inset:0}.bossbar:not([hidden]){animation:.6s cubic-bezier(.2,1.4,.4,1) both crestin}@keyframes crestin{0%{opacity:0;transform:translate(-50%)translateY(-30px)scale(.9)}}.bname{margin:7% 0 3px}.bname b{color:#ffe6c0;font-size:clamp(14px,1.6vw,20px)}.bname span{font-size:12px}.bbar{background:#0a0402e6;border:1px solid #000000b3;border-radius:3px;height:14px;box-shadow:inset 0 2px 4px #000c}.bbar .fill{background:linear-gradient(#ff9a5a,#d0321c 55%,#8a1810);box-shadow:0 0 12px #ff5028b3}.bossbar:not([hidden])~.target{top:calc(4px + min(600px,56vw)/2.77778)}.objective,.tip,.toast,.fi,.prompt{background:var(--wood);border-color:var(--wood-line);box-shadow:inset 0 1px #e08a2e26,0 8px 22px #0006}.objective{border-left:4px solid var(--amber)}.objective.flash{animation:.5s ease-out 3 objflash}@keyframes objflash{50%{box-shadow:0 0 0 2px var(--amber-2), 0 0 36px #ffbe50e6;transform:scale(1.02)}}.banner{min-width:min(560px,80vw);text-shadow:none;border-style:solid;border-width:26px 64px;border-image:url(../ui/banner.webp) 70 150 fill/26px 64px;padding:22px 80px 24px;transition:opacity .35s,transform .45s cubic-bezier(.2,1.5,.4,1);transform:translate(-50%,-14px)scale(.92)}.banner.on{transform:translate(-50%)scale(1)}.banner small{color:#8a4a14}.banner h2{color:var(--ink);text-shadow:0 1px #e08a2e99;margin:0}.banner p{color:#5a3a20;font-weight:600}.banner.b-boss h2{color:#9a1e0e}.banner.b-boss small{color:#b02a12}.banner.b-camp h2{color:#7a3a08}.fi{padding:3px 12px 3px 3px;animation:.3s cubic-bezier(.2,1.4,.4,1) slidein}.fi .pi{background:url(../ui/ring-slot.webp) 50%/contain no-repeat;width:34px;height:34px;padding:3px}.fi.bump{animation:.35s cubic-bezier(.2,1.8,.4,1) fibump}@keyframes fibump{0%{opacity:0;transform:translate(30px)scale(.8)}60%{transform:scale(1.08)}}.fi.k-part b{color:var(--hud-accent)}.pop{-webkit-text-stroke:1px #280e04e6;paint-order:stroke fill;animation:.28s cubic-bezier(.2,2,.4,1) poppunch}.p-dmg{font-size:22px}.p-big{color:#ffd24a;text-shadow:0 0 14px #ffb428cc,0 3px #0009;font-size:30px}.p-punish{text-shadow:0 0 16px #e08a2ee6,0 3px #0009;font-size:32px}.p-taken{text-shadow:0 0 12px #ff3c1ecc,0 3px #0009;font-size:24px}@keyframes poppunch{0%{filter:brightness(2.2)}}.reticle{width:80px;height:80px;box-shadow:none;background:0 0;border:none;border-radius:0;animation:none;top:-40px;left:-40px}.reticle img{filter:drop-shadow(0 0 6px #e08a2ee6);width:100%;height:100%;animation:6s linear infinite retspin,.3s cubic-bezier(.2,1.6,.4,1) retin;display:block}.reticle.open{box-shadow:none;border:none}.reticle.open img{filter:hue-rotate(150deg)saturate(1.6)drop-shadow(0 0 10px #e08a2e);animation:1.5s linear infinite retspin}@keyframes retspin{to{transform:rotate(360deg)}}@keyframes retin{0%{opacity:0;transform:scale(1.8)rotate(-40deg)}}.compass{pointer-events:none;place-items:center;width:104px;height:104px;display:grid;position:absolute;bottom:44px;right:22px}.compass .ring{filter:drop-shadow(0 4px 10px #0009);width:100%;height:100%;transition:transform 80ms linear;position:absolute;inset:0}.compass:before{content:"";background:radial-gradient(circle,#e08a2ee6,#100904eb);border-radius:50%;position:absolute;inset:18%}.compass .needle{width:0;height:0;transition:opacity .3s;position:absolute;top:50%;left:50%}.compass .needle:before{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:26px solid var(--hud-primary);filter:drop-shadow(0 0 6px #e08a2ef2);position:absolute;top:-34px;left:-9px}.compass span{font:800 13px var(--display);color:#ffe6c0;text-shadow:0 1px 3px #000;position:relative}.region{text-align:center;letter-spacing:.06em;width:136px;bottom:18px;right:26px}.feed{right:140px}.hints{bottom:16px}.title-card .logo-img{width:min(440px,80vw,44vh)}.title-card .tagline{margin-top:10px}.banner{border-width:18px 44px;border-image-width:18px 44px;min-width:min(460px,70vw);padding:10px 44px 12px;top:20%}.banner h2{font-size:clamp(24px,3.2vw,42px)}.banner p{font-size:13px}.banner small{font-size:11px}@media (max-width:1180px){.target{top:104px}.bossbar{width:min(520px,50vw)}}@media (max-height:620px){.banner{top:24%}.title .menu-col{gap:6px;margin-top:10px}.title .btn{min-height:42px}}.hotbar{pointer-events:none;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hslot{background:radial-gradient(circle at 50% 38%,#5c3e22e6,#1e130aeb);border:2px solid #e08a2e47;border-radius:14px;place-items:center;width:62px;height:62px;transition:transform .18s cubic-bezier(.2,1.6,.4,1),border-color .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 4px 12px #00000073,inset 0 1px #e08a2e26}.hslot img{filter:drop-shadow(0 2px 3px #0009);width:44px;height:44px}.hslot kbd{min-width:0;padding:0 4px;font-size:10px;line-height:15px;position:absolute;top:3px;left:4px}.hslot small{white-space:nowrap;font:700 10px var(--display);letter-spacing:.06em;color:var(--muted);text-shadow:0 1px 3px #000;opacity:0;transition:opacity .2s;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}.hslot.on{border-color:var(--amber-2,#ffcf6a);transform:translateY(-6px)scale(1.08);box-shadow:0 0 0 2px #e08a2e59,0 0 22px #e08a2e8c,0 6px 14px #00000080}.hslot.on small{opacity:1;color:#ffe6b0}.hslot.on:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#fff5d259 50%,#0000 70%) 0 0/250% 100%;border-radius:14px;animation:2.4s linear infinite hshine;position:absolute;inset:-2px}.hslot.locked img{filter:grayscale()brightness(.45)}.hslot.locked kbd{opacity:.5}@keyframes hshine{0%{background-position:120% 0}to{background-position:-120% 0}}.hud .prompt{bottom:108px}.hbar{text-align:center;opacity:0;pointer-events:none;text-shadow:0 1px 4px #000000e6;width:220px;transition:opacity .25s,transform .25s;position:absolute;top:60%;left:50%;transform:translate(-50%,8px)scale(.96)}.hbar.show{opacity:1;transform:translate(-50%)scale(1)}.hbar b{font:700 13px var(--display);letter-spacing:.08em;color:#ffe8c0;margin-bottom:4px;display:block}.hbar-track{background:#140c06cc;border:1px solid #e08a2e73;border-radius:6px;height:10px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000080}.hbar-track i{border-radius:6px;width:100%;position:absolute;top:0;bottom:0;left:0}.hbar-track .lost{background:#fff4dcbf;transition:width .45s ease-out}.hbar-track .fill{background:linear-gradient(#d6ab6c,#8a5a2f);transition:width 80ms}.hbar.rock .hbar-track .fill{background:linear-gradient(#d9dde6,#7c8290)}.hbar small{font:600 11px var(--body,sans-serif);color:#ffcf8a;min-height:14px;margin-top:4px;display:block}.hbar.pulse .hbar-track{animation:.22s ease-out hpulse}@keyframes hpulse{0%{transform:scale(1.1,1.5);box-shadow:0 0 16px #ffdc96e6}to{transform:scale(1)}}@media (max-width:720px){.hslot{width:50px;height:50px}.hslot img{width:34px;height:34px}.hud .hints{display:none}}.gadget{pointer-events:none;background:radial-gradient(circle at 50% 38%,#465c28eb,#161e0cf0);border:2px solid #c8f08c66;border-radius:50%;place-items:center;width:66px;height:66px;transition:transform .18s cubic-bezier(.2,1.6,.4,1);display:grid;position:absolute;bottom:16px;left:calc(50% + 205px);transform:none;box-shadow:0 4px 12px #00000073,0 0 16px #a0e65a2e}.gadget img{filter:drop-shadow(0 2px 3px #0009);width:42px;height:42px}.gadget b{background:var(--hud-panel);border:1px solid var(--hud-accent);min-width:22px;height:22px;font:800 12px/20px var(--display);color:#eaffcc;text-align:center;border-radius:11px;padding:0 5px;position:absolute;bottom:-2px;right:-2px}.gadget kbd{min-width:0;padding:0 4px;font-size:10px;line-height:15px;position:absolute;top:-2px;left:-4px}.gadget small{white-space:nowrap;font:700 10px var(--display);letter-spacing:.06em;color:var(--hud-accent);text-shadow:0 1px 3px #000;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.gadget em{white-space:nowrap;font:600 9px var(--display);color:var(--muted);text-shadow:0 1px 3px #000;font-style:normal;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.gadget em kbd{font-size:9px;line-height:13px;position:static}.gadget.empty img{filter:grayscale()brightness(.5)}.gadget.empty b{color:#ffc0a0;background:#3a1a10;border-color:#ff8a5a}.gadget.bump{animation:.35s cubic-bezier(.2,1.6,.4,1) gbump}@keyframes gbump{0%{transform:translate(-100%)scale(1)}40%{transform:translate(-100%)scale(1.18)}to{transform:translate(-100%)scale(1)}}.hslot .ammo{min-width:20px;height:20px;font:800 11px/18px var(--display);color:#fff;text-align:center;background:#34302a;border:1px solid #d8d0c0;border-radius:10px;padding:0 4px;position:absolute;bottom:-4px;right:-4px}.hslot .ammo:before{content:"◆ ";color:#cfc3ae;font-size:8px}.hslot .ammo.empty{color:#ffc0a0;background:#4a1a10;border-color:#ff7a4a;animation:.9s ease-in-out infinite pulse}.chip.meal{gap:6px;padding:2px 10px 2px 2px;position:relative}.chip.meal img{z-index:1;border-radius:50%;width:30px;height:30px;position:relative}.chip.meal .mring{background:conic-gradient(#ffcf6a calc(var(--f,1) * 360deg), #ffffff14 0);border-radius:50%;width:36px;height:36px;margin-top:-18px;position:absolute;top:50%;left:0;-webkit-mask:radial-gradient(circle,#0000 14px,#000 15px);mask:radial-gradient(circle,#0000 14px,#000 15px)}.chip.meal img{margin:3px}.chip.meal small{font:600 11px var(--display);color:var(--muted)}.chip.meal.q-perfect{border-color:var(--hud-accent);box-shadow:0 0 14px #ffc85a73}.chip.meal.q-charred .mring{background:conic-gradient(#9a7a60 calc(var(--f,1) * 360deg), #ffffff14 0)}.chip.meal.ending{animation:.9s ease-in-out infinite pulse}.stamp{opacity:0;pointer-events:none;white-space:nowrap;font:900 44px var(--display);letter-spacing:.08em;color:#fff4d8;-webkit-text-stroke:2px #3a1a06;paint-order:stroke fill;text-shadow:0 4px #3a1a06,0 0 24px #ffbe50e6;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)scale(2.2)rotate(-6deg)}.stamp.on{animation:1.5s cubic-bezier(.2,1.4,.4,1) forwards stampIn}@keyframes stampIn{0%{opacity:0;transform:translate(-50%,-50%)scale(2.4)rotate(-10deg)}12%{opacity:1;transform:translate(-50%,-50%)scale(.94)rotate(-4deg)}20%{transform:translate(-50%,-50%)scale(1.04)rotate(-4deg)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-4deg)}to{opacity:0;transform:translate(-50%,-62%)scale(1)rotate(-4deg)}}.stamp.s-gold{color:#ffe08a;text-shadow:0 4px #5a2a06,0 0 30px #ffc850}.stamp.s-trap{color:var(--hud-accent);text-shadow:0 4px 0 var(--hud-panel), 0 0 26px #a0f05ae6}.stamp.s-flash{color:#fff;text-shadow:0 4px #2a3a4a,0 0 34px #e08a2e}.stamp.s-track{color:#e6ffc0;text-shadow:0 4px 0 var(--hud-panel), 0 0 26px #e08a2ee6;font-size:36px}.stamp.s-counter{color:#ffe9a8;text-shadow:0 4px #5a2206,0 0 30px #ffa03c}.whiteout{opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#fff 30%,#f4f8ff 100%);position:absolute;inset:0}.tmarker{pointer-events:none;width:0;height:0;display:none;position:absolute;top:0;left:0}.tmarker img{filter:drop-shadow(0 0 8px #a0ff8ce6);width:32px;height:32px;animation:1.4s ease-in-out infinite tbob;position:absolute;top:-34px;left:-16px}.tmarker span{font:700 11px var(--display);color:var(--hud-accent);text-shadow:0 1px 3px #000;white-space:nowrap;position:absolute;top:2px;left:50%;transform:translate(-50%)}@keyframes tbob{50%{transform:translateY(-5px)}}.compass .needle2{opacity:0;width:0;height:0;transition:opacity .3s;position:absolute;top:50%;left:50%}.compass .needle2:before{content:"";background:var(--hud-primary);width:12px;height:12px;box-shadow:0 0 10px var(--hud-accent);border:2px solid var(--hud-panel);border-radius:50%;position:absolute;top:-44px;left:-6px}.jnote{max-width:320px;color:var(--ink);opacity:0;pointer-events:none;background:linear-gradient(#f2e2b8f5,#d6be8cf5);border:2px solid #8a6a3a;border-radius:12px;align-items:center;gap:10px;padding:8px 14px 8px 8px;transition:transform .35s cubic-bezier(.2,1.4,.4,1),opacity .3s;display:flex;position:absolute;top:42%;right:22px;transform:translate(120%);box-shadow:0 8px 20px #00000073}.jnote.on{opacity:1;transform:none}.jnote img{width:40px;height:40px}.jnote small{font:800 10px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#7a4a1a;display:block}.jnote span{font:600 13px var(--display)}.hints .jdot{background:var(--hud-primary);width:8px;height:8px;box-shadow:0 0 8px var(--hud-accent);opacity:0;border-radius:50%;margin-left:4px}.hints .jdot.on{opacity:1;animation:.9s ease-in-out infinite pulse}.pop.p-weak{color:#ffb35a;text-shadow:0 2px #4a1a06,0 0 14px #e08a2ee6;font-size:26px;font-weight:900}.legend .lg.trk{background:var(--hud-primary);box-shadow:0 0 6px var(--hud-accent);border-radius:50%}.cls{letter-spacing:.04em;border-radius:6px;padding:0 6px;font-size:11px;font-style:normal;font-weight:800}.cls.c-club{color:#ffd9a0;background:#c88c4640}.cls.c-maul{color:#e6d0ff;background:#a078c840}.cls.c-spear{color:#ffd27a;background:#e08a2e38}.cls.c-sling{color:#ddaa90;background:#b47d6438}.gearcard .cls{margin:2px 0;display:inline-block}.clsdesc{color:var(--muted);font-size:11px}.cook-intro .gold{color:var(--hud-accent)}.card.meal-now{border-color:#ffd27880;align-items:center;gap:12px;display:flex}.card.meal-now small.q-perfect{color:var(--hud-accent)}.card.meal-now small.q-charred{color:#b89a80}.stat.buff{color:var(--hud-accent)}.sear{text-align:center;background:radial-gradient(at 50% 120%,#ff781e59,#1e1008e6);border:1px solid #ffaa5073;border-radius:14px;margin:10px 0 14px;padding:14px 16px}.sear h4{margin:0 0 10px}.sgauge{background:linear-gradient(90deg,#5a4a3a,#8a6a3a 40%,#3a2a1e 90%,#1a1008);border:2px solid #2a1808;border-radius:13px;height:26px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #0009}.sgauge .zg{background:#ffd27a8c;position:absolute;top:0;bottom:0}.sgauge .zp{background:linear-gradient(180deg, #ffe08a, var(--hud-primary));box-shadow:0 0 14px var(--hud-accent);position:absolute;top:0;bottom:0}.sneedle{width:6px;box-shadow:0 0 10px #fff, 0 0 20px var(--hud-primary);background:#fff;border-radius:3px;margin-left:-3px;position:absolute;top:-4px;bottom:-4px;left:0}.sneedle.burn{background:#ff6a3a;box-shadow:0 0 12px #ff4a1a}.sear p{color:var(--muted);margin:8px 0}.sear.done{opacity:.8}.journal{grid-template-columns:200px 1fr;gap:14px;min-height:380px;display:grid}.jlist{flex-direction:column;gap:6px;display:flex}.jcard{text-align:left;color:var(--text);cursor:pointer;font:inherit;background:#ffecc80d;border:1px solid #e08a2e33;border-radius:10px;padding:8px 10px;position:relative}.jcard b{font:800 14px var(--display);display:block}.jcard small{color:var(--muted);font-size:11px}.jcard.on{background:#e08a2e29;border-color:#ffcf6a;box-shadow:0 0 12px #e08a2e4d}.jcard.unknown b{color:#8a7a6a;letter-spacing:.2em}.jcard.boss b{color:#ffb08a}.jbadges{gap:4px;display:flex;position:absolute;top:8px;right:8px}.jb{width:12px;height:12px;font:800 9px/12px var(--display);text-align:center;border-radius:50%;font-style:normal;display:inline-block}.jb.trk{background:var(--hud-primary);box-shadow:0 0 6px var(--hud-accent)}.jb.wk{background:var(--hud-accent)}.jb.hn{width:auto;min-width:14px;color:var(--hud-panel);background:#e8d6a8;border-radius:7px;padding:0 3px}.jpage{color:var(--ink);background:linear-gradient(#f2e2b8,#e2cc98);border:2px solid #8a6a3a;border-radius:14px;max-height:60vh;padding:16px 20px;overflow:auto;box-shadow:inset 0 0 40px #78501e40}.jpage header{border-bottom:2px solid #78501e59;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;padding-bottom:6px;display:flex}.jpage h3{font:900 22px var(--display);margin:0}.jpage header small{color:#6b4a22}.jpage .tag.trk{background:var(--hud-panel);color:#e6ffc0;border-radius:6px;padding:1px 8px;font-size:11px;font-style:normal;font-weight:800}.jpage h5{font:800 12px var(--display);letter-spacing:.1em;text-transform:uppercase;color:#7a4a1a;margin:12px 0 4px}.jpage p{margin:3px 0}.jpage .muted{color:#8a6a44}.jpage .lore{color:#4a3218;font-style:italic}.jpage.unknown{text-align:center;color:#6b4a22;place-content:center;display:grid}.jgrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.jgrid .pips{gap:6px;display:flex}.jgrid .pip{background:0 0;border:2px solid #6b5236;border-radius:50%;width:16px;height:16px}.jgrid .pip.on{background:var(--hud-primary);border-color:var(--hud-panel);box-shadow:0 0 6px var(--hud-primary)}.jatk{margin:0;padding-left:18px}.jatk li{margin:2px 0}.jatk small{color:#6b4a22}.jdrops{flex-wrap:wrap;gap:6px;display:flex}.jdrops span{background:#78501e24;border-radius:8px;align-items:center;gap:4px;padding:2px 8px 2px 2px;font-size:12px;font-weight:600;display:inline-flex}.jdrops span b{color:#7a2a06;margin-left:2px}.jdrops span.q{color:#8a6a44;padding:4px 12px;font-weight:800}@media (max-width:760px){.journal{grid-template-columns:1fr}.jlist{flex-flow:wrap}.gadget{bottom:90px;left:12px;transform:none}.stamp{font-size:30px}}.screen.on:not(.hud){z-index:20}.qibar{background:#e08a2eb8;border:1px solid #e08a2e73;border-radius:7px;width:78%;height:12px;margin-top:6px;position:relative;overflow:hidden;box-shadow:0 3px 10px #00000059,0 0 12px #e08a2e26}.qibar .fill{background:linear-gradient(90deg,#e08a2e,#3a7bd5);transition:width .12s linear;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #e08a2eb3}.qibar span{font:700 9px/12px var(--display);letter-spacing:.1em;color:#e8fbff;text-shadow:0 1px 2px #000;position:absolute;top:0;left:8px}.qibar.med .fill{animation:1s ease-in-out infinite qiPulse}@keyframes qiPulse{50%{filter:brightness(1.5)}}.realmchip{background:linear-gradient(90deg,#e08a2ed1,#e08a2e66);border:1px solid #e08a2e66;border-radius:10px;align-items:center;gap:8px;width:78%;margin-top:8px;padding:4px 10px;display:flex}.realmchip b{font:800 13px var(--display);letter-spacing:.14em;color:#dff6ff;white-space:nowrap;text-shadow:0 0 8px #e08a2eb3}.realmchip em{font:700 10px var(--display);color:var(--hud-accent);white-space:nowrap;font-style:normal}.xpbar{background:#00000080;border-radius:4px;flex:1;min-width:40px;height:6px;overflow:hidden}.xpbar i{background:linear-gradient(90deg, #7a8cff, var(--hud-accent));width:0;height:100%;display:block}.xpbar.big{height:12px;margin:8px 0 10px}.realmchip.full{animation:1.2s ease-in-out infinite realmFull}.realmchip.full .xpbar i{background:linear-gradient(90deg,#ffe08a,#fff6d0)}@keyframes realmFull{50%{border-color:#ffe08a;box-shadow:0 0 18px #ffe28ccc}}.skillbar{pointer-events:none;gap:8px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.sslot{background:radial-gradient(circle at 50% 30%,#e08a2eeb,#e08a2ef2);border:2px solid #e08a2e8c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080,0 0 14px #e08a2e47,inset 0 1px #ffffff40}.sslot .num{font:800 13px var(--display);color:#e08a2e8c;position:absolute;top:2px;right:5px}.sslot b{font:800 13px/1.1 var(--display);letter-spacing:.06em;text-align:center;color:#fff8ea;text-shadow:0 0 8px #e08a2ee6,0 1px 2px #000;padding:0 3px}.sslot kbd{background:#00000073;min-width:0;padding:0 4px;font-size:10px;line-height:15px;position:absolute;top:3px;left:4px}.sslot .cdov{pointer-events:none;background:#e08a2ec7;height:0;position:absolute;bottom:0;left:0;right:0}.sslot.locked{filter:grayscale()brightness(.55);border-color:#e08a2e4d}.sslot.noqi{border-color:#e08a2e80}.sslot.noqi b{color:#8fa4c4;text-shadow:none}.sslot.cd{border-color:#e08a2e59}.meditate-veil{pointer-events:none;opacity:0;background:radial-gradient(at 50% 55%,#0000 38%,#e08a2e61 100%);flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding-top:14vh;transition:opacity .6s;display:flex;position:absolute;inset:0}.meditate-veil.on{opacity:1}.meditate-veil b{font:800 26px var(--display);letter-spacing:.4em;color:#fff7e6;text-shadow:0 0 18px #e08a2ef2,0 2px 4px #000}.meditate-veil span{font:700 12px var(--display);letter-spacing:.2em;color:var(--hud-accent);text-shadow:0 1px 3px #000}.cult-card h4 small{opacity:.7;margin-left:8px;font-size:12px}.cult-card h5{font:800 14px var(--display);letter-spacing:.1em;margin:14px 0 4px}.skill-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:8px;display:grid}.skillcard{color:#12324a;background:linear-gradient(135deg,#e08a2ef2,#e08a2ee6);border:1px solid #e08a2e80;border-radius:12px;gap:10px;padding:10px 12px;display:flex}.skillcard .num{width:34px;height:34px;font:800 16px var(--display);color:#fff7e8;background:radial-gradient(circle at 40% 30%,#3b87c4,#123a5c);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 10px #e08a2e99}.skillcard b{font:800 15px var(--display);letter-spacing:.08em}.skillcard kbd{color:#12324a;background:#fff9;border-color:#e08a2e66;margin-left:8px}.skillcard small{margin:2px 0;font-size:12px;line-height:1.45;display:block}.skillcard em{color:#3f7aa0;letter-spacing:.06em;font-size:11px;font-style:normal;display:block}.skillcard .meta{font:700 10px var(--display);color:#2a5f86;letter-spacing:.08em;margin-top:3px;display:block}.skillcard.locked{filter:grayscale(.9);opacity:.6}@media (max-width:760px){.skillbar{gap:4px;bottom:84px}.sslot{width:50px;height:50px}.sslot b{font-size:10px}}.btn:not(.ghost),.boot .bar{filter:hue-rotate(138deg)saturate(.75)brightness(1.05)}.btn:hover:not(:disabled):not(.ghost){filter:hue-rotate(138deg)saturate(.9)brightness(1.2)drop-shadow(0 0 10px #e08a2e8c)}.btn.primary:not(.ghost){filter:hue-rotate(138deg)saturate(.9)brightness(1.1)drop-shadow(0 0 12px #e08a2e80)}.btn.glow{animation-name:jadeglow}@keyframes jadeglow{50%{filter:hue-rotate(138deg)saturate(1.1)brightness(1.35)drop-shadow(0 0 22px #e08a2e)}}.sslot{justify-content:flex-end;width:68px;height:62px;padding-bottom:7px}.sslot b{letter-spacing:.02em;white-space:nowrap;padding:0;font-size:12px}.sslot .num{font-size:14px;top:3px;right:6px}.sslot kbd{font-size:11px}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-only{display:none}body.touch .touch-only{display:grid}body.touch .kb-only,.tctl{display:none}body.touch{--u:clamp(38px, 11vh, 60px)}body.touch .tctl{z-index:2;touch-action:none;pointer-events:auto;display:block;position:absolute;inset:0}.overlay{z-index:30}body.touch .hints,body.touch .vitals kbd,body.touch .prompt kbd,body.touch .sslot kbd,body.touch .hslot kbd,body.touch .chip kbd{display:none!important}.tpad{pointer-events:none;position:absolute;inset:0}.tpad:before{content:"";left:calc(18px + env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));width:calc(var(--u) * 2.4);height:calc(var(--u) * 2.4);background:#e08a2e1f;border:2px dashed #e08a2e59;border-radius:50%;position:absolute}.tpad.on:before{display:none}.tbase,.tknob{will-change:transform;border-radius:50%;display:none;position:fixed;top:0;left:0}.tpad.on .tbase,.tpad.on .tknob{display:block}.tbase{background:radial-gradient(circle,#e08a2e2e,#e08a2e61);border:2px solid #e08a2e8c;width:clamp(88px,28vh,144px);height:clamp(88px,28vh,144px);margin:calc(clamp(88px,28vh,144px)/-2) 0 0 calc(clamp(88px,28vh,144px)/-2);box-shadow:0 0 18px #e08a2e40}.tknob{width:calc(var(--u) * 1.2);height:calc(var(--u) * 1.2);margin:calc(var(--u) * -.6) 0 0 calc(var(--u) * -.6);background:radial-gradient(circle at 35% 30%, #fff8ea, var(--hud-accent) 60%, var(--hud-primary));border:2px solid #fffc;box-shadow:0 2px 10px #00000080}.tbtn{color:#fffaef;font:700 calc(var(--u) * .46) / 1 var(--display,"Noto Serif TC", serif);touch-action:none;text-shadow:0 1px 3px #000;opacity:.88;appearance:none;background:radial-gradient(circle at 35% 28%,#e08a2e8c,#e08a2ed1);border:2px solid #e08a2eb3;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;box-shadow:0 3px 12px #0000008c,inset 0 1px #ffffff59}.tbtn span{pointer-events:none}.tbtn.down{filter:brightness(1.35);transform:scale(.92)}.tbtn.on{color:#2a1c05;text-shadow:none;background:radial-gradient(circle at 35% 28%,#f8e08a,#b98a24)}body.touch .skillbar,body.touch .hotbar{pointer-events:auto;z-index:3;touch-action:none}body.touch .prompt{pointer-events:auto;z-index:3}body.touch .hotbar{bottom:calc(8px + env(safe-area-inset-bottom));gap:4px}body.touch .hslot{width:calc(var(--u) * .95);height:calc(var(--u) * .95)}body.touch .hslot img{width:68%;height:68%}body.touch .hslot small{display:none}body.touch .hud .prompt{bottom:calc(24px + var(--u) * 2.3)}.rotate-cover{display:none}@media (orientation:portrait){body.touch .rotate-cover{z-index:9999;text-align:center;background:radial-gradient(circle at 50% 40%, var(--hud-panel), #0f0a06);color:#fff7e8;font:700 20px/1.6 var(--display,"Noto Serif TC", serif);align-content:center;place-items:center;gap:14px;padding:24px;display:grid;position:fixed;inset:0}body.touch .rotate-cover i{font-size:56px;font-style:normal;animation:2.4s ease-in-out infinite rotphone;display:block}body.touch .rotate-cover small{opacity:.8;font-size:14px;font-weight:400}}@keyframes rotphone{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}body.touch .objective{top:calc(var(--u) * .8 + 18px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));width:min(300px,34vw);padding:8px 12px}body.touch .gadget{left:calc(50% + var(--u) * 2.1 + 14px);bottom:calc(6px + env(safe-area-inset-bottom));width:calc(var(--u) * 1.05);height:calc(var(--u) * 1.05);pointer-events:auto;z-index:3;touch-action:none}body.touch .gadget img{width:64%;height:64%}body.touch .gadget small,body.touch .gadget em,body.touch .gadget kbd,body.touch .menu-foot .touch-hide{display:none}body.touch .tip{left:calc(10px + env(safe-area-inset-left));bottom:calc(var(--u) * 2.9 + 22px);max-width:30vw;padding:8px 10px;font-size:11.5px}@media (orientation:landscape) and (max-height:430px){body.touch .vitals{transform-origin:0 0;transform:scale(.82)}body.touch .realmchip{max-width:190px}}body.touch{--cx:calc(var(--u) * 1.6 + env(safe-area-inset-right));--cy:calc(var(--u) * 1.5 + env(safe-area-inset-bottom))}.tbtn.b-light{width:calc(var(--u) * 1.9);height:calc(var(--u) * 1.9);right:calc(var(--cx) + var(--u) * -.95);bottom:calc(var(--cy) + var(--u) * -.95)}.tbtn.b-dodge{width:calc(var(--u) * .95);height:calc(var(--u) * .95);right:calc(var(--cx) + var(--u) * .775);bottom:calc(var(--cy) + var(--u) * -1.325)}.tbtn.b-interact{width:calc(var(--u) * .85);height:calc(var(--u) * .85);right:calc(var(--cx) + var(--u) * 2.725);bottom:calc(var(--cy) + var(--u) * -.375)}.tbtn.b-heal{width:calc(var(--u) * .8);height:calc(var(--u) * .8);right:calc(var(--cx) + var(--u) * 2.55);bottom:calc(var(--cy) + var(--u) * .8)}.tbtn.b-lock{width:calc(var(--u) * .8);height:calc(var(--u) * .8);right:calc(var(--cx) + var(--u) * 1.8);bottom:calc(var(--cy) + var(--u) * 1.9)}.tbtn.b-sit{width:calc(var(--u) * .8);height:calc(var(--u) * .8);right:calc(var(--cx) + var(--u) * .6);bottom:calc(var(--cy) + var(--u) * 2.65)}body.touch .sslot:first-child{width:calc(var(--u) * 1.15);height:calc(var(--u) * 1.15);right:calc(var(--cx) + var(--u) * 1.375);bottom:calc(var(--cy) + var(--u) * -.575)}body.touch .sslot:nth-child(2){width:calc(var(--u) * 1.15);height:calc(var(--u) * 1.15);right:calc(var(--cx) + var(--u) * 1.115);bottom:calc(var(--cy) + var(--u) * .405)}body.touch .sslot:nth-child(3){width:calc(var(--u) * 1.15);height:calc(var(--u) * 1.15);right:calc(var(--cx) + var(--u) * .405);bottom:calc(var(--cy) + var(--u) * 1.115)}body.touch .sslot:nth-child(4){width:calc(var(--u) * 1.15);height:calc(var(--u) * 1.15);right:calc(var(--cx) + var(--u) * -.575);bottom:calc(var(--cy) + var(--u) * 1.375)}.tbtn{opacity:.62;font-size:calc(var(--u) * .4);background:radial-gradient(circle at 35% 28%,#e08a2e6b,#e08a2ec7);border:1.5px solid #e08a2e99}.tbtn.b-light{opacity:.8;font-size:calc(var(--u) * .85);background:radial-gradient(circle at 38% 30%,#ffeebe80,#2e160ed1);border-width:2.5px;border-color:#ffe296d9}.tbtn.b-dodge{font-size:calc(var(--u) * .46)}.tbtn.b-bag,.tbtn.b-map,.tbtn.b-journal,.tbtn.b-pause{width:calc(var(--u) * .66);height:calc(var(--u) * .66);top:calc(6px + env(safe-area-inset-top));font-size:calc(var(--u) * .3);opacity:.55;border-radius:10px}.tbtn.b-pause{right:calc(6px + env(safe-area-inset-right))}.tbtn.b-journal{right:calc(10px + env(safe-area-inset-right) + var(--u) * .66)}.tbtn.b-map{right:calc(14px + env(safe-area-inset-right) + var(--u) * 1.32)}.tbtn.b-bag{right:calc(18px + env(safe-area-inset-right) + var(--u) * 1.98)}body.touch .skillbar{pointer-events:none;z-index:3;display:block;position:absolute;inset:0;transform:none}body.touch .sslot{pointer-events:auto;touch-action:none;opacity:.8;border-radius:50%;justify-content:center;padding:0;position:absolute}body.touch .sslot b{display:none}body.touch .sslot .glyph{font-size:calc(var(--u) * .62)}body.touch .sslot .pips{font-size:6px;bottom:4%}body.touch .sslot .plus{font-size:calc(var(--u) * .6)}body.touch .sslot.empty{opacity:.5;border-style:dashed}body.touch .objective{top:calc(var(--u) * .66 + 14px + env(safe-area-inset-top));opacity:.78;width:min(230px,26vw);padding:6px 10px;font-size:11.5px}body.touch .objective small,body.touch .objective p{display:none}body.touch .hud .prompt{bottom:calc(var(--cy) + var(--u) * 2.6);left:50%;right:auto}.sslot .glyph{font:800 26px/1 var(--display);color:#fffbf3;text-shadow:0 0 8px #e08a2ed9,0 1px 2px #000}.sslot .pips{text-align:center;letter-spacing:1px;color:var(--hud-accent);text-shadow:0 0 4px #e08a2ee6;pointer-events:none;font-size:7px;position:absolute;bottom:3px;left:0;right:0}.sslot .plus{font:300 30px/1 var(--display);color:#e08a2ea6}.sslot.empty{background:#e08a2e59;border-style:dashed}.sslot.lv3 .glyph,.sslot.lv4 .glyph{color:#fff6d0;text-shadow:0 0 10px #ffd778e6,0 1px 2px #000}.sslot.lv4 .pips,.sslot.lv5 .pips{color:#ffe3a0}.sslot.lv4,.sslot.lv5{border-color:#ffdc8cd9;box-shadow:0 0 12px #ffd26e73}.sslot.lv5 .glyph{color:#fff2b8;text-shadow:0 0 14px #ffc850,0 0 4px #fff,0 1px 2px #000}.loadout{flex-wrap:wrap;gap:10px;margin:8px 0;display:flex}.lslot{color:#12324a;cursor:pointer;width:78px;height:84px;font-family:var(--display);background:#e08a2eb3;border:1.5px dashed #e08a2e99;border-radius:14px;align-content:center;place-items:center;gap:1px;display:grid;position:relative}.lslot:not(.empty){background:linear-gradient(160deg,#e08a2ef2,#e08a2ee6);border-style:solid}.lslot.pick{outline:3px solid #e0a82e;box-shadow:0 0 14px #e0a82eb3}.lslot kbd{padding:0 4px;font-size:10px;position:absolute;top:4px;left:5px}.lslot .glyph{font:800 28px/1 var(--display)}.lslot .plus{font:300 30px/1 var(--display);opacity:.6}.lslot small{font-size:11px;font-weight:700}.lslot em{color:#8a6414;font-size:10px;font-style:normal;font-weight:800}.pickhint{color:#8a6414;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 8px;font-size:13px;display:flex}.lvtag{font:800 11px var(--display);color:#8a6414;letter-spacing:.06em;margin-left:8px}.mbar{background:#e08a2e2e;border-radius:3px;height:5px;margin:4px 0 2px;overflow:hidden}.mbar i{background:linear-gradient(90deg,#4da6d6,#e0b84a);height:100%;display:block}.btn.small{min-height:0;margin-top:4px;padding:3px 10px;font-size:12px}body.touch .compass{bottom:auto;left:50%;right:auto;top:calc(2px + env(safe-area-inset-top));width:calc(var(--u) * 1.15);height:calc(var(--u) * 1.15);opacity:.85;transform:translate(-50%)}body.touch .compass span{font-size:10px}body.touch .region-label,body.touch [data-el=region]{display:none}.hotbar,.gadget{display:none!important}.faint .rebirth-host{pointer-events:auto;width:min(940px,94vw);max-height:78vh;margin-top:10px;overflow:auto}.faint .rebirth-host:empty{display:none}.overlay.create{background:#e08a2ed1}.overlay.create .panel{width:min(1000px,96vw);max-height:94vh;overflow:auto}.menu-body{overflow:auto}body.touch .overlay.create .panel{max-height:98vh}.menu-body{padding:0}.menu-body .saga-panel{z-index:auto;height:auto;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;position:static;inset:auto}.menu-body .saga-panel:before{display:none}.menu-body .sc-panel{width:100%;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.menu-body .saga-close,.menu-body .sc-close{display:none}.menu-body .saga-panel-body{overflow:visible}.menu-body .sc-panel:before,.menu-body .sc-panel:after{display:none}body.in-cave:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 50% 58%,#0000 42%,#e08a2e73 100%);position:fixed;inset:0}.legend .lg.route{background:0 0;border-top:2px dashed #ffe296;border-radius:0;width:16px;height:0}.map-zones ul{grid-template-columns:repeat(2,1fr);gap:4px 12px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.map-zones li{background:#ffffff0d;border-radius:8px;flex-direction:column;padding:4px 8px;display:flex}.map-zones li b{color:#fff4dc}.map-zones li span{color:var(--muted);font-size:12px}.map-zones li.danger span{color:#ff9a80}.map-zones li.here{outline:1px solid var(--hud-accent)}.map-travel{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.map-travel button{background:linear-gradient(var(--hud-panel), var(--hud-panel));color:#ffeab8;cursor:pointer;border:1px solid #7a6a3a;border-radius:10px;padding:8px 14px;font-weight:600}.map-travel button:disabled{opacity:.4;cursor:not-allowed}.map-travel span{color:#ffd9a0;font-size:13px}.overlay.map .panel{max-height:94vh;overflow-y:auto}.login-form{background:var(--hud-panel);color:var(--hud-text);border:1px solid var(--hud-primary);border-radius:6px;padding:12px}.login-form button{background:var(--hud-primary-gradient);color:var(--hud-ink);border:1px solid var(--hud-accent);border-radius:6px}.login-form input{background:var(--hud-ink);color:var(--hud-text);border:1px solid var(--hud-primary-dark);border-radius:6px}.zoom-controls{z-index:5;pointer-events:auto;gap:6px;display:flex;position:absolute;top:155px;right:22px}.zoom-controls button{color:#f5e4b1;touch-action:none;background:#182f2bea;border:1px solid #b4bd8e;border-radius:9px;width:44px;height:44px;font-size:24px}body.touch .zoom-controls{top:54px;right:8px}body.touch .tbtn{min-width:40px;min-height:40px}body.touch .tbtn.b-bag,body.touch .tbtn.b-map,body.touch .tbtn.b-journal,body.touch .tbtn.b-pause{width:40px;height:40px;font-size:16px;top:6px}body.touch .tbtn.b-pause{right:6px}body.touch .tbtn.b-journal{right:50px}body.touch .tbtn.b-map{right:94px}body.touch .tbtn.b-bag{right:138px}body.touch .vitals{width:258px;padding-left:53px;top:6px;left:8px;transform:none}body.touch .med{width:48px;height:48px;top:0;left:0}body.touch .hpbar{border-width:5px 12px;height:25px;margin-top:4px}body.touch .hpbar:after{border-image-width:5px 12px;inset:-5px -12px}body.touch .stbar{height:15px;margin-top:2px}body.touch .vitals-row{margin-top:2px}body.touch .realmchip{width:100%;max-width:none;margin-top:3px;padding:3px 6px}body.touch .objective{width:158px;padding:6px;font-size:10px;top:105px;right:8px}body.touch .objective .obj-detail{display:none}body.touch .tip{max-width:180px;font-size:11px;top:125px;bottom:auto}body.touch .banner{border-width:10px 25px;width:70vw;min-width:0;padding:8px 20px;top:25%}body.touch .banner h2{font-size:22px}body.touch .settings .panel{max-height:90vh;overflow:auto}body.touch .screen.menu .panel.wide{max-height:100vh}.hud .banner{border-width:6px 15px;width:360px;min-width:0;padding:6px 10px;top:164px;left:auto;right:12px;transform:none}.hud .banner h2{font-size:22px}.hud .banner p{font-size:11px}body.touch .hud .banner{border-width:5px 12px;width:31vw;padding:4px 7px;top:84px;left:auto;right:8px;transform:none}body.touch .hud .banner h2{font-size:16px}body.touch .hud .banner p{display:none}.hud .prompt.ground-pickup{bottom:16px;left:50%;right:auto;transform:translate(-50%)}body.touch .hud .prompt.ground-pickup{bottom:10px;left:50%;right:auto;transform:translate(-50%)}.portable-cave-button{pointer-events:auto;z-index:12;color:#f4e2ae;background:#153b35ec;border:1px solid #a9a878;border-radius:6px;padding:8px 14px;position:absolute;top:224px;right:20px}.portable-cave-cast{color:#c8f5e9;text-align:center;pointer-events:none;background:#102d2cf0;border:1px solid #8bc7b4;border-radius:8px;padding:12px;display:none;position:absolute;top:26%;left:50%;transform:translate(-50%)}.portable-cave-cast.on{gap:5px;display:grid}.portable-cave-cast progress{accent-color:#7edfc5;width:220px}.touch .portable-cave-button{padding:6px 10px;font-size:12px;top:106px;right:12px}.touch .portable-cave-cast{font-size:12px;top:23%}.loot-settings{border:1px solid #53786d;border-radius:8px;margin:0 0 12px;padding:10px}.loot-settings legend{color:#cce7d7}.loot-settings>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.loot-settings .check{align-items:center;gap:5px;margin:4px 8px 4px 0;display:inline-flex}.loot-settings input{accent-color:#3cc68c}.settings .panel{max-height:92dvh;overflow:auto}.settings .panel>header{z-index:1;background:#142c2c;position:sticky;top:0}.ring-minimap{color:#f5e8c8;pointer-events:auto;cursor:pointer;z-index:8;background:#09242bea;border:1px solid #c4b27c;border-radius:10px;width:188px;padding:2px;position:absolute;top:12px;right:18px}.ring-minimap canvas{border-radius:8px;width:180px;height:180px;display:block}.ring-minimap span{padding:4px;font-size:12px;display:block}body:has(.ring-minimap):not(.touch) .objective{width:300px;right:222px}body:has(.ring-minimap):not(.touch) .zoom-controls{right:222px}body:has(.ring-minimap):not(.touch) .hud .banner{width:300px;top:220px;right:222px}@media (max-width:900px){.ring-minimap{display:none}}.popups,.pop{pointer-events:none}.p-crit{color:#ffb347;font-size:28px}.p-skill{color:#a4e8ff;font-size:21px}.p-poison{color:#ca85eb}.p-burn{color:#ff7543}.p-heal{color:#8deaa0}.p-block,.p-shield{color:#9ddde9}.p-miss{color:#d4d8da}.hud .compass{display:none}.in-tribulation .ring-minimap,.in-tribulation .objective,.in-tribulation .portable-cave-button,.in-tribulation [data-el=obj]{display:none!important}.trib-status{color:#d9edf7;pointer-events:none;text-align:center;z-index:12;background:#0a1729eb;border:1px solid #83acc2;border-radius:8px;max-width:60%;padding:12px 18px;font-size:14px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.saga-panel,.saga-panel *{box-sizing:border-box}.saga-panel{z-index:80;color:#f7f2e9;pointer-events:auto;background:radial-gradient(circle at 18% 0,#9b785438,#0000 34%),linear-gradient(135deg,#1d140afa,#1b140cfa);border:1px solid #ead9b761;border-radius:6px;flex-direction:column;min-height:0;font-family:Figtree,system-ui,sans-serif;display:flex;position:fixed;inset:4vh 4vw;overflow:hidden;box-shadow:0 18px 70px #000000b3,inset 0 1px #fff7e62e,inset 0 0 55px #00000059}.saga-panel:before{content:"";pointer-events:none;opacity:.18;mix-blend-mode:screen;background-image:radial-gradient(circle at 21% 37%,#f6eddb59 0 1px,#0000 1.4px),radial-gradient(circle at 73% 65%,#f6eddb33 0 1px,#0000 1.4px);background-size:31px 29px,43px 47px;position:absolute;inset:0}.saga-panel-head{z-index:1;background:linear-gradient(#52392059,#140d0629);border-bottom:1px solid #ead9b733;flex:none;align-items:center;gap:12px;padding:15px 20px 12px;display:flex;position:relative}.saga-panel-head h2{color:#fffaef;letter-spacing:.08em;text-shadow:0 2px 10px #e9a25a47;margin:2px 0 0;font:800 clamp(18px,2.2vw,26px)/1.15 Noto Serif TC,Figtree,serif}.saga-panel-head>div{flex:1;min-width:0}.saga-eyebrow{color:#dbae81;letter-spacing:.17em;font:800 11px/1.2 Figtree,sans-serif;display:block}.saga-close{color:#f7f2e9;cursor:pointer;background:#00000038;border:1px solid #ead9b759;border-radius:6px;flex:none;width:42px;height:42px;font-size:28px;line-height:1}.saga-close:hover{background:#d59e6733}.saga-panel-body{z-index:1;scrollbar-color:#dda56d8c #00000038;min-height:0;padding:17px 20px 24px;position:relative;overflow:auto}.saga-panel-body>section{margin:0 0 18px}.saga-panel-body h3{letter-spacing:.04em;margin:0;font:800 16px/1.3 Noto Serif TC,Figtree,serif}.saga-panel-body p{color:#d6ccb8;line-height:1.55}.saga-lead{max-width:790px;margin:0 0 12px}.saga-button{color:#fff8ea;cursor:pointer;background:linear-gradient(#835c368c,#402810c7);border:1px solid #f0d7a573;border-radius:6px;min-height:42px;padding:8px 15px;font:750 14px/1.2 Figtree,sans-serif;transition:transform .12s,filter .15s,box-shadow .15s;box-shadow:inset 0 1px #fff9ee2e,0 4px 12px #00000040}.saga-button:hover:not(:disabled),.saga-button:focus-visible{filter:brightness(1.25);outline:none;transform:translateY(-1px);box-shadow:0 0 18px #e5a05c4d}.saga-button:active:not(:disabled){transform:translateY(1px)}.saga-button.primary{border-color:var(--amber-2);background:linear-gradient(180deg, #ffd27a, var(--amber));color:#2a1606;text-shadow:0 1px #ffecbe80}.saga-button.small{min-height:40px;padding:7px 11px;font-size:12px}.saga-button.wide-action{letter-spacing:.08em;width:100%;min-height:47px;margin-top:10px}.saga-button.danger{color:#ffd5ca;background:#6f2a2a7a;border-color:#ee887b99}.saga-button:disabled{cursor:not-allowed;opacity:.42;filter:grayscale(.7)}.saga-button.glow{animation:1.2s ease-in-out infinite sagaQiGlow}@keyframes sagaQiGlow{50%{filter:brightness(1.24);box-shadow:0 0 0 2px #ffeb9a40,0 0 26px #f6b472d1}}.origin-toolbar{color:#cfbca8;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:13px;display:flex}.origin-toolbar span{font-size:13px}.origin-toolbar b{color:#fffaf0}.preview-card{background:linear-gradient(135deg,#68502540,#2b1f137a);border:1px solid #e0be706b;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:14px;padding:14px;display:grid}.preview-card h3{margin-top:4px;font-size:16px}.preview-card p{margin:5px 0;font-size:12px}.preview-stats{grid-template-columns:repeat(3,54px);gap:6px;display:grid}.preview-stats span{background:#00000038;border-radius:7px;flex-direction:column;align-items:center;padding:6px 3px;display:flex}.preview-stats b{color:#e8c49a;font-size:11px}.preview-stats strong{color:#fff0bd;font:800 18px Noto Serif TC,serif}.preview-note{color:#e4dac6;grid-column:1/-1;font-size:12px;display:block}.character-hero{border-bottom:1px solid #ead9b71f;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px;padding:2px 0 8px;display:flex}.character-hero h3{color:#f1e2ae;margin-top:4px;font-size:24px}.character-hero p{margin:4px 0 0;font-size:12px}.vital-pair{text-align:right;grid-template-columns:repeat(2,auto);gap:8px;display:grid}.vital-pair span{color:#dcc2a4;font-size:12px;display:block}.vital-pair b{color:#fff7e8;margin-top:2px;font-size:14px;display:block}.qi-card{background:linear-gradient(105deg,#1d5e7d42,#33210f80);border:1px solid #7fccef57;border-radius:6px;padding:13px 15px;position:relative}.qi-card.qi-full{background:linear-gradient(105deg,#4c603585,#3f270fa3);border-color:#f2d887;animation:1.4s ease-in-out infinite qiCardPulse;box-shadow:0 0 20px #e8cb7252}@keyframes qiCardPulse{50%{box-shadow:0 0 34px #f2b27285}}.qi-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.qi-head b{color:#fff2d7;font:800 16px Noto Serif TC,serif}.qi-head strong{color:#fff2ba;font-size:13px}.saga-progress{background:#00000061;border:1px solid #f5e2bd4d;border-radius:6px;height:11px;margin-top:8px;position:relative;overflow:hidden}.saga-progress i{border-radius:inherit;background:linear-gradient(90deg,#2d7fd1,#8fd8ff);min-width:0;height:100%;transition:width .2s;display:block;box-shadow:0 0 12px #5aaaffb3}.qi-full .saga-progress i{background:linear-gradient(90deg,#e2bd58,#fff4b7);box-shadow:0 0 17px #ffe486fa}.reserve-line{color:#e0cbb4;align-items:center;gap:8px;margin-top:7px;font-size:12px;display:flex}.reserve-line span{flex:none}.reserve-line i{opacity:.62;background:#7eafc6;border-radius:4px;flex:1;height:5px}.qi-callout{color:#fff1a8;letter-spacing:.08em;text-shadow:0 0 12px #ffdd74cc;margin-top:11px;font:900 15px Noto Serif TC,serif;display:block}.section-title{justify-content:space-between;align-items:baseline;gap:10px;margin:2px 0 8px;display:flex}.section-title small{color:#cdb79e;text-align:right;font-size:12px}.saga-stat-grid{gap:5px;display:grid}.saga-stat-row{background:#f9eed90b;border-radius:6px;grid-template-columns:48px repeat(3,minmax(0,1fr));align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:grid}.saga-stat-row b{color:#e8dba7}.stat-natural{color:#f7f1e6}.stat-pill{color:#bdc5ed}.stat-gear{color:#96e0c2}.saga-combat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.saga-combat-grid span{text-align:center;color:#dcc6ae;background:#0003;border-radius:6px;padding:9px 5px;font-size:12px}.saga-combat-grid b{color:#fffaef;margin-top:3px;font-size:14px;display:block}.breakthrough{background:linear-gradient(130deg,#5944224d,#30241775);border:1px solid #d9b96661;border-radius:6px;padding:14px}.breakthrough h3{color:#ffeab1;margin-top:3px}.breakthrough p{margin:6px 0;font-size:12px}.mortal-guide{border-color:#d9a87861}.mortal-guide h3{color:#f6e7c8}.condition,.condition-list{color:#f3baa3}.condition.ready,.condition-list .ready{color:#a9efc6}.condition-list{flex-wrap:wrap;gap:9px;margin-top:9px;font-size:12px;display:flex}.tribulation-form{flex-wrap:wrap;align-items:center;gap:13px;margin-top:10px;display:flex}.tribulation-form label{color:#eae5da;align-items:center;gap:7px;font-size:12px;display:flex}.tribulation-form input{color:#fffcf5;text-align:center;background:#0000004d;border:1px solid #ead9b766;border-radius:6px;width:70px;height:40px;padding:6px}.tribulation-form span{color:#ccc4b5;font-size:11px}.status-card{padding-top:2px}.status-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.status-list li{color:#ffc2b4;background:#6728283b;border:1px solid #e88e7c4d;border-radius:6px;justify-content:space-between;gap:8px;padding:8px 9px;font-size:11px;display:flex}.status-list li span{color:#f0d2c9;white-space:nowrap}.status-list .empty-state{color:#bea68e;background:#00000029;border-color:#ead9b726;grid-column:1/-1}.skills-lead{justify-content:space-between;align-items:end;gap:15px;margin-bottom:12px;display:flex}.skills-lead h3{color:#e9dcaa;margin-top:4px}.skills-lead p{text-align:right;max-width:430px;margin:0;font-size:12px}.loadout-board{background:#36241359;border:1px solid #e0b99240;border-radius:6px;margin-bottom:16px;padding:12px}.loadout-board h3{color:#e2be9a;margin-bottom:9px;font-size:13px}.loadout-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.loadout-slot{color:#f8f2e7;cursor:pointer;background:#0003;border:1px dashed #e7d4af66;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:67px;display:flex;position:relative}.loadout-slot:hover,.loadout-slot.ready-slot{border-color:#f0d584;box-shadow:0 0 13px #e5c66540}.loadout-slot kbd{position:absolute;top:4px;left:6px}.loadout-slot b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.loadout-slot small{color:#c8a685;font-size:10px}.skill-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.skill-card{text-align:left;color:#f8f2e5;cursor:pointer;background:linear-gradient(135deg,#5239208c,#261a10a6);border:1px solid #ffd27a47;border-radius:6px;align-items:flex-start;gap:9px;min-width:0;padding:10px;display:flex}.skill-card:hover:not(:disabled),.skill-card.picked{border-color:#ffd878;box-shadow:0 0 16px #dda06347}.skill-card.locked{cursor:default;opacity:.52;filter:grayscale(.55)}.skill-badge{color:#2e1d0c;background:linear-gradient(145deg,#bdeaff,#5aa7c5);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.skill-main{flex-direction:column;min-width:0;display:flex}.skill-main>b{color:#f5e4ac;font:800 14px Noto Serif TC,serif}.skill-main small{color:#e0cfbd;margin:3px 0;font-size:12px;line-height:1.35;display:block}.skill-meta,.skill-level{color:#d9c8a7;font-size:10px;line-height:1.55}.skill-level{color:#f1dda0;margin-top:2px}.saga-progress.mini{height:5px;margin:3px 0 4px}.saga-progress.mini i{box-shadow:none;background:linear-gradient(90deg,#6897df,#d7e9ff)}.milestone,.backlash{font-size:10px;font-style:normal;line-height:1.45;display:block}.milestone{color:#f4ce7f}.backlash{color:#ffab9b}.cave-head{color:#cbb49e;flex-wrap:wrap;gap:8px 18px;margin:-3px 0 12px;font-size:12px;display:flex}.cave-head b{color:#f2dfa5;font-size:14px}.cave-tabs{border-bottom:1px solid #ead9b72e;gap:6px;margin:0 0 15px;padding-bottom:6px;display:flex}.cave-tabs button{color:#bca690;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;min-height:40px;font:750 13px Noto Serif TC,serif}.cave-tabs button:hover,.cave-tabs button.active{color:#fff7e8;background:#b07f4e33;border-color:#e3b28173}.cave-section{min-height:0}.formation-card,.plot-card,.synth-card,.storage-row,.seed-card{background:#fff4dd0b;border:1px solid #dcb99638;border-radius:6px}.formation-card{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:11px;display:flex}.formation-card b,.plot-title b,.synth-card b{color:#e7ddb1;font-size:13px;display:block}.formation-card small,.plot-title small,.synth-card small{color:#bfaa95;margin-top:3px;font-size:11px;display:block}.formation-card.expired,.formation-card.dismantled{opacity:.55}.formation-actions{flex:none;gap:5px;display:flex}.formation-install{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.formation-install h3{color:#debc99;grid-column:1/-1;font-size:13px}.formation-install .saga-button{flex-direction:column;gap:4px;display:flex}.formation-install .saga-button small{color:#cfbaa5;font-size:10px}.seed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.seed-card{justify-content:space-between;align-items:center;gap:7px;padding:9px;display:flex}.seed-card b{color:#e7ddb1;font-size:12px;display:block}.seed-card small{color:#c1aa92;font-size:10px;display:block}.plot-heading{margin-top:18px}.plot-card{margin-bottom:8px;padding:11px}.plot-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.plot-title small{text-align:right}.harvest-row{gap:8px;margin-top:8px;display:flex}.harvest-row select{color:#f8f2e7;background:#3e2813;border:1px solid #ead9b759;border-radius:6px;flex:1;min-width:0;min-height:40px;padding:5px 7px}.mode-note{color:#deb978;margin-top:6px;font-size:10px;display:block}.harvest-legend{color:#c9b8a7;gap:5px;margin-top:12px;font-size:11px;display:grid}.harvest-legend b{color:#f0d28a}.storage-list{gap:6px;display:grid}.storage-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.storage-row span{min-width:0}.storage-row b,.storage-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.storage-row b{color:#e9e0b5;font-size:12px}.storage-row small{color:#a7927c;font-size:9px}.storage-row strong{color:#f4dda0}.synth-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-bottom:8px;padding:11px;display:grid}.synth-card span{color:#bfa68e;margin-top:6px;font-size:10px;display:block}.synth-card .chance{color:#e7dcaa;white-space:nowrap;font-size:12px}.empty-state{text-align:center;border:1px dashed #e2d0ad38;border-radius:6px;margin:0;padding:13px;font-size:12px;color:#b49c85!important}.muted-note{color:#ab9681;margin:10px 0 0;font-size:11px;display:block}.rebirth-warning{background:linear-gradient(100deg,#72201f73,#2e17185c);border:1px solid #cb3e308c;border-radius:6px;align-items:center;gap:14px;margin-bottom:16px;padding:11px 13px;display:flex}.rebirth-warning h3{color:#ffb6a0}.rebirth-warning p{margin:4px 0 0;font-size:12px}.rebirth-warning p b{color:#ffd9a2}.cinnabar-stamp{color:#cf4e42;background:#1c090a85;border:3px solid #b84032;flex:none;place-items:center;width:58px;height:58px;font:900 28px Noto Serif TC,serif;display:grid;transform:rotate(-7deg);box-shadow:inset 0 0 0 2px #cf4e4240,0 0 15px #ad2d2540}.cinnabar-stamp.small{border-width:2px;width:38px;height:38px;font-size:20px}.rebirth-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.rebirth-card{background:linear-gradient(160deg,#c6b57e1f,#191109a3);border:1px solid #c1b58257;border-radius:6px;flex-direction:column;min-width:0;padding:15px 12px 12px;display:flex;position:relative}.rebirth-card .cinnabar-stamp{position:absolute;top:10px;right:10px}.rebirth-card h3{color:#f5deb0;padding-right:42px}.rebirth-card>p{min-height:42px;margin:7px 0;font-size:11px}.rebirth-card ul{color:#d3cbbc;min-height:112px;margin:0 0 12px;padding-left:17px;font-size:11px;line-height:1.6}.rebirth-card li::marker{color:#dd6b56}.rebirth-card .saga-button{margin-top:auto}.rebirth-card.experience{border-color:#cfa27473}.rebirth-card.cultivation{border-color:#dbba6873}.rebirth-card.reset{background:linear-gradient(160deg,#6c272640,#191109a3);border-color:#ca5b4d7a}.trib-hud{z-index:90;color:#f4f1d5;pointer-events:none;background:linear-gradient(100deg,#162331e6,#482528de);border:1px solid #e2e5ae80;border-radius:6px;grid-template-columns:repeat(4,auto);align-items:center;gap:7px;padding:10px 13px;font-size:11px;display:grid;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 22px #d6ca7459,inset 0 1px #fffff533}.trib-hud strong{color:#ffe495;font:800 13px Noto Serif TC,serif}.trib-hud span{white-space:nowrap;border-left:1px solid #eddfa147;padding-left:8px}.trib-hud span:first-of-type{color:#ffb29c}.trib-hud span:nth-of-type(2){color:#b9edda}.trib-hud span:nth-of-type(3){color:#c8c8f0}@media (max-width:760px){.saga-panel{border-radius:6px;inset:2vh 2vw}.saga-panel-head{padding:11px 13px 9px}.saga-panel-body{padding:12px 13px 18px}.origin-grid,.skill-card-grid,.rebirth-grid{grid-template-columns:1fr}.origin-card{min-height:82px}.origin-copy em{min-height:0}.preview-card{grid-template-columns:1fr}.preview-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.preview-stats strong{font-size:16px}.character-hero{flex-direction:column;align-items:flex-start}.vital-pair{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.saga-stat-row{grid-template-columns:43px repeat(3,minmax(0,1fr));gap:4px;font-size:10px}.saga-combat-grid{grid-template-columns:repeat(3,1fr)}.status-list{grid-template-columns:1fr 1fr}.skills-lead{display:block}.skills-lead p{text-align:left;max-width:none;margin-top:6px}.loadout-grid{gap:5px}.loadout-slot{min-height:62px}.skill-card{min-height:120px}.formation-install{grid-template-columns:1fr}.formation-install h3{margin-bottom:-2px}.seed-grid{grid-template-columns:1fr}.synth-card{grid-template-columns:minmax(0,1fr) auto}.synth-card .saga-button{grid-column:1/-1;width:100%}.rebirth-card>p,.rebirth-card ul{min-height:0}.cave-tabs button{padding:4px 2px;font-size:11px}.cave-head{gap:5px 10px;font-size:10px}.trib-hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;padding:8px;top:7px;left:7px;right:7px;transform:none}.trib-hud span{border-left:0;padding-left:0}}@media (orientation:landscape) and (max-height:430px){.saga-panel{inset:6px 12px}.saga-panel-head{padding:7px 12px 6px}.saga-panel-head h2{font-size:18px}.saga-panel-body{padding:8px 12px 14px}.saga-panel-body>section{margin-bottom:10px}.origin-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.origin-card{min-height:68px;padding:6px;display:block}.origin-seal{vertical-align:middle;width:24px;height:24px;font-size:14px;display:inline-grid}.origin-copy{vertical-align:middle;width:calc(100% - 30px);display:inline-flex}.origin-copy b{font-size:11px}.origin-copy small,.origin-copy em{font-size:9px}.origin-copy i{display:none}.preview-card{padding:7px 10px}.preview-card p{margin:2px 0}.preview-stats{grid-template-columns:repeat(6,40px)}.preview-stats strong{font-size:14px}.wide-action{min-height:40px!important}.character-hero h3{font-size:18px}.saga-stat-row{padding:4px 7px}.saga-combat-grid span{padding:5px}.breakthrough{padding:8px 11px}.breakthrough p{margin:3px 0}.status-list{grid-template-columns:repeat(5,minmax(0,1fr))}.status-list li{padding:5px}.skill-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-card{min-height:94px;padding:6px}.skill-main>b{font-size:12px}.skill-main small{font-size:10px}.loadout-slot{min-height:48px}.formation-card,.plot-card,.synth-card{margin-bottom:4px;padding:6px 8px}.rebirth-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rebirth-card{padding:9px}.rebirth-card ul{font-size:9px;line-height:1.35}.rebirth-card>p{font-size:10px}.rebirth-card .saga-button{min-height:36px}}.preview-card.random-origin{grid-template-columns:1fr;justify-items:stretch;gap:6px;display:grid}.preview-card.random-origin .origin-radar{justify-self:center;width:min(240px,62vw);height:auto;overflow:visible}.origin-radar .radar-grid{fill:#e5ae780d;stroke:#dcb99659;stroke-width:1px}.origin-radar .radar-axis{stroke:#dcb99640;stroke-width:1px}.origin-radar .radar-shape{fill:#cb8c4d6b;stroke:#e5ae78;stroke-width:2px;stroke-linejoin:round;transform-origin:100px 100px;animation:.45s cubic-bezier(.2,.9,.3,1.2) radar-pop}.origin-radar .radar-dot{fill:#fff7e8;stroke:#9f662c;stroke-width:1px}.origin-radar .radar-label{fill:#d9b088;font:700 11px Noto Serif TC,serif}.origin-radar .radar-value{fill:#f0d48e;font:800 12px Noto Serif TC,serif}@keyframes radar-pop{0%{opacity:.2;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.origin-radar .radar-shape{animation:none}}@media (orientation:landscape) and (max-height:560px){.preview-card.random-origin{grid-template-columns:minmax(0,1fr) auto;align-items:center}.preview-card.random-origin .origin-radar{grid-area:1/2/span 2;width:auto;height:min(150px,100dvh - 240px);min-height:110px}.preview-card.random-origin .preview-note{grid-column:1}}.overlay.create .create-actions{align-items:stretch;gap:8px;display:flex}.overlay.create .create-actions [data-action=reroll]{white-space:nowrap;flex:none;margin:0}.overlay.create .create-actions .wide-action{flex:auto;width:auto}.overlay.create .saga-panel{color:var(--text);border-color:color-mix(in srgb, var(--amber) 45%, transparent);box-shadow:0 18px 70px #000000b3, inset 0 1px 0 color-mix(in srgb, var(--amber-2) 22%, transparent);background:radial-gradient(circle at 18% 0,#e08a2e2e,#0000 36%),linear-gradient(135deg,#261a10fa,#18100afa);border-radius:6px}.overlay.create .saga-panel:before{background-image:radial-gradient(circle at 21% 37%,#ffd27a4d 0 1px,#0000 1.4px),radial-gradient(circle at 73% 65%,#ffd27a2e 0 1px,#0000 1.4px)}.overlay.create .saga-panel-head{border-bottom-color:color-mix(in srgb, var(--amber) 30%, transparent);background:linear-gradient(#e08a2e38,#18100a29)}.overlay.create .saga-panel-head h2{color:var(--text);text-shadow:0 2px 10px color-mix(in srgb, var(--amber) 35%, transparent)}.overlay.create .saga-eyebrow,.overlay.create .origin-toolbar,.overlay.create .preview-stats b{color:var(--amber-2)}.overlay.create .saga-close{border-color:color-mix(in srgb, var(--amber) 40%, transparent);color:var(--text);border-radius:6px}.overlay.create .saga-close:hover{background:color-mix(in srgb, var(--amber) 22%, transparent)}.overlay.create .saga-panel-body{scrollbar-color:color-mix(in srgb, var(--amber) 60%, transparent) #00000038}.overlay.create .saga-panel-body p,.overlay.create .preview-note{color:var(--muted)}.overlay.create .origin-toolbar b{color:var(--text)}.overlay.create .saga-button{border-color:color-mix(in srgb, var(--amber) 50%, transparent);color:var(--text);background:linear-gradient(#e08a2e52,#462a12d1);border-radius:6px;box-shadow:inset 0 1px #ffd27a2e,0 4px 12px #00000040}.overlay.create .saga-button:hover:not(:disabled),.overlay.create .saga-button:focus-visible{box-shadow:0 0 18px color-mix(in srgb, var(--amber) 45%, transparent)}.overlay.create .saga-button.primary{border-color:var(--amber-2);background:linear-gradient(180deg, var(--amber-2), var(--amber));color:#2a1606;text-shadow:0 1px #ffe6b480}.overlay.create .preview-card{border-color:color-mix(in srgb, var(--amber-2) 40%, transparent);background:linear-gradient(135deg,#e08a2e29,#261a1099);border-radius:6px}.overlay.create .preview-stats span{border-radius:6px}.overlay.create .origin-radar .radar-grid{fill:#e08a2e0d;stroke:#ffd27a52}.overlay.create .origin-radar .radar-axis{stroke:#ffd27a38}.overlay.create .origin-radar .radar-shape{fill:#e08a2e6b;stroke:var(--amber-2)}.overlay.create .origin-radar .radar-dot{fill:#fff3d6;stroke:#b86a1e}.overlay.create .origin-radar .radar-label{fill:var(--amber-2)}.saga-panel .saga-panel-head.sc-header{background:linear-gradient(90deg,#523920b8,#261a104d);border-bottom-color:#ffd27a38}.sc-panel{--sc-bg:#081c1ff5;--sc-bg-soft:#133939ad;--sc-line:#91dfcc57;--sc-jade:#9be6d0;--sc-ink:#062023;pointer-events:auto;width:min(1120px,96vw);max-height:min(90vh,760px);color:var(--text,#eefaf7);border:1px solid var(--sc-line);background:radial-gradient(circle at 90% 4%,#85e3cb1a,#0000 26%),linear-gradient(125deg,#051619fa,#0b292af5 52%,#041519fa);border-radius:16px;font-family:Figtree,system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d2ffef0f,inset 0 0 36px #00000070,0 22px 60px #00000094}.sc-panel:before,.sc-panel:after{content:"";z-index:0;pointer-events:none;border:1px solid #b5efda8a;width:10px;height:10px;position:absolute}.sc-panel:before{border-bottom:0;border-right:0;inset:8px auto auto 8px}.sc-panel:after{border-top:0;border-left:0;inset:auto 8px 8px auto}.sc-header,.sc-card,.sc-panel-foot,.sc-subtabs,.sc-balance{z-index:1;position:relative}.sc-header{background:linear-gradient(90deg,#10403eb8,#0a26294d);border-bottom:1px solid #97e0cc3d;align-items:center;gap:14px;min-height:72px;padding:14px 18px 12px 22px;display:flex}.sc-header>div{flex:1;min-width:0}.sc-eyebrow{color:var(--sc-jade);font:700 10px/1.3 var(--display,sans-serif);letter-spacing:.2em;display:block}.sc-header h2{color:#e7fff8;font:800 20px/1.25 var(--display,sans-serif);letter-spacing:.08em;margin:2px 0 1px}.sc-header p{color:#a9cfc8;margin:0;font-size:12px}.sc-close{border:1px solid var(--sc-line);color:#d8fff0;cursor:pointer;background:#030f128a;border-radius:10px;flex:none;width:42px;min-height:42px}.sc-close:hover{background:#55b5a433}.sc-craft-layout{grid-template-columns:minmax(0,1.05fr) minmax(250px,.95fr);gap:12px;padding:14px 18px 0;display:grid}.sc-card{background:linear-gradient(135deg,#cff9e813,#00080c3d);border:1px solid #91dfcc38;border-radius:12px;min-width:0;padding:13px;box-shadow:inset 0 1px #dbfff412}.sc-card-title{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.sc-card-title h3{color:#e2fff6;font:800 14px var(--display,sans-serif);letter-spacing:.08em;margin:0}.sc-card-title span{color:#92bbb2;font-size:11px}.sc-pool{max-height:276px;overflow:auto}.sc-pool-row,.sc-bag-row,.sc-shop-row,.sc-gear-row,.sc-beast-row,.sc-source-row,.sc-codex-row{border-top:1px solid #91dfcc1f;align-items:center;gap:8px;padding:8px 7px;display:flex}.sc-pool-row:first-of-type,.sc-list>:first-child,.sc-codex-body .sc-card>:first-child{border-top:0}.sc-item{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.sc-item>div:last-child{min-width:0}.sc-item b,.sc-bag-row b,.sc-shop-row b,.sc-gear-row b,.sc-beast-row b,.sc-source-row b{color:#e3fff6;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.sc-item small{color:#8eb9af;text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.sc-item span,.sc-bag-row span,.sc-shop-row span,.sc-gear-row span,.sc-beast-row span{color:#9ac3b8;margin-top:2px;font-size:11px;display:block}.sc-icon-wrap{background:radial-gradient(circle,#357a6c57,#04181bd9);border:1px solid #9de6d159;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.sc-item-icon{color:var(--icon-color,#a9e9d4);font-family:var(--display,sans-serif);text-shadow:0 0 10px var(--icon-color,#85d6c0);font-size:18px;font-weight:900;line-height:1;display:block}.sc-item-icon-name{display:none}.sc-tier{color:#9be6d0;border:1px solid #9be6d04d;border-radius:4px;padding:1px 4px;font-size:10px;display:inline-block}.sc-pool-actions,.sc-row-actions{flex:none;justify-content:flex-end;align-items:center;gap:5px;display:flex}.sc-pool-actions strong{color:#effff8;text-align:center;min-width:24px}.sc-step{border-radius:8px;width:40px;min-height:40px;padding:0;font-size:20px}.sc-furnace{text-align:center;background:radial-gradient(circle at 50% 92%,#4fac913d,#0000 48%),linear-gradient(160deg,#103a35b8,#04181bb3);flex-direction:column;justify-content:center;min-height:248px;display:flex;position:relative;overflow:hidden}.sc-furnace-seal{color:#c7f8e3;border:2px solid #bff6dea6;border-radius:50%;align-self:center;place-items:center;width:54px;height:54px;margin:-3px auto 6px;font:900 25px serif;display:grid;transform:rotate(-7deg);box-shadow:0 0 0 4px #63bb9f1a,0 0 20px #5dd9b64d}.sc-furnace h3{color:#d3fff0;font:800 15px var(--display,sans-serif);margin:0 0 5px}.sc-offered-list{flex-wrap:wrap;justify-content:center;gap:5px;min-height:27px;display:flex}.sc-offered-pill{color:#bff5e2;background:#31826c42;border:1px solid #92eac95c;border-radius:999px;padding:5px 8px;font-size:11px}.sc-muted{color:#769f97;font-size:12px}.sc-meter-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin:13px 0 4px;display:grid}.sc-meter-grid span{background:#000b0e4d;border:1px solid #91dfcc1f;border-radius:7px;padding:6px 3px}.sc-meter-grid small{color:#8bb8ae;font-size:9px;display:block}.sc-meter-grid b{color:#e6fff5;font:800 12px var(--display,sans-serif);margin-top:3px;display:block}.sc-hint{color:#8cb9ae;margin:7px 0;font-size:11px;line-height:1.4}.sc-craft-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sc-result{color:#9cc7ba;text-align:left;background:#00080a57;border:1px solid #9be6d047;border-radius:8px;margin-top:8px;padding:7px 9px}.sc-result>span{color:#78a79d;letter-spacing:.12em;font-size:9px;display:block}.sc-result>b{margin-top:2px;font-size:11px;line-height:1.4;display:block}.sc-result-affixes{flex-wrap:wrap;gap:4px 9px;margin:4px 0 0;padding:0;font-size:10px;list-style:none;display:flex}.sc-btn{color:#dcfff3;cursor:pointer;min-height:42px;font:700 12px var(--display,sans-serif);background:linear-gradient(#2a7967b3,#104741c7);border:1px solid #97efd361;border-radius:9px;padding:8px 14px;box-shadow:inset 0 1px #e5fff621}.sc-btn:hover:not(:disabled){background:linear-gradient(#4eac90d1,#196052d9)}.sc-btn:active:not(:disabled){transform:translateY(1px)}.sc-btn:disabled{opacity:.38;cursor:default}.sc-btn-primary{color:#05231e;background:linear-gradient(#b8f5df,#66c8aa);border-color:#dcfff1;box-shadow:0 0 14px #64deb43d}.sc-btn-ghost{background:#03181b47}.sc-btn-danger{color:#ffd6cd;background:#64232070;border-color:#ff8f7b6b}.sc-btn-small{min-height:40px;padding:7px 10px;font-size:11px}.sc-btn-close{min-height:40px}.sc-recipes{max-height:250px;margin:12px 18px 0;overflow:auto}.sc-recipe{border-top:1px solid #91dfcc1f;align-items:center;gap:9px;padding:9px 7px;display:flex}.sc-recipe.is-known{border-left:2px solid #81e1b3a6}.sc-recipe.is-hidden{opacity:.7}.sc-recipe-main{flex:1;min-width:0}.sc-recipe-heading{align-items:center;gap:7px;min-width:0;display:flex}.sc-recipe-heading b{color:#dffef3;font:700 12px var(--display,sans-serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sc-recipe p{color:#8fbab0;margin:3px 0 0;font-size:10px}.sc-material-chips{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.sc-material-chip{color:#91b6ae;background:#00050747;border:1px solid #91dfcc29;border-radius:7px;align-items:center;gap:4px;min-height:23px;padding:2px 5px 2px 3px;font-size:10px;display:inline-flex}.sc-material-chip>.sc-item-icon{font-size:13px}.sc-material-chip b{color:inherit;font-weight:600}.sc-material-chip em{color:#efb09e;font-style:normal}.sc-material-chip.is-enough em{color:#a9e69a}.sc-clue{font-style:italic;color:#d5bc85!important}.sc-lock{color:#758f8b;flex:none;font-size:10px}.sc-panel-foot{color:#88aea6;border-top:1px solid #91dfcc26;justify-content:space-between;align-items:center;gap:8px;padding:9px 18px;font-size:11px;display:flex}.sc-panel-foot .sc-btn{min-height:40px}.sc-subtabs{flex-wrap:wrap;gap:6px;padding:12px 14px 0;display:flex}.sc-subtabs .sc-btn{color:#91bdb3;background:#000a0d47;min-height:40px;padding-inline:14px}.sc-subtabs .sc-btn.is-active{color:#dffff3;background:#4ea98f4d;border-color:#9eefd39e}.sc-bag-card{margin:14px 18px 0;padding:0 10px 10px;overflow:auto}.sc-list{max-height:min(57vh,420px);overflow:auto}.sc-combat-line{color:#9fc7bc;flex-wrap:wrap;gap:12px;padding:12px 4px 8px;font-size:12px;display:flex}.sc-combat-line b{color:#e2fff5;font:800 14px var(--display,sans-serif)}.sc-slots{grid-template-columns:repeat(3,1fr);gap:7px;padding:0 0 10px;display:grid}.sc-slots span{background:#020e1059;border:1px solid #91dfcc2e;border-radius:8px;min-width:0;padding:8px}.sc-slots small{color:#78a59d;font-size:10px;display:block}.sc-slots b{color:#d3f9eb;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;display:block;overflow:hidden}.sc-gear-row{display:block}.sc-gear-row.is-equipped{background:#66c29e1a;border-left:2px solid #9be6d0}.sc-gear-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.sc-gear-top>div:first-child{flex:1;min-width:0}.sc-affixes{flex-wrap:wrap;gap:5px 12px;margin:6px 0 0;padding:0 0 0 4px;list-style:none;display:flex}.sc-affixes li{font-size:11px}.sc-affixes em{font-size:10px;font-style:normal}.sc-up{color:#a8eea0!important}.sc-down{color:#ffab99!important}.sc-neutral{color:#9fc7bc}.sc-balance{color:#a6d8c9;text-align:right;background:linear-gradient(90deg,#35846c47,#01131633);border:1px solid #91dfcc45;border-radius:10px;margin:14px 18px 0;padding:11px 14px}.sc-balance b{color:#e7fff4;font:900 18px var(--display,sans-serif)}.sc-shop-grid{grid-template-columns:1fr 1fr;gap:12px;padding:12px 18px 0;display:grid}.sc-shop-grid .sc-card{min-height:210px}.sc-shop-row>div:first-child{flex:1;min-width:0}.sc-codex-body{grid-template-columns:1fr 1fr;gap:12px;max-height:min(66vh,540px);padding:12px 18px;display:grid;overflow:auto}.sc-codex-body>.sc-card:first-child{grid-column:1/-1}.sc-codex-body .sc-card{min-height:120px}.sc-codex-row{align-items:flex-start}.sc-codex-row>div{flex:1;min-width:0}.sc-codex-row p{margin:4px 0 0}.sc-beast-row{align-items:flex-start}.sc-beast-row>div:first-child{flex:1;min-width:130px}.sc-beast-row dl{color:#9cc5ba;text-align:right;grid-template-columns:auto auto;gap:2px 8px;margin:0;font-size:10px;display:grid}.sc-beast-row dt{color:#6f9c93}.sc-beast-row dd{color:#d2f7e9;margin:0}.sc-source-row{justify-content:space-between}.sc-source-row span{color:#a2c8be;text-align:right;font-size:11px}.sc-empty{color:#789f97;margin:12px 4px;font-size:12px}@media (max-width:760px){.sc-panel{border-radius:12px;width:98vw;max-height:94vh}.sc-header{min-height:58px;padding:9px 12px 8px 14px}.sc-header h2{font-size:17px}.sc-craft-layout,.sc-shop-grid,.sc-codex-body{grid-template-columns:1fr;gap:8px;padding-inline:10px}.sc-pool{max-height:180px}.sc-furnace{min-height:205px}.sc-recipes{max-height:190px;margin-inline:10px}.sc-bag-card{margin-inline:10px}.sc-panel-foot{padding-inline:12px}.sc-codex-body{max-height:57vh;padding-inline:10px}.sc-codex-body>.sc-card:first-child{grid-column:auto}.sc-shop-grid .sc-card{min-height:0}}@media (max-width:700px) and (orientation:landscape),(max-height:430px){.sc-panel{max-height:96vh}.sc-header{min-height:48px;padding-block:6px}.sc-header p{display:none}.sc-header h2{font-size:15px}.sc-eyebrow{font-size:8px}.sc-craft-layout{grid-template-columns:1fr 1fr}.sc-pool{max-height:162px}.sc-furnace{min-height:162px}.sc-furnace-seal{width:37px;height:37px;margin-top:-1px;font-size:18px}.sc-meter-grid{margin-top:6px}.sc-hint{display:none}.sc-recipes{max-height:128px}.sc-card{padding:8px}.sc-shop-grid{grid-template-columns:1fr 1fr}.sc-codex-body{grid-template-columns:1fr 1fr;max-height:64vh}.sc-codex-body>.sc-card:first-child{grid-column:1/-1}.sc-btn,.sc-step{min-height:40px}}.sc-recipe-missing{white-space:normal;max-width:190px;line-height:1.5;color:#f1c57d!important;font-size:11px!important;display:block!important}.v6-food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.v6-food-grid .sc-bag-row{border:1px solid #55726a;border-radius:10px;flex-direction:column;align-items:stretch;padding:14px;display:flex}.v6-food-grid button{margin:6px 8px 0 0}.sc-subtabs input,.sc-subtabs select{color:#e7f0dd;background:#15332f;border:1px solid #63877b;border-radius:6px;max-width:100%;padding:8px}.sc-bag-card label:has([data-salvage]){align-items:center;gap:5px;display:flex}.sc-bag-card [data-salvage]{accent-color:#63e2be;width:18px;height:18px}[data-material-usage] .sc-card{margin-top:12px;padding:14px}section[aria-label=拆解確認]{border:2px solid #dbb56f;margin:12px 0;padding:16px}section[aria-label=拆解確認] article{border-top:1px solid #657866;padding:8px}section[aria-label=拆解確認] button{margin-right:12px}@media (max-width:700px){.v6-food-grid{grid-template-columns:1fr}}.ui-correction{--uic-ink:#2f2215;--uic-deep:#1d1207;--uic-jade:#956332;--uic-gold:#e6bf77;--uic-paper:#fcf6ee;--uic-text:#fbf7ef;--uic-muted:#c6beb6;--uic-line:#617867;--uic-white:#f1efe6;--uic-green:#c98139;--uic-blue:#4aa9ff;--uic-legend:#ffb347;color:var(--uic-text)}.ui-correction :is(button,input,select,textarea){font:inherit}.ui-correction :is(button,a,input,select):focus-visible{outline-offset:3px;outline:2px solid #e7ce9c}.ui-correction :is(.panel,.saga-panel,.sc-panel){border:1px solid var(--uic-gold);color:var(--uic-text);background:radial-gradient(at 50% 0,#4d361f55,#0000 70%),linear-gradient(145deg,#30200ff5,#1e1207f7);border-radius:4px;box-shadow:inset 0 0 0 4px #1d1207,inset 0 0 0 5px #81764b88,0 12px 48px #0009}.ui-correction :is(.panel,.uic-game-panel){position:relative}.ui-correction :is(.panel,.uic-game-panel):before{content:"◇";color:var(--uic-gold);pointer-events:none;font-size:21px;position:absolute;top:3px;left:7px}.ui-correction :is(.panel,.uic-game-panel):after{content:"◇";color:var(--uic-gold);pointer-events:none;font-size:21px;position:absolute;bottom:3px;right:7px}.ui-correction .menu>.panel.wide{flex-direction:column;width:min(1440px,100vw - 40px);max-height:calc(100dvh - 36px);padding:16px;display:flex;overflow:hidden}.ui-correction .menu-body{overscroll-behavior:contain;scrollbar-color:#bda56a #281a0c;min-height:0;padding:12px 4px;overflow:auto}.ui-correction .tabs{border-bottom:1px solid #bda56a77;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 10px 12px;display:flex}.ui-correction :is(.tabs button,.cave-tabs button,.sc-subtabs button,.uic-button){color:var(--uic-text);cursor:pointer;background:linear-gradient(#4f3922,#2c1c0d);border:1px solid #72866d;border-radius:3px;min-height:38px;padding:9px 14px}.ui-correction :is(.tabs button.on,.cave-tabs button.active,.sc-subtabs .is-active,.uic-button[aria-current=true]){color:#fff6cf;background:linear-gradient(145deg,#805f3e,#432c15);border-color:#ddc388;box-shadow:inset 0 0 0 2px #292017}.ui-correction :is(.saga-button,.sc-btn,.btn){color:#f1ead7;min-height:36px;box-shadow:none;filter:none;background:0 0;border:1px solid #a38f5b;border-radius:3px;padding:9px 14px;font-size:14px;position:relative}.ui-correction :is(){display:none}.ui-correction :is(.sc-btn-primary,.saga-button.primary,.uic-button.primary){color:#2a1606;text-shadow:none;background:linear-gradient(#ffd27a,#e08a2e);border-color:#ffd27a}.ui-correction :is(.sc-btn-danger,.saga-button.danger,.uic-button.danger){color:#ffdbba;background:#4f282b;border-color:#b27863}.ui-correction button:disabled{opacity:.42;cursor:not-allowed;filter:none}.ui-correction :is(.sc-header,.saga-panel-head,.uic-panel-header){background:linear-gradient(90deg,#4c321888,#0000);border-bottom:1px solid #9e8c5d66;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.ui-correction :is(h2,h3,h4){color:#ead5a2;letter-spacing:.08em;font-family:Noto Serif TC,Microsoft JhengHei,serif}.ui-correction :is(.sc-header h2,.saga-panel-head h2,.uic-panel-header h2){margin:3px 0;font-size:25px}.ui-correction :is(.sc-header p,.uic-panel-header p){color:var(--uic-muted);margin:0;font-size:13px}.ui-correction :is(.sc-eyebrow,.saga-eyebrow,.uic-panel-header small){color:#dcc79f;letter-spacing:.14em;font-size:12px}.ui-correction :is(.sc-panel,.saga-panel){padding:0;overflow:hidden}.ui-correction :is(.saga-panel-body,.sc-panel>section,.sc-panel>main,.sc-panel>nav,.sc-panel>.sc-card,.sc-craft-layout,.sc-panel>.sc-subtabs){margin:16px 20px}.ui-correction :is(.sc-card,.formation-card,.plot-card,.skill-card,.storage-row,.seed-card,.sc-gear-row){color:var(--uic-text);background:#2b1c0ee0;border:1px solid #a07a4a66;border-radius:3px}.ui-correction :is(.sc-pool,.sc-recipes){background:#251709;border-color:#ac985b88}.ui-correction :is(input,select,textarea){color:var(--uic-text);background:#211408;border:1px solid #7d916f;border-radius:3px;max-width:100%;padding:8px}.ui-correction :is(.sc-btn-small,.saga-button.small){padding:7px 10px;font-size:13px}.ui-correction :is(.sc-muted,.muted-note,.sc-hint,.saga-panel small){color:#b7c5b7}.ui-correction .sc-craft-layout{grid-template-columns:minmax(230px,.85fr) minmax(320px,1.15fr);gap:18px}.ui-correction .sc-furnace{background:radial-gradient(at 50% 10%,#6f5a4555,#0000 70%),#291b0d}.ui-correction .sc-furnace-seal{color:#d8c28d;border:4px double #bda56a;border-radius:50%;place-items:center;width:100px;height:100px;margin:20px auto;font:48px Noto Serif TC,serif;display:grid}.ui-correction .uic-scroll{color:#3c2e1f;background:linear-gradient(110deg,#f3e8c9,#e1d1a7);border:4px double #9c814d;min-width:0;padding:24px;box-shadow:inset 0 0 25px #a9955d55}.ui-correction .uic-scroll :is(h2,h3,h4,small,b,p,span,li,label){color:#433322}.ui-correction .uic-scroll .uic-progress span{color:#fff8dc}.ui-correction .uic-skills-layout{grid-template-columns:minmax(240px,.85fr) minmax(300px,1.15fr);gap:18px;display:grid}.ui-correction .uic-skills-layout .skill-card-grid{grid-template-columns:1fr;gap:8px;display:grid}.ui-correction .uic-skills-layout .skill-card{text-align:left;padding:13px}.ui-correction .uic-skills-layout .skill-meta,.ui-correction .uic-skills-layout .milestone,.ui-correction .uic-skills-layout .skill-main>small{display:none}.ui-correction .uic-progress{color:#fff8dc;background:#2d1c0c;border:1px solid #8d956d;height:24px;margin:14px 0;position:relative;overflow:hidden}.ui-correction .uic-progress i{background:linear-gradient(90deg,#906e4b,#c5a07b);height:100%;display:block}.ui-correction .uic-progress span{text-align:center;font-size:12px;position:absolute;inset:0}.ui-correction .uic-item-slot{border:1px solid var(--uic-gold);color:#e4d3a6;background:linear-gradient(135deg,#47331f,#1d1207);border-radius:4px;flex-shrink:0;place-items:center;width:58px;height:58px;display:inline-grid;position:relative}.ui-correction .uic-item-slot img{object-fit:contain;width:46px;height:46px}.ui-correction .uic-item-slot b{color:#fff;font-size:11px;position:absolute;bottom:0;right:3px}.ui-correction .uic-item-slot[data-quality=green]{border-color:var(--uic-green)}.ui-correction .uic-item-slot[data-quality=blue]{border-color:var(--uic-blue)}.ui-correction .uic-item-slot[data-quality=gold]{border-color:var(--uic-legend)}.ui-correction .uic-resource-label{color:#fff5dc;pointer-events:none;font-size:11px}.ui-correction .sc-list:has(.sc-bag-row){grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ui-correction .sc-bag-row{background:#291a0c;border:1px solid #96855e77;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:14px;display:flex}.ui-correction .sc-bag-row .sc-row-actions{flex-wrap:wrap;gap:5px;display:flex}.ui-correction .sc-bag-row .sc-item{gap:12px}.ui-correction .uic-garden-plots{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ui-correction .uic-garden-plots .plot-card{background:radial-gradient(#345a3c88,#0000),#291c0e;min-height:200px;padding:18px}.ui-correction .uic-plant{color:#94bb7d;text-shadow:0 0 12px #dbb59088;transform-origin:bottom;height:76px;transform:scale(var(--growth,.3));place-items:center;font-size:42px;display:grid}.ui-correction .v6-food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ui-correction .menu-foot{color:#bfceb7;border-top:1px solid #8f805b66;flex-shrink:0;padding:8px 12px;font-size:12px}.ui-correction .uic-candidate{color:#d7c99f;pointer-events:none;z-index:8;background:#281a0ce6;border:1px solid #a58c52;padding:5px 10px;font-size:11px;position:fixed;bottom:8px;right:14px}.ui-correction .uic-review-picker{z-index:8;pointer-events:auto;gap:5px;display:flex;position:fixed;bottom:44px;right:14px}.ui-correction .uic-review-picker button{color:#e6d8b5;background:#2c1d0e;border:1px solid #9d8b5e;padding:5px 9px;font-size:11px}.ui-correction .compass{display:none!important}.ui-correction .settings>.panel{overscroll-behavior:contain;width:min(720px,100vw - 36px);max-height:calc(100dvh - 48px);padding:24px;overflow:auto}.ui-correction .map>.panel{grid-template-columns:170px minmax(300px,1fr) 260px;gap:14px;width:min(1380px,100vw - 36px);max-height:calc(100dvh - 36px);padding:24px;display:grid;overflow:auto}.ui-correction .map>.panel>header{border-bottom:1px solid var(--uic-gold);grid-column:1/-1;justify-content:space-between;padding-bottom:10px;display:flex}.ui-correction .map canvas{border:double 4px var(--uic-gold);border-radius:2px;grid-area:2/2;justify-self:center;width:min(100%,54vh)}.ui-correction .map-zones{display:contents}.ui-correction .map-zones>aside{flex-direction:column;grid-area:2/1/4;gap:7px;max-height:65vh;display:flex;overflow:auto}.ui-correction .map-zones>article{grid-area:2/3/4;max-height:65vh;padding:18px;overflow:auto}.ui-correction .map-zones label{align-items:center;gap:6px;font-size:13px;display:flex}.ui-correction .map-zones button{color:#e8ddb9;text-align:left;background:#342211;border:1px solid #8e8257;padding:8px;font-size:13px}.ui-correction .map-zones button[aria-current=true]{background:#674c30;border-color:#e5c582}.ui-correction .map .legend{grid-column:2;margin:0;font-size:11px;line-height:1.8}.ui-correction .map .map-travel{grid-column:1/-1;align-items:center;gap:12px;display:flex}.ui-correction .hud .vitals{background:linear-gradient(120deg,#28190ae8,#3f2913d9);border:4px double #9e8a55;border-radius:3px;width:390px;padding:15px 18px 16px 75px;top:24px;left:24px;box-shadow:inset 0 0 0 3px #21160a}.ui-correction .hud .vitals .med{display:none}.ui-correction .hud .vitals .uic-portrait{color:#ddc491;background:#24180b;border:1px solid #a38f5b;place-items:center;width:48px;height:72px;font-size:26px;display:grid;position:absolute;top:24px;left:14px}.ui-correction .hud :is(.hpbar,.stbar,.qibar){height:21px;box-shadow:none;background:#041a20;border:1px solid #a9955d;border-radius:2px;width:100%;margin:3px 0;position:relative;overflow:hidden}.ui-correction .hud :is(.hpbar,.stbar,.qibar):before,.ui-correction .hud :is(.hpbar,.stbar,.qibar):after{display:none}.ui-correction .hud .hpbar .fill{background:linear-gradient(90deg,#7e2927,#c9654d)}.ui-correction .hud .stbar .fill{background:linear-gradient(90deg,#9c793a,#e8c46a)}.ui-correction .hud .qibar .fill{background:linear-gradient(90deg,#245f88,#63b9d1)}.ui-correction .hud .realmchip{background:0 0;border:0;grid-template-columns:1fr 1fr;align-items:center;padding:2px 0;display:grid}.ui-correction .hud .realmchip .xpbar{background:#22160a;border:1px solid #8d9e72;grid-area:2/1/auto/-1;height:16px}.ui-correction .hud .realmchip .xpbar i{background:#9e7e5e}.ui-correction .hud .realmchip em{text-align:right;grid-area:1/2;font-size:11px}.ui-correction .hud .vitals-row{display:none}.ui-correction .hud .stbar .uic-resource-label{text-align:center;line-height:19px;position:absolute;inset:0}.ui-correction .hud .ring-minimap{background:#291b0d;border:4px double #9e8a55;border-radius:50%;top:24px;right:24px;overflow:hidden}.ui-correction .hud .objective{background:#291a0ce6;border:1px solid #a48f5b;border-radius:3px;width:270px;padding:15px;top:250px;left:auto;right:24px}.ui-correction .hud .objective .obj-detail{font-size:12px}.ui-correction .hud .objective.uic-collapsed :is(.obj-title,.obj-detail,.obj-dist){display:none}.ui-correction .hud .objective button{color:#dec793;float:right;pointer-events:auto;cursor:pointer;background:0 0;border:0}.ui-correction .uic-function-dock{pointer-events:auto;gap:5px;display:flex;position:absolute;bottom:20px;left:24px}.ui-correction .uic-function-dock button{color:#e3d1a6;background:#2c1c0c;border:1px solid #a48f5b;min-height:40px;padding:8px 12px}.ui-correction .hud .hints{display:none}.ui-correction .hud .skillbar{bottom:22px;left:50%;transform:translate(-50%)}.ui-correction .uic-consumables{pointer-events:auto;gap:5px;display:flex;position:absolute;bottom:22px;left:calc(50% + 150px)}.ui-correction .uic-consumables button{color:#ede1c3;background:#2d1e0e;border:1px solid #ad9862;flex-direction:column;gap:5px;padding:8px;font-size:12px;display:flex}.ui-correction .uic-plant{object-fit:contain;width:100%}.ui-correction .menu>.panel.wide{height:min(900px,100dvh - 36px)}.ui-correction .uic-inventory-layout{grid-template-columns:minmax(280px,1fr) minmax(270px,.8fr);align-items:start;gap:18px;display:grid}.ui-correction .uic-inventory-layout .sc-list{grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;gap:8px;display:grid}.ui-correction .uic-inventory-layout [data-item]{background:0 0;border:0;min-width:0;margin:0;padding:0}.ui-correction .uic-inventory-layout .sc-list [data-item]>:not(.uic-item-pick){display:none}.ui-correction .uic-item-pick{color:#e1d8c1;cursor:pointer;background:#27190b;border:1px solid #637654;flex-direction:column;align-items:center;gap:6px;width:100%;padding:5px;display:flex}.ui-correction .uic-item-pick[aria-current=true]{border-color:#f4d483;box-shadow:0 0 0 1px #e6bf77}.ui-correction .uic-item-pick small{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;overflow:hidden}.ui-correction .uic-item-detail{min-height:280px}.ui-correction .uic-item-detail :is(.sc-item,.sc-gear-top){color:#3f3225;flex-wrap:wrap;gap:14px;margin:10px 0;display:flex}.ui-correction .uic-item-detail :is(span,small,p,b){color:#3f3225}.ui-correction .uic-item-detail .sc-btn{color:#f1ead7;background:linear-gradient(#63482d,#342210)}.ui-correction .skills-lead{margin:0;padding:4px 0 10px}.ui-correction .skills-lead>p{display:none}.ui-correction .uic-skills-layout{grid-template-columns:minmax(220px,.65fr) minmax(340px,1.35fr)}.ui-correction .uic-skills-layout .skill-card-grid{align-content:start;max-height:450px;overflow:auto}.ui-correction .uic-skills-layout>.uic-scroll{min-height:330px}.ui-correction .loadout-board{margin-top:18px;padding:12px}@media (max-width:1400px){.ui-correction .uic-inventory-layout .sc-list{grid-template-columns:repeat(4,minmax(0,1fr))}.ui-correction .uic-skills-layout .skill-card-grid{max-height:330px}}.ui-correction[data-hud-layout="01"] .hud .vitals{width:430px}.ui-correction[data-hud-layout="01"] .hud .uic-function-dock{left:auto;right:24px}.ui-correction[data-hud-layout="02"] .hud .vitals{width:420px;top:32px}.ui-correction[data-hud-layout="02"] .hud .objective{width:300px;top:270px}.ui-correction[data-hud-layout="02"] .hud .uic-function-dock{bottom:90px}@media (max-width:1400px){.ui-correction .hud .vitals{width:325px;padding-left:65px;top:16px;left:16px}.ui-correction .hud .ring-minimap{top:16px;right:16px}.ui-correction .hud .objective{width:235px;right:16px}.ui-correction .uic-function-dock{gap:3px;bottom:15px;left:16px}.ui-correction .uic-function-dock button{padding:7px 9px;font-size:12px}.ui-correction .map>.panel{grid-template-columns:145px minmax(280px,1fr) 230px;padding:18px}.ui-correction .menu>.panel.wide{width:calc(100vw - 24px);padding:10px}.ui-correction .tabs{gap:3px}.ui-correction .tabs button{padding:7px 10px}}@media (max-width:900px){.ui-correction .uic-skills-layout,.ui-correction .sc-craft-layout{grid-template-columns:1fr}.ui-correction .uic-garden-plots{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-correction .where{display:none}.ui-correction .uic-review-picker{bottom:10px;right:10px}.ui-correction .uic-candidate{display:none}}body.him-v1 .hud .vitals{width:382px;height:166px;top:28px;left:30px}body.him-v1 .mh-portrait{width:120px;height:120px;top:22px;left:4px}body.him-v1 .mh-identity{flex-wrap:wrap;gap:2px;font-size:14px;top:12px;left:132px;right:12px}body.him-v1 .mh-identity small{font-size:12px}body.him-v1 .hud .vitals :is(.hpbar,.qibar,.stbar){width:235px;height:20px;left:132px}body.him-v1 .hud .hpbar{top:44px}body.him-v1 .hud .qibar{top:70px}body.him-v1 .hud .stbar{top:96px}body.him-v1 .hud .vitals :is(.hpbar,.qibar,.stbar) span{font-size:13px;line-height:18px}body.him-v1 .hud .hpbar span{font-size:14px;font-weight:800}body.him-v1 .hud .realmchip{width:235px;height:20px;top:122px;left:132px}body.him-v1 .hud .realmchip .xpbar{height:20px}body.him-v1 .hud .realmchip em{font-size:13px;line-height:20px}body.him-v1 .mh-effects{max-width:380px;font-size:11px;top:171px}body.him-v1 .hud :is(.vitals,.objective,.mh-combat-dock,.mh-nav,.prompt):before{border-width:17px;border-image-width:17px;inset:-3px}body.him-v1 .mh-minimap{width:210px;height:210px;top:28px;right:28px}body.him-v1 .hud .ring-minimap{width:210px;height:210px}body.him-v1 .hud .ring-minimap canvas{width:180px;height:180px;top:15px;left:15px}body.him-v1 .mh-map-frame{width:214px;height:214px;inset:-2px}body.him-v1 .hud .ring-minimap span{font-size:14px;top:-10px;left:8px;right:8px}body.him-v1 .mh-map-controls{gap:8px;bottom:-8px;right:0}body.him-v1 .mh-map-controls button{width:30px;height:30px;box-shadow:inset 0 0 0 1px #32413b}body.him-v1 .mh-map-coords{font-size:11px;bottom:19px}body.him-v1:has(.ring-minimap):not(.touch) .hud .zoom-controls{top:248px;right:28px}body.him-v1:has(.ring-minimap):not(.touch) .hud .objective{width:266px;min-height:0;padding:13px 15px;top:292px;right:28px}body.him-v1 .mh-quest-heading{margin:0 0 7px;padding-bottom:6px;font-size:17px}body.him-v1 .hud .objective .obj-title{font-size:15px;line-height:1.45}body.him-v1 .hud .objective .obj-detail{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}body.him-v1 .hud .objective.him-expanded .obj-detail{overscroll-behavior:contain;max-height:132px;display:block;overflow:auto}body.him-v1 .hud .objective .him-quest-more{float:none;color:#b6dfd3;width:auto;height:22px;padding:0;font-size:12px;text-decoration:underline;display:block}body.him-v1 .hud .objective.uic-collapsed .him-quest-more{display:none}body.him-v1 .hud .objective.uic-collapsed{width:185px;min-height:30px;padding:9px 13px}body.him-v1 .mh-combat-dock{gap:9px;padding:8px 11px 17px;bottom:22px;left:40%}body.him-v1 .hud .skillbar{gap:7px}body.him-v1 .hud .sslot{width:58px;height:65px;box-shadow:none}body.him-v1 .hud .sslot:before{display:none}body.him-v1 .hud .sslot>.mh-icon{width:54px;height:54px}body.him-v1 .hud .sslot>b{font-size:10px;line-height:12px}body.him-v1 .mh-dock-seal{display:none}body.him-v1 .mh-action-strip{border-left:1px solid #bfa46788;gap:5px;padding-left:9px}body.him-v1 .mh-action{width:49px;height:65px}body.him-v1 .mh-action>.mh-icon{width:45px;height:45px}body.him-v1 .mh-action-name{font-size:10px}body.him-v1 .mh-nav{gap:5px;padding:7px 9px;bottom:22px;right:28px}body.him-v1 .mh-nav button{width:43px;height:60px}body.him-v1 .mh-nav .mh-icon{width:40px;height:40px}body.him-v1 .mh-nav button span{font-size:12px}body.him-v1 .hud .prompt{min-height:34px;font-size:13px;bottom:125px}body.him-v1 .hud .tip{border-width:9px;border-image-width:9px;max-width:245px;padding:10px 12px;font-size:12px;bottom:128px;left:30px}body.him-v1 .hud .toast{font-size:13px;bottom:125px}body.him-v1 .hud .feed{bottom:185px}body.him-v1 .map>.panel{box-sizing:border-box;background:#05262bef;border:0;border-radius:0;grid-template-rows:48px minmax(0,1fr) 28px;grid-template-columns:minmax(0,19fr) minmax(0,60fr) minmax(0,21fr);gap:12px;width:calc(100vw - 48px);max-width:1900px;height:calc(100dvh - 48px);max-height:none;padding:19px;position:relative;overflow:hidden;box-shadow:0 15px 60px #000a}body.him-v1 .map>.panel:before{content:"";border:24px solid #0000;border-image:var(--mh-frame) 290 / 24px stretch;pointer-events:none;z-index:3;position:absolute;inset:-4px}body.him-v1 .map>.panel>header{color:#efcd8c;grid-row:1;margin:0;padding:0 8px 10px;font-size:24px}body.him-v1 .map canvas{box-sizing:border-box;touch-action:none;cursor:grab;border:1px solid #aa9465;grid-area:2/2;place-self:stretch stretch;width:100%;height:100%;min-height:0}body.him-v1 .map canvas:active{cursor:grabbing}body.him-v1 .map-zones>aside{overscroll-behavior:contain;grid-row:2/4;gap:6px;min-height:0;max-height:none;padding:0 9px 0 0;overflow:auto}body.him-v1 .map-zones>article{overscroll-behavior:contain;background:#05252a99;border-left:1px solid #a38b5c77;grid-row:2/4;min-height:0;max-height:none;padding:12px 15px}body.him-v1 .map-zones h3{color:#f0d59a;margin:3px 0 14px;font-size:25px}body.him-v1 .map-zones h4{color:#d5b979;border-bottom:1px solid #a18b573d;margin:12px 0 7px;padding-bottom:5px;font-size:15px}body.him-v1 .map-zones p{color:#cbdacf;overflow-wrap:anywhere;margin:5px 0 13px;font-size:14px;line-height:1.65}body.him-v1 .map-zones label{min-height:24px;font-size:13px}body.him-v1 .map-zones button{background:#092f32;border:1px solid #7c7952;flex:none;min-height:43px;padding:8px 10px;font-size:14px}body.him-v1 .map-zones button small{color:#c2c9b4;font-size:11px;display:block}body.him-v1 .map-zones button[aria-current=true]{background:#286257;border-color:#d5ba76;box-shadow:inset 3px 0 #e2d08e}body.him-v1 .map .legend{white-space:nowrap;text-overflow:ellipsis;grid-row:3;align-self:center;font-size:12px;overflow:hidden}body.him-v1 .map .map-travel{display:none}@media (max-width:1400px){body.him-v1 .hud .vitals{width:350px;height:158px;top:20px;left:18px}body.him-v1 .mh-portrait{width:108px;height:108px;top:24px}body.him-v1 .mh-identity{font-size:13px;top:11px;left:119px}body.him-v1 .hud .vitals :is(.hpbar,.qibar,.stbar),body.him-v1 .hud .realmchip{width:217px;left:119px}body.him-v1 .mh-effects{max-width:350px;top:163px}body.him-v1 .mh-minimap{width:184px;height:184px;top:22px;right:18px}body.him-v1 .hud .ring-minimap{width:184px;height:184px}body.him-v1 .hud .ring-minimap canvas{width:158px;height:158px;top:13px;left:13px}body.him-v1 .mh-map-frame{width:188px;height:188px}body.him-v1:has(.ring-minimap):not(.touch) .hud .zoom-controls{top:216px;right:18px}body.him-v1:has(.ring-minimap):not(.touch) .hud .objective{width:230px;padding:12px;top:253px;right:18px}body.him-v1 .mh-combat-dock{gap:6px;padding:7px 9px 16px;bottom:20px;left:34%}body.him-v1 .hud .sslot{width:52px;height:61px}body.him-v1 .hud .sslot>.mh-icon{width:48px;height:48px}body.him-v1 .mh-action{width:46px;height:61px}body.him-v1 .mh-action>.mh-icon{width:42px;height:42px}body.him-v1 .mh-nav{gap:3px;padding:6px 8px;bottom:20px;right:18px}body.him-v1 .mh-nav button{width:39px;height:57px}body.him-v1 .mh-nav .mh-icon{width:37px;height:37px}body.him-v1 .map>.panel{grid-template-rows:40px minmax(0,1fr) 23px;gap:9px;width:calc(100vw - 32px);height:calc(100dvh - 32px);padding:15px}body.him-v1 .map-zones button{min-height:40px;font-size:12px}body.him-v1 .map-zones label{font-size:12px}body.him-v1 .map-zones>article{padding:8px 10px}body.him-v1 .map-zones p{font-size:12px}body.him-v1 .map-zones h3{font-size:21px}}body.him-v1 .hud .ring-minimap span{z-index:3}body.him-v1 .mh-map-coords{z-index:2}body.him-v1:has(.ring-minimap):not(.touch) .hud .banner{box-sizing:border-box;border-width:10px;border-image-width:10px;width:290px;height:auto;max-height:120px;padding:10px 14px;inset:auto auto 135px 30px;overflow:hidden}.main-hud-v1{--mh-gold:#d6ba78;--mh-ivory:#f5e6bf;--mh-ink:var(--hud-panel);--mh-frame:url(../ui/main-hud-v1/panel-frame.webp)}.main-hud-v1 .hud{color:var(--mh-ivory);font-family:Microsoft JhengHei,Noto Serif TC,serif}.main-hud-v1 .hud :is(button,[role=button]){cursor:pointer;touch-action:manipulation}.main-hud-v1 .hud :is(button,[role=button]):focus-visible{outline:2px solid var(--hud-accent);outline-offset:3px}.main-hud-v1 .hud :is(.vitals,.objective,.mh-combat-dock,.mh-nav,.prompt,.toast){box-shadow:none;background:var(--hud-panel);border:0;border-radius:0}.main-hud-v1 .hud :is(.vitals,.objective,.mh-combat-dock,.mh-nav,.prompt,.toast):before{content:"";border:26px solid #0000;border-image:var(--mh-frame) 290 / 26px stretch;pointer-events:none;z-index:2;position:absolute;inset:-6px}.main-hud-v1 .hud :is(.vitals,.objective,.mh-combat-dock,.mh-nav,.prompt,.toast):after{display:none}.main-hud-v1 .hud .vitals{pointer-events:auto;width:450px;height:196px;padding:0;top:36px;left:48px}.main-hud-v1 .hud .vitals .med,.main-hud-v1 .hud .vitals-row{display:none}.main-hud-v1 .mh-portrait{object-fit:contain;filter:drop-shadow(0 3px 5px #0008);width:144px;height:144px;position:absolute;top:22px;left:8px}.main-hud-v1 .mh-identity{white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;font-size:15px;display:flex;position:absolute;top:17px;left:164px;right:18px}.main-hud-v1 .mh-identity small{color:#d6c99f;font-size:12px}.main-hud-v1 .hud .vitals :is(.hpbar,.qibar,.stbar){background:#001318;border:1px solid #e2c080;border-radius:11px;width:264px;height:22px;margin:0;position:absolute;left:164px;overflow:hidden;box-shadow:inset 0 0 4px #000}.main-hud-v1 .hud .hpbar{top:49px}.main-hud-v1 .hud .qibar{top:78px}.main-hud-v1 .hud .stbar{top:107px}.main-hud-v1 .hud .vitals :is(.hpbar,.qibar,.stbar):before{content:"";z-index:2;pointer-events:none;border:6px solid #0000;border-image:var(--mh-frame) 290 / 6px stretch;background:0 0;display:block;position:absolute;inset:0}.main-hud-v1 .hud .vitals :is(.hpbar,.qibar,.stbar):after{display:none}.main-hud-v1 .hud .hpbar .fill{background:linear-gradient(#d46b58,#9e362f 50%,#b64d39)}.main-hud-v1 .hud .qibar .fill{background:linear-gradient(var(--hud-primary),#247baa 60%,#154966)}.main-hud-v1 .hud .stbar .fill{background:linear-gradient(#f2d08a,#bb934d 65%,#806332)}.main-hud-v1 .hud .vitals :is(.hpbar,.qibar,.stbar) span{z-index:5;color:#fff1d2;text-align:right;text-shadow:0 1px 2px #000;padding-right:10px;font:700 14px/20px Microsoft JhengHei,sans-serif;position:absolute;inset:0}.main-hud-v1 .hud .realmchip{background:0 0;border:0;width:264px;height:23px;margin:0;padding:0;display:block;position:absolute;top:136px;left:164px}.main-hud-v1 .hud .realmchip>b{display:none}.main-hud-v1 .hud .realmchip .xpbar{background:var(--hud-panel);border:1px solid #c8b576;border-radius:11px;height:22px;position:absolute;inset:0;overflow:hidden}.main-hud-v1 .hud .realmchip .xpbar i{background:var(--hud-primary-gradient);height:100%;display:block}.main-hud-v1 .hud .realmchip em{text-align:right;color:#fff1d2;text-shadow:0 1px 2px #000;padding-right:10px;font:14px/22px Microsoft JhengHei,sans-serif;position:absolute;inset:0}.main-hud-v1 .mh-effects{white-space:nowrap;align-items:center;gap:6px;max-width:450px;font-size:12px;display:flex;position:absolute;top:202px;left:14px}.main-hud-v1 .mh-effects[hidden]{display:none}.main-hud-v1 .mh-effect{background:var(--hud-panel);color:var(--hud-accent);border:1px solid #ad9c64;border-radius:3px;padding:4px 7px}.main-hud-v1 .mh-effect.negative{color:#ffd2ae;border-color:#bf765f}.main-hud-v1 .mh-minimap{pointer-events:none;width:238px;height:238px;position:absolute;top:36px;right:48px}.main-hud-v1 .hud .ring-minimap{width:238px;height:238px;box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0;overflow:visible}.main-hud-v1 .hud .ring-minimap canvas{clip-path:circle(50%);background:var(--hud-panel);border:0;border-radius:50%;width:184px;height:184px;position:absolute;top:27px;left:27px}.main-hud-v1 .mh-map-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.main-hud-v1 .hud .ring-minimap span{text-align:center;color:var(--mh-ivory);background:#031c22e8;border:1px solid #b8a06a;border-radius:8px;font:700 15px/29px Microsoft JhengHei,sans-serif;position:absolute;inset:-8px 28px auto}.main-hud-v1 .mh-map-coords{text-align:center;color:#f8efce;text-shadow:0 1px 4px #000;pointer-events:none;font:12px/20px Microsoft JhengHei,sans-serif;position:absolute;bottom:29px;left:36px;right:36px}.main-hud-v1 .mh-map-controls{z-index:10;pointer-events:auto;gap:5px;display:flex;position:absolute;bottom:22px;right:-2px}.main-hud-v1 .mh-map-controls button{background:var(--hud-panel);color:#f9e5a8;width:34px;height:34px;box-shadow:inset 0 0 0 3px var(--hud-panel);border:1px solid #c4ad72;border-radius:50%;font:22px/1 serif}.main-hud-v1 .hud .objective{pointer-events:auto;width:310px;min-height:155px;padding:18px 21px;top:306px;left:auto;right:48px}.main-hud-v1 .mh-quest-heading{color:#e7c88b;border-bottom:1px solid #c6ac6955;margin:0 0 12px;padding-bottom:8px;font-size:19px;font-weight:400}.main-hud-v1 .hud .objective .obj-step{color:#dfbd65;letter-spacing:.04em;font-size:13px}.main-hud-v1 .hud .objective .obj-title{color:#fff0c5;margin:5px 0;font-size:17px}.main-hud-v1 .hud .objective .obj-detail{color:#c9d8d0;font-size:13px;line-height:1.65}.main-hud-v1 .hud .objective .obj-dist{color:#e4d29f;margin-top:8px;font-size:13px}.main-hud-v1 .hud .objective.uic-collapsed{width:220px;min-height:44px;padding:10px 17px}.main-hud-v1 .hud .objective.uic-collapsed .mh-quest-heading{border:0;margin:0;padding:0}.main-hud-v1 .hud .objective button{float:right;color:#e2c88b;background:0 0;border:0;width:30px;height:28px;font-size:20px}.main-hud-v1 .mh-icon{background-image:url(../ui/main-hud-v1/icons-atlas.webp);background-size:400% 400%;background-position:calc(var(--ix) * 100% / 3) calc(var(--iy) * 100% / 3);pointer-events:none;flex:none;width:52px;height:52px;display:block}.main-hud-v1 .mh-combat-dock{pointer-events:auto;align-items:center;gap:5px;padding:14px 18px 18px;display:flex;position:absolute;bottom:36px;left:42%;transform:translate(-50%)}.main-hud-v1 .hud .skillbar{box-shadow:none;background:0 0;border:0;gap:9px;margin:0;padding:0;display:flex;position:static;inset:auto;transform:none}.main-hud-v1 .hud .sslot{width:68px;height:76px;box-shadow:inset 0 0 0 3px var(--hud-panel);pointer-events:auto;color:#fae7b8;background:#021b21;border:1px solid #98865b;border-radius:5px;flex:none;padding:0;display:block;position:relative;overflow:visible}.main-hud-v1 .hud .sslot:before{content:"";border:13px solid #0000;border-image:var(--mh-frame) 290 / 13px stretch;z-index:3;pointer-events:none;position:absolute;inset:-3px}.main-hud-v1 .hud .sslot:after{display:none}.main-hud-v1 .hud .sslot>.mh-icon{width:62px;height:62px;filter:drop-shadow(0 0 3px var(--hud-primary));position:absolute;top:0;left:2px}.main-hud-v1 .hud .sslot>b{text-align:center;color:#e8dab6;white-space:nowrap;text-overflow:ellipsis;font:10px/14px Microsoft JhengHei,sans-serif;position:absolute;bottom:1px;left:0;right:0;overflow:hidden}.main-hud-v1 .hud .sslot kbd{z-index:5;color:#f4e7c3;background:#031b20;border:1px solid #bca772;border-radius:5px;min-width:18px;padding:1px 4px;font:13px/18px Microsoft JhengHei,sans-serif;position:absolute;top:2px;bottom:auto;left:2px}.main-hud-v1 .hud .sslot .pips{text-align:center;color:#cbb68a;font:10px/12px Microsoft JhengHei,sans-serif;position:absolute;bottom:-16px;left:0;right:0}.main-hud-v1 .hud .sslot .cdv{z-index:2;pointer-events:none;background:#021319b8;position:absolute;inset:auto 0 0}.main-hud-v1 .hud .sslot .mh-cd{z-index:4;color:#fff8d9;text-shadow:0 2px 2px #000;pointer-events:none;place-items:center;font:700 19px/1 Microsoft JhengHei,sans-serif;display:grid;position:absolute;inset:0}.main-hud-v1 .hud .sslot.noqi{filter:grayscale(.85)brightness(.65)}.main-hud-v1 .hud .sslot.mh-unavailable{opacity:.45}.main-hud-v1 .mh-counter{z-index:5;color:var(--hud-accent);font-size:10px;display:none;position:absolute;top:3px;left:20px;right:0}.main-hud-v1 .mh-is-counter .mh-counter{display:block}.main-hud-v1 .hud .sslot.empty .plus{color:#aaad96;place-items:center;height:68px;font:13px/1 Microsoft JhengHei,sans-serif;display:grid}.main-hud-v1 .mh-dock-seal{width:60px;height:60px}.main-hud-v1 .mh-action-strip{gap:7px;display:flex;position:static;transform:none}.main-hud-v1 .mh-action{color:#ede3c8;pointer-events:auto;background:#031c21;border:1px solid #ae9764;border-radius:4px;width:58px;height:76px;padding:0;display:block;position:relative}.main-hud-v1 .mh-action>.mh-icon{width:54px;height:54px;position:absolute;top:0;left:1px}.main-hud-v1 .mh-action kbd{background:var(--hud-panel);color:#f3e4bd;border:1px solid #b69e67;border-radius:4px;min-width:18px;font-size:13px;position:absolute;bottom:2px;left:2px}.main-hud-v1 .mh-action-name{font-size:10px;line-height:18px;position:absolute;bottom:2px;right:2px}.main-hud-v1 .mh-heal [data-el=potN]{color:#fff2ca;text-shadow:1px 1px 3px #000;font:700 15px/20px sans-serif;position:absolute;top:36px;right:4px}.main-hud-v1 .mh-action.mh-active{filter:drop-shadow(0 0 6px var(--hud-primary));border-color:var(--hud-accent)}.main-hud-v1 .mh-nav{pointer-events:auto;gap:7px;padding:10px 13px;display:flex;position:absolute;bottom:36px;right:48px}.main-hud-v1 .mh-nav button{color:#eee1bd;background:0 0;border:0;border-right:1px solid #a18b5744;border-radius:0;justify-items:center;width:50px;min-width:0;height:70px;padding:0;display:grid;position:relative}.main-hud-v1 .mh-nav .mh-icon{width:48px;height:48px}.main-hud-v1 .mh-nav button span{font-size:13px;line-height:18px}.main-hud-v1 .hud :is(.mh-nav button,.mh-action,.sslot,.mh-map-controls button):hover:not(:disabled){filter:brightness(1.25) drop-shadow(0 0 5px var(--hud-primary))}.main-hud-v1 .hud :is(.mh-nav button,.mh-action,.sslot,.mh-map-controls button):active:not(:disabled){filter:brightness(.9);translate:0 1px}.main-hud-v1 .hud :is(.mh-action,.mh-nav button):disabled{filter:grayscale(.9)brightness(.5);opacity:.65;cursor:not-allowed}.main-hud-v1 .hud :is(.compass,.hints,.gadget,.hotbar,.portable-cave-button,.meditate-veil,.region){display:none}.main-hud-v1 .hud .zoom-controls{gap:4px;display:flex;top:262px;bottom:auto;right:48px}.main-hud-v1 .hud .zoom-controls button{background:var(--hud-panel);color:#cfd3b1;border:1px solid #8f8863;border-radius:3px;width:36px;height:25px;font-size:17px}.main-hud-v1 .hud .zoom-controls:before{content:"鏡頭";color:#d5cfb2;padding-right:4px;font:12px/25px sans-serif}.main-hud-v1 .hud .prompt{pointer-events:auto;max-width:420px;min-height:45px;padding:8px 20px;bottom:170px;left:50%;transform:translate(-50%)}.main-hud-v1 .hud .prompt kbd{background:var(--hud-panel);color:var(--hud-accent);text-align:center;border:1px solid #baad72;border-radius:5px;min-width:30px}.main-hud-v1 .hud .toast{pointer-events:none;max-width:350px;padding:14px 22px;font-size:14px;top:auto;bottom:170px;left:48px;transform:none}.main-hud-v1 .hud .feed{pointer-events:none;max-width:350px;bottom:230px;left:48px}.main-hud-v1 .hud .target{background:var(--hud-panel);color:#e8dcbb;border-color:#b2a06a;width:270px;top:35px;left:50%;transform:translate(-50%)}.main-hud-v1 .hud .bossbar{max-width:450px;top:30px;left:50%;transform:translate(-50%)}@media (max-width:1600px){.main-hud-v1 .hud .vitals{top:28px;left:28px}.main-hud-v1 .mh-minimap{width:216px;height:216px;top:28px;right:28px}.main-hud-v1 .hud .ring-minimap{width:216px;height:216px}.main-hud-v1 .hud .ring-minimap canvas{width:168px;height:168px;top:24px;left:24px}.main-hud-v1 .hud .objective{width:285px;top:280px;right:28px}.main-hud-v1 .mh-nav{gap:5px;bottom:28px;right:28px}.main-hud-v1 .mh-nav button{width:46px}.main-hud-v1 .mh-nav .mh-icon{width:44px;height:44px}.main-hud-v1 .hud .zoom-controls{top:245px;right:28px}}@media (max-width:1400px){.main-hud-v1 .hud .vitals{width:408px;height:184px;top:22px;left:20px}.main-hud-v1 .mh-portrait{width:126px;height:126px;top:27px;left:5px}.main-hud-v1 .mh-identity{font-size:14px;left:142px}.main-hud-v1 .hud .vitals :is(.hpbar,.qibar,.stbar),.main-hud-v1 .hud .realmchip{width:245px;left:142px}.main-hud-v1 .mh-effects{max-width:408px;top:188px}.main-hud-v1 .mh-combat-dock{gap:3px;padding:12px 15px 16px;bottom:24px;left:36%}.main-hud-v1 .hud .sslot{width:58px;height:69px}.main-hud-v1 .hud .sslot>.mh-icon{width:54px;height:54px}.main-hud-v1 .hud .skillbar{gap:7px}.main-hud-v1 .mh-dock-seal{width:48px;height:48px}.main-hud-v1 .mh-action{width:51px;height:69px}.main-hud-v1 .mh-action>.mh-icon{width:47px;height:47px}.main-hud-v1 .mh-action-strip{gap:5px}.main-hud-v1 .mh-nav{gap:4px;padding:9px 11px;bottom:24px;right:20px}.main-hud-v1 .mh-nav button{width:43px;height:63px}.main-hud-v1 .mh-nav .mh-icon{width:41px;height:41px}.main-hud-v1 .mh-nav button span{font-size:12px}.main-hud-v1 .mh-minimap{width:198px;height:198px;top:22px;right:20px}.main-hud-v1 .hud .ring-minimap{width:198px;height:198px}.main-hud-v1 .hud .ring-minimap canvas{width:152px;height:152px;top:23px;left:23px}.main-hud-v1 .hud .objective{width:255px;min-height:140px;padding:15px 18px;top:260px;right:20px}.main-hud-v1 .hud .zoom-controls{top:223px;right:20px}.main-hud-v1 .mh-map-coords{font-size:11px;bottom:24px}.main-hud-v1 .hud .target{width:210px;top:22px}.main-hud-v1 .hud .prompt{bottom:145px}.main-hud-v1 .hud .toast{max-width:300px;bottom:145px;left:24px}.main-hud-v1 .hud .feed{bottom:205px;left:24px}}body.main-hud-v1:has(.ring-minimap):not(.touch) .hud .objective{right:48px}body.main-hud-v1:has(.ring-minimap):not(.touch) .hud .zoom-controls{right:48px}body.main-hud-v1 .hud .banner{border:22px solid #0000;border-image:var(--mh-frame) 290 / 22px stretch;background:var(--hud-panel);width:320px;min-width:0;padding:14px 22px;inset:auto auto 300px 48px;transform:none}body.main-hud-v1 .hud .banner :is(h2,p,small){color:#ead9b0}body.main-hud-v1 .hud .banner h2{font-size:20px}body.main-hud-v1 .hud .tip{background:var(--hud-panel);border:14px solid #0000;border-image:var(--mh-frame) 290 / 14px stretch;max-width:285px;padding:14px 20px;bottom:155px;left:48px}body.main-hud-v1 .hud .obj-dist{float:none;display:block;position:static}@media (max-width:1600px){:is(body.main-hud-v1:has(.ring-minimap):not(.touch) .hud .objective,body.main-hud-v1:has(.ring-minimap):not(.touch) .hud .zoom-controls){right:28px}}@media (max-width:1400px){:is(body.main-hud-v1:has(.ring-minimap):not(.touch) .hud .objective,body.main-hud-v1:has(.ring-minimap):not(.touch) .hud .zoom-controls){right:20px}body.main-hud-v1 .hud .tip{max-width:260px;bottom:145px;left:24px}body.main-hud-v1 .hud .banner{width:270px;bottom:310px;left:24px}}.main-hud-v1 .hud :is(.vitals,.objective,.mh-combat-dock,.mh-nav,.prompt,.toast,.target){border-radius:6px}body.main-hud-v1[data-ui-unified]{--ui-ink:#27180a;--ui-deep:#1d1207;--ui-gold:#ccb47a;--ui-line:#887b55;--ui-text:#f2e7c8;--ui-muted:#cec8bb;--ui-jade:#dfcba2;--ui-danger:#efb09c;--ui-edge:20px;--ui-map-size:164px;--ui-vitals-width:clamp(248px,26vw,340px);color:var(--ui-text);font-family:Microsoft JhengHei,Noto Sans TC,sans-serif}body.main-hud-v1[data-ui-unified] :is(button,input,select,textarea){font-family:inherit}body.main-hud-v1[data-ui-unified] :is(h2,h3,h4,.eyebrow){color:var(--ui-gold);font-family:Noto Serif TC,Microsoft JhengHei,serif}body.main-hud-v1[data-ui-unified] :is(button,[role=button],a,input,select,textarea):focus-visible{outline:2px solid var(--ui-jade);outline-offset:3px}body.main-hud-v1[data-ui-unified] :is(.panel,.saga-panel,.sc-panel){color:var(--ui-text);border:1px solid var(--ui-line);background:linear-gradient(145deg,#382614f5,#1d1207fa);border-radius:3px;min-width:0;max-width:100%;font-family:inherit;box-shadow:inset 0 0 0 3px #1d1207,inset 0 0 0 4px #887b5566,0 12px 40px #0008}body.main-hud-v1[data-ui-unified] :is(.panel,.saga-panel,.sc-panel) :is(p,li,dd,small,label){overflow-wrap:anywhere}body.main-hud-v1[data-ui-unified] :is(.panel,.saga-panel,.sc-panel) :is(button,.btn,.saga-button,.sc-btn){white-space:normal;overflow-wrap:anywhere;max-width:100%;box-shadow:none;border-radius:3px;min-height:36px}body.main-hud-v1[data-ui-unified] :is(.btn,.saga-button,.sc-btn,.tabs button,.cave-tabs button,.sc-subtabs button,.map-zones button){border:1px solid var(--ui-line);color:var(--ui-text);font:inherit;filter:none;background:linear-gradient(#4f3922,#31200f);font-size:13px;line-height:1.4}body.main-hud-v1[data-ui-unified] :is(.btn.primary,.saga-button.primary,.sc-btn-primary){color:#2a1606;background:linear-gradient(#ffd27a,#e08a2e);border-color:#ffd27a}body.main-hud-v1[data-ui-unified] :is(.btn.danger,.saga-button.danger,.sc-btn-danger){color:#ffdbca;background:#502d2c;border-color:#ae7464}body.main-hud-v1[data-ui-unified] :is(.panel,.saga-panel,.sc-panel) button:hover:not(:disabled){border-color:var(--ui-gold);filter:brightness(1.12)}body.main-hud-v1[data-ui-unified] :is(.panel,.saga-panel,.sc-panel) button:active:not(:disabled){filter:brightness(.92)}body.main-hud-v1[data-ui-unified] :is(.sc-card,.origin-card,.skill-card,.formation-card,.plot-card,.seed-card,.loadout-board,.loadout-slot,.qi-card,.breakthrough){border-color:#887b5588;border-radius:3px}body.main-hud-v1[data-ui-unified] :is(button:disabled,[aria-disabled=true],.locked,.mh-unavailable){opacity:.55;filter:saturate(.35);cursor:not-allowed}body.main-hud-v1[data-ui-unified] :is(.selected,.picked,.is-active,.tabs .on,.cave-tabs .active,[aria-current=true],[aria-pressed=true]){background-color:#5c4227;border-color:#e6cd8c;box-shadow:inset 0 0 0 1px #e6cd8c}body.main-hud-v1[data-ui-unified] :is(.empty-state,.sc-empty){border:1px dashed var(--ui-line);text-align:center;background:#2a1c0d;border-radius:3px;padding:16px;line-height:1.6;color:var(--ui-muted)!important}body.main-hud-v1[data-ui-unified] :is(.sc-muted,.muted-note,.sc-hint){color:var(--ui-muted)}body.main-hud-v1[data-ui-unified] :is(.panel,.saga-panel,.sc-panel) :is(.error,.sc-error,[role=alert]){color:#ffe2ce;background:#462c2b;border:1px solid #bd806c;border-radius:3px;padding:10px 12px;line-height:1.6}body.main-hud-v1[data-ui-unified] [aria-invalid=true]{border-color:#e6a18c;box-shadow:0 0 0 1px #e6a18c}body.main-hud-v1[data-ui-unified] :is(.panel,.saga-panel,.sc-panel) [aria-busy=true]{border-color:var(--ui-gold);cursor:progress;background-image:linear-gradient(110deg,#3e2813,#4e3b28,#3e2813)}body.main-hud-v1[data-ui-unified] .uic-missing-art{color:var(--ui-text);text-align:center;padding:4px;font-size:12px;line-height:1.4}body.main-hud-v1[data-ui-unified] :is(input,select,textarea){min-width:0;max-width:100%;color:var(--ui-text);border:1px solid var(--ui-line);accent-color:#a6c5a0;background:#2a1c0d;border-radius:3px}body.main-hud-v1[data-ui-unified] :is(.menu-body,.saga-panel-body,.sc-list,.uic-scroll,.panel){scrollbar-width:thin;scrollbar-color:#b59e66 #281a0c;overscroll-behavior:contain}body.main-hud-v1[data-ui-unified] .hud .vitals{left:var(--ui-edge);top:var(--ui-edge);width:var(--ui-vitals-width);height:132px;padding:0}body.main-hud-v1[data-ui-unified] .mh-portrait{width:82px;height:82px;top:29px;left:3px}body.main-hud-v1[data-ui-unified] .mh-identity{letter-spacing:0;flex-wrap:nowrap;gap:4px;font-size:12px;top:9px;left:12px;right:12px}body.main-hud-v1[data-ui-unified] .mh-identity b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body.main-hud-v1[data-ui-unified] .mh-identity small{flex:none;font-size:11px}body.main-hud-v1[data-ui-unified] .hud .vitals :is(.hpbar,.qibar,.stbar,.realmchip){width:calc(100% - 104px);height:18px;margin:0;left:92px}body.main-hud-v1[data-ui-unified] .hud .hpbar{top:34px}body.main-hud-v1[data-ui-unified] .hud .qibar{top:57px}body.main-hud-v1[data-ui-unified] .hud .stbar{top:80px}body.main-hud-v1[data-ui-unified] .hud .realmchip{top:103px}body.main-hud-v1[data-ui-unified] .hud .vitals :is(.hpbar,.qibar,.stbar) span{padding-right:6px;font-size:12px;line-height:16px}body.main-hud-v1[data-ui-unified] .hud .realmchip :is(.xpbar,em){height:18px;font-size:12px;line-height:18px}body.main-hud-v1[data-ui-unified] .hud :is(.qibar,.realmchip).resource-locked{opacity:1;filter:none;background:#183438;border-color:#9c946f}body.main-hud-v1[data-ui-unified] .hud .resource-locked :is(.fill,.xpbar i){box-shadow:none;background:#4d4033}body.main-hud-v1[data-ui-unified] .hud .resource-locked :is(span,em){color:#e0ddc6;text-shadow:0 1px 2px #000}body.main-hud-v1[data-ui-unified] .mh-effects{max-width:var(--ui-vitals-width);white-space:normal;flex-wrap:wrap;gap:3px;font-size:10px;top:139px;left:0}body.main-hud-v1[data-ui-unified] .mh-effect{padding:3px 5px}body.main-hud-v1[data-ui-unified] .hud :is(.vitals,.objective,.mh-combat-dock,.mh-nav):before{border-width:14px;border-image-width:14px;inset:-3px}body.main-hud-v1[data-ui-unified] .mh-minimap{right:var(--ui-edge);top:calc(var(--ui-edge) + 10px);width:var(--ui-map-size);height:var(--ui-map-size)}body.main-hud-v1[data-ui-unified] .hud .ring-minimap{appearance:none;background:0 0;border:0;border-radius:50%;width:100%;height:100%;display:block;inset:0;overflow:visible}body.main-hud-v1[data-ui-unified] .hud .ring-minimap:focus-visible{outline:2px solid var(--ui-jade);outline-offset:3px;border-radius:50%}body.main-hud-v1[data-ui-unified] .hud .ring-minimap canvas{border-radius:50%;width:84%;height:84%;top:8%;left:8%}body.main-hud-v1[data-ui-unified] .mh-map-frame{width:calc(100% + 4px);height:calc(100% + 4px);inset:-2px}body.main-hud-v1[data-ui-unified] .hud .ring-minimap span{padding:0 4px;font-size:12px;line-height:26px;top:-10px;left:0;right:0}body.main-hud-v1[data-ui-unified] .mh-map-coords{font-size:10px;bottom:17px;left:20px;right:20px}body.main-hud-v1[data-ui-unified] .mh-map-controls{align-items:center;gap:6px;bottom:-30px;right:0}body.main-hud-v1[data-ui-unified] .mh-control-label{color:var(--ui-text);text-shadow:0 1px 3px #000;font-size:12px;line-height:28px}body.main-hud-v1[data-ui-unified] .mh-map-controls button{border-radius:50%;width:28px;height:28px;font-size:20px}body.main-hud-v1[data-ui-unified]:has(.ring-minimap) .hud .zoom-controls{right:var(--ui-edge);top:calc(var(--ui-edge) + var(--ui-map-size) + 48px);align-items:center;gap:6px;bottom:auto}body.main-hud-v1[data-ui-unified] .hud .zoom-controls:before{content:"鏡頭";color:var(--ui-text);text-shadow:0 1px 3px #000;padding:0;font-size:12px;line-height:28px}body.main-hud-v1[data-ui-unified] .hud .zoom-controls button{border-radius:3px;width:28px;height:28px;font-size:18px}body.main-hud-v1[data-ui-unified]:has(.ring-minimap) .hud .objective{right:var(--ui-edge);top:calc(var(--ui-edge) + var(--ui-map-size) + 90px);width:220px;min-height:0;max-height:calc(100dvh - var(--ui-map-size) - 240px);padding:10px 12px;overflow:hidden auto}body.main-hud-v1[data-ui-unified] .mh-quest-heading{margin:0 0 6px;padding-bottom:5px;font-size:15px}body.main-hud-v1[data-ui-unified] .hud .objective .obj-step{letter-spacing:0;font-size:11px}body.main-hud-v1[data-ui-unified] .hud .objective .obj-title{overflow-wrap:anywhere;margin:4px 0;font-size:14px;line-height:1.45}body.main-hud-v1[data-ui-unified] .hud .objective .obj-detail{font-size:12px;line-height:1.6;display:none}body.main-hud-v1[data-ui-unified] .hud .objective.him-expanded:not(.uic-collapsed) .obj-detail{-webkit-line-clamp:unset;max-height:none;display:block;overflow:visible}body.main-hud-v1[data-ui-unified] .hud .objective .obj-dist{margin-top:4px;font-size:12px}body.main-hud-v1[data-ui-unified] .hud .objective .him-quest-more{float:none;width:auto;min-width:44px;height:28px;color:var(--ui-jade);padding:0;font-size:12px;text-decoration:underline;display:block}body.main-hud-v1[data-ui-unified] .hud .objective.uic-collapsed{width:180px;min-height:0}body.main-hud-v1[data-ui-unified] .hud .objective.uic-collapsed :is(.obj-title,.obj-detail,.obj-dist,.him-quest-more){display:none}body.main-hud-v1[data-ui-unified] .hud .objective [data-act=fold-objective]{width:30px;height:28px;font-size:18px}body.main-hud-v1[data-ui-unified] .mh-combat-dock{left:var(--ui-edge);right:auto;bottom:var(--ui-edge);max-width:calc(100vw - 2 * var(--ui-edge));gap:7px;padding:9px 11px 18px;transform:none}body.main-hud-v1[data-ui-unified] .hud .skillbar{gap:5px}body.main-hud-v1[data-ui-unified] .hud .sslot{width:52px;height:62px}body.main-hud-v1[data-ui-unified] .hud .sslot>.mh-icon{width:48px;height:48px}body.main-hud-v1[data-ui-unified] .hud .sslot.empty .plus{height:58px;color:var(--ui-muted);font-size:12px}body.main-hud-v1[data-ui-unified] .hud .sslot.empty{background:#2a1c0d;border-style:dashed}body.main-hud-v1[data-ui-unified] .mh-dock-seal{display:none}body.main-hud-v1[data-ui-unified] .mh-action-strip{gap:5px;padding-left:7px}body.main-hud-v1[data-ui-unified] .mh-action{width:46px;height:62px}body.main-hud-v1[data-ui-unified] .mh-action>.mh-icon{width:42px;height:42px}body.main-hud-v1[data-ui-unified] .mh-action-name{font-size:10px}body.main-hud-v1[data-ui-unified] .mh-nav{right:var(--ui-edge);left:auto;bottom:var(--ui-edge);max-width:calc(100vw - 2 * var(--ui-edge));gap:3px;padding:8px}body.main-hud-v1[data-ui-unified] .mh-nav button{width:39px;height:60px}body.main-hud-v1[data-ui-unified] .mh-nav .mh-icon{width:36px;height:36px}body.main-hud-v1[data-ui-unified] .mh-nav button span{font-size:11px}body.main-hud-v1[data-ui-unified] .hud .sslot .mh-cd{background:#1d120780;border-radius:3px;font-size:18px}body.main-hud-v1[data-ui-unified] .hud .sslot .mh-cd:empty{display:none}body.main-hud-v1[data-ui-unified] .hud .sslot.noqi{filter:saturate(.3);border-color:#ad8d6c}body.main-hud-v1[data-ui-unified] .hud .sslot.mh-is-counter{border-color:var(--ui-jade)}body.main-hud-v1[data-ui-unified] .hud :is(.prompt,.toast){max-width:min(360px,100vw - 32px);bottom:125px}body.main-hud-v1[data-ui-unified] .hud .toast.t-warn{color:#ffe0c9;background:#452b2bf2}body.main-hud-v1[data-ui-unified] .hud .toast.t-good{color:#d0f2db;background:#3c2711f2}body.main-hud-v1[data-ui-unified] :is(.overlay,.screen.menu){padding:12px}body.main-hud-v1[data-ui-unified] .uifx{z-index:18}body.main-hud-v1[data-ui-unified] .flyicon{z-index:19}body.main-hud-v1[data-ui-unified] #ui:has(.screen.on:not(.hud),.overlay:not([hidden])){z-index:20}body.main-hud-v1[data-ui-unified] :is(.overlay,.screen.menu)>.panel{min-width:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}body.main-hud-v1[data-ui-unified] :is(.overlay,.screen.menu)>.panel:before{content:"";border:14px solid #0000;border-image:var(--mh-frame) 290 / 14px stretch;pointer-events:none;z-index:3;position:absolute;inset:0}body.main-hud-v1[data-ui-unified] :is(.overlay,.screen.menu)>.panel:after{display:none}body.main-hud-v1[data-ui-unified] .menu>.panel.wide{width:min(1280px,100vw - 24px);height:calc(100dvh - 24px);padding:12px;overflow:hidden}body.main-hud-v1[data-ui-unified] .menu-body{min-width:0;min-height:0;padding:12px 4px;overflow:auto}body.main-hud-v1[data-ui-unified] .tabs{flex-wrap:wrap;flex-shrink:0;gap:4px;padding:4px 0 10px}body.main-hud-v1[data-ui-unified] .tabs button{min-height:34px;padding:7px 10px}body.main-hud-v1[data-ui-unified] .tabs .x{flex:none;margin-left:auto}body.main-hud-v1[data-ui-unified] .tabs:has(.menu-nav-groups){grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:4px 0 10px;display:grid}body.main-hud-v1[data-ui-unified] .menu-nav-groups{scrollbar-width:thin;scrollbar-color:var(--ui-gold) var(--ui-ink);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;padding:2px 3px 6px;display:grid;overflow:auto}body.main-hud-v1[data-ui-unified] .menu-tab-group{background:#27180a;border:1px solid #887b5566;flex-wrap:wrap;align-content:start;gap:5px;min-width:0;padding:7px;display:flex}body.main-hud-v1[data-ui-unified] .menu-group-label{color:var(--ui-gold);letter-spacing:.08em;flex-basis:100%;font-size:12px;line-height:18px;display:block}body.main-hud-v1[data-ui-unified] .menu-tab-group button{flex:58px;min-width:0;margin:0;padding:6px 8px;font-size:13px;line-height:20px}body.main-hud-v1[data-ui-unified] .menu-tab-group button[aria-current=page]{border-color:var(--ui-gold);color:var(--ui-text);box-shadow:inset 0 0 0 1px var(--ui-gold);background:#5c4227}body.main-hud-v1[data-ui-unified] .tabs:has(.menu-nav-groups) .x{grid-area:1/2;align-self:start;width:40px;min-width:40px;min-height:40px;margin:2px 0 0;position:static}body.main-hud-v1[data-ui-unified] .tabs:has(.menu-nav-groups) :is(.grow,.where){display:none}body.main-hud-v1[data-ui-unified] .menu-foot{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:8px 4px}body.main-hud-v1[data-ui-unified] .saga-host .saga-panel,body.main-hud-v1[data-ui-unified] .menu-body .saga-panel{width:100%;min-width:0;max-height:none;position:relative;inset:auto}body.main-hud-v1[data-ui-unified] :is(.saga-panel-head,.sc-header,.uic-panel-header){gap:10px;min-width:0;padding:12px 16px}body.main-hud-v1[data-ui-unified] :is(.saga-panel-head,.sc-header,.uic-panel-header)>div{min-width:0}body.main-hud-v1[data-ui-unified] :is(.saga-panel-head,.sc-header,.uic-panel-header) h2{overflow-wrap:anywhere;font-size:clamp(18px,2vw,24px);line-height:1.4}body.main-hud-v1[data-ui-unified] .saga-panel-body{min-width:0;padding:14px 16px}body.main-hud-v1[data-ui-unified] .create>.panel.wide{width:min(1000px,100vw - 24px);height:auto;padding:12px;overflow:auto}body.main-hud-v1[data-ui-unified] .create .saga-host{flex-shrink:0;min-height:0}body.main-hud-v1[data-ui-unified] .create>.panel>.menu-col{flex-shrink:0;margin-top:12px}body.main-hud-v1[data-ui-unified] .faint .rebirth-host{width:min(1080px,100vw - 24px);max-height:calc(100dvh - 120px);overflow:auto}body.main-hud-v1[data-ui-unified] .rebirth-card{border-color:var(--ui-line);background:#2a1c0dd9;border-radius:3px;min-width:0}body.main-hud-v1[data-ui-unified] .rebirth-card :is(p,ul){min-height:0;font-size:12px;line-height:1.65}body.main-hud-v1[data-ui-unified] :is(.uic-inventory-layout,.uic-skills-layout,.sc-craft-layout)>*{min-width:0}body.main-hud-v1[data-ui-unified] .uic-skills-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:16px;display:grid}body.main-hud-v1[data-ui-unified] .uic-skills-layout .skill-card-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;align-items:start;gap:10px;height:auto;min-height:0;max-height:min(54dvh,560px);padding:2px 6px 6px 2px;display:grid;overflow:auto}body.main-hud-v1[data-ui-unified] .uic-skills-layout .skill-card{text-align:left;flex-shrink:0;align-items:flex-start;min-width:0;height:auto;min-height:max-content;max-height:none;padding:12px;line-height:1.5;display:flex}body.main-hud-v1[data-ui-unified] .uic-skills-layout .skill-main{white-space:normal;overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;display:flex}body.main-hud-v1[data-ui-unified] .uic-skills-layout .skill-main>b{font-size:14px;line-height:1.5}body.main-hud-v1[data-ui-unified] .uic-skills-layout :is(.skill-level,.skill-state){color:var(--ui-muted);margin:0;font-size:12px;line-height:1.5;display:block}body.main-hud-v1[data-ui-unified] .uic-skills-layout .saga-progress.mini{flex:none;height:5px;margin:2px 0}body.main-hud-v1[data-ui-unified] .uic-scroll{min-width:0;min-height:0;color:var(--ui-text);border:1px solid var(--ui-line);background:linear-gradient(145deg,#382614,#27180a);border-radius:3px;padding:16px;line-height:1.65;box-shadow:inset 0 0 0 3px #1d1207}body.main-hud-v1[data-ui-unified] .uic-scroll :is(p,small,b,span,li,label){color:var(--ui-text)}body.main-hud-v1[data-ui-unified] .uic-scroll :is(h2,h3,h4){color:var(--ui-gold);line-height:1.5}body.main-hud-v1[data-ui-unified] .uic-skills-layout>.uic-scroll{min-height:0;max-height:min(62dvh,640px);overflow:auto}body.main-hud-v1[data-ui-unified] :is(.sc-list,.sc-shop-grid,.sc-codex-body,.uic-garden-plots,.rebirth-grid,.seed-grid,.status-list){grid-auto-rows:max-content;align-content:start}body.main-hud-v1[data-ui-unified] :is(.sc-bag-row,.sc-shop-row,.sc-pool-row,.sc-gear-row,.storage-row,.seed-card){overflow-wrap:anywhere;min-width:0;height:auto;max-height:none}body.main-hud-v1[data-ui-unified] :is(.sc-row-actions,.sc-pool-actions,.formation-actions){flex-wrap:wrap;gap:6px}body.main-hud-v1[data-ui-unified] .menu-body .sc-panel{width:100%;height:auto;max-height:none;overflow:visible}body.main-hud-v1[data-ui-unified] .sc-craft-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin:16px;padding:0}body.main-hud-v1[data-ui-unified] .sc-pool{max-height:min(56dvh,620px);padding:12px;overflow:auto}body.main-hud-v1[data-ui-unified] :is(.sc-pool-row,.sc-shop-row){grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 4px;display:grid}body.main-hud-v1[data-ui-unified] .sc-item{align-items:flex-start;gap:10px;min-width:0}body.main-hud-v1[data-ui-unified] .sc-item>div:last-child{flex:1;min-width:0}body.main-hud-v1[data-ui-unified] :is(.sc-item,.sc-bag-row,.sc-shop-row,.sc-gear-row,.sc-recipe-heading) :is(b,small){white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.55;overflow:visible}body.main-hud-v1[data-ui-unified] .sc-item small{color:var(--ui-muted);font-size:12px}body.main-hud-v1[data-ui-unified] .sc-item span{overflow-wrap:anywhere;font-size:12px;line-height:1.6}body.main-hud-v1[data-ui-unified] .sc-item .sc-tier,body.main-hud-v1[data-ui-unified] .sc-panel .sc-tier{vertical-align:baseline;white-space:nowrap;width:auto;max-width:100%;margin:0 4px 0 0;padding:1px 5px;line-height:1.4;display:inline-flex}body.main-hud-v1[data-ui-unified] .sc-icon-wrap{flex:none;align-self:start;width:42px;height:42px}body.main-hud-v1[data-ui-unified] .sc-icon-wrap .uic-item-slot{width:40px;height:40px;margin:0;display:inline-grid}body.main-hud-v1[data-ui-unified] .sc-icon-wrap .uic-item-slot img{width:32px;height:32px}body.main-hud-v1[data-ui-unified] :is(.sc-pool-actions,.sc-row-actions){justify-content:flex-start;align-items:center;gap:6px;min-width:0;max-width:100%}body.main-hud-v1[data-ui-unified] .sc-pool-actions{grid-template-columns:36px minmax(28px,auto) 36px;display:grid}body.main-hud-v1[data-ui-unified] .sc-pool-actions .sc-step{width:36px;min-height:36px;padding:0}body.main-hud-v1[data-ui-unified] .sc-pool-actions strong{overflow-wrap:anywhere;font-size:13px}body.main-hud-v1[data-ui-unified] .sc-furnace{justify-content:flex-start;height:auto;min-height:0;max-height:none;padding:16px;overflow:visible}body.main-hud-v1[data-ui-unified] .sc-furnace-seal{width:64px;height:64px;margin:8px auto 16px;font-size:32px}body.main-hud-v1[data-ui-unified] .sc-offered-pill{white-space:normal;overflow-wrap:anywhere;max-width:100%;font-size:12px;line-height:1.6}body.main-hud-v1[data-ui-unified] .sc-meter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.main-hud-v1[data-ui-unified] .sc-meter-grid :is(small,b){overflow-wrap:anywhere;font-size:12px;line-height:1.6}body.main-hud-v1[data-ui-unified] .sc-recipes{max-height:none;margin:16px;padding:14px;overflow:visible}body.main-hud-v1[data-ui-unified] .sc-card-title{flex-wrap:wrap;align-items:baseline;gap:6px 12px}body.main-hud-v1[data-ui-unified] .sc-recipe{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 16px;padding:16px 4px;display:grid}body.main-hud-v1[data-ui-unified] .sc-recipe-main{grid-area:1/1;min-width:0}body.main-hud-v1[data-ui-unified] .sc-recipe-heading{flex-wrap:wrap;gap:6px}body.main-hud-v1[data-ui-unified] .sc-recipe-heading b{font-size:14px}body.main-hud-v1[data-ui-unified] .sc-recipe p{overflow-wrap:anywhere;font-size:12px;line-height:1.65}body.main-hud-v1[data-ui-unified] .sc-recipe>:is(button,.sc-lock){grid-area:1/2;align-self:start;min-width:80px}body.main-hud-v1[data-ui-unified] .sc-recipe-missing{color:var(--ui-danger);grid-area:2/1/auto/-1;margin:0}body.main-hud-v1[data-ui-unified] .sc-material-chips{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px;margin-top:10px;display:grid}body.main-hud-v1[data-ui-unified] .sc-material-chip{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;max-width:100%;padding:6px;font-size:12px;line-height:1.5;display:grid}body.main-hud-v1[data-ui-unified] .sc-material-chip>.uic-item-slot{width:32px;height:32px}body.main-hud-v1[data-ui-unified] .sc-material-chip>.uic-item-slot img{width:24px;height:24px}body.main-hud-v1[data-ui-unified] .sc-material-chip>b{white-space:normal;overflow-wrap:anywhere;min-width:0}body.main-hud-v1[data-ui-unified] .sc-material-chip>em{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}body.main-hud-v1[data-ui-unified] .sc-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin:16px;padding:0}body.main-hud-v1[data-ui-unified] .sc-shop-row>button{align-self:start;min-width:76px}body.main-hud-v1[data-ui-unified] .sc-shop-row>div{min-width:0}body.main-hud-v1[data-ui-unified] .sc-shop-row span{white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.6}body.main-hud-v1[data-ui-unified] .sc-balance{padding:12px 16px;font-size:14px;line-height:1.6}body.main-hud-v1[data-ui-unified] .sc-panel-foot{flex-wrap:wrap;gap:10px;height:auto;padding:12px 16px;font-size:12px;line-height:1.6}body.main-hud-v1[data-ui-unified] .sc-subtabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}body.main-hud-v1[data-ui-unified] .sc-subtabs :is(input,select){flex:140px;width:auto;min-width:0;min-height:36px}body.main-hud-v1[data-ui-unified] .uic-inventory-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}body.main-hud-v1[data-ui-unified] .uic-item-pick small{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.5;overflow:visible}body.main-hud-v1[data-ui-unified] .uic-item-detail{height:auto;min-height:0}body.main-hud-v1[data-ui-unified] .uic-item-detail .sc-row-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}body.main-hud-v1[data-ui-unified] .uic-item-detail .sc-gear-top{grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:start;gap:12px;width:100%;min-width:0;margin:0;display:grid}body.main-hud-v1[data-ui-unified] .uic-item-detail .sc-gear-main{flex:none;grid-template-columns:58px minmax(0,1fr);width:100%;min-width:0;max-width:none}body.main-hud-v1[data-ui-unified] .uic-item-detail .sc-gear-top>.sc-row-actions{justify-content:flex-start;width:100%;min-width:0;max-width:100%;margin-top:0}body.main-hud-v1[data-ui-unified] .sc-recombination{border-top:1px solid var(--ui-line);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px;margin-top:20px;padding-top:14px;display:grid}body.main-hud-v1[data-ui-unified] .sc-recombination>:is(h3,p){grid-column:1/-1;margin:0 0 6px}body.main-hud-v1[data-ui-unified] .sc-recombination button{height:auto;min-height:40px;line-height:1.5}body.main-hud-v1[data-ui-unified] .sc-craft-result{border:1px solid var(--ui-gold);color:var(--ui-text);background:#30200f;border-radius:3px;max-height:none;margin:16px;padding:16px;scroll-margin-top:12px;overflow:visible}body.main-hud-v1[data-ui-unified] .sc-craft-result[data-craft-outcome=failure]{background:#392a2b;border-color:#bd806c}body.main-hud-v1[data-ui-unified] .sc-craft-result :is(h3,h4){color:var(--ui-gold);margin:0 0 8px;font-size:16px;line-height:1.5}body.main-hud-v1[data-ui-unified] .sc-craft-result p{overflow-wrap:anywhere;margin:8px 0;font-size:13px;line-height:1.65}body.main-hud-v1[data-ui-unified] :is(.sc-result-product,.sc-pill-main,.sc-gear-main,.sc-shop-product){grid-template-columns:58px minmax(0,1fr);align-items:start;gap:12px;min-width:0;display:grid}body.main-hud-v1[data-ui-unified] :is(.sc-result-product,.sc-pill-main,.sc-gear-main,.sc-shop-product)>div{min-width:0}body.main-hud-v1[data-ui-unified] .sc-result-product .uic-item-slot{flex:none;width:58px;height:58px}body.main-hud-v1[data-ui-unified] .sc-quality-label{border:1px solid;border-radius:3px;padding:2px 7px;font-size:14px;line-height:1.5;display:inline-block}body.main-hud-v1[data-ui-unified] .sc-craft-result .sc-result-affixes{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}body.main-hud-v1[data-ui-unified] .sc-craft-result .sc-result-affixes li{overflow-wrap:anywhere;background:#1d120766;border:1px solid #887b5566;padding:6px 8px;font-size:13px;line-height:1.6}body.main-hud-v1[data-ui-unified] .sc-recipe-heading>.uic-item-slot{flex:none;width:42px;height:42px}body.main-hud-v1[data-ui-unified] .sc-recipe-heading>.uic-item-slot img{width:34px;height:34px}body.main-hud-v1[data-ui-unified] .sc-codex-row{min-width:0;height:auto;padding:14px 4px;display:block}body.main-hud-v1[data-ui-unified] .sc-codex-materials{min-width:0;line-height:1.6}body.main-hud-v1[data-ui-unified] .sc-source-row{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;display:grid}body.main-hud-v1[data-ui-unified] .sc-source-row :is(b,span){white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.6;overflow:visible}body.main-hud-v1[data-ui-unified] .sc-codex-body{max-height:none;overflow:visible}body.main-hud-v1[data-ui-unified] .sc-recipe-atlas{border:1px solid var(--ui-line);background:#27180a;margin:16px;padding:14px}body.main-hud-v1[data-ui-unified] :is(.sc-tier-tabs,.sc-known-tabs){flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}body.main-hud-v1[data-ui-unified] .sc-recipe-atlas-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-auto-rows:max-content;gap:10px;max-height:40dvh;padding:3px 5px 6px 2px;display:grid;overflow:auto}body.main-hud-v1[data-ui-unified] .sc-atlas-tile{white-space:normal;min-width:0;height:auto;min-height:128px;color:var(--ui-text);border:1px solid var(--ui-line);background:#30200f;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:10px;line-height:1.5;display:flex}body.main-hud-v1[data-ui-unified] .sc-atlas-tile[aria-current=true]{border-color:var(--ui-gold);box-shadow:inset 0 0 0 1px var(--ui-gold);background:#5c4227}body.main-hud-v1[data-ui-unified] .sc-atlas-tile :is(b,small){white-space:normal;overflow-wrap:anywhere;font-size:12px}body.main-hud-v1[data-ui-unified] .sc-unknown-recipe{border:1px dashed var(--ui-line);width:58px;height:58px;color:var(--ui-muted);background:#1d1207;place-items:center;font-size:32px;display:grid}body.main-hud-v1[data-ui-unified] .sc-selected-recipe{margin:16px;padding:14px}body.main-hud-v1[data-ui-unified] .sc-craft-layout[hidden]{display:none}body.main-hud-v1[data-ui-unified] [data-panel-action=craft-free]{margin:0 16px 10px}body.main-hud-v1[data-ui-unified] .sc-cook-quantity{flex-wrap:wrap;align-items:center;gap:10px;display:flex}body.main-hud-v1[data-ui-unified] .sc-cook-quantity label{align-items:center;gap:8px;font-size:13px;display:flex}body.main-hud-v1[data-ui-unified] .sc-cook-quantity input{width:90px;min-width:0;min-height:36px}body.main-hud-v1[data-ui-unified] .sc-cook-quantity>div{flex-wrap:wrap;gap:6px;display:flex}body.main-hud-v1[data-ui-unified] .sc-food-qualities{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:16px;display:grid}body.main-hud-v1[data-ui-unified] .sc-food-quality{border-top:1px solid var(--ui-line);grid-template-columns:58px minmax(0,1fr);gap:12px;min-width:0;padding:12px 0;display:grid}body.main-hud-v1[data-ui-unified] .sc-food-quality :is(h4,p){overflow-wrap:anywhere;margin:0 0 6px;font-size:13px;line-height:1.6}body.main-hud-v1[data-ui-unified] .sc-food-actions{flex-wrap:wrap;gap:6px;display:flex}body.main-hud-v1[data-ui-unified] .sc-cooking-result{border:1px solid var(--ui-gold);background:#30200f;margin:16px 0;padding:14px;scroll-margin-top:12px}body.main-hud-v1[data-ui-unified] .mh-foodbar{pointer-events:none;flex:none;align-items:center;gap:5px;max-width:100%;display:flex;position:static}body.main-hud-v1[data-ui-unified] .mh-foodbar .mh-food-slot{border:1px solid var(--ui-line);width:104px;height:48px;color:var(--ui-text);pointer-events:auto;background:#27180af2;border-radius:3px;grid-template-rows:20px 16px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:0 6px;min-width:0;padding:4px;display:grid;position:relative}body.main-hud-v1[data-ui-unified] .mh-food-slot img{grid-area:1/1/3;width:32px;height:32px}body.main-hud-v1[data-ui-unified] .mh-food-slot kbd{border:1px solid var(--ui-gold);color:var(--ui-text);background:#1d1207;padding:0 3px;font:11px/14px sans-serif;position:absolute;top:-7px;left:2px}body.main-hud-v1[data-ui-unified] .mh-food-name{white-space:nowrap;text-overflow:ellipsis;grid-area:1/2;font-size:11px;overflow:hidden}body.main-hud-v1[data-ui-unified] .mh-food-count{grid-area:2/2;font-size:11px;line-height:16px}body.main-hud-v1[data-ui-unified] .mh-food-cd{background:#1d1207;font-size:11px;line-height:14px;position:absolute;bottom:3px;right:3px}body.main-hud-v1[data-ui-unified] .mh-food-slot[data-quality=green]{border-color:#c98139}body.main-hud-v1[data-ui-unified] .mh-food-slot[data-quality=white]{border-color:#d9ddcc}body.main-hud-v1[data-ui-unified] .mh-food-slot[data-quality=blue]{border-color:#4aa9ff}body.main-hud-v1[data-ui-unified] .mh-food-slot[data-quality=gold]{border-color:#ffb347}@media (min-height:561px){body.main-hud-v1[data-ui-unified] .hud:has(.mh-foodbar) .tip{bottom:205px}}body.main-hud-v1[data-ui-unified] .uic-item-detail .sc-item{grid-template-columns:42px minmax(0,1fr);align-items:start;display:grid}body.main-hud-v1[data-ui-unified] .uic-item-detail .sc-item b{margin:0 0 6px}body.main-hud-v1[data-ui-unified] .sc-hint{font-size:12px;line-height:1.6;display:block}body.main-hud-v1[data-ui-unified] :is(.sc-row-actions,.formation-actions,.cave-tabs,.sc-subtabs){flex-wrap:wrap}body.main-hud-v1[data-ui-unified] .settings>.panel{width:min(720px,100vw - 24px);padding:18px}body.main-hud-v1[data-ui-unified] .settings fieldset{border:1px solid var(--ui-line);min-width:0;margin:12px 0;padding:10px}body.main-hud-v1[data-ui-unified] .settings label{flex-wrap:wrap;gap:8px}body.main-hud-v1[data-ui-unified] .settings input[type=range]{width:min(180px,100%)}body.main-hud-v1[data-ui-unified] .help>.panel{width:min(860px,100vw - 24px);padding:18px}body.main-hud-v1[data-ui-unified] .help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}body.main-hud-v1[data-ui-unified] .help dl{grid-template-columns:auto minmax(0,1fr)}body.main-hud-v1[data-ui-unified] .map>.panel{grid-template-rows:44px minmax(0,1fr) auto;grid-template-columns:minmax(130px,19fr) minmax(0,60fr) minmax(180px,21fr);gap:12px;width:min(1600px,100vw - 24px);max-width:calc(100vw - 24px);height:calc(100dvh - 24px);padding:16px;overflow:hidden}body.main-hud-v1[data-ui-unified] .map>.panel>header{grid-column:1/-1;min-width:0;margin:0}body.main-hud-v1[data-ui-unified] .map canvas{grid-area:2/2;width:100%;min-width:0;max-width:100%;height:100%;min-height:0}body.main-hud-v1[data-ui-unified] .map-zones>aside{grid-area:2/1/4;min-height:0;max-height:none;overflow:auto}body.main-hud-v1[data-ui-unified] .map-zones>article{grid-area:2/3/4;min-height:0;max-height:none;padding:12px;overflow:auto}body.main-hud-v1[data-ui-unified] .map .legend{white-space:normal;grid-area:3/2;font-size:11px;line-height:1.6;overflow:visible}body.main-hud-v1[data-ui-unified] .map-zones h3{font-size:20px}@media (max-width:850px){body.main-hud-v1[data-ui-unified]{--ui-edge:14px;--ui-map-size:142px}body.main-hud-v1[data-ui-unified] .mh-combat-dock{bottom:92px;left:50%;transform:translate(-50%)}body.main-hud-v1[data-ui-unified] .mh-nav{bottom:12px;left:50%;right:auto;transform:translate(-50%)}body.main-hud-v1[data-ui-unified] .hud :is(.prompt,.toast){bottom:190px}body.main-hud-v1[data-ui-unified] :is(.uic-inventory-layout,.sc-craft-layout,.sc-shop-grid,.sc-codex-body,.help-grid){grid-template-columns:minmax(0,1fr)}body.main-hud-v1[data-ui-unified] .uic-inventory-layout .sc-list{grid-template-columns:repeat(4,minmax(0,1fr))}body.main-hud-v1[data-ui-unified] .rebirth-grid{grid-template-columns:minmax(0,1fr)}body.main-hud-v1[data-ui-unified] .rebirth-card ul{font-size:12px;line-height:1.6}body.main-hud-v1[data-ui-unified] .map>.panel{height:calc(100dvh - 24px);display:block;overflow:auto}body.main-hud-v1[data-ui-unified] .map>.panel>header{margin-bottom:12px}body.main-hud-v1[data-ui-unified] .map canvas{width:100%;height:clamp(240px,48dvh,500px);display:block}body.main-hud-v1[data-ui-unified] .map .legend{margin:8px 0}body.main-hud-v1[data-ui-unified] .map-zones{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}body.main-hud-v1[data-ui-unified] .map-zones>:is(aside,article){grid-area:auto;max-height:none;padding:10px 0;overflow:visible}body.main-hud-v1[data-ui-unified] .map-zones>aside{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}body.main-hud-v1[data-ui-unified] .map-zones>aside h4{grid-column:1/-1}}@media (max-width:760px){body.main-hud-v1[data-ui-unified] .uic-skills-layout{grid-template-columns:minmax(0,1fr)}body.main-hud-v1[data-ui-unified] .uic-skills-layout .skill-card-grid{max-height:46dvh}body.main-hud-v1[data-ui-unified] .uic-skills-layout>.uic-scroll{max-height:none;overflow:visible}body.main-hud-v1[data-ui-unified] :is(.sc-shop-row,.sc-pool-row,.sc-gear-row,.storage-row){flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}}@media (min-width:761px){body.main-hud-v1[data-ui-unified] :is(.sc-craft-layout,.sc-shop-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){body.main-hud-v1[data-ui-unified] .uic-inventory-layout .sc-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){body.main-hud-v1[data-ui-unified] .menu-nav-groups{flex-wrap:nowrap;display:flex}body.main-hud-v1[data-ui-unified] .menu-tab-group{flex:0 0 190px}body.main-hud-v1[data-ui-unified] .sc-recipe{grid-template-columns:minmax(0,1fr)}body.main-hud-v1[data-ui-unified] .sc-recipe>:is(button,.sc-lock){grid-area:3/1;justify-self:start}body.main-hud-v1[data-ui-unified] .sc-shop-row,body.main-hud-v1[data-ui-unified] .sc-pool-row{grid-template-columns:minmax(0,1fr)}body.main-hud-v1[data-ui-unified] .sc-pool-actions{justify-self:end}body.main-hud-v1[data-ui-unified] .sc-shop-row>button{justify-self:start}body.main-hud-v1[data-ui-unified] :is(.sc-craft-layout,.sc-shop-grid,.sc-recipes){margin:10px}}@media (max-height:560px){body.main-hud-v1[data-ui-unified] .menu-nav-groups{flex-wrap:nowrap;gap:6px;display:flex}body.main-hud-v1[data-ui-unified] .menu-tab-group{flex:none;grid-template-columns:repeat(4,max-content);gap:4px;padding:4px 6px;display:grid}body.main-hud-v1[data-ui-unified] .menu-group-label{grid-column:1/-1;font-size:11px;line-height:14px}body.main-hud-v1[data-ui-unified] .menu-tab-group button{min-height:30px;padding:4px 6px;font-size:12px;line-height:18px}body.main-hud-v1[data-ui-unified] .tabs:has(.menu-nav-groups){padding-bottom:4px}body.main-hud-v1[data-ui-unified] .sc-furnace-seal{width:44px;height:44px;margin:4px auto 8px;font-size:24px}body.main-hud-v1[data-ui-unified] .sc-pool{max-height:240px}}@media (max-width:600px){body.main-hud-v1[data-ui-unified]{--ui-edge:10px;--ui-map-size:110px;--ui-vitals-width:min(260px,calc(100vw - 144px))}body.main-hud-v1[data-ui-unified] .hud .vitals{height:126px}body.main-hud-v1[data-ui-unified] .mh-portrait{width:48px;height:48px;top:54px;left:2px}body.main-hud-v1[data-ui-unified] .mh-identity{flex-wrap:wrap;gap:0;top:7px;left:8px;right:8px}body.main-hud-v1[data-ui-unified] .mh-identity b{flex-basis:100%;font-size:11px}body.main-hud-v1[data-ui-unified] .mh-identity small{font-size:10px}body.main-hud-v1[data-ui-unified] .hud .vitals :is(.hpbar,.qibar,.stbar,.realmchip){width:calc(100% - 64px);height:17px;left:56px}body.main-hud-v1[data-ui-unified] .hud .hpbar{top:40px}body.main-hud-v1[data-ui-unified] .hud .qibar{top:61px}body.main-hud-v1[data-ui-unified] .hud .stbar{top:82px}body.main-hud-v1[data-ui-unified] .hud .realmchip{top:103px}body.main-hud-v1[data-ui-unified] .hud .vitals :is(.hpbar,.qibar,.stbar) span{padding-right:3px;font-size:10px;line-height:15px}body.main-hud-v1[data-ui-unified] .hud .realmchip em{font-size:10px}body.main-hud-v1[data-ui-unified] .mh-effects{max-width:var(--ui-vitals-width);top:132px}body.main-hud-v1[data-ui-unified] .hud .ring-minimap span{font-size:10px;line-height:22px}body.main-hud-v1[data-ui-unified] .mh-map-coords{display:none}body.main-hud-v1[data-ui-unified]:has(.ring-minimap) .hud .objective{width:180px;top:calc(var(--ui-edge) + var(--ui-map-size) + 90px);max-height:max(80px,100dvh - 400px);padding:8px 10px}body.main-hud-v1[data-ui-unified] .hud .objective.uic-collapsed{width:155px}body.main-hud-v1[data-ui-unified] .mh-combat-dock{gap:4px;width:max-content;padding:7px 7px 17px;bottom:87px}body.main-hud-v1[data-ui-unified] .hud .skillbar{gap:3px}body.main-hud-v1[data-ui-unified] .hud .sslot{width:clamp(32px,10vw,44px);height:56px}body.main-hud-v1[data-ui-unified] .hud .sslot>.mh-icon{aspect-ratio:1;width:calc(100% - 4px);height:auto}body.main-hud-v1[data-ui-unified] .hud .sslot>b{font-size:9px}body.main-hud-v1[data-ui-unified] .mh-action-strip{gap:3px;padding-left:4px}body.main-hud-v1[data-ui-unified] .mh-action{width:clamp(32px,10vw,42px);height:56px}body.main-hud-v1[data-ui-unified] .mh-action>.mh-icon{aspect-ratio:1;width:calc(100% - 3px);height:auto}body.main-hud-v1[data-ui-unified] .mh-action-name{font-size:9px;line-height:11px;bottom:1px}body.main-hud-v1[data-ui-unified] .mh-action kbd{font-size:10px;bottom:14px}body.main-hud-v1[data-ui-unified] .mh-nav{gap:2px;padding:6px}body.main-hud-v1[data-ui-unified] .mh-nav button{width:clamp(34px,11vw,42px);height:55px}body.main-hud-v1[data-ui-unified] .mh-nav .mh-icon{width:32px;height:32px}body.main-hud-v1[data-ui-unified] :is(.origin-grid,.skill-card-grid,.uic-garden-plots,.v6-food-grid,.formation-install){grid-template-columns:minmax(0,1fr)}body.main-hud-v1[data-ui-unified] .uic-inventory-layout .sc-list{grid-template-columns:repeat(3,minmax(0,1fr))}body.main-hud-v1[data-ui-unified] .preview-card{grid-template-columns:minmax(0,1fr)}body.main-hud-v1[data-ui-unified] .preview-stats{grid-template-columns:repeat(3,minmax(0,1fr))}body.main-hud-v1[data-ui-unified] :is(.character-hero,.formation-card,.seed-card){flex-wrap:wrap}body.main-hud-v1[data-ui-unified] .status-list{grid-template-columns:minmax(0,1fr)}body.main-hud-v1[data-ui-unified] .settings>.panel,body.main-hud-v1[data-ui-unified] .help>.panel{padding:14px}body.main-hud-v1[data-ui-unified] .tabs button{padding:6px 8px;font-size:12px}body.main-hud-v1[data-ui-unified] .saga-panel-body{padding:12px}}@media (max-height:560px){body.main-hud-v1[data-ui-unified]{--ui-edge:10px;--ui-map-size:110px}body.main-hud-v1[data-ui-unified]:has(.ring-minimap) .hud .objective{max-height:max(70px,100dvh - 310px);top:210px}body.main-hud-v1[data-ui-unified] .hud .objective .obj-title{font-size:12px}body.main-hud-v1[data-ui-unified] .mh-quest-heading{font-size:13px}}@media (max-height:560px) and (min-width:601px){body.main-hud-v1[data-ui-unified] .mh-combat-dock{gap:4px;padding:6px 7px 16px;bottom:10px;left:10px;transform:none}body.main-hud-v1[data-ui-unified] .hud .sslot{width:38px;height:52px}body.main-hud-v1[data-ui-unified] .hud .sslot>.mh-icon{width:34px;height:34px}body.main-hud-v1[data-ui-unified] .mh-action{width:36px;height:52px}body.main-hud-v1[data-ui-unified] .mh-action>.mh-icon{width:32px;height:32px}body.main-hud-v1[data-ui-unified] .mh-nav{gap:2px;padding:6px;bottom:10px;left:auto;right:10px;transform:none}body.main-hud-v1[data-ui-unified] .mh-nav button{width:32px;height:52px}body.main-hud-v1[data-ui-unified] .mh-nav .mh-icon{width:30px;height:30px}}body.main-hud-v1[data-ui-unified].touch .tctl{pointer-events:none;z-index:2}body.main-hud-v1[data-ui-unified].touch .tctl .tpad,body.main-hud-v1[data-ui-unified].touch .tctl .tbtn{pointer-events:auto}body.main-hud-v1[data-ui-unified].touch .hud .skillbar{pointer-events:none;display:flex;position:static;inset:auto;transform:none}body.main-hud-v1[data-ui-unified].touch .hud .sslot:nth-child(n){pointer-events:auto;border-radius:3px;position:relative;inset:auto}body.main-hud-v1[data-ui-unified].touch .hud .sslot b{display:block}body.main-hud-v1[data-ui-unified].touch :is(.mh-combat-dock,.mh-nav){z-index:4;pointer-events:none}body.main-hud-v1[data-ui-unified].touch :is(.mh-combat-dock,.mh-nav) button{pointer-events:auto}body.main-hud-v1[data-ui-unified].touch .mh-minimap{z-index:4;pointer-events:none}body.main-hud-v1[data-ui-unified].touch .hud .ring-minimap{pointer-events:auto}body.main-hud-v1[data-ui-unified].touch .mh-map-controls{pointer-events:none}body.main-hud-v1[data-ui-unified].touch .mh-map-controls button{pointer-events:auto}body.main-hud-v1[data-ui-unified].touch .hud .objective{z-index:4;pointer-events:auto}body.main-hud-v1[data-ui-unified].touch .hud .zoom-controls{z-index:4;pointer-events:none}body.main-hud-v1[data-ui-unified].touch .hud .zoom-controls button{pointer-events:auto}@media (orientation:landscape) and (max-height:560px){body.main-hud-v1[data-ui-unified].touch .hud .vitals{transform-origin:initial;transform:none}body.main-hud-v1[data-ui-unified].touch .mh-combat-dock{max-width:calc(100vw - 300px);bottom:10px;left:42%;right:auto;transform:translate(-50%)}body.main-hud-v1[data-ui-unified].touch .mh-nav{top:10px;bottom:auto;left:calc(var(--ui-edge) + var(--ui-vitals-width) + 14px);max-width:calc(100vw - var(--ui-vitals-width) - var(--ui-map-size) - 52px);scrollbar-width:thin;right:auto;overflow-x:auto;transform:none}body.main-hud-v1[data-ui-unified].touch .mh-nav button{flex:none;width:32px;height:52px}body.main-hud-v1[data-ui-unified].touch .mh-nav .mh-icon{width:28px;height:28px}body.main-hud-v1[data-ui-unified].touch:has(.ring-minimap) .hud .objective{width:var(--ui-vitals-width);max-height:108px;top:150px;left:10px;right:auto;transform:none}body.main-hud-v1[data-ui-unified].touch .hud .objective:not(.him-expanded):not(.uic-collapsed){max-height:62px;padding:6px 10px}body.main-hud-v1[data-ui-unified].touch .hud .objective:not(.him-expanded):not(.uic-collapsed) :is(.mh-quest-heading,.obj-step,.obj-dist){display:none}body.main-hud-v1[data-ui-unified].touch .hud .objective:not(.him-expanded) .obj-title{max-height:34px;margin:0;font-size:12px;line-height:1.4;overflow:hidden}body.main-hud-v1[data-ui-unified].touch .hud .objective .him-quest-more{height:24px;line-height:24px}body.main-hud-v1[data-ui-unified].touch:has(.ring-minimap) .hud .zoom-controls{right:calc(var(--ui-edge) + var(--ui-map-size) + 14px)}body.main-hud-v1[data-ui-unified].touch .hud .tip{pointer-events:auto;z-index:4;max-width:180px;max-height:36px;padding:5px 8px;font-size:11px;line-height:1.5;inset:auto auto 132px 10px;overflow:auto}body.main-hud-v1[data-ui-unified].touch .hud:has(.objective.him-expanded) .tip{visibility:hidden;pointer-events:none}body.main-hud-v1[data-ui-unified].touch .tctl :is(.b-bag,.b-map,.b-journal,.b-pause){left:calc(100vw - var(--ui-map-size) - 190px);width:40px;height:40px;bottom:auto;right:auto}body.main-hud-v1[data-ui-unified].touch .tctl .b-bag{top:10px}body.main-hud-v1[data-ui-unified].touch .tctl .b-map{top:56px}body.main-hud-v1[data-ui-unified].touch .tctl .b-journal{top:102px}body.main-hud-v1[data-ui-unified].touch .tctl .b-pause{top:148px}}@media (orientation:landscape) and (max-height:560px) and (max-width:760px){body.main-hud-v1[data-ui-unified].touch .tctl :is(.b-bag,.b-map,.b-journal,.b-pause){top:200px;bottom:auto}body.main-hud-v1[data-ui-unified].touch .tctl .b-bag{left:calc(50% - 86px)}body.main-hud-v1[data-ui-unified].touch .tctl .b-map{left:calc(50% - 42px)}body.main-hud-v1[data-ui-unified].touch .tctl .b-journal{left:calc(50% + 2px)}body.main-hud-v1[data-ui-unified].touch .tctl .b-pause{left:calc(50% + 46px)}}body.main-hud-v1[data-ui-unified] .hud .objective{scrollbar-width:thin;scrollbar-color:#b59e66 #281a0c}body.main-hud-v1[data-ui-unified] .hud .objective::-webkit-scrollbar{width:6px;height:6px}body.main-hud-v1[data-ui-unified] .hud .objective::-webkit-scrollbar-track{background:#281a0c}body.main-hud-v1[data-ui-unified] .hud .objective::-webkit-scrollbar-thumb{background:#b59e66;border:1px solid #281a0c;border-radius:3px}body.main-hud-v1[data-ui-unified] .hud .objective::-webkit-scrollbar-button{display:none}body.main-hud-v1[data-ui-unified] .mh-heal [data-el=potN]{white-space:nowrap;text-overflow:ellipsis;z-index:2;background:#041b20e8;border-radius:2px;max-width:calc(100% - 22px);padding:0 2px;font:700 12px/16px Microsoft JhengHei,sans-serif;top:2px;bottom:auto;right:2px;overflow:hidden}@media (min-width:601px) and (min-height:561px){body.main-hud-v1[data-ui-unified] .mh-identity{font-size:13px}body.main-hud-v1[data-ui-unified] .mh-identity small{font-size:12px}body.main-hud-v1[data-ui-unified] .hud .vitals :is(.hpbar,.qibar,.stbar) span{font-size:13px;line-height:16px}body.main-hud-v1[data-ui-unified] .hud .realmchip :is(.xpbar,em){font-size:13px;line-height:18px}body.main-hud-v1[data-ui-unified] .mh-effects{font-size:12px}body.main-hud-v1[data-ui-unified] .mh-map-coords{font-size:11px}body.main-hud-v1[data-ui-unified] .hud .objective .obj-step,body.main-hud-v1[data-ui-unified] .mh-nav button span{font-size:12px}body.main-hud-v1[data-ui-unified] .mh-action kbd{z-index:2;min-width:16px;font-size:12px;line-height:16px;top:2px;bottom:auto;left:2px}body.main-hud-v1[data-ui-unified] .mh-action-name{text-align:center;white-space:nowrap;font-size:12px;line-height:16px;bottom:2px;left:1px;right:1px}}:is(body.main-hud-v1[data-ui-unified] .hud .objective.uic-collapsed,body.main-hud-v1[data-ui-unified]:has(.ring-minimap) .hud .objective.uic-collapsed){scrollbar-width:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;width:min(220px,100vw - 24px);height:44px;min-height:44px;max-height:44px;padding:6px 8px;display:grid;overflow:hidden}body.main-hud-v1[data-ui-unified] .hud .objective.uic-collapsed :is(.mh-quest-heading,.obj-step,.obj-detail,.obj-dist,.him-quest-more){display:none}body.main-hud-v1[data-ui-unified] .hud .objective.uic-collapsed .obj-title{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;min-width:0;max-height:none;margin:0;font-size:13px;line-height:20px;display:block;overflow:hidden}body.main-hud-v1[data-ui-unified] .hud .objective [data-act=fold-objective]{float:right;white-space:nowrap;width:auto;min-width:58px;height:32px;color:var(--ui-jade);padding:0 4px;font-size:13px;line-height:30px}body.main-hud-v1[data-ui-unified] .hud .objective.uic-collapsed [data-act=fold-objective]{float:none;grid-area:1/2}body.main-hud-v1[data-ui-unified] .hud .objective.uic-collapsed::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){body.main-hud-v1[data-ui-unified] :is(.hud,.panel,.saga-panel,.sc-panel) *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body.main-hud-v1[data-ui-unified] .mh-foodbar .mh-food-slot{border-radius:3px;flex:none;width:46px;height:62px;padding:2px;display:block}body.main-hud-v1[data-ui-unified] .mh-food-slot img{object-fit:contain;width:40px;height:40px;position:absolute;inset:5px 2px auto}body.main-hud-v1[data-ui-unified] .mh-food-slot kbd{font-size:11px;top:0;left:2px}body.main-hud-v1[data-ui-unified] .mh-food-name{display:none}body.main-hud-v1[data-ui-unified] .mh-food-count{font-size:11px;position:absolute;bottom:2px;right:3px}body.main-hud-v1[data-ui-unified] .mh-food-slot.empty:after{content:"＋";color:var(--ui-muted);font-size:22px;display:block}body.main-hud-v1[data-ui-unified] .mh-food-cd{bottom:17px}body.main-hud-v1[data-ui-unified] .hud .banner{bottom:135px}@media (max-width:850px) and (min-height:561px){body.main-hud-v1[data-ui-unified] .hud .banner{bottom:215px}}@media (max-width:600px),(max-height:560px){body.main-hud-v1[data-ui-unified] .mh-foodbar{gap:3px}body.main-hud-v1[data-ui-unified] .mh-foodbar .mh-food-slot{width:34px;height:52px}body.main-hud-v1[data-ui-unified] .mh-food-slot img{width:30px;height:30px}}:root{--mobile-vh:100vh;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}@supports (height:100dvh){:root{--mobile-vh:100dvh}}body .rotate-cover{display:none!important}body:is(.touch,.main-hud-v1[data-ui-unified]) :is(.overlay,.screen.menu){box-sizing:border-box;padding:calc(8px + var(--safe-top)) calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left))}body:is(.touch,.main-hud-v1[data-ui-unified]) :is(.overlay,.screen.menu)>.panel{max-width:100%;min-height:0;max-height:calc(var(--mobile-vh) - 16px - var(--safe-top) - var(--safe-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-y:auto}body:is(.touch,.main-hud-v1[data-ui-unified]) .overlay.create>.panel{flex-direction:column;display:flex;overflow:hidden}body:is(.touch,.main-hud-v1[data-ui-unified]) .overlay.create .saga-host{flex:auto;min-height:0;display:flex}body:is(.touch,.main-hud-v1[data-ui-unified]) .overlay.create .saga-panel{flex:1;width:100%;min-height:0;max-height:100%;position:relative;inset:auto;overflow:hidden}.overlay.create .saga-panel-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.overlay.create .create-actions{background:var(--panel);border-top:1px solid color-mix(in srgb, var(--amber) 40%, transparent);flex:none;padding:8px 16px}.overlay.create .create-actions .wide-action{width:100%;margin:0}.overlay.create>.panel>.menu-col{flex:none;margin:0;padding:4px 12px}.login-form{max-height:calc(var(--mobile-vh) - 40px - var(--safe-top) - var(--safe-bottom));-webkit-overflow-scrolling:touch;overflow-y:auto}body>:has(>.login-form){box-sizing:border-box;max-width:calc(100vw - 16px - var(--safe-left) - var(--safe-right));max-height:calc(var(--mobile-vh) - 16px - var(--safe-top) - var(--safe-bottom));margin-left:var(--safe-left);margin-bottom:var(--safe-bottom);-webkit-overflow-scrolling:touch;overflow-y:auto}@media (max-height:500px),(max-width:600px){body:is(.touch,.main-hud-v1[data-ui-unified]) .overlay.create .saga-panel-head,.overlay.create .saga-panel-body{padding:8px 12px}.overlay.create .saga-lead{margin:4px 0;font-size:12px}.overlay.create .preview-stats{grid-template-columns:repeat(6,minmax(0,1fr))}body.touch{--u:clamp(38px,10vh,48px)}body.main-hud-v1[data-ui-unified].touch .hud .vitals{left:calc(10px + var(--safe-left));top:calc(8px + var(--safe-top))}body.main-hud-v1[data-ui-unified].touch .mh-combat-dock{bottom:calc(10px + var(--safe-bottom))}body.main-hud-v1[data-ui-unified].touch .mh-minimap{right:calc(10px + var(--safe-right));top:calc(8px + var(--safe-top))}}@media (orientation:portrait) and (max-width:600px){body.main-hud-v1[data-ui-unified].touch{--ui-vitals-width:220px;--ui-map-size:100px}body.main-hud-v1[data-ui-unified].touch .mh-nav{left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));top:calc(185px + var(--safe-top));justify-content:center;max-width:none;bottom:auto}body.main-hud-v1[data-ui-unified].touch .mh-combat-dock{left:auto;right:calc(8px + var(--safe-right));bottom:calc(235px + var(--safe-bottom));flex-wrap:wrap;max-width:55vw;transform:none}body.main-hud-v1[data-ui-unified].touch .tctl :is(.b-bag,.b-map,.b-journal,.b-pause){left:auto;top:calc(140px + var(--safe-top));width:40px;height:40px;bottom:auto}body.main-hud-v1[data-ui-unified].touch .tctl .b-bag{right:calc(146px + var(--safe-right))}body.main-hud-v1[data-ui-unified].touch .tctl .b-map{right:calc(100px + var(--safe-right))}body.main-hud-v1[data-ui-unified].touch .tctl .b-journal{right:calc(54px + var(--safe-right))}body.main-hud-v1[data-ui-unified].touch .tctl .b-pause{right:calc(8px + var(--safe-right))}body.main-hud-v1[data-ui-unified].touch:has(.ring-minimap) .hud .objective{top:calc(255px + var(--safe-top));left:calc(8px + var(--safe-left));width:145px;max-height:150px;right:auto}body.main-hud-v1[data-ui-unified].touch .hud :is(.tip,.feed){max-width:38vw;bottom:calc(200px + var(--safe-bottom))}}@media (max-height:500px),(max-width:600px){body:is(.touch,.main-hud-v1[data-ui-unified]) .overlay.create>.panel.wide{height:calc(var(--mobile-vh) - 16px - var(--safe-top) - var(--safe-bottom))}body:is(.touch,.main-hud-v1[data-ui-unified]) .menu-body{-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}body:is(.touch,.main-hud-v1[data-ui-unified]) .saga-panel:not(.saga-host .saga-panel):not(.menu-body .saga-panel){top:calc(8px + var(--safe-top));bottom:calc(8px + var(--safe-bottom));left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));max-height:calc(var(--mobile-vh) - 16px - var(--safe-top) - var(--safe-bottom))}body:is(.touch,.main-hud-v1[data-ui-unified]) .saga-panel-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}body.main-hud-v1[data-ui-unified].touch .mh-nav{margin-top:var(--safe-top)}.login-form input{box-sizing:border-box;max-width:100%;font-size:16px}}:root{--c-primary:#e08a2e;--c-accent:#ffd27a;--c-bg:#1a120b;--c-panel:#261a10;--c-text:#f5ebdd;--c-danger:#e5484d;--c-qi:#4fa3e0}.hud{color:var(--c-text);font-family:Noto Sans TC,Microsoft JhengHei,sans-serif}.hud :is(h1,h2,h3,.mh-quest-heading){color:var(--c-accent);font-family:Noto Serif TC,serif}.hud :is(.vitals,.objective,.mh-combat-dock,.mh-nav,.prompt,.toast,.ring-minimap span,.mh-effect){background:color-mix(in srgb,var(--c-panel) 92%,transparent);border:1px solid color-mix(in srgb,var(--c-accent) 40%,transparent);color:var(--c-text);border-radius:6px}.main-hud-v1{--mh-gold:var(--c-accent);--mh-ivory:var(--c-text);--mh-ink:var(--c-bg)}.main-hud-v1 .hud :is(.vitals,.objective,.mh-combat-dock,.mh-nav,.prompt,.toast){background:color-mix(in srgb,var(--c-panel) 92%,transparent)}.hud :is(.hpbar,.qibar,.stbar,.xpbar){background:var(--c-bg);border-color:color-mix(in srgb,var(--c-accent) 40%,transparent)}.hud .hpbar .fill{background:var(--c-danger)}.hud .qibar .fill{background:var(--c-qi)}.hud .stbar .fill{background:var(--c-accent)}.hud .realmchip .xpbar i,.hud .xpbar i{background:linear-gradient(var(--c-primary),color-mix(in srgb,var(--c-primary) 80%,var(--c-bg)))}.hud :is(.hpbar,.qibar,.stbar) span,.hud .realmchip em{color:var(--c-text)}.hud button{color:var(--c-text);border-color:color-mix(in srgb,var(--c-accent) 40%,transparent)}.hud button.primary,.hud .mh-attack,.main-hud-v1 .mh-map-controls button{background:linear-gradient(var(--c-primary),color-mix(in srgb,var(--c-primary) 80%,var(--c-bg)));color:var(--c-bg);border-color:var(--c-accent)}.hud :is(button,[role=button]):focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.main-hud-v1 .mh-portrait{border:2px solid var(--c-accent);border-radius:999px}.hud kbd,.hud .key{color:var(--c-accent)}.hud .mh-effect.negative,.hud .danger{color:var(--c-danger);font-weight:700}.main-hud-v1 .hud .ring-minimap canvas{background:var(--c-bg)}
