@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:#22160ddb;--line:#ffd69638;--text:#fff4e0;--muted:#d8c3a2;--amber:#ffb23e;--amber-2:#ffd27a;--leaf:#8fd35a;--open:#7df9ff;--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:#0e0b08;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:#fff0d224;border:1px solid #ffe6be59;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,#0e0b08 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,#f08a24,#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:150px;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:#06343a;box-shadow:0 0 14px #7df9ffcc}.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:#7df9ff33;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 #7df9ffcc}.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:#7df9ff80}@keyframes bob{50%{transform:rotate(45deg)translate(-3px,-3px)}}.reticle{border:2px dashed #ffe6bed9;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 #7df9ffe6}@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 #ffb23e99}@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:" OPEN";letter-spacing:.1em;vertical-align:middle;font-size:11px}.p-heal{color:var(--leaf)}.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:nowrap;background:#1c120adb;border-radius:12px;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 #ffd69666;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}.clicklook{opacity:0;background:#0000008c;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;transition:opacity .3s;position:absolute;top:56%;left:50%;transform:translate(-50%)}.clicklook.on{opacity:1}.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:#ffb23e29;border-color:#ffb23e73}.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 #ffd69624;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:#ffb23e1f}.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 #ffd69624;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 #ffd69624;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 #ffd6964d;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:#ffd69640;width:60px;height:2px;margin-bottom:26px}.card{background:#ffecc80d;border:1px solid #ffd69629;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(#ffb23e1a,#ffb23e08);border-color:#ffb23e73}.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 #ffd69624;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:#ffb23e1a}.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%,#ffaa3c33,#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 #ffaa3c99;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,76vh,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{--wood:linear-gradient(180deg, #3a2414eb, #1e120af0);--wood-line:#d6aa6e73;--ink:#3a2210}.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 #ffcf7af2)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 #ffaa3c8c);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:#fff8e6;box-shadow:none;filter:saturate(1.15)brightness(1.05)drop-shadow(0 0 12px #ff962873);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:#1e120a8c;border-image:;border-radius:12px;min-height:44px;padding:10px 18px}.btn.ghost:hover:not(:disabled){filter:drop-shadow(0 0 8px #ffaa3c66);background:#462a14bf}.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 #ffb43c)}}.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 #ffdca02e,inset 0 0 40px #00000073,0 26px 70px #0009}.panel .tabs{border-bottom-color:var(--wood-line);background:linear-gradient(#5a381c8c,#28180c4d)}.tabs [data-tab].on{box-shadow:inset 0 -2px 0 var(--amber), 0 0 16px #ffaa3c40;background:linear-gradient(#ffb23e47,#ff8c281a)}.item,.recipe,.gearcard,.card{background:linear-gradient(#ffe6be12,#ffe6be05);border-color:#d6aa6e38;transition:transform .12s,border-color .15s,box-shadow .15s}.item:hover,.recipe:hover,.gearcard:hover{border-color:#ffc8788c;transform:translateY(-1px);box-shadow:0 0 18px #ffaa3c2e}.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:#ffc86e80;box-shadow:inset 0 0 22px #ffaa3c1f}.cost .pi{width:24px;height:24px}.boot{background:#120a06;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;opacity:.9;filter:blur(.3px)drop-shadow(0 0 4px #ff9a3a);background-image:radial-gradient(2px 2px at 12% 90%,#ffb45a,#0000),radial-gradient(3px 3px at 28% 80%,#ff8a2a,#0000),radial-gradient(2px 2px at 46% 95%,#ffd27a,#0000),radial-gradient(3px 3px at 63% 85%,#ff9a3a,#0000),radial-gradient(2px 2px at 78% 92%,#ffc060,#0000),radial-gradient(3px 3px at 90% 82%,#ff7a26,#0000);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,#d8661a,#ffb13a 60%,#fff0b8);border-radius:3px;box-shadow:0 0 14px #ff9628e6}.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 #78ff82f2)}.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,.clicklook{background:var(--wood);border-color:var(--wood-line);box-shadow:inset 0 1px #ffdca026,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 #fff0d299;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:#ffb45a}.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 #7df9ffe6,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 #ffaa3ce6);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 #7df9ff);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,#28180ce6,#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:"";filter:drop-shadow(0 0 6px #ffaa3cf2);border-bottom:26px solid #ffb23e;border-left:9px solid #0000;border-right:9px solid #0000;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;width:100px;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 #ffd69647;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 #fff0d226}.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 #ffb43c59,0 0 22px #ffaa3c8c,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 #ffd69673;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{min-width:22px;height:22px;font:800 12px/20px var(--display);color:#eaffcc;text-align:center;background:#2c3a14;border:1px solid #b8f07a;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:#dfffb8;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:#ffd27a;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:#d8ff9a;text-shadow:0 4px #1e3008,0 0 26px #a0f05ae6}.stamp.s-flash{color:#fff;text-shadow:0 4px #2a3a4a,0 0 34px #dcf0ff}.stamp.s-track{color:#e6ffc0;text-shadow:0 4px #14301e,0 0 26px #8cf0c8e6;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:#dfffc0;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:#9ae86a;border:2px solid #1e3008;border-radius:50%;width:12px;height:12px;position:absolute;top:-44px;left:-6px;box-shadow:0 0 10px #c8ff9a}.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{opacity:0;background:#9ae86a;border-radius:50%;width:8px;height:8px;margin-left:4px;box-shadow:0 0 8px #c8ff9a}.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 #ff8c28e6;font-size:26px;font-weight:900}.legend .lg.trk{background:#9ae86a;border-radius:50%;box-shadow:0 0 6px #c8ff9a}.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:#c8f2ff;background:#78c8e638}.cls.c-sling{color:#dfffc0;background:#96dc6e38}.gearcard .cls{margin:2px 0;display:inline-block}.clsdesc{color:var(--muted);font-size:11px}.cook-intro .gold{color:#ffd27a}.card.meal-now{border-color:#ffd27880;align-items:center;gap:12px;display:flex}.card.meal-now small.q-perfect{color:#ffd27a}.card.meal-now small.q-charred{color:#b89a80}.stat.buff{color:#c8ffa0}.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:#8cdc5a8c;position:absolute;top:0;bottom:0}.sgauge .zp{background:linear-gradient(#ffe08a,#ffb23e);position:absolute;top:0;bottom:0;box-shadow:0 0 14px #ffd27a}.sneedle{background:#fff;border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:-4px;bottom:-4px;left:0;box-shadow:0 0 10px #fff,0 0 20px #ffb23e}.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 #ffd69633;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:#ffb23e29;border-color:#ffcf6a;box-shadow:0 0 12px #ffaa3c4d}.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:#9ae86a;box-shadow:0 0 6px #c8ff9a}.jb.wk{background:#ff8a2a}.jb.hn{color:#3a2210;background:#e8d6a8;border-radius:7px;width:auto;min-width:14px;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{color:#e6ffc0;background:#2c5a14;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:#6ac04a;border-color:#2c5a14;box-shadow:0 0 6px #9ae86a}.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}