@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{--ink:#f5ead6;--dim:#cbb99e;--faint:#927d65;--gold:#e5a844;--gold-hi:#ffd476;--bronze:#8d572a;--walnut:#20150f;--walnut-2:#362117;--moss:#8eb86e;--red:#ce5141;--line:#edbe6c61;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--display:"Sora",ui-sans-serif,system-ui,sans-serif;--ui:"Figtree",ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#15110c;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}svg{display:block}.hidden{display:none!important}#game,#ui{width:100%;height:100%;position:fixed;inset:0}#game{display:block}#ui{z-index:2;pointer-events:none}.icon-img{object-fit:contain;filter:drop-shadow(0 2px 2px #000000a6);pointer-events:none;width:100%;height:100%;display:block}.boot{z-index:80;color:var(--ink);place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0;overflow:hidden}.boot.done{opacity:0;visibility:hidden;pointer-events:none}.boot-bg{background:linear-gradient(#0c080561,#0c08051a 50%,#0c0805cc),url(../assets/ui/loading.webp) 50%/cover;animation:16s ease-in-out infinite alternate kenburns;position:absolute;inset:-2%}.boot-inner{z-index:1;text-align:center;text-shadow:0 2px 16px #000;width:min(390px,78vw);position:relative}.boot-logo{filter:drop-shadow(0 5px 18px #000c);width:min(360px,78vw);margin-bottom:25px}.boot-bar{background:#150d08cc;border:1px solid #bd833a;border-radius:999px;height:14px;padding:3px;overflow:hidden;box-shadow:0 0 0 2px #00000073,0 0 18px #e0912940}.boot-bar i{transform-origin:0;background:linear-gradient(90deg,#a65a20,#ffcc62,#e38e26);border-radius:999px;width:100%;height:100%;transition:transform .3s;display:block;transform:scaleX(0);box-shadow:0 0 10px #ffc35c}.boot-label{color:#ebd9bc;letter-spacing:.06em;margin:12px 0 0;font-size:13px}@keyframes kenburns{0%{transform:scale(1)translate(-.5%)}to{transform:scale(1.08)translate(.6%,-1%)}}.btn{isolation:isolate;cursor:pointer;pointer-events:auto;color:#f7e6c8;letter-spacing:.02em;background:linear-gradient(#462918f5,#1e110bfa);border:1px solid #e3aa4ca6;border-radius:12px;min-height:38px;padding:9px 15px;font-weight:750;transition:transform .12s,filter .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffdc9733,0 3px 7px #0000004d}.btn:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffe8b152,#0000);width:33%;transition:left .48s;position:absolute;top:-40%;bottom:-40%;left:-52%;transform:skew(-20deg)}.btn:hover:after{left:118%}.btn:hover{filter:brightness(1.16);box-shadow:inset 0 1px #ffe1a761,0 0 13px #e4a33b38}.btn:active{transform:scale(.96,.92)translateY(1px)}.btn:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.4)}.btn:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.btn.primary{color:#fff0cf;text-shadow:0 1px 2px #000000d9,0 0 10px #00000080;background:#7d4219 url(../assets/ui/button.webp) 50%/100% 100% no-repeat;border-color:#f4bd51;box-shadow:0 0 18px #ffaf2c40,inset 0 1px #fff0b980}.btn.danger{background:linear-gradient(#913728,#5a201b);border-color:#d9654c}.btn.danger-ghost{color:#f4a08b;border-color:#dd533d8c}.btn.ghost{box-shadow:none;color:var(--dim);background:0 0;border-color:#0000}.btn.big{width:100%;min-height:64px;font-family:var(--display);flex-direction:column;align-items:flex-start;gap:2px;padding:12px 19px;font-size:16px;display:flex}.btn.big small{font-family:var(--ui);opacity:.78;letter-spacing:0;font-size:12px;font-weight:600}.btn.small{min-height:31px;padding:6px 10px;font-size:12px}.btn.icon{place-items:center;width:39px;padding:7px;display:grid}.btn.icon svg{fill:currentColor;width:19px;height:19px}.btn.icon.tiny{width:26px;min-height:26px;padding:4px}.btn.icon.tiny svg{width:13px;height:13px}.btn-row,.modal-actions{gap:9px;display:flex}.btn-row .btn{flex:1}.desc{color:var(--dim);margin:8px 0 0;font-size:13px;line-height:1.45}.desc.small{color:var(--faint);font-size:11.5px}.warn{color:#f1ae91;background:#69201461;border:1px solid #d04e3361;border-radius:8px;padding:8px 10px;font-size:13px}.seg{background:#0c07047a;border:1px solid #d1994459;border-radius:10px;gap:3px;padding:3px;display:flex}.seg button{cursor:pointer;color:var(--dim);background:0 0;border:0;border-radius:7px;flex:1;padding:8px;font-weight:700}.seg button.on{color:#ffe0a0;background:#bd732352;box-shadow:inset 0 0 0 1px #f5b94c6b}.seg.small button{padding:6px;font-size:12px}.screen{z-index:10;pointer-events:auto;place-items:center;display:grid;position:fixed;inset:0}.title-screen{place-items:center start;overflow:hidden}.title-bg,.title-shade{position:absolute;inset:0}.title-bg{background:url(../assets/ui/loading.webp) 50%/cover;animation:24s ease-in-out infinite alternate title-drift}.title-shade{background:linear-gradient(90deg,#0d0805db 0%,#0d08059c 31%,#0d080524 65%,#0d08050f),linear-gradient(#0000 60%,#0c070480)}.title-inner{z-index:1;width:min(430px,88vw);margin-left:clamp(25px,8vw,132px);animation:.75s cubic-bezier(.2,.8,.2,1) both rise;position:relative}.title-logo{filter:drop-shadow(0 6px 16px #000000e6)drop-shadow(0 0 18px #eeaf4533);width:min(410px,86vw);margin:0 0 4px;display:block}.title-tagline{font-family:var(--display);color:#f6dfbd;letter-spacing:.02em;text-shadow:0 2px 6px #000;margin:0 0 29px 9px;font-size:16px}.title-menu{flex-direction:column;gap:10px;width:min(390px,100%);display:flex}.title-foot{color:#c4ad8a;text-shadow:0 2px 5px #000;margin:22px 0 0 7px;font-size:11.5px}@keyframes title-drift{to{transform:scale(1.045)translate(-.8%,-.4%)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.modal-layer{z-index:35;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0604a6;place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}.modal,.panel{-webkit-backdrop-filter:blur(18px)saturate(1.08);background:linear-gradient(#2a1a10e3,#150c08ed) padding-box padding-box;border:20px solid #0000;border-image:url(../assets/ui/panel.webp) 60 fill;box-shadow:0 28px 80px #000000a8,inset 0 0 55px #00000061}.modal{-webkit-user-select:text;user-select:text;width:min(490px,94vw);max-height:89vh;padding:5px 8px 10px;animation:.28s cubic-bezier(.2,.8,.2,1) both rise;overflow:auto}.modal.wide{width:min(710px,95vw)}.modal-head{border-bottom:1px solid #da9d4442;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 2px 10px;display:flex}.modal h3,.panel h2{color:#f5dba9;font-family:var(--display);letter-spacing:.04em;margin:0;font-size:19px}.modal-actions{justify-content:flex-end;margin-top:17px}.field{margin-top:14px;display:block}.field>span,.settings h4{color:#d9a95d;letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800;display:block}.field.dim{opacity:.45;pointer-events:none}.seed-row{gap:8px;display:flex}.seed{min-width:0;color:var(--ink);-webkit-user-select:text;user-select:text;background:#0905038c;border:1px solid #daa24c6e;border-radius:9px;outline:none;flex:1;padding:9px 11px}.seed:focus{border-color:var(--gold-hi);box-shadow:0 0 0 2px #e5a84426}.settings h4{margin-top:18px}.set-row{grid-template-columns:1fr 1.25fr 52px;align-items:center;gap:11px;padding:7px 0;font-size:13px;display:grid}.set-row .seg{grid-column:2/4}.set-row output{color:var(--dim);text-align:right;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;background:#f5d8a633;border-radius:4px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--gold);cursor:pointer;border:2px solid #442714;border-radius:50%;width:15px;height:15px}.set-row.toggle{grid-template-columns:1fr auto}.set-row.toggle input{opacity:0;position:absolute}.set-row.toggle i{background:#392518;border-radius:999px;width:39px;height:21px;position:relative;box-shadow:inset 0 0 0 1px #efb85b45}.set-row.toggle i:after{content:"";background:#ead4b1;border-radius:50%;width:15px;height:15px;transition:transform .2s;position:absolute;top:3px;left:3px}.set-row.toggle input:checked+i{background:#a96527}.set-row.toggle input:checked+i:after{transform:translate(18px)}.controls table{border-collapse:collapse;width:100%;font-size:13px}.controls th{text-align:left;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.controls th,.controls td{border-bottom:1px solid #e9b86824;padding:7px}kbd{color:#ead7b7;font:700 11px var(--ui);background:#0000003d;border:1px solid #e1a7484d;border-radius:5px;padding:2px 6px}.confirm p{color:var(--dim);margin:0;line-height:1.5}.pause-screen,.death-screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09050394}.death-screen{background:radial-gradient(#5e191175,#0a0503d1)}.panel.pause,.panel.death{flex-direction:column;gap:10px;width:min(400px,92vw);padding:7px 10px 12px;animation:.3s cubic-bezier(.2,.8,.2,1) both rise;display:flex}.panel.death{text-align:center;align-items:center}.cause{color:#efa385;margin:0;font-weight:700}.hud{pointer-events:none;transition:opacity .2s;position:fixed;inset:0}.hud.dimmed .crosshair,.hud.dimmed .target,.hud.dimmed .hint,.hud.dimmed .tips{opacity:0}.hud-fx{z-index:5;pointer-events:none;position:fixed;inset:0}.hud-fx.title-fx{z-index:11}.vignette,.underwater{z-index:1;pointer-events:none;position:fixed;inset:0}.vignette{transition:box-shadow .2s;box-shadow:inset 0 0 clamp(90px,15vw,230px) #00000061}.underwater{opacity:0;background:radial-gradient(at 50% 25%,#2d7c893b,#06242e91);transition:opacity .3s}.underwater.on{opacity:1}.vignette.hit{animation:.5s ease-out hit}.vignette.low{animation:1.55s ease-in-out infinite lowhp}.vignette.wave-flash{animation:.65s ease-out wave-flash}.vignette.hurt-dir{background:conic-gradient(from var(--hurt-angle),#cc2a18a6,transparent 30deg,transparent 330deg,#cc2a18a6);animation:.5s ease-out hurt-dir}.boss-shake #ui{animation:.35s ease-in-out 2 boss-shake}@keyframes hit{0%{box-shadow:inset 0 0 190px #d02d17cc}}@keyframes lowhp{50%{box-shadow:inset 0 0 220px #ad21129e}}@keyframes wave-flash{0%{box-shadow:inset 0 0 180px #ec6d2ca6}}@keyframes hurt-dir{to{opacity:0}}@keyframes boss-shake{25%{transform:translate(-4px,1px)}75%{transform:translate(4px,-1px)}}.compass{z-index:2;top:calc(12px + var(--safe-t));background:linear-gradient(#2e1b0fc7,#140b07a8);border:1px solid #cc91418f;border-radius:3px 3px 12px 12px;width:min(500px,55vw);height:43px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 3px 10px #00000061,inset 0 1px #ffdfa82b;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.compass-strip,.compass-marks{left:0;will-change:transform;position:absolute;inset-block:0}.compass .tick{background:#f7deb159;width:1px;height:8px;font-size:0;position:absolute;top:0}.compass .tick.mid,.compass .tick.major{color:#d4ad74;text-align:center;letter-spacing:.08em;background:0 0;width:32px;height:auto;margin-left:-16px;padding-top:12px;font-size:10px;font-weight:800}.compass .tick.major{color:#ffe0a0;text-shadow:0 1px #000;padding-top:9px;font-size:14px}.compass-needle{z-index:2;background:#42230d;border:2px solid #ffcc62;width:10px;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 0 8px #ffc04e}.compass .mark{color:#e9d3a6;white-space:nowrap;text-align:center;text-shadow:0 1px 2px #000;flex-direction:column;align-items:center;width:0;font-size:10px;font-weight:800;display:flex;position:absolute;top:4px;left:0}.compass .mark:before{content:"";background:#4c2d10;border:2px solid #f3bc55;width:8px;height:8px;margin-bottom:1px;transform:rotate(45deg);box-shadow:0 0 7px #ffb53bbf}.compass .mark.known{color:#b9a382}.compass .mark.known:before{box-shadow:none;background:#392518;border-color:#9c8563}.compass .mark.camp{color:#ffd08a}.compass .mark.camp:before{background:#f18d32;border-radius:50%}.compass .mark small{color:#d8c09b;font-size:9px;font-weight:600}.compass .mark:not(.known) small,.compass .mark.known span{display:none}.clock{z-index:2;top:calc(13px + var(--safe-t));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#23140cbd;border:1px solid #cb8f3c7a;border-radius:12px;align-items:center;gap:7px;min-height:43px;padding:5px 10px;display:flex;position:absolute;right:clamp(12px,2vw,30px);box-shadow:inset 0 1px #ffe1aa21,0 3px 8px #0000004d}.clock-ico{width:26px;height:26px}.clock b{color:#fee3ad;font:700 14px var(--display);font-variant-numeric:tabular-nums}.clock .day{color:#ead0a3;font-size:12px;font-weight:700}.clock .mode{color:#b99d78;border-left:1px solid #e6ae5a40;padding-left:7px;font-size:11px}.clock .ward{color:#ffcb6a;align-items:center;gap:3px;font-size:11px;font-weight:750;display:flex}.clock .ward svg{fill:currentColor;width:14px;height:14px}.tips{z-index:2;top:calc(13px + var(--safe-t));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto;background:#25150dbf;border:1px solid #c9904259;border-radius:12px;width:min(307px,37vw);padding:11px 12px;transition:opacity .2s;position:absolute;left:clamp(12px,2vw,30px);box-shadow:inset 0 1px #ffe6af1f,0 5px 15px #00000040}.tips-head{align-items:center;gap:7px;margin-bottom:7px;display:flex}.tips-head b{color:#f0d7ab;font:700 13px var(--display);flex:1}.tips-head span{color:var(--dim);font-size:11px}.tips ol{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.tips li{color:#c3ad8b;gap:7px;font-size:11.5px;line-height:1.35;display:flex}.tips li i{border:1px solid #edbd6473;border-radius:50%;flex:none;place-items:center;width:15px;height:15px;margin-top:1px;display:grid}.tips li i svg{width:10px;height:10px}.tips li.done{color:#8f806a;text-decoration:line-through}.tips li.done i{color:#1f351b;background:#93bd70;border-color:#93bd70}.tips li.now{color:#f4e3c7}.tips li.now i{border-color:#f4bd52;box-shadow:0 0 0 3px #e3a84429}.crosshair{z-index:3;width:28px;height:28px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before{content:"";border:1px solid #fff2da8f;border-radius:50%;position:absolute;inset:7px;box-shadow:0 1px 2px #000}.crosshair>i{background:#fff9e9;border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #0000008c}.charge{opacity:0;background:conic-gradient(from -90deg,#f4bd54 var(--charge),#ffffff29 0);border-radius:50%;transition:opacity .15s;position:absolute;inset:0;-webkit-mask:radial-gradient(#0000 60%,#000 62%);mask:radial-gradient(#0000 60%,#000 62%)}.crosshair.charging .charge{opacity:1}.crosshair.full .charge{filter:drop-shadow(0 0 5px #ffc95e)}.hit-marker{opacity:0;position:absolute;inset:-8px}.hit-marker:before,.hit-marker:after{content:"";background:#f7ede0;border-radius:2px;width:24px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 1px 2px #000}.hit-marker:after{transform:translate(-50%,-50%)rotate(-45deg)}.hit-marker.show{animation:.27s ease-out hitmark}.hit-marker.kill:before,.hit-marker.kill:after{background:#ffd16c;width:31px;height:3px;box-shadow:0 0 8px #efb643}@keyframes hitmark{15%{opacity:1;transform:scale(1.14)}to{opacity:0;transform:scale(.8)}}.target{z-index:2;color:#fbedd5;text-align:center;text-shadow:0 2px 4px #000;min-width:120px;font-size:13px;font-weight:800;position:absolute;top:calc(50% + 24px);left:50%;transform:translate(-50%)}.target .hp{background:#0a0402a8;border:1px solid #ffd79352;border-radius:99px;width:96px;height:5px;margin:5px auto 0;overflow:hidden}.target .hp i{transform-origin:0;background:linear-gradient(90deg,#a83c30,#ed704f);height:100%;transition:transform .12s;display:block}.banner{z-index:4;opacity:0;text-align:center;pointer-events:none;background:url(../assets/ui/banner.webp) 50%/100% 100% no-repeat;place-content:center;width:min(620px,88vw);min-height:130px;padding:22px 74px;display:grid;position:absolute;top:clamp(95px,13vh,180px);left:50%}.banner h2{color:#f7ddb0;font:700 clamp(18px,2vw,28px) var(--display);letter-spacing:.035em;text-shadow:0 2px 4px #120904;margin:0}.banner p{color:#ddc29a;text-shadow:0 1px 3px #000;margin:7px 0 0;font-size:13px}.banner.boss{filter:hue-rotate(325deg)saturate(1.25)}.banner.show{animation:4.5s both banner-slam}@keyframes banner-slam{0%{opacity:0;transform:translate(-50%,-38px)scale(1.13)}10%{opacity:1;transform:translate(-50%,3px)scale(.98)}16%,79%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-12px)scale(.99)}}.wave-tracker{z-index:2;top:calc(60px + var(--safe-t));background:#1f110ac7;border:1px solid #c483367a;border-radius:0 0 11px 11px;width:min(395px,55vw);padding:6px 11px 8px;transition:opacity .25s,transform .25s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000059}.wave-tracker.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-8px);display:block!important}.wave-title{color:#e7d0ad;align-items:center;gap:6px;font-size:11px;display:flex}.wave-title>.icon-img{width:18px;height:18px}.wave-title b{color:#f4d49c;letter-spacing:.03em}.wave-title span{color:#e7c392;margin-left:auto;font-weight:700}.wave-progress{background:#160b06;border:1px solid #e7b76057;border-radius:99px;height:5px;margin-top:5px;overflow:hidden}.wave-progress i{transform-origin:0;background:linear-gradient(90deg,#b85a27,#f0b34f);height:100%;transition:transform .35s;display:block}.wave-tracker.boss .wave-progress i{background:linear-gradient(90deg,#a52e2a,#f2644d)}.boss-bar{z-index:4;top:calc(91px + var(--safe-t));text-align:center;filter:hue-rotate(325deg)saturate(1.3);background:#390e0be6 padding-box padding-box;border:16px solid #0000;border-image:url(../assets/ui/panel.webp) 60 fill;width:min(500px,58vw);padding:8px 18px 11px;position:absolute;left:50%;transform:translate(-50%)}.boss-bar b{color:#ffb0a0;font:700 12px var(--display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;display:block}.boss-bar>div{background:#210604;border:1px solid #ffaa9180;border-radius:99px;height:8px;overflow:hidden}.boss-bar i{transform-origin:0;background:linear-gradient(90deg,#9e2922,#f2604b);height:100%;transition:transform .25s;display:block;box-shadow:0 0 12px #e24b34}.toasts{z-index:3;right:clamp(12px,2vw,30px);bottom:calc(132px + var(--safe-b));flex-direction:column-reverse;align-items:flex-end;gap:7px;display:flex;position:absolute}.toast{color:#f2dec1;background:linear-gradient(90deg,#3a2212f0,#1d1009e6);border:1px solid #ce923c87;border-radius:10px;align-items:center;gap:7px;min-width:145px;padding:6px 11px 6px 7px;font-size:12.5px;font-weight:750;transition:transform .35s,opacity .35s;animation:.34s cubic-bezier(.2,.8,.2,1) both toast-in;display:flex;box-shadow:inset 0 1px #ffe4aa21,0 4px 11px #0000005c}.toast .icon-img{width:27px;height:27px;animation:.45s cubic-bezier(.25,1.4,.45,1) both icon-bounce}.toast.out{opacity:0;transform:translate(17px)}.toast.bump{animation:.25s toast-bump}@keyframes toast-in{0%{opacity:0;transform:translate(26px)scale(.94)}}@keyframes toast-bump{45%{transform:scale(1.055)}}@keyframes icon-bounce{50%{transform:scale(1.22)rotate(-8deg)}}.stage-status{z-index:3;bottom:calc(17px + var(--safe-b));color:#ead4af;background:#27170dd4;border:1px solid #d79c4675;border-radius:99px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:700;display:flex;position:absolute;left:clamp(12px,2vw,28px);box-shadow:0 3px 9px #00000052}.stage-status i{border:2px solid #fad38442;border-top-color:#ffc962;border-radius:50%;width:12px;height:12px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bottom{z-index:2;right:0;bottom:calc(13px + var(--safe-b));flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;left:0}.hint{color:#f3e3c9;opacity:0;text-shadow:0 1px 2px #000;background:#1b0e0894;border:1px solid #0000;border-radius:8px;min-height:25px;padding:5px 11px;font-size:12px;font-weight:700;transition:opacity .2s}.hint.show{opacity:1}.hint.warn{color:#ffc2a9;background:#54170fb3;border-color:#cc4e335e}.item-name{color:#f6d89b;min-height:17px;font:700 13px var(--display);opacity:0;text-shadow:0 2px 4px #000;transition:opacity .25s}.item-name.show{opacity:1}.bottom-row{align-items:flex-end;gap:12px;display:flex}.stat-bundle{align-items:flex-end;gap:6px;display:flex}.stats{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(100deg,#301b0fdb,#1b0e08bf);border:1px solid #c0843780;border-radius:12px;flex-direction:column;gap:5px;width:184px;padding:8px 10px;display:flex;box-shadow:inset 0 1px #ffe0a61f,0 4px 10px #00000047}.stats.creative{display:none}.stat{grid-template-columns:20px 1fr 25px;align-items:center;gap:6px;display:grid;position:relative}.stat-icon{background:#170b06cc;border:1px solid #e2a75059;border-radius:50%;width:20px;height:20px;padding:2px}.stat-bar{background:#080402a3;border:1px solid #edc27152;border-radius:999px;height:9px;overflow:hidden;box-shadow:inset 0 1px 2px #000}.stat-fill{transform-origin:0;background:linear-gradient(90deg,#8f2b25,#e5634a);height:100%;transition:transform .28s cubic-bezier(.2,.8,.25,1)}.stat-hunger .stat-fill{background:linear-gradient(90deg,#a96720,#e8ad43)}.stat-stamina .stat-fill{background:linear-gradient(90deg,#4f7f3d,#94c16d)}.stat-val{color:#eedcc0;text-align:right;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.stat.low,.stat.manual-low{animation:1s ease-in-out infinite stat-heartbeat}.stat.pulse-drain{animation:.4s stat-drain}.stat.pulse-fill:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffea9ac7,#0000);height:14px;animation:.48s both stat-sweep;position:absolute;top:3px;left:25px;right:27px}@keyframes stat-heartbeat{40%{filter:brightness(1.3);transform:scale(1.025)}}@keyframes stat-drain{18%,52%{transform:translate(-4px)}35%,68%{transform:translate(4px)}}@keyframes stat-sweep{0%{transform:translate(-105%)}to{transform:translate(105%)}}.buffs{flex-direction:column;gap:5px;display:flex}.buff{background:#2a1d0ed1;border:1px solid #d29d4980;border-radius:9px;align-items:center;gap:5px;min-width:82px;padding:5px 7px;animation:2.1s ease-in-out infinite buff-glow;display:flex;position:relative;overflow:hidden;box-shadow:0 0 12px #f5b3371f,inset 0 1px #ffdfa429}.buff>.icon-img{width:24px;height:24px}.buff span{flex-direction:column;line-height:1.05;display:flex}.buff b{color:#f0d8a7;font-size:10px}.buff small{color:#bea77f;margin-top:2px;font-size:9px;font-weight:700}.buff.warming>i{background:conic-gradient(#f5bd51 var(--progress),transparent 0);-webkit-mask-composite:xor;pointer-events:none;border-radius:9px;padding:2px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes buff-glow{50%{box-shadow:0 0 17px #f5b33757,inset 0 1px #ffdfa440}}.hotbar{pointer-events:auto;background:linear-gradient(#2f1b0ed6,#180d08d1);border:1px solid #b3712d94;border-radius:14px;gap:2px;padding:4px;display:flex;box-shadow:inset 0 1px #ffdea021,0 5px 13px #00000061}.slot{cursor:pointer;width:61px;height:61px;color:var(--ink);background:url(../assets/ui/slot.webp) 50%/100% 100% no-repeat;border:0;border-radius:7px;place-items:center;padding:6px;transition:transform .14s,filter .14s;display:grid;position:relative}.slot:hover{filter:brightness(1.2)}.slot .icon-img{filter:drop-shadow(0 3px 2px #000000ad);width:72%;height:72%}.slot.empty{opacity:.7}.slot .key{color:#d6a253;text-shadow:0 1px #000;font-size:9px;font-weight:800;position:absolute;top:8px;left:9px}.slot .n,.cursor-stack .n{color:#fff4dd;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:12px;font-weight:900;position:absolute;bottom:7px;right:9px}.slot .dur{background:conic-gradient(from -90deg,#84b866 var(--dur),#7e3027 0);border-radius:99px;height:4px;position:absolute;bottom:6px;left:7px;right:7px;box-shadow:0 1px 2px #000}.slot.hot.sel{z-index:1;filter:brightness(1.3)drop-shadow(0 0 8px #d68a2b);transform:translateY(-4px)scale(1.04)}.slot.hot.sel:after{content:"";pointer-events:none;border:1px solid #ffd06a;border-radius:6px;position:absolute;inset:5px;box-shadow:0 0 11px #f1a336,inset 0 0 9px #ffb52f40}.slot.select-pop{animation:.34s cubic-bezier(.2,1.4,.3,1) selected-pop}.slot.count-pop .n{animation:.38s cubic-bezier(.2,1.5,.3,1) count-pop}.slot.pickup-bump{animation:.45s cubic-bezier(.2,1.5,.3,1) pickup-bump}.slot-gain{z-index:4;color:#ffd76f;text-shadow:0 1px 3px #000;font-size:12px;font-weight:900;animation:.85s both gain;position:absolute;top:-18px;right:5px}@keyframes selected-pop{45%{transform:translateY(-7px)scale(1.16)}}@keyframes count-pop{50%{color:#ffe183;transform:scale(1.38)}}@keyframes pickup-bump{50%{filter:brightness(1.5)drop-shadow(0 0 12px #ffc74f);transform:scale(1.18)}}@keyframes gain{to{opacity:0;transform:translateY(-14px)}}.damage-floaters{z-index:6;pointer-events:none;position:fixed;inset:0}.damage-number{color:#f6e6c7;font:800 20px var(--display);text-shadow:0 2px 2px #000,0 0 6px #000;animation:1.04s ease-out both damage-pop;position:fixed}.damage-number.crit{color:#ffd369;text-shadow:0 2px 2px #4d2600,0 0 11px #f8af29;font-size:29px}.damage-number.kill{color:#ffe09a;font-size:25px}.damage-number.hurt{color:#f3705b}.damage-number.heal{color:#9ce17b}.pickup-fly,.craft-fly{z-index:7;pointer-events:none;filter:drop-shadow(0 3px 5px #000000b3);width:43px;height:43px;position:fixed}.pickup-fly .icon-img,.craft-fly .icon-img{width:100%;height:100%}@keyframes damage-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:0;transform:translate(calc(-50% + var(--drift)),calc(-50% - 62px)) scale(.84)}}.skill-popups{z-index:4;flex-direction:column;gap:6px;display:flex;position:absolute;top:44%;right:clamp(14px,3vw,46px)}.skill-xp{background:#2b190ce0;border:1px solid #dca34a7a;border-radius:10px;align-items:center;gap:7px;width:178px;padding:7px;display:flex;box-shadow:0 4px 12px #00000059}.skill-xp>.icon-img{width:29px;height:29px}.skill-xp>div{flex:1}.skill-xp b{color:#ecd4a7;font-size:11px;display:block}.skill-xp b small{color:#ffcb66}.skill-xp i,.skill-row i{background:#050302a6;border:1px solid #e7b15945;border-radius:99px;height:5px;margin-top:4px;display:block;overflow:hidden}.skill-xp em,.skill-row em{transform-origin:0;background:linear-gradient(90deg,#b97026,#f2bf58);height:100%;transition:transform .42s;display:block}.skill-xp.in{animation:.32s cubic-bezier(.2,1.25,.35,1) both skill-in}.skill-xp.out{opacity:0;transition:all .35s;transform:translate(18px)}@keyframes skill-in{0%{opacity:0;transform:translate(20px)scale(.92)}}.level-plate{z-index:6;opacity:0;pointer-events:none;width:min(360px,78vw);position:absolute;top:34%;left:50%;transform:translate(-50%,-15px)}.level-plate>div{background:url(../assets/ui/banner.webp) 50%/100% 100% no-repeat;justify-content:center;align-items:center;gap:11px;min-height:84px;padding:13px 54px;display:flex}.level-plate .icon-img{width:44px;height:44px}.level-plate span{text-align:left;flex-direction:column;display:flex}.level-plate small{color:#d9b77e;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800}.level-plate b{color:#ffe1a1;font:700 18px var(--display)}.level-plate.show{animation:2.8s both level-plate}@keyframes level-plate{0%{opacity:0;transform:translate(-50%,-24px)scale(.9)}12%,72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)}}.inv-screen{z-index:15;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#09050394;padding:24px;overflow:auto}.panel.inv{grid-template-columns:auto minmax(270px,350px) minmax(230px,310px);gap:16px;width:min(1120px,97vw);max-height:94vh;padding:7px 10px 10px;animation:.24s cubic-bezier(.2,.8,.2,1) both rise;display:grid;position:relative;overflow:auto}.inv h3{color:#f0d7a6;font:700 16px var(--display);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 9px;display:flex}.inv h3 .icon-img{width:27px;height:27px}.inv-close{z-index:2;position:absolute;top:7px;right:7px}.inv-left{min-width:0;padding-top:3px}.inv-grid{grid-template-columns:repeat(9,54px);gap:2px;display:grid}.inv-grid .slot{width:54px;height:54px}.inv-label{color:#c99a55;letter-spacing:.12em;text-transform:uppercase;margin:10px 0 4px;font-size:10px;font-weight:900}.inv-right{min-height:0;padding-top:3px}.inv-detail{min-width:0;padding-top:33px}.station-line{color:#a48d6d;align-items:center;gap:7px;min-height:24px;margin:-2px 0 7px;font-size:11px;display:flex}.station-line small{color:#c69a57;letter-spacing:.09em;text-transform:uppercase;font-size:9px}.station-line span{align-items:center;gap:2px;display:flex}.station-line span svg{width:12px;height:12px}.station-line span.ok{color:#9bc67b;font-weight:800}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.tab{cursor:pointer;color:#c6a985;background:#180d0773;border:1px solid #cf933f57;border-radius:999px;align-items:center;gap:4px;padding:5px 9px;font-size:11px;font-weight:800;display:flex}.tab .icon-img{width:15px;height:15px}.tab.on{color:#ffe0a0;background:#9c5b1959;border-color:#e0a544;box-shadow:inset 0 0 8px #fbb7412e}.recipes{flex-direction:column;gap:5px;max-height:370px;padding-right:3px;display:flex;overflow:auto}.recipe{cursor:pointer;color:#bba17d;text-align:left;background:linear-gradient(90deg,#361f11ad,#180d0896);border:1px solid #dba24e47;border-radius:8px;align-items:center;gap:7px;min-height:53px;padding:5px 7px;font-size:12px;font-weight:750;transition:filter .14s,transform .14s;display:flex;position:relative}.recipe:hover{filter:brightness(1.17);transform:translate(2px)}.recipe .r-icon{background:#0d07047a;border:1px solid #d89d4440;border-radius:5px;flex:none;width:39px;height:39px;padding:2px}.recipe.ok{color:#efddbf}.recipe.ok:after{content:"";background:#7fc567;border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 6px #76ae5c}.recipe.sel{background:linear-gradient(90deg,#7d43138f,#2e190bad);border-color:#f0ad45;box-shadow:inset 0 0 13px #f2ac382b,0 0 9px #efa22f26}.recipe.locked{opacity:.58}.recipe em{color:#e5b65b;font-style:normal}.r-station{color:#e2ad56;margin-left:auto;font-size:9px}.recipe-detail{background:linear-gradient(145deg,#2f1a0ebf,#130a069e);border:1px solid #d3984366;border-radius:12px;min-height:225px;padding:12px;box-shadow:inset 0 0 28px #0003}.rd-head{border-bottom:1px solid #d79b4647;align-items:flex-start;gap:10px;padding-bottom:9px;display:flex}.r-icon.big{background:#0f08048c;border:1px solid #dca0476b;border-radius:8px;flex:none;width:58px;height:58px;padding:5px}.rd-head b{color:#f3dcae;font:700 15px var(--display)}.rd-head p{color:#bda887;margin:4px 0 0;font-size:12px;line-height:1.35}.costs{flex-direction:column;gap:5px;margin-top:10px;display:flex}.cost{color:#cdb99a;background:#00000029;border:1px solid #d59a4538;border-radius:6px;align-items:center;gap:5px;min-height:30px;padding:3px 6px;font-size:11px;display:flex}.cost .icon-img{width:23px;height:23px}.cost.have b{color:#9ecd78}.cost.need b{color:#ec9478}.req{color:#ec9b79;margin:8px 0 0;font-size:11px}.req.ok{color:#9bc77b}.rd-actions{gap:7px;margin-top:10px;display:flex}.rd-actions .btn{flex:1}.craft-btn{overflow:hidden}.craft-btn>i{opacity:0;background:conic-gradient(#ffe17d 0deg,transparent 0);border-radius:99px;position:absolute;inset:3px;-webkit-mask:radial-gradient(#0000 63%,#000 65%);mask:radial-gradient(#0000 63%,#000 65%)}.craft-btn.crafting>i{opacity:1;animation:.35s linear both craft-ring}@keyframes craft-ring{0%{background:conic-gradient(#ffe17d 0deg,transparent 0)}to{background:conic-gradient(#ffe17d 360deg,transparent 0)}}.skills-list{flex-direction:column;gap:7px;max-height:400px;padding-right:2px;display:flex;overflow:auto}.skill-row{background:#2d1a0e8f;border:1px solid #d297424d;border-radius:9px;align-items:flex-start;gap:8px;padding:8px;display:flex}.skill-row>.icon-img{width:37px;height:37px}.skill-main{flex:1;min-width:0}.skill-main>div{justify-content:space-between;gap:8px;display:flex}.skill-main b{color:#efd9ae;font-size:12px}.skill-main span{color:#d8b36f;white-space:nowrap;font-size:10px;font-weight:800}.skill-main small{color:#b9a486;margin-top:4px;font-size:10px;line-height:1.25;display:block}.cursor-stack{z-index:45;pointer-events:none;place-items:center;width:52px;height:52px;display:grid;position:fixed;top:0;left:0}.cursor-stack .icon-img{width:42px;height:42px}.tooltip{z-index:46;color:#f0dec1;pointer-events:none;background:#1f1109f5;border:1px solid #dfa64b80;border-radius:8px;max-width:240px;padding:8px 10px;font-size:12px;position:fixed;box-shadow:0 5px 16px #00000073}.tooltip b{color:#ffe0a3;font-family:var(--display)}.tooltip p{color:#c8b291;margin:3px 0 0;line-height:1.35}.tooltip small{color:#e8b45d;margin-top:4px;display:block}.touch{z-index:3;pointer-events:none;position:fixed;inset:0}.t-look{pointer-events:auto;touch-action:none;width:58%;height:100%;position:absolute;top:0;right:0}.t-stick{left:calc(25px + env(safe-area-inset-left,0px));bottom:calc(108px + var(--safe-b));pointer-events:auto;touch-action:none;background:radial-gradient(circle,#663f1b52,#1d100880);border:2px solid #dfa44b73;border-radius:50%;width:126px;height:126px;position:absolute;box-shadow:inset 0 0 17px #00000059,0 4px 13px #00000047}.t-knob{background:radial-gradient(circle at 35% 30%,#ffd78d8a,#75451a8a);border:1px solid #fdcc71ad;border-radius:50%;width:54px;height:54px;margin:-27px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0006}.t-buttons button,.t-top button{pointer-events:auto;touch-action:none;color:#f4ddb1;letter-spacing:.05em;background:radial-gradient(circle at 35% 28%,#74461de6,#231209eb);border:1px solid #e8ae519e;border-radius:50%;font-size:10px;font-weight:900;position:absolute;box-shadow:inset 0 1px #ffdea533,0 3px 8px #0000006b}.t-buttons button.on{color:#3a210b;background:radial-gradient(circle,#ffcf65,#a25b21);border-color:#ffd06b;box-shadow:0 0 14px #f9af378c}.t-big{width:76px;height:76px}.t-mid{width:62px;height:62px}.t-small{width:50px;height:50px;font-size:8.5px!important}.t-mine{right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(190px + var(--safe-b))}.t-use{right:calc(112px + env(safe-area-inset-right,0px));bottom:calc(150px + var(--safe-b))}.t-jump{right:calc(30px + env(safe-area-inset-right,0px));bottom:calc(110px + var(--safe-b))}.t-sprint{left:calc(170px + env(safe-area-inset-left,0px));bottom:calc(118px + var(--safe-b))}.t-rot{right:calc(120px + env(safe-area-inset-right,0px));bottom:calc(240px + var(--safe-b))}.t-down{right:calc(200px + env(safe-area-inset-right,0px));bottom:calc(110px + var(--safe-b))}.t-top{right:14px;top:calc(64px + var(--safe-t));gap:7px;display:flex;position:absolute}.t-top button{border-radius:10px;min-width:45px;min-height:38px;padding:8px 10px;position:static}.t-top [data-u=inventory],.t-top [data-u=map]{align-items:center;gap:4px;display:flex}.t-top [data-u=inventory] img,.t-top [data-u=map] img{object-fit:contain;filter:drop-shadow(0 1px 1px #000);width:19px;height:19px}@media (max-width:860px){.panel.inv{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(760px,96vw)}.inv-detail{grid-column:1/-1;padding-top:0}.recipe-detail{min-height:0}.inv-grid{grid-template-columns:repeat(9,minmax(31px,1fr));gap:1px}.inv-grid .slot{aspect-ratio:1;width:auto;height:auto}.recipes{max-height:250px}.tips,.clock .mode{display:none}}@media (max-width:640px),(max-height:540px){.boot-bg{background-image:linear-gradient(#0c080559,#0c08051f 50%,#0c0805cc),url(../assets/ui/loading-sm.webp)}.title-screen{place-items:center}.title-inner{text-align:center;margin-left:0}.title-tagline,.title-foot{margin-left:0}.title-menu{margin-inline:auto}.compass{width:48vw;height:39px}.clock{padding:5px 7px;right:8px}.clock .day{display:none}.wave-tracker{top:calc(54px + var(--safe-t));width:54vw}.bottom-row{gap:6px}.hotbar{gap:0;padding:3px}.slot{width:calc(11.1111vw - 2.66667px);min-width:34px;max-width:52px;height:calc(11.1111vw - 2.66667px);min-height:34px;max-height:52px;padding:4px}.slot .key{font-size:8px;top:5px;left:6px}.slot .n{font-size:10px;bottom:4px;right:6px}.slot .dur{bottom:4px;left:5px;right:5px}.stats{width:142px;padding:6px 7px}.stat{grid-template-columns:18px 1fr 21px;gap:4px}.stat-icon{width:18px;height:18px}.stat-bar{height:7px}.buff{min-width:69px;padding:4px}.buff>.icon-img{width:20px;height:20px}.buff b{font-size:9px}.buff small{font-size:8px}.toasts{right:9px;bottom:calc(119px + var(--safe-b))}.toast{min-width:0;font-size:11px}.banner{min-height:96px;padding:14px 50px;top:15%}.banner p{font-size:11px}.skill-popups{top:38%;right:9px}.skill-xp{width:148px}.inv-screen{padding:9px}.panel.inv{padding:6px 8px 8px;display:block}.inv-left,.inv-right,.inv-detail{margin-bottom:13px}.inv-grid .slot{max-width:none;max-height:none}.station-line{margin-top:0}.tabs{gap:3px}.tab{padding:4px 7px;font-size:10px}.recipes{max-height:190px}.modal{max-height:94vh;padding:4px 7px 8px}.set-row{grid-template-columns:1fr 1fr 42px;gap:7px}.controls table{font-size:11px}.controls th,.controls td{padding:5px 3px}}@media (pointer:coarse){.bottom-row{flex-direction:column-reverse;align-items:center;gap:5px}.stats{flex-direction:row;gap:8px;width:auto}.stat{grid-template-columns:18px 48px}.stat-val{display:none}.stat.pulse-fill:after{left:22px;right:0}.stat-bundle{align-items:center}.tips{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:861px){.panel.inv{grid-template-columns:510px minmax(270px,1fr) 300px;width:min(1320px,98vw)}}@media (min-width:641px) and (min-height:541px){.banner{top:clamp(142px,19vh,220px)}}.btn.primary small{color:#f1d39c;opacity:.92}.inv-chest{min-width:0;padding-top:3px;display:none}.panel.inv.chest-mode{grid-template-columns:auto minmax(0,1fr);align-items:start;width:min(1000px,97vw);display:grid}@media (max-height:600px) and (min-width:761px){.panel.inv.chest-mode .slot{width:46px;height:46px}.panel.inv.chest-mode .inv-grid{gap:4px}.chest-grid{grid-template-columns:repeat(6,46px)}.panel.inv.chest-mode .desc.small{display:none}}.panel.inv.chest-mode .inv-right,.panel.inv.chest-mode .inv-detail{display:none}.panel.inv.chest-mode .inv-chest{animation:.32s cubic-bezier(.2,.9,.25,1.2) both chestIn;display:block}.inv-chest h3 small{font:600 12px var(--ui);color:var(--dim);letter-spacing:.04em;margin-left:auto}.chest-grid{background:linear-gradient(#54341a8c,#26160c99);border-radius:12px;grid-template-columns:repeat(6,54px);padding:8px;box-shadow:inset 0 0 0 1px #e5a84447,inset 0 10px 24px #00000059}.chest-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chest-actions .btn{padding:8px 14px;font-size:13px}@keyframes chestIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@media (max-width:760px){.panel.inv.chest-mode{grid-template-columns:minmax(0,1fr)}.chest-grid{grid-template-columns:repeat(6,minmax(0,54px))}}.map-screen{z-index:12;background:radial-gradient(#140d088c,#080503db);animation:.2s both fadeIn}.map-frame{background:linear-gradient(160deg,#4a2e18,#24150c 60%,#3a2413);border-radius:18px;width:min(1180px,96vw);height:min(760px,90vh);padding:10px;animation:.42s cubic-bezier(.2,.9,.25,1.1) both mapUnroll;position:relative;box-shadow:0 30px 80px #0009,inset 0 0 0 1px #e5a84473,inset 0 0 0 6px #140c0799}.map-canvas{cursor:grab;touch-action:none;border-radius:10px;width:100%;height:100%;display:block;box-shadow:inset 0 0 40px #3c240e99,0 0 0 1px #140c07cc}.map-canvas:active{cursor:grabbing}.map-frame:after{content:"";pointer-events:none;border-radius:10px;position:absolute;inset:10px;box-shadow:inset 0 0 70px 12px #4a2c1280}.map-head{z-index:1;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);background:#20150fd1;border-radius:12px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;position:absolute;top:22px;left:24px}.map-head img{filter:drop-shadow(0 2px 3px #00000080);width:36px;height:36px}.map-head b{font:700 17px var(--display);letter-spacing:.02em;display:block}.map-head span{font:500 12px var(--ui);color:var(--dim);display:block}.map-tools{z-index:1;gap:6px;display:flex;position:absolute;top:22px;right:24px}.map-tools .btn.icon{width:38px;height:38px;font-size:20px;line-height:1}.map-tools kbd{font:600 11px var(--ui);background:#00000059;border-radius:4px;margin-left:6px;padding:1px 5px}.map-legend{z-index:1;box-shadow:inset 0 0 0 1px var(--line);font:500 12px var(--ui);color:var(--dim);background:#20150fcc;border-radius:10px;flex-wrap:wrap;gap:12px;padding:8px 12px;display:flex;position:absolute;bottom:22px;right:24px}.map-legend span{align-items:center;gap:6px;display:flex}.map-legend i{border-radius:50%;width:12px;height:12px;display:inline-block}.lg-you{background:#c8452f;box-shadow:0 0 0 2px #fff4dc}.lg-camp{background:#e8783a;box-shadow:0 0 8px #e8783a}.lg-poi{background:#f2b44d;box-shadow:0 0 0 2px #3a2614}.lg-unk{background:#78644c;box-shadow:0 0 0 2px #3a2614}.lg-build{background:#543822;border-radius:2px!important}.map-readout{z-index:1;font:600 12px var(--ui);color:var(--ink);letter-spacing:.05em;pointer-events:none;background:#20150fc7;border-radius:999px;padding:5px 12px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.map-hover{z-index:2;box-shadow:inset 0 0 0 1px var(--line);font:600 12px var(--ui);color:var(--ink);pointer-events:none;white-space:nowrap;background:#20150feb;border-radius:8px;padding:5px 10px;position:absolute;top:10px;left:10px}.map-compass{z-index:1;width:46px;height:46px;box-shadow:inset 0 0 0 1px var(--line);font:800 15px var(--display);color:var(--gold-hi);pointer-events:none;background:radial-gradient(circle,#f2c46b40,#20150fd9 70%);border-radius:50%;place-items:center;display:grid;position:absolute;top:84px;right:30px}.map-compass:before{content:"";border:5px solid #0000;border-top:0;border-bottom:9px solid #c8452f;width:0;height:0;margin-left:-5px;position:absolute;top:5px;left:50%}@keyframes mapUnroll{0%{opacity:0;clip-path:inset(0 0 60% round 18px);transform:scale(.94)rotateX(18deg)}to{opacity:1;clip-path:inset(0 round 18px);transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:760px),(max-height:520px){.map-frame{border-radius:0;width:100vw;height:100vh;padding:4px}.map-legend{display:none}.map-head{top:10px;left:10px}.map-tools{top:10px;right:10px}.map-compass{top:60px;right:14px}}.map-canvas{cursor:crosshair}.lg-pin{background:#4fb8ae;transform:rotate(-45deg);box-shadow:0 0 0 2px #3a2614;border-radius:50% 50% 50% 0!important}.map-hint{z-index:1;font:500 11.5px var(--ui);color:var(--dim);letter-spacing:.02em;pointer-events:none;white-space:nowrap;background:#20150fa8;border-radius:999px;padding:4px 12px;position:absolute;top:74px;left:50%;transform:translate(-50%)}.compass .mark.pin{color:var(--pc,#4fb8ae);z-index:1}.compass .mark.pin:before{background:var(--pc,#4fb8ae);width:9px;height:9px;box-shadow:0 0 9px var(--pc,#4fb8ae);border:2px solid #fff4dc;border-radius:50% 50% 50% 0;animation:1.6s ease-in-out infinite pinPulse;transform:rotate(-45deg)}.compass .mark.pin small{color:#fff1d6}@keyframes pinPulse{50%{box-shadow:0 0 16px var(--pc,#4fb8ae), 0 0 3px #fff}}@media (max-height:520px){.map-hint{top:56px}}