:root{--bg:#0d110dbd;--bg-solid:#0d110d;--bg2:#ffffff0b;--line:#ffffff17;--line2:#ffffff2e;--txt:#ece8dc;--dim:#9aa393;--faint:#6c7566;--accent:#a4c76a;--amber:#e6b450;--danger:#e0645c;--water:#62b4f0;--energy:#e9d35b;--food:#e8a24a;--hp:#e0645c;--r:12px;--font:"Avenir Next", "SF Pro Display", "Helvetica Neue", system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"Optima", "Palatino Linotype", Palatino, "Iowan Old Style", Georgia, serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{height:100%;color:var(--txt);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#070b07;margin:0;font-size:14px;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;pointer-events:auto}.ic{flex:none;display:block}.glass{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(14px)saturate(1.2);box-shadow:0 10px 34px #00000059}.label{letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:10px;font-weight:600}#compass{border-radius:23px;width:520px;height:46px;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}#compass canvas{width:100%;height:100%;display:block}#compass:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:7px solid var(--amber);filter:drop-shadow(0 1px 2px #0009);width:0;height:0;margin-left:-5px;position:absolute;top:2px;left:50%}#hotbar{gap:7px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.slot{background:var(--bg);border:1px solid var(--line);width:58px;height:58px;color:var(--ic,#cfd6c0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;border-radius:11px;justify-content:center;align-items:center;transition:transform .12s,border-color .12s,background .12s;display:flex;position:relative}.slot .k{color:var(--faint);font-size:10px;font-weight:700;position:absolute;top:4px;left:6px}.slot .n{color:var(--txt);text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;bottom:4px;right:6px}.slot.vac .ic{opacity:0}.slot.sel{border-color:var(--accent);background:#a4c76a24;transform:translateY(-5px);box-shadow:0 6px 22px #a4c76a38,inset 0 0 0 1px #a4c76a66}.slot[data-cat=med]{--ic:#ef8f87}.slot[data-cat=food]{--ic:#ecbf6a}.slot[data-cat=tool]{--ic:#d4dbc4}.slot[data-cat=mat]{--ic:#c8b283}.slot[data-cat=misc]{--ic:#9fc8e8}.slot[data-id=water_clean],.slot[data-id=water_dirty]{--ic:var(--water)!important}.slot.drop{border-color:var(--amber)}#itemLabel{letter-spacing:.04em;text-shadow:0 2px 6px #000;opacity:0;white-space:nowrap;font-size:13px;font-weight:600;transition:opacity .3s;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}#itemLabel.on{opacity:1}#crosshair{background:#ffffffb3;border-radius:50%;width:5px;height:5px;margin:-2.5px;transition:all .15s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000073}#crosshair.on{background:0 0;border:1.5px solid #ffffffd9;width:22px;height:22px;margin:-11px}#marker{opacity:0;will-change:transform;align-items:center;gap:12px;transition:opacity .15s;display:flex;position:absolute;top:0;left:0;transform:translate(-30px,-30px)}#marker.on{opacity:1}#marker .ring{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e0ab8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:60px;height:60px;animation:2.2s ease-in-out infinite bob;display:flex;position:relative;box-shadow:0 6px 20px #00000073,inset 0 0 0 1px #ffffff29}@keyframes bob{0%,to{margin-top:0}50%{margin-top:-4px}}#marker svg.prog{position:absolute;inset:0;transform:rotate(-90deg)}#marker svg.prog circle{fill:none;stroke-width:3px}#marker svg.prog .fg{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 50ms linear}#marker .key{color:#fff;background:#ffffff21;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;font-weight:800;display:flex;box-shadow:inset 0 -3px #00000059,inset 0 0 0 1px #ffffff38}#marker.blocked .key{opacity:.35}#marker.blocked .ring{box-shadow:0 6px 20px #00000073,inset 0 0 0 1px #e0645c73}#marker .meta{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#0a0e0ab8;border-radius:11px;padding:8px 14px 9px;box-shadow:0 6px 20px #0006,inset 0 0 0 1px #ffffff1f}#marker .nm{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:700}#marker .act{align-items:center;gap:8px;margin-top:2px;font-size:15.5px;font-weight:600;display:flex}#feed{flex-direction:column;align-items:flex-end;gap:7px;width:250px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.feed{align-items:center;gap:10px;padding:7px 14px 7px 8px;animation:3.6s forwards feedIn;display:flex}.feed .fi{width:34px;height:34px;color:var(--ic,#cfd6c0);background:#ffffff12;border-radius:9px;justify-content:center;align-items:center;display:flex}.feed b{font-size:13.5px}.feed small{color:var(--dim);margin-top:1px;font-size:11px;display:block}@keyframes feedIn{0%{opacity:0;transform:translate(30px)}7%{opacity:1;transform:none}82%{opacity:1}to{opacity:0;transform:translate(14px)}}#toasts{flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}.toast{text-align:center;max-width:520px;padding:8px 16px;font-size:14px;animation:3.4s forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}8%{opacity:1;transform:none}82%{opacity:1}to{opacity:0;transform:translateY(-4px)}}#banner{opacity:0;pointer-events:none;align-items:center;gap:14px;padding:12px 26px 12px 16px;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}#banner.on{animation:3.4s forwards banner}#banner .bi{width:38px;height:38px;color:var(--accent);background:#a4c76a2e;border-radius:50%;justify-content:center;align-items:center;display:flex}#banner b{font-family:var(--serif);letter-spacing:.04em;font-size:17px;display:block}#banner span{color:var(--dim);font-size:12.5px}@keyframes banner{0%{opacity:0;transform:translate(-50%,-14px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}#hints{color:var(--dim);padding:10px 14px;font-size:12px;line-height:1.75;transition:opacity .4s;position:absolute;bottom:22px;right:22px}#hints.off{opacity:0;pointer-events:none}#hints b{text-align:center;min-width:20px;color:var(--txt);background:#ffffff1c;border-radius:5px;margin-right:2px;padding:0 5px;font-size:11px;font-weight:700;line-height:17px;display:inline-block;box-shadow:inset 0 -2px #0000004d}#hintBtn{color:var(--faint);opacity:0;padding:5px 10px;font-size:11px;transition:opacity .4s;position:absolute;bottom:22px;right:22px}#hints.off~#hintBtn{opacity:1}#dmg{pointer-events:none;position:absolute;inset:0}.dmgArc{width:0;height:0;animation:1.3s forwards dmg;position:absolute;top:50%;left:50%}.dmgArc:before{content:"";filter:blur(4px);background:radial-gradient(at 50% 0,#e03c32bf,#0000 70%);width:300px;height:90px;position:absolute;top:-250px;left:-150px}@keyframes dmg{0%{opacity:0}12%{opacity:1}to{opacity:0}}#heldTip{color:var(--dim);font-size:12px;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}#vignette{pointer-events:none;position:absolute;inset:0}#flash,#fade{pointer-events:none;opacity:0;position:absolute;inset:0}#flash{background:#fff}#fade{background:#000}#titleWrap{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#title{font-family:var(--serif);letter-spacing:.34em;text-shadow:0 2px 24px #000c;padding-left:.34em;font-size:46px;font-weight:400}#subtitle{color:var(--dim);letter-spacing:.18em;text-transform:uppercase;margin-top:14px;font-size:15px}#flyLayer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.fly{border:1px solid var(--line2);width:34px;height:34px;color:var(--ic,#cfd6c0);background:#0d110dd9;border-radius:10px;justify-content:center;align-items:center;margin:-17px;transition:transform .65s cubic-bezier(.5,-.2,.7,1),opacity .65s;display:flex;position:absolute}#tip{z-index:40;pointer-events:none;opacity:0;max-width:240px;padding:9px 12px;font-size:12.5px;line-height:1.4;transition:opacity .1s;position:absolute}#tip b{margin-bottom:2px;font-size:13.5px;display:block}#tip.on{opacity:1}.backdrop{z-index:30;pointer-events:auto;background:radial-gradient(#0508058c,#030503d9);position:absolute;inset:0}.sheet{z-index:31;pointer-events:auto;border:1px solid var(--line2);background:#0e120ef0;border-radius:18px;padding:0;animation:.22s ease-out sheetIn;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 90px #000000b3}@keyframes sheetIn{0%{opacity:0;transform:translate(-50%,calc(14px - 50%))}}.sheet header{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:16px 20px 14px;display:flex}.sheet header h2{font-family:var(--serif);letter-spacing:.08em;align-items:center;gap:10px;margin:0;font-size:21px;font-weight:400;display:flex}.tabs{gap:4px;margin-left:10px;display:flex}.tab{color:var(--dim);background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600}.tab:hover{color:var(--txt);background:#ffffff0f}.tab.on{color:var(--accent);background:#a4c76a29}.xbtn{border:1px solid var(--line);width:32px;height:32px;color:var(--dim);background:0 0;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;display:flex}.xbtn:hover{color:var(--txt);background:#ffffff12}.sheet .body{display:flex}#invGrid .slot{cursor:pointer;-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff0a;width:74px;height:74px}#invGrid .slot.dim{opacity:.28}#invGrid .slot.hot:after{content:"";background:#a4c76a8c;border-radius:1px;height:2px;position:absolute;bottom:5px;left:8px;right:8px}.detail{border-left:1px solid var(--line);background:#ffffff06;flex-direction:column;flex:1;min-width:270px;padding:22px 22px 20px;display:flex}.detail .big{border:1px solid var(--line);width:92px;height:92px;color:var(--ic,#cfd6c0);background:#ffffff0d;border-radius:18px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.detail .big .ic{width:52px;height:52px}.detail h3{margin:0 0 4px;font-size:19px;font-weight:600}.detail .chip{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border:1px solid #a4c76a66;border-radius:6px;align-self:flex-start;margin-bottom:12px;padding:2px 7px;font-size:10px}.detail p{color:var(--dim);margin:0 0 14px;font-size:13.5px;line-height:1.5}.stat-line{border-top:1px solid var(--line);align-items:center;gap:9px;padding:6px 0;font-size:13.5px;display:flex}.stat-line:first-of-type{border-top:0}.stat-line .ic{color:var(--c)}.stat-line b{margin-left:auto;font-weight:600}.detail .acts{gap:8px;margin-top:auto;padding-top:16px;display:flex}.btn{border:1px solid var(--line2);background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .12s;display:inline-flex}.btn:hover{background:#ffffff1f}.btn.primary{background:var(--accent);border-color:var(--accent);color:#11200a}.btn:disabled{opacity:.4;cursor:not-allowed}.empty{color:var(--faint);text-align:center;margin:auto;line-height:1.6}#recipeList{flex-direction:column;gap:6px;width:340px;max-height:520px;padding:14px;display:flex;overflow:auto}.rec{cursor:pointer;pointer-events:auto;background:#ffffff08;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;padding:10px 12px;display:flex}.rec:hover{background:#ffffff12}.rec.on{background:#a4c76a1a;border-color:#a4c76a80}.rec .ri{color:#cfd6c0;background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.rec .rn{font-size:14px;font-weight:600}.rec .rs{color:var(--dim);margin-top:1px;font-size:11.5px}.rec.cant{opacity:.55}.rec .ok{color:var(--accent);margin-left:auto}.ing{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.ing:first-of-type{border-top:0}.ing .ii{color:#cfd6c0;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ing .ii .ic{width:20px;height:20px}.ing .have{font-variant-numeric:tabular-nums;font-weight:700}.ing .have.ok{color:var(--accent)}.ing .have.no{color:var(--danger)}.craftBar{background:#ffffff1a;border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.craftBar i{background:var(--accent);width:0;height:100%;display:block}#map{width:auto}#mapCanvas{width:min(76vh,740px);height:min(76vh,740px);box-shadow:inset 0 0 0 1px var(--line2);background:#08141a;border-radius:12px;margin:18px;display:block}.legend{color:var(--dim);gap:18px;padding:0 22px 18px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:9px;height:9px;display:inline-block}.set{padding:18px 24px 8px}.row{border-top:1px solid var(--line);align-items:center;gap:16px;padding:12px 0;display:flex}.row:first-child{border-top:0}.row .lab{flex:1}.row .lab b{font-size:14px;font-weight:600;display:block}.row .lab small{color:var(--dim);font-size:12px}.row input[type=range]{width:190px;accent-color:var(--accent);pointer-events:auto}.seg{border:1px solid var(--line2);border-radius:9px;display:flex;overflow:hidden}.seg button{color:var(--dim);background:0 0;border:0;padding:7px 14px;font-size:12.5px;font-weight:600}.seg button.on{background:var(--accent);color:#11200a}.switch{background:#ffffff24;border:0;border-radius:12px;width:42px;height:24px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(18px)}.val{text-align:right;font-variant-numeric:tabular-nums;width:40px;color:var(--dim)}.screen{pointer-events:auto;display:flex;position:absolute;inset:0}#menu{text-align:center;background:radial-gradient(#0408048c 0%,#040804cc 60%,#020502f0 100%);justify-content:center;align-items:center}#menu .col{flex-direction:column;align-items:center;max-width:640px;padding:0 24px;display:flex}#menu .logo{filter:drop-shadow(0 10px 30px #000000b3);-webkit-user-select:none;user-select:none;width:min(46vh,440px,80vw);height:auto;margin-bottom:4px}#menu p{color:#c9cebf;max-width:440px;margin:0 auto 24px;font-size:14.5px;line-height:1.6}.mbtn{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:14px;width:300px;margin-bottom:9px;padding:14px 18px;font-size:15.5px;font-weight:600;transition:all .14s;display:flex}.mbtn:hover{background:#a4c76a29;border-color:#a4c76a8c;transform:translateY(-2px)}.mbtn .ic{color:var(--accent)}.mbtn.primary{background:var(--accent);border-color:var(--accent);color:#11200a}.mbtn.primary .ic{color:#11200a}.mbtn.primary:hover{background:#b6d87d}#menu .ver{text-align:center;color:var(--faint);letter-spacing:.1em;font-size:12px;position:absolute;bottom:22px;left:0;right:0}#pause,#dead{text-align:center;background:radial-gradient(#05080599,#030503e6);flex-direction:column;justify-content:center;align-items:center}#pause h1,#dead h1{font-family:var(--serif);letter-spacing:.22em;margin:0 0 22px;padding-left:.22em;font-size:40px;font-weight:400}#pause .mbtn,#dead .mbtn{margin-left:auto;margin-right:auto}#dead h1{color:#f08a82}#dead .skull{color:#f08a82;margin-bottom:12px}#dead p{color:var(--dim);max-width:440px;margin:0 0 6px;line-height:1.55}.deadStats{gap:34px;margin:22px 0 26px;display:flex}.deadStats div b{font-size:26px;font-family:var(--serif);display:block}.deadStats div span{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:11px}@media (width<=1280px){#hints,#hintBtn{display:none}#compass{width:400px}#objective{width:270px}}@media (width<=1100px){#vitals{gap:7px;width:236px;padding:11px 13px;bottom:94px}.slot{width:50px;height:50px}#hotbar{gap:5px;bottom:18px}#itemLabel{bottom:76px}#compass{width:320px;top:10px}#objective{width:250px;top:64px}#miniWrap,#minimap{width:150px;height:150px}#inv{width:94vw}#invGrid{grid-template-columns:repeat(6,1fr);padding:14px}#invGrid .slot{width:auto;height:64px}#craft{width:94vw}.sheet .body{flex-direction:column}.detail{border-left:0;border-top:1px solid var(--line)}#recipeList{width:auto;max-height:220px}}img.ico{object-fit:contain;filter:drop-shadow(0 2px 2px #0000008c);pointer-events:none}.slot img.ico{transform:scale(1.18)}#invGrid .slot img.ico{transform:scale(1.1)}.detail .big img.ico{filter:drop-shadow(0 4px 6px #0009)}.vital .vi img.ico,#status img.ico{filter:drop-shadow(0 1px 2px #0009)}.ic.emo{filter:drop-shadow(0 2px 2px #00000073);justify-content:center;align-items:center;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;display:flex}.hintTxt{color:var(--dim);margin-left:4px;font-size:12px}#inv{width:auto}#invGrid{grid-template-columns:repeat(8,70px);grid-auto-rows:70px;gap:9px;padding:20px 20px 8px;display:grid}#invGrid .slot{width:70px;height:70px;font-size:32px}#invGrid .slot .ic{width:auto;height:auto}#invInfo{min-height:36px;color:var(--dim);padding:6px 22px 18px;font-size:13px}#craftList{flex-direction:column;gap:9px;max-height:70vh;padding:18px 20px 20px;display:flex;overflow:auto}.recipe{border:1px solid var(--line);pointer-events:auto;background:#ffffff0b;border-radius:12px;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;padding:11px 14px;display:grid}.recipe .ic2{justify-content:center;font-size:30px;display:flex}.recipe .nm{font-size:15px;font-weight:600}.recipe .nt{color:var(--dim);margin:2px 0 5px;font-size:12px}.recipe .nd{flex-wrap:wrap;gap:12px;display:flex}.recipe .nd span{align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:inline-flex}.recipe .nd .ok{color:#8ee07c}.recipe .nd .no{color:#ee7a7e}@media (width<=1100px){#inv{width:94vw}#invGrid{grid-template-columns:repeat(6,1fr)}#invGrid .slot{width:auto}#craft{width:94vw}}#muteBtn{cursor:pointer;width:38px;height:38px;color:var(--text,#eef3e6);pointer-events:auto;border:0;justify-content:center;align-self:flex-end;align-items:center;margin-top:8px;display:flex}#muteBtn.off{color:#e98a7a}#muteBtn:hover{filter:brightness(1.25)}:root{--game:"Fredoka", "Avenir Next Rounded", "Nunito", var(--font);--gold:#f2c14e;--gold-hi:#ffe596;--gold-lo:#7a4c0c;--teal:#123b46;--teal2:#1d6470}.gpanel,.gpill{font-family:var(--game);color:#fff;text-shadow:0 1px 2px #00000080;pointer-events:none;background:linear-gradient(#10343ee6,#071b22eb);border:2px solid #f2c14e99;border-radius:18px;box-shadow:0 8px 22px #00000073,inset 0 1px #ffffff24,inset 0 0 0 1px #0006}.gpill{border-radius:26px}.gi{color:var(--gold);display:flex}#pcard{align-items:center;display:flex;position:absolute;top:16px;left:18px}#avatar{--hpc:#7fe36a;z-index:2;filter:drop-shadow(0 6px 10px #00000080);flex:none;width:108px;height:108px;position:relative}#avatar[data-hp=warn]{--hpc:#f2c14e}#avatar[data-hp=crit]{--hpc:#ff5a4d;animation:.9s infinite hpPulse}@keyframes hpPulse{0%,to{filter:drop-shadow(0 0 #ff5a4d00)drop-shadow(0 6px 10px #00000080)}50%{filter:drop-shadow(0 0 12px #ff5a4de6)drop-shadow(0 6px 10px #00000080)}}#avatar .arc{position:absolute;inset:0;transform:rotate(-90deg)}#avatar .arc circle{fill:none;stroke-width:7px}#avatar .arc .bg{stroke:#00000080}#avatar .arc .fg{stroke:var(--hpc);stroke-linecap:round;transition:stroke-dashoffset .35s,stroke .3s}#avatar .face{box-shadow:inset 0 0 0 3px var(--gold), inset 0 0 0 5px var(--gold-lo), 0 0 0 2px #0000008c;background:radial-gradient(circle at 50% 28%,#58bfae,#1f6a70 58%,#0c2f38);border-radius:50%;position:absolute;inset:11px;overflow:hidden}#avatar .face img{object-fit:cover;object-position:50% 6%;pointer-events:none;width:100%;height:100%;transform:scale(1.1)translateY(5%)}#dayBadge{font:600 11px var(--game);letter-spacing:.05em;white-space:nowrap;color:#4a2c05;border:1.5px solid var(--gold-lo);z-index:3;background:linear-gradient(#ffe596,#e4a52c);border-radius:10px;padding:1px 11px 2px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #00000073}#pstats{flex-direction:column;gap:8px;min-width:276px;margin-left:-18px;padding:9px 16px 9px 28px;display:flex}.vital{--c:#fff;grid-template-columns:22px 1fr 34px;align-items:center;gap:8px;display:grid}.vital .vi{color:var(--c);filter:drop-shadow(0 1px 1px #0009);display:flex}.vital .vbar{background:#00000080;border-radius:9px;height:15px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000b3,0 0 0 1px #ffffff1a}.vital .trail{background:#ffffff8c;width:100%;transition:width .8s ease-out .35s;position:absolute;inset:0 auto 0 0}.vital .fill{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 78%, #fff) 0%, var(--c) 45%, color-mix(in srgb, var(--c) 72%, #000) 100%);width:100%;box-shadow:0 0 10px color-mix(in srgb, var(--c) 55%, transparent), inset 0 1px 0 #ffffff73;border-radius:9px;transition:width .2s;position:absolute;inset:0 auto 0 0}.vital .vv{text-align:right;font:600 14px var(--game);font-variant-numeric:tabular-nums}.vital.big .vv:after{content:"%";opacity:.75;font-size:11px}.minis{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.vital.mini{grid-template-columns:16px 1fr;gap:6px}.vital.mini .vbar{height:10px}.vital.mini .vv{display:none}.vital.low .vi{animation:.9s infinite beat}.vital.low .fill{background:linear-gradient(#ff8a80,#e0453a);box-shadow:0 0 12px #ff5a4d}.vital[data-k=health]{--c:#ff6f61}.vital[data-k=hunger]{--c:#f6a844}.vital[data-k=thirst]{--c:#5cc4f4}.vital[data-k=energy]{--c:#f4d84e}#status{flex-wrap:wrap;gap:6px;display:flex}#status:empty{display:none}#status span{font:600 11px var(--game);color:#ffd2cc;background:#e05a5040;border:1px solid #ff827899;border-radius:10px;align-items:center;gap:5px;padding:2px 9px 2px 6px;display:flex}#status span.info{color:#cdeaff;background:#5cc4f433;border-color:#78c8f58c}#objective{align-items:center;gap:10px;width:352px;padding:8px 14px 8px 9px;display:flex;position:absolute;top:138px;left:18px}#objective .pin{color:#4a2c05;width:34px;height:34px;box-shadow:0 0 0 2px var(--gold-lo), 0 2px 6px #00000080;background:radial-gradient(circle at 50% 30%,#ffe596,#e4a52c);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}#objective .otx{flex:1;min-width:0}#objText{font:600 14.5px/1.25 var(--game);letter-spacing:.01em;display:block}#objSteps{gap:3px;margin-top:6px;display:flex}#objSteps i{background:#ffffff29;border-radius:2px;flex:1;height:4px}#objSteps i.on{background:#7fe36a}#objSteps i.cur{background:var(--gold);box-shadow:0 0 6px var(--gold)}#objGo{border-left:1.5px solid #ffffff2e;flex:none;align-items:center;gap:6px;padding-left:8px;display:flex}#objDist{font:700 14px var(--game);color:var(--gold-hi);font-variant-numeric:tabular-nums;white-space:nowrap}#objArrow{width:24px;height:24px;fill:var(--gold);stroke:#4a2c05;stroke-width:1.4px;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0009);transition:transform .12s}#topright{align-items:flex-start;gap:14px;display:flex;position:absolute;top:16px;right:18px}#mapCol{flex-direction:column;align-items:center;gap:14px;display:flex}#miniWrap{width:190px;height:190px;margin:8px 8px 0;position:relative}#minimap{width:190px;height:190px;box-shadow:0 0 0 4px #164552, 0 0 0 8px var(--gold), 0 0 0 10.5px var(--gold-lo), 0 10px 28px #0000008c;background:#0a2430;border-radius:50%}#miniWrap:after{display:none}#miniN,#miniM{width:24px;height:24px;font:700 12px var(--game);color:#4a2c05;box-shadow:0 0 0 2px var(--gold-lo), 0 2px 5px #00000080;text-shadow:none;letter-spacing:0;background:radial-gradient(circle at 50% 30%,#ffe596,#e4a52c);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}#miniN{top:-18px;left:50%;transform:translate(-50%)}#miniM{bottom:6px;right:-14px}#place{flex-direction:column;gap:5px;width:206px;padding:9px 14px 10px;display:flex}#place .pn{font:700 16px var(--game);letter-spacing:.02em;align-items:center;gap:7px;display:flex}#place .pt{font:500 12px var(--game);color:#cfe6ea;align-items:center;gap:7px;display:flex}#place .pt b{font:600 13px var(--game);color:#fff;font-variant-numeric:tabular-nums}#place .pt span{color:#b6d0d6}#place .pp{border-top:1.5px solid #ffffff24;align-items:baseline;gap:6px;padding-top:5px;display:flex}#place .pp .gi{align-self:center}#place .pp b{font:700 22px/1 var(--game);font-variant-numeric:tabular-nums;min-width:26px}#place .pp small{font:500 11px var(--game);color:#b6d0d6}#place .pp em{font:600 12px var(--game);color:var(--gold-hi);margin-left:auto;font-style:normal}#sideBtns{flex-direction:column;gap:10px;padding-top:8px;display:flex}.rbtn{color:#fff;border:3px solid var(--gold);width:46px;height:46px;box-shadow:0 0 0 2px var(--gold-lo), 0 5px 12px #00000080, inset 0 2px 0 #ffffff47;background:radial-gradient(circle at 50% 28%,#2f8a92,#123b46 75%);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .12s,filter .12s;display:flex;position:relative}.rbtn:hover{filter:brightness(1.2);transform:scale(1.08)}.rbtn:active{transform:scale(.96)}.rbtn.off{color:#ffb0a4}#actions{font-family:var(--game);align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:20px;right:22px}.abtn{flex-direction:column;align-items:center;gap:4px;transition:opacity .2s,filter .2s;display:flex}.abtn .ring{color:#fff;border:4px solid var(--gold);width:74px;height:74px;box-shadow:0 0 0 2.5px var(--gold-lo), 0 7px 16px #0000008c, inset 0 3px 0 #ffffff47;background:radial-gradient(circle at 50% 28%,#2f8a92,#123b46 78%);border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .2s,transform .2s;display:flex;position:relative}.abtn .ring svg.prog{pointer-events:none;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px;transform:rotate(-90deg)}.abtn .ring svg.prog circle{fill:none;stroke:#fff3a0;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 4px #ffd54a);transition:stroke-dashoffset 50ms linear}.abtn b{font:600 14px var(--game);color:#fff;text-shadow:0 2px 4px #000c;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:86px;overflow:hidden}.abtn kbd{font:700 11px var(--game);letter-spacing:.05em;text-transform:uppercase;color:#fff;border:1.5px solid var(--gold);background:#0c2c35;border-radius:8px;padding:1px 10px 2px;box-shadow:0 2px 4px #00000080}.abtn.on .ring{border-color:#8ff0ff;animation:1.1s ease-in-out infinite alternate glow;box-shadow:0 0 0 2.5px #2d7d8a,0 0 22px #78ebffd9,0 7px 16px #0000008c,inset 0 3px #ffffff4d}.abtn.ready .ring{box-shadow:0 0 0 2.5px var(--gold-lo), 0 0 24px #ffd54ae6, 0 7px 16px #0000008c, inset 0 3px 0 #ffffff4d;animation:.9s ease-in-out infinite alternate glowGold;transform:scale(1.06)}.abtn:not(.on):not(.ready) .ring{filter:saturate(.55)brightness(.85)}.abtn.dim{opacity:.55}@keyframes glow{to{box-shadow:0 0 0 2.5px #2d7d8a,0 0 34px #78ebff,0 7px 16px #0000008c,inset 0 3px #ffffff4d}}@keyframes glowGold{to{box-shadow:0 0 0 2.5px var(--gold-lo), 0 0 36px #ffd54a, 0 7px 16px #0000008c, inset 0 3px 0 #ffffff4d}}#hotbar{gap:8px;bottom:20px}.slot{background:linear-gradient(#10343eeb,#071b22f0);border:2px solid #f2c14e6b;border-radius:15px;width:60px;height:60px;box-shadow:0 5px 12px #00000073,inset 0 1px #ffffff1f}.slot .k{min-width:17px;height:17px;font:700 10px var(--game);color:#4a2c05;background:linear-gradient(#ffe596,#e4a52c);border-radius:9px;justify-content:center;align-items:center;display:flex;top:3px;left:4px}.slot .n{font:700 12px var(--game)}.slot.sel{border-color:var(--gold-hi);box-shadow:0 0 0 1.5px var(--gold-lo), 0 0 20px #f2c14e8c, 0 8px 16px #00000080;background:linear-gradient(#22626cf2,#0c2c36f2);transform:translateY(-7px)scale(1.06)}#itemLabel{font-family:var(--game);font-size:15px;bottom:98px}#marker .ring{border:3px solid var(--gold);box-shadow:0 0 0 2px var(--gold-lo), 0 6px 18px #00000080;background:radial-gradient(circle at 50% 28%,#2f8a92,#123b46 80%)}#marker svg.prog .fg{stroke:#fff3a0}#marker svg.prog .bg{stroke:#00000059}#marker .key{font-family:var(--game);color:#4a2c05;background:linear-gradient(#ffe596,#e4a52c);box-shadow:inset 0 -3px #7a4c0c99,0 1px 3px #00000080}#marker .meta{font-family:var(--game);background:linear-gradient(#10343eeb,#071b22f0);border:2px solid #f2c14e99;box-shadow:0 6px 18px #00000080}#marker .nm{color:#b6d0d6;font-family:var(--game)}#marker .act{font-family:var(--game);font-weight:600}#marker .act .ic{color:var(--gold)}#compass:after{border-top-color:var(--gold)}#toasts .toast,.feed,#banner{font-family:var(--game);-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#10343eeb,#071b22f0);border:2px solid #f2c14e8c;border-radius:18px;box-shadow:0 8px 22px #00000073}#banner b{font-family:var(--game);letter-spacing:.03em}#banner .bi{color:#7fe36a;background:#7fe36a33}#hints,#hintBtn{font-family:var(--game);-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#10343ee0,#071b22e6);border:2px solid #f2c14e66;border-radius:14px;bottom:18px;left:18px;right:auto}#hints b{color:#4a2c05;background:linear-gradient(#ffe596,#e4a52c);box-shadow:inset 0 -2px #7a4c0c80}.screen,.sheet,.backdrop,#tip{font-family:var(--game)}#menu{background:radial-gradient(at 50% 42%,#061e2673 0%,#04161cc7 58%,#020c10f2 100%)}#menu p{font-family:var(--game);color:#d5e6e4;text-shadow:0 2px 6px #000000b3;max-width:470px;font-size:16px;font-weight:400;line-height:1.55}#menu .ver{font-family:var(--game);letter-spacing:.14em;color:#ffe59699;font-size:12px}.mbtn{width:330px;font-family:var(--game);letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px #0009;border:3px solid var(--gold);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 0 2px var(--gold-lo), 0 7px 16px #0000008c, inset 0 2px 0 #ffffff4d, inset 0 -3px 0 #00000040;background:linear-gradient(#2a7c86 0%,#17505c 52%,#0f3641 100%);border-radius:18px;justify-content:center;gap:12px;margin-bottom:12px;padding:13px 22px 14px;font-size:18px;font-weight:600;transition:transform .12s,filter .12s,box-shadow .12s}.mbtn:hover{filter:brightness(1.15);border-color:var(--gold-hi);box-shadow:0 0 0 2px var(--gold-lo), 0 0 22px #f2c14e73, 0 10px 20px #0000008c, inset 0 2px 0 #ffffff4d;background:linear-gradient(#2a7c86 0%,#17505c 52%,#0f3641 100%);transform:translateY(-3px)scale(1.02)}.mbtn:active{transform:translateY(1px)scale(.99)}.mbtn .ic{color:var(--gold-hi);filter:drop-shadow(0 1px 1px #00000080)}.mbtn.primary{color:#4a2c05;text-shadow:0 1px #ffffff73;background:linear-gradient(#ffe596 0%,#f2c14e 50%,#d99a22 100%);border-color:#8a5a0c;box-shadow:0 0 0 2px #4d2f06,0 7px 16px #0000008c,inset 0 2px #fff9,inset 0 -3px #7a4c0c59}.mbtn.primary:hover{background:linear-gradient(#fff0b4 0%,#f7cc5c 50%,#e3a52c 100%);border-color:#a06a10}.mbtn.primary .ic{color:#6b3f06;filter:none}#pause,#dead{background:radial-gradient(#04181eb3,#020c10f0)}#dead{background:radial-gradient(#320806a6,#0a0202f2)}.gpanel2{font-family:var(--game);color:#fff;border:3px solid var(--gold);box-shadow:0 0 0 2px var(--gold-lo), 0 24px 70px #000000b3, inset 0 1px 0 #ffffff29;background:linear-gradient(#123a44f5,#071c23f7);border-radius:28px;flex-direction:column;align-items:center;padding:64px 38px 26px;display:flex;position:relative}#pause h1,#dead h1{font-family:var(--game);letter-spacing:.16em;color:var(--gold-hi);text-shadow:0 3px 0 var(--gold-lo), 0 6px 14px #0009;margin:0;padding-left:.16em;font-size:34px;font-weight:700}.pavatar{width:100px;height:100px;box-shadow:inset 0 0 0 3px var(--gold), inset 0 0 0 5px var(--gold-lo), 0 0 0 3px #00000080, 0 8px 18px #00000080;background:radial-gradient(circle at 50% 28%,#58bfae,#1f6a70 58%,#0c2f38);border-radius:50%;position:absolute;top:-50px;left:50%;overflow:hidden;transform:translate(-50%)}.pavatar img{object-fit:cover;object-position:50% 6%;width:100%;height:100%;transform:scale(1.1)translateY(5%)}.psub{color:#b6d0d6;letter-spacing:.08em;margin:4px 0 14px;font-size:15px;font-weight:500}.pstat{gap:8px;margin-bottom:20px;display:flex}.pstat span{color:var(--c);background:#00000052;border:1.5px solid #ffffff1f;border-radius:12px;align-items:center;gap:6px;padding:5px 11px 5px 8px;display:flex}.pstat b{color:#fff;font-size:14px;font-weight:600}.pfoot{color:#8fb0b8;margin-top:6px;font-size:12.5px}.pfoot kbd,#skipHint kbd{font:700 11px var(--game);letter-spacing:.05em;text-transform:uppercase;color:#fff;border:1.5px solid var(--gold);background:#0c2c35;border-radius:8px;padding:1px 9px 2px}.deadbox{padding-top:40px}#dead .skull{color:#ff8a80;background:radial-gradient(circle at 50% 28%,#6b2420,#2a0d0b);border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;margin-bottom:12px;display:flex;box-shadow:inset 0 0 0 3px #e0645c,0 0 0 2px #4d1410,0 6px 14px #00000080}#dead h1{color:#ff9d92;text-shadow:0 3px #5b1a14,0 6px 14px #0009;font-size:28px}#dead p{font-family:var(--game);color:#d7e3e5;text-align:center;max-width:360px;margin:10px 0 4px;line-height:1.5}.deadStats div b{font-family:var(--game);color:var(--gold-hi)}.deadStats div span{font-family:var(--game)}#skipHint{font:600 14px var(--game);color:#fff;text-shadow:0 1px 3px #000;opacity:0;pointer-events:none;background:linear-gradient(#123a44e0,#071c23e6);border:2px solid #f2c14ea6;border-radius:22px;align-items:center;gap:10px;padding:8px 16px 8px 10px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:22px;right:24px;transform:translateY(8px);box-shadow:0 6px 18px #00000080}#skipHint.on{opacity:1;transition:opacity .6s 1.4s,transform .6s 1.4s;animation:2.4s ease-in-out 2.2s infinite skipPulse;transform:none}#skipHint kbd{color:#4a2c05;background:linear-gradient(#ffe596,#e4a52c);border-color:#8a5a0c;padding:3px 12px 4px;font-size:12px}@keyframes skipPulse{0%,to{box-shadow:0 6px 18px #00000080}50%{box-shadow:0 6px 18px #00000080,0 0 20px #f2c14e99}}.backdrop{background:radial-gradient(#04181e99,#020c10e6)}.sheet{border:3px solid var(--gold);box-shadow:0 0 0 2px var(--gold-lo), 0 30px 90px #000000bf, inset 0 1px 0 #ffffff24;color:#fff;background:linear-gradient(#113741fa,#06191ffc);border-radius:24px}.sheet header{background:linear-gradient(#f2c14e29,#f2c14e00);border-bottom:2px solid #f2c14e4d;padding:14px 18px 12px 22px}.sheet header h2{font-family:var(--game);letter-spacing:.05em;color:#fff;text-shadow:0 2px 4px #00000080;font-size:22px;font-weight:700}.sheet header h2 .ic{color:var(--gold)}.hintTxt{font-family:var(--game);color:#9fc0c7}.xbtn{border:2.5px solid var(--gold);color:#fff;width:34px;height:34px;box-shadow:0 0 0 1.5px var(--gold-lo), 0 3px 8px #00000073;background:radial-gradient(circle at 50% 28%,#2f8a92,#123b46 80%);border-radius:50%}.xbtn:hover{color:#fff;filter:brightness(1.25);background:radial-gradient(circle at 50% 28%,#2f8a92,#123b46 80%)}#invGrid .slot{background:linear-gradient(#10343eeb,#071b22f0);border:2px solid #f2c14e52;border-radius:15px}#invGrid .slot:hover{border-color:var(--gold);background:linear-gradient(#1e5862f2,#0a2830f2)}#invGrid .slot.pick{border-color:var(--gold-hi);box-shadow:0 0 0 1.5px var(--gold-lo), 0 0 16px #f2c14e80}#invGrid .slot.hot:after{background:var(--gold)}.detail{background:#00000038;border-left:2px solid #f2c14e40}.detail .big{border:3px solid var(--gold);box-shadow:0 0 0 2px var(--gold-lo), inset 0 2px 0 #ffffff40;background:radial-gradient(circle at 50% 28%,#2b7e86,#123b46 80%);border-radius:20px}.detail h3{font-family:var(--game);font-weight:700}.detail .chip{font-family:var(--game);color:var(--gold-hi);border-color:#f2c14e99}.detail p{color:#b6d0d6}.stat-line{border-top-color:#ffffff1f}#invInfo{color:#b6d0d6}.btn{font-family:var(--game);border:2.5px solid var(--gold);color:#fff;box-shadow:0 0 0 1.5px var(--gold-lo), 0 4px 10px #00000073, inset 0 2px 0 #ffffff40;background:linear-gradient(#2a7c86,#123f4a);border-radius:14px;font-size:14.5px;font-weight:600}.btn:hover{filter:brightness(1.1);background:linear-gradient(#34909a,#17505c)}.btn.primary{color:#4a2c05;background:linear-gradient(#ffe596,#e4a52c);border-color:#8a5a0c;box-shadow:0 0 0 1.5px #4d2f06,0 4px 10px #00000073,inset 0 2px #ffffff8c}.btn.primary:hover{background:linear-gradient(#fff0b4,#efb43a)}.recipe,.rec{background:linear-gradient(#10343ed9,#071b22e0);border:2px solid #f2c14e4d;border-radius:16px}.rec.on{border-color:var(--gold);background:#f2c14e1f}.recipe .nm,.rec .rn{font-family:var(--game);font-weight:600}.recipe .nt{color:#a9c6cd}.craftBar{background:#0006}.craftBar i{background:linear-gradient(#ffe596,#e4a52c)}#mapCanvas{border:3px solid var(--gold);box-shadow:0 0 0 2px var(--gold-lo), inset 0 0 40px #0006;background:#0a2f40;border-radius:16px}.legend{color:#b6d0d6;font-family:var(--game)}.row{border-top-color:#ffffff1f}.row .lab b{font-family:var(--game);font-size:15px;font-weight:600}.row .lab small{color:#a9c6cd;font-family:var(--game)}.row input[type=range]{accent-color:var(--gold)}.seg{border:2px solid var(--gold);background:#0000004d;border-radius:12px}.seg button{font-family:var(--game);color:#cfe6ea;font-weight:600}.seg button.on{color:#4a2c05;background:linear-gradient(#ffe596,#e4a52c)}.switch{background:#00000073;box-shadow:inset 0 0 0 2px #ffffff2e}.switch.on{background:linear-gradient(#ffe596,#e4a52c);box-shadow:inset 0 0 0 2px #8a5a0c}.val{font-family:var(--game);color:var(--gold-hi);font-weight:600}#tip{color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#123a44f7,#071c23f7);border:2px solid #f2c14e99;border-radius:14px}#tip span{color:#b6d0d6}@media (width<=1180px){#pcard{transform-origin:0 0;transform:scale(.88)}#objective{width:330px;top:128px}#topright{transform-origin:100% 0;transform:scale(.88)}#actions{transform-origin:100% 100%;transform:scale(.88)}#compass,#hints,#hintBtn{display:none}}@media (width<=900px),(height<=560px){#pcard{transform-origin:0 0;top:8px;left:10px;transform:scale(.7)}#objective{border-radius:20px;gap:7px;width:min(300px,52vw);padding:5px 10px 5px 6px;top:88px;left:10px;transform:none}#objective .pin{width:26px;height:26px}#objective .pin .ic{width:16px;height:16px}#objText{font-size:12px;line-height:1.2}#objSteps{margin-top:4px}#objSteps i{height:3px}#objDist{font-size:12px}#objArrow{width:18px;height:18px}#objGo{gap:4px;padding-left:6px}#topright{transform-origin:100% 0;top:6px;right:8px;transform:scale(.62)}#place{display:none}#actions{transform-origin:100% 100%;gap:12px;bottom:8px;right:8px;transform:scale(.66)}#hotbar{gap:4px;bottom:8px}.slot{border-radius:11px;width:min(46px,11.1111vw - 6.66667px);height:min(46px,11.1111vw - 6.66667px)}.slot .k{min-width:14px;height:14px;font-size:9px;top:2px;left:2px}.slot .n{font-size:10px;bottom:2px;right:4px}.slot.sel{transform:translateY(-4px)scale(1.04)}.slot .ic,.slot img.ico{width:70%;height:70%}#itemLabel{font-size:12px;bottom:62px}#compass,#hints,#hintBtn{display:none}#feed{width:180px;right:8px}.feed{transform-origin:100%}#toasts{top:70px}.toast{padding:6px 12px;font-size:12.5px}#marker .meta{padding:5px 10px 6px}#marker .act{font-size:13px}#marker .nm{font-size:9.5px}#skipHint{padding:5px 12px 5px 8px;font-size:12px;bottom:56px;right:10px}#banner{top:12%}}@media (width<=600px) and (height>=561px){#actions{bottom:70px;right:8px}#itemLabel{bottom:128px}#pcard{transform:scale(.62)}#pstats{min-width:196px;padding-right:12px}#topright{top:4px;right:6px;transform:scale(.5)}#objective{width:calc(100vw - 20px);max-width:none;top:124px}#toasts{top:168px}#hotbar{bottom:10px}}@media (height<=560px) and (width>=601px){#topright{transform:scale(.52)}#pcard{transform:scale(.62)}#objective{width:min(260px,40vw);top:78px}#hotbar{gap:3px}.slot{width:38px;height:38px}#actions{transform:scale(.58)}}.sheet{max-width:96vw;max-height:94vh;overflow:auto}#inv,#craft,#settings,#map{max-width:96vw}#settings{width:min(560px,96vw)}#craft{width:min(600px,96vw)}@media (width<=900px),(height<=560px){.sheet header{gap:10px;padding:8px 12px 8px 14px}.sheet header h2{font-size:17px}.hintTxt{display:none}.xbtn{width:30px;height:30px}#inv{width:96vw}#invGrid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));grid-auto-rows:54px;gap:6px;padding:12px}#invGrid .slot{width:auto;height:54px}#invInfo{padding:4px 14px 10px}.sheet .body{flex-direction:column}.detail{border-top:2px solid #f2c14e40;border-left:0;min-width:0;padding:12px 14px}.detail .big{width:64px;height:64px;margin-bottom:8px}#craftList{gap:7px;max-height:none;padding:12px}.recipe{grid-template-columns:38px 1fr auto;gap:10px;padding:8px 10px}.recipe .nm{font-size:14px}.set{padding:8px 14px 6px}.row{flex-wrap:wrap;gap:10px;padding:8px 0}.row input[type=range]{width:130px}.row .lab small{display:none}#mapCanvas{width:min(100vh - 150px,90vw,740px);height:min(100vh - 150px,90vw,740px);margin:10px auto}.legend{flex-wrap:wrap;gap:10px;padding:0 14px 10px;font-size:11px}}.mbtn{width:min(330px,86vw)}.pbox{box-sizing:border-box;width:min(420px,92vw);padding-left:clamp(14px,5vw,38px);padding-right:clamp(14px,5vw,38px)}.pbox .mbtn{width:100%;max-width:330px}.pstat{flex-wrap:wrap;justify-content:center}@media (height<=560px){#menu .col{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 26px;max-width:760px;padding:0 20px;display:grid}#menu .logo{grid-row:1/span 6;justify-self:center;width:min(52vh,250px);margin:0}#menu p{max-width:none;margin:0 0 8px;font-size:13px}#menu .mbtn{border-width:2.5px;border-radius:14px;width:min(300px,100%);margin-bottom:6px;padding:8px 16px 9px;font-size:15px}#menu .ver{font-size:10px;bottom:8px}.pbox{border-radius:22px;padding:46px 22px 14px}.pavatar{width:72px;height:72px;top:-36px}#pause h1,#dead h1{font-size:24px}.psub{margin:2px 0 8px;font-size:13px}.pstat{gap:5px;margin-bottom:10px}.pstat span{padding:3px 8px 3px 6px}.pstat b{font-size:12px}.pbox .mbtn{width:100%;max-width:280px;margin-bottom:6px;padding:7px 14px 8px;font-size:14.5px}.pfoot{font-size:11px}.deadbox{padding-top:24px}#dead .skull{width:54px;height:54px;margin-bottom:6px}}@media (width<=480px){#menu p{font-size:14px}#menu .logo{width:min(38vh,72vw)}.mbtn{padding:11px 16px 12px;font-size:16px}}html,body,#c{touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch .sheet,.touch .screen{touch-action:pan-y}.touch .sheet .body,.touch #invGrid,.touch #craftList,.touch .set{-webkit-overflow-scrolling:touch}.touch .abtn kbd,.touch #hints,.touch #hintBtn,.touch .pfoot,.touch .hintTxt,.touch #compass{display:none!important}.touch #hud{--sa-l:env(safe-area-inset-left,0px);--sa-r:env(safe-area-inset-right,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-t:env(safe-area-inset-top,0px)}.touch #stick{pointer-events:none;opacity:0;z-index:5;width:0;height:0;transition:opacity .15s;position:absolute}.touch #stick.on{opacity:1}.touch #stick .ring{background:radial-gradient(circle,#08283247,#0828328c);border:3px solid #f2c14ecc;border-radius:50%;width:128px;height:128px;position:absolute;top:-64px;left:-64px;box-shadow:0 0 0 2px #00000059,inset 0 0 18px #0006}.touch #stick .knob{background:radial-gradient(circle at 35% 30%,#fff0b4,#f2c14e 60%,#c98f1d);border:3px solid #8a5a0c;border-radius:50%;width:58px;height:58px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 5px 12px #00000080}.touch #hud:after{content:"";left:calc(46px + var(--sa-l));bottom:calc(46px + var(--sa-b));pointer-events:none;background:#08283229;border:3px dashed #f2c14e59;border-radius:50%;width:110px;height:110px;position:absolute}.touch #actions{right:calc(16px + var(--sa-r));bottom:calc(16px + var(--sa-b));gap:0;width:250px;height:214px;display:block;position:absolute;transform:none}.touch .abtn{touch-action:none;pointer-events:auto;position:absolute}.touch .abtn.held .ring{filter:brightness(1.25);transform:scale(.92)}.touch .abtn .ring{width:66px;height:66px;transition:transform 80ms}.touch #aAtk{bottom:0;right:0}.touch #aAtk .ring{width:86px;height:86px}.touch #aUse{bottom:6px;right:100px}.touch #aJump{bottom:112px;right:4px}.touch #aSprint{bottom:100px;right:98px}.touch #aSprint.latched .ring{border-color:#8ff0ff;box-shadow:0 0 0 2.5px #2d7d8a,0 0 20px #78ebffd9,inset 0 3px #ffffff4d}.touch .abtn b{display:none}.touch #aUse b{background:#071c23cc;border-radius:9px;padding:1px 8px;font-size:12px;display:block;position:absolute;top:-18px}.touch #touchUtil{top:calc(8px + var(--sa-t));z-index:6;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.touch #touchUtil .rbtn{touch-action:none;width:42px;height:42px}.touch #hotbar{bottom:calc(10px + var(--sa-b))}.touch #marker .key{display:none}.touch #crosshair{opacity:.7}.touch .slot{pointer-events:auto;touch-action:none}.touch #sideBtns .rbtn{width:44px;height:44px}.touch .mbtn,.touch .xbtn{min-height:44px}.touch .row input[type=range]{height:32px}@media (height<=560px){.touch #actions{transform-origin:100% 100%;right:calc(8px + var(--sa-r));bottom:calc(8px + var(--sa-b));transform:scale(.8)}.touch #hotbar{bottom:calc(6px + var(--sa-b));gap:3px}.touch .slot{border-radius:9px;width:36px;height:36px}.touch .slot .k{display:none}.touch #itemLabel{bottom:48px}.touch #touchUtil{top:calc(6px + var(--sa-t));gap:6px}.touch #touchUtil .rbtn{width:36px;height:36px}.touch #hud:after{left:calc(30px + var(--sa-l));bottom:calc(24px + var(--sa-b));width:96px;height:96px}}@media (width<=600px) and (height>=561px){.touch #actions{transform-origin:100% 100%;right:4px;bottom:calc(66px + var(--sa-b));transform:scale(.82)}.touch #touchUtil{gap:6px;top:176px;left:10px;transform:none}.touch #touchUtil .rbtn{width:36px;height:36px}.touch #hud:after{left:24px;bottom:calc(96px + var(--sa-b))}.touch #hotbar{bottom:calc(8px + var(--sa-b))}}#capture{pointer-events:none;font:600 13px var(--game);color:#fff;z-index:8;white-space:nowrap;opacity:.92;text-shadow:0 1px 2px #000;background:linear-gradient(#123a44e6,#071c23eb);border:2px solid #f2c14ebf;border-radius:20px;align-items:center;gap:9px;padding:5px 16px 5px 6px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000073}#capture kbd{font:700 12px var(--game);color:#4a2c05;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(#ffe596,#e4a52c);border:1.5px solid #8a5a0c;border-radius:8px;padding:2px 11px 3px}@media (width>=1181px){#capture{top:66px}}@media (width<=1180px){#capture{gap:7px;padding-right:12px;font-size:12px;top:auto;bottom:12px;left:10px;transform:none}}.touch #capture{display:none!important}body.nocursor #c{cursor:none}.mhint{text-align:center;max-width:360px;font:500 12.5px/1.45 var(--game);color:#b6d0d6;margin-top:10px}.mhint kbd{font:700 10.5px var(--game);border:1.5px solid var(--gold);color:#fff;background:#0c2c35;border-radius:7px;padding:1px 7px 2px}html:not(.touch) #sideBtns,.touch #sideBtns{display:none}#menu .col{margin-bottom:34px}@media (width>=601px) and (width<=1000px) and (height>=561px){#hotbar{gap:4px}.slot{width:max(30px,min(46px,11.1111vw - 54px));height:max(30px,min(46px,11.1111vw - 54px))}}