*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#07070a;color:#e8e8ee;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;user-select:none;overscroll-behavior:none;-webkit-user-select:none;touch-action:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:crosshair;image-rendering:pixelated;touch-action:none;-webkit-tap-highlight-color:transparent}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui [data-act],#ui button{pointer-events:auto;cursor:pointer}#stats{position:absolute;top:10px;left:10px;width:226px}.bar{position:relative;height:17px;margin-bottom:4px;border-radius:9px;background:#0b0e15cc;border:1px solid #ffffff1f;overflow:hidden;box-shadow:0 1px 3px #0007}.bar i{position:absolute;inset:1px auto 1px 1px;display:block;border-radius:8px;opacity:.92;transition:width .18s ease-out}.bar em{position:absolute;left:6px;top:0;z-index:2;font-style:normal;font-size:10px;line-height:17px;text-shadow:0 1px 2px #000}.bar b{position:absolute;right:7px;top:0;z-index:2;font-size:10px;line-height:17px;color:#fff;text-shadow:0 1px 2px #000}.bar.low{border-color:#e0554f88;animation:pulseLow 1.1s ease-in-out infinite}@keyframes pulseLow{0%,to{box-shadow:0 1px 3px #0007}50%{box-shadow:0 0 9px #e0554f77}}.meta{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;color:#b4bdc9;font-size:10px}.meta span.safe{background:#12261bcc;border-color:#6ac86a55;color:#9ee0a0}.meta span{background:#0b0e15cc;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px}.warn{margin-top:3px;color:#fc5;background:#0008;padding:2px 4px}#log{position:absolute;top:8px;left:230px;max-width:30ch;color:#cfd6e2;text-shadow:0 1px 3px #000}#log div{margin-bottom:2px}#boss{position:absolute;top:58px;left:50%;transform:translate(-50%);width:40%}#compass{position:absolute;top:6px;left:50%;transform:translate(-50%);width:300px;pointer-events:none}#compass .strip{position:relative;height:26px;overflow:hidden;border-radius:6px;background:linear-gradient(#0b0f17e6,#121a26e6);border:1px solid #ffffff22;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}#compass .strip i{position:absolute;bottom:0;width:1px;height:5px;background:#8a96a8}#compass .strip i.maj{height:9px;background:#d6deea}#compass .strip em{position:absolute;top:2px;transform:translate(-50%);font-style:normal;font-size:9px;color:#c8d2e0;white-space:nowrap}#compass .strip u{position:absolute;left:149px;top:0;bottom:0;width:2px;background:#ffd166;box-shadow:0 0 6px #ffd166}#compass .strip b.home{position:absolute;top:9px;transform:translate(-50%);color:#7ad08a;font-size:11px;text-shadow:0 0 4px #000;white-space:nowrap}#compass .cinfo{display:flex;justify-content:space-between;font-size:10px;color:#cfd6e2;text-shadow:0 1px 3px #000;padding:1px 4px}#compass .cflat{text-align:center;font-size:11px;color:#cfd6e2;background:#0b0f17cc;border:1px solid #ffffff22;border-radius:6px;padding:3px 8px}#compass .cflat span{margin-left:12px;color:#7ad08a}.bossbar{position:relative;height:18px;background:#0009;border:1px solid #ff556688}.bossbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#ff6a6a,#a01a2a)}.bossbar span{position:relative;z-index:2;display:block;text-align:center;line-height:18px}#inspect{position:absolute;bottom:76px;left:10px;min-width:190px;background:#0b0e15e8;border:1px solid #ffffff1c;border-radius:6px;padding:6px 8px;font-size:10px;box-shadow:0 2px 8px #0008}#inspect .ihead{display:flex;gap:6px;align-items:baseline;margin-bottom:4px}#inspect .ihead b{color:#f0f4fa;font-size:12px}#inspect .itemp{color:#ffb066}#inspect table{border-collapse:collapse;width:100%}#inspect td{padding:1px 0;color:#cdd6e2}#inspect td:first-child{color:#7d8796;padding-right:10px;white-space:nowrap}#debug{position:absolute;top:8px;right:8px;text-align:right;color:#8ce2a0;background:#000a;padding:3px 6px;max-width:34ch}#hotbar{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:3px}.slot{position:relative;width:70px;height:56px;background:#10131af2;border:1px solid #ffffff22;border-radius:6px;padding:3px;overflow:hidden;transition:transform .1s,border-color .1s}.slot:hover{border-color:#fff5;transform:translateY(-2px)}.slot.sel{border-color:#ffd166;background:#1c2130f2;transform:translateY(-4px);box-shadow:0 4px 10px #0008}.slot em{position:absolute;top:2px;left:4px;color:#6a7382;font-style:normal;font-size:9px}.ico{image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}.slot .ico{position:absolute;top:3px;left:50%;transform:translate(-50%);width:28px;height:28px}.slot span{position:absolute;left:4px;right:16px;bottom:3px;font-size:9px;line-height:1.1;max-height:20px;overflow:hidden;color:#cbd3df}.slot b{position:absolute;right:5px;bottom:3px;color:#ffd166}#panel{position:absolute;top:40px;left:50%;transform:translate(-50%);max-height:74vh}.pnl{background:#0b0e14f2;border:1px solid #ffffff26;padding:10px 12px;width:min(760px,92vw);max-height:74vh;overflow:auto;pointer-events:auto}.pnl h3{margin:0 0 8px;font-size:13px}.pnl h3 small{color:#7a8494;font-weight:400}.grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.grid.wide{grid-template-columns:repeat(6,1fr)}.cell{height:46px;background:#141924;border:1px solid #ffffff1a;padding:3px;font-size:10px;overflow:hidden}.cell.empty{opacity:.35}.cell.sel{border-color:#ffd166}.cell.hot{background:#1a2130}.cell.hot em{position:absolute;margin:-2px 0 0;color:#6a7382;font-style:normal;font-size:9px}.cell.carried{border-color:#7ac8e0;background:#14313a;opacity:.6}.row.hint{color:#8a94a4;line-height:1.5}.row .carry{color:#7ac8e0;margin-left:6px}.cell b{display:block;color:#ffd166}.cell{position:relative}.cell .ico{float:left;width:26px;height:26px;margin:2px 4px 0 0}.rec .ico{float:left;width:30px;height:30px;margin:0 7px 0 0}.cell i{display:block;height:8px;margin-bottom:2px}.row{margin-top:8px;color:#a8b0bc}.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.tabs button,.row button{background:#182030;color:#dfe6f0;border:1px solid #ffffff22;padding:4px 8px;font:inherit}.tabs button.sel{border-color:#ffd166;color:#ffd166}.tabs button.off{opacity:.45}.recipes{display:grid;grid-template-columns:1fr 1fr;gap:4px}.rec{background:#131824;border:1px solid #ffffff1a;padding:5px 7px}.rec.ok{border-left:3px solid #6ac86a}.rec.no{border-left:3px solid #c8555a;opacity:.72}.rec span{display:block}.rec i,.rec em{display:block;color:#8f99a8;font-style:normal;font-size:10px}#labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.lbl{position:absolute;left:0;top:0;white-space:nowrap;font:600 12px/1 ui-monospace,Menlo,Consolas,monospace;text-shadow:0 1px 2px #000,0 0 6px #000a;will-change:transform,opacity}.lbl[data-kind=damage]{color:#ffd0d0}.lbl[data-kind=crit]{color:#ff8a4a;font-size:16px}.lbl[data-kind=heal]{color:#8ce29a}.lbl[data-kind=pickup]{color:#ffe08a}.lbl[data-kind=info]{color:#cfe4ff}.lbl[data-kind=name]{color:#dfe7f2;font-size:10px;font-weight:500;background:#0009;padding:1px 4px;border-radius:3px}#menu{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 50% 0%,#16202ef2,#06070af5 70%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;overflow:auto;padding:24px}.mwrap{width:min(720px,94vw);max-height:92vh;overflow:auto;padding:4px}#menu h1{margin:0 0 4px;font-size:42px;letter-spacing:10px;color:#e8d9b8;text-shadow:0 3px 0 #00000080}#menu h2{margin:0 0 12px;font-size:20px;letter-spacing:3px;color:#e8e8ee}#menu .sub{color:#8e99a8;margin:0 0 16px;line-height:1.6}#menu button{background:#182030;color:#dfe6f0;border:1px solid #ffffff26;padding:9px 14px;font:inherit;font-size:12px;cursor:pointer;text-align:left}#menu button:hover{background:#22304a;border-color:#ffd16688;color:#fff}#menu button.big{padding:13px 16px;font-size:14px;border-color:#ffd16655}#menu button.danger{border-color:#c8555a66;color:#eba0a4}#menu button.danger:hover{background:#3a1a1e;border-color:#e0707a}#menu button.sel{border-color:#ffd166;color:#ffd166}.mbtns{display:flex;flex-direction:column;gap:6px;margin-top:8px}.mbtns.row{flex-direction:row;flex-wrap:wrap}.mnotice{margin-top:14px;color:#ffd166}.mtabs{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}.mtabs button{text-transform:capitalize}.mpanel{border:1px solid #ffffff1a;background:#0b0e14aa;padding:10px 14px}.srow{display:grid;grid-template-columns:150px minmax(120px,1fr) 64px;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #ffffff12}.srow:last-child{border-bottom:none}.srow label{color:#c8d0dc}.srow small{grid-column:2 / 4;color:#7d8796}.srow output{color:#ffd166;text-align:right}.srow input[type=range]{width:100%;accent-color:#ffd166}.srow input[type=checkbox]{width:18px;height:18px;accent-color:#ffd166;justify-self:start}.srow select,#menu input[type=text]{background:#131a26;color:#e6ecf5;border:1px solid #ffffff26;padding:6px 8px;font:inherit}.wlist{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.wrow{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #ffffff1a;background:#0f1420;padding:9px 12px;flex-wrap:wrap}.winfo b{display:block;color:#f0f4fa;font-size:13px}.winfo span{color:#808b9b;font-size:11px}.winfo i{color:#7ac86a;font-style:normal}.wacts{display:flex;gap:5px}.frow{display:flex;align-items:center;gap:10px;margin-bottom:10px}.frow label{width:60px;color:#c8d0dc}.frow input{flex:1}table.keys{border-collapse:collapse;margin-bottom:14px;width:100%}table.keys td{padding:4px 8px;border-bottom:1px solid #ffffff12;color:#b9c2cf}table.keys td:first-child{color:#ffd166;white-space:nowrap;width:210px}.pnl.sandbox{width:min(860px,96vw)}.sbsec{border-top:1px solid #ffffff14;padding:8px 0}.sbsec:first-of-type{border-top:none}.sbsec>b{display:block;color:#ffd166;margin-bottom:5px;font-size:11px;letter-spacing:1px;text-transform:uppercase}.sbsec>small{display:block;color:#7d8796;margin-top:5px}.sbsec i{color:#cfd6e2;font-style:normal}.tgroup{display:flex;align-items:flex-start;gap:6px;margin-bottom:4px}.tgroup>span{width:38px;flex:none;color:#6a7382;font-size:10px;line-height:22px;text-align:right}.tools{display:flex;flex-wrap:wrap;gap:4px}.tools button{background:#182030;color:#dfe6f0;border:1px solid #ffffff22;padding:5px 9px;font:inherit;font-size:11px;cursor:pointer;text-transform:capitalize}.tools button:hover{background:#22304a;border-color:#ffd16688}.tools button.sel{border-color:#ffd166;color:#ffd166;background:#1f2740}.tools button[disabled]{opacity:.4;cursor:default}.srow2{display:grid;grid-template-columns:92px 1fr 44px;align-items:center;gap:8px;padding:3px 0}.srow2 label{color:#b9c2cf;font-size:11px}.srow2 output{color:#ffd166;text-align:right}.srow2 input[type=range]{width:100%;accent-color:#ffd166}.srow2 select{background:#131a26;color:#e6ecf5;border:1px solid #ffffff26;padding:4px;font:inherit}.sbline{margin-top:5px;padding:3px 5px;background:#0009;color:#ffd166;font-size:10px;line-height:1.5}.sbline b{color:#fff}.sbline i{color:#8e99a8;font-style:normal}.modes{display:flex;gap:8px;margin:4px 0 12px}.modes button{flex:1;text-align:left;padding:10px 12px}.modes button small{color:#8e99a8;font-weight:400}.modes button.sel small{color:#c8b483}.winfo b em{color:#7ac8e0;font-style:normal;font-size:10px}#menu code{color:#ffd166}#toast{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#000c;padding:5px 10px;opacity:0;transition:opacity .3s}#hint{position:absolute;bottom:64px;left:8px;color:#5c6572;font-size:10px}#version{position:fixed;left:8px;bottom:6px;z-index:60;pointer-events:none;color:#5b6472;font-size:10px;letter-spacing:.3px;text-shadow:0 1px 2px #000a}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;transition:opacity .2s;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#touch>*{pointer-events:auto}.tstick{position:absolute;left:18px;bottom:18px;width:132px;height:132px;border-radius:50%;background:#0b0e15aa;border:1px solid #ffffff22;touch-action:none}.tstick:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border-radius:50%;border:1px dashed #ffffff14}.tknob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#1c2334e0;border:1px solid #ffffff33;transition:transform .05s linear}.tright{position:absolute;right:18px;bottom:18px;display:grid;gap:10px;grid-template-columns:repeat(2,auto);justify-items:end}.tright .tbtn:first-child{grid-column:2}.tside{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.tbrush{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:6px}.tbrush .tval{min-width:34px;text-align:center;color:#ffd166;background:#0b0e15cc;border:1px solid #ffffff1a;border-radius:4px;padding:3px 4px}.tbtn{width:62px;height:62px;border-radius:50%;background:#0f1420dd;color:#e8eef8;border:1px solid #ffffff2b;font:inherit;font-size:22px;line-height:1;touch-action:none;-webkit-tap-highlight-color:transparent}.tbtn.sm{width:44px;height:44px;font-size:18px}.tbtn.on{background:#26314acc;border-color:#ffd166;color:#ffd166}body.touch #game{cursor:none}body.touch #stats{width:190px;transform:scale(.92);transform-origin:top left}body.touch #log{left:200px;max-width:30ch}body.touch #inspect{display:none}body.touch #hotbar{bottom:160px;left:0;max-width:calc(100vw - 80px);overflow-x:auto;padding:0 6px;transform:scale(.9);transform-origin:bottom left;scrollbar-width:none}body.touch #hotbar::-webkit-scrollbar{display:none}body.touch .slot{flex:0 0 auto}body.touch #panel{top:8px;left:8px;right:78px;transform:none;max-height:58vh}body.touch .pnl{width:100%;max-height:58vh}body.touch.panelopen #stats,body.touch.panelopen #log,body.touch.panelopen #boss{display:none}body.touch .grid{grid-template-columns:repeat(4,1fr)}body.touch .grid.wide{grid-template-columns:repeat(3,1fr)}body.touch .recipes{grid-template-columns:1fr}body.touch #toast{bottom:210px}body.touch .cell,body.touch .tabs button,body.touch .row button{min-height:40px}@media (max-height: 480px){.tstick{width:104px;height:104px;left:12px;bottom:12px}.tknob{width:44px;height:44px;margin:-22px 0 0 -22px}.tbtn{width:52px;height:52px;font-size:19px}.tbtn.sm{width:40px;height:40px}.tside{top:8px;right:12px;transform:none;flex-direction:row;align-items:flex-start}.tbrush{flex-direction:row;align-items:center;margin:0 0 0 4px}body.touch #hotbar{bottom:120px}body.touch.panelopen #hotbar{display:none}body.touch #panel{top:60px;left:130px;right:140px;max-height:calc(100vh - 70px)}body.touch .pnl{max-height:calc(100vh - 70px)}body.touch #toast{bottom:176px}}.stwrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sttab{border-collapse:collapse;width:100%}.sttab td{padding:2px 0;border-bottom:1px solid #ffffff0e}.sttab td:first-child{color:#7d8796}.sttab td:last-child{text-align:right;color:#e8eef8}.stopn h4{margin:0 0 4px;font-size:11px;color:#8e99a8;font-weight:400}.stopn{margin-bottom:10px}.sbar{position:relative;height:16px;margin-bottom:2px;background:#0e1219;border:1px solid #ffffff12}.sbar i{position:absolute;inset:0 auto 0 0;background:#2c4258}.sbar span{position:relative;z-index:2;padding-left:5px;line-height:16px;font-size:10px}.sbar b{position:absolute;right:5px;top:0;z-index:2;line-height:16px;font-size:10px;color:#ffd166}.stmile{margin:12px 0 6px;font-size:12px}.stmile small{color:#7a8494;font-weight:400}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.badge{background:#10141d;border:1px solid #ffffff14;padding:4px 6px;opacity:.45}.badge.got{opacity:1;border-color:#ffd16655;background:#171c26}.badge b{display:block;font-size:11px;color:#cfd8e6}.badge.got b{color:#ffd166}.badge span{color:#7d8796;font-size:10px}body.touch .stwrap{grid-template-columns:1fr}body.touch .badges{grid-template-columns:repeat(2,1fr)}#menu .tip{margin:18px 0 0;max-width:62ch;color:#6d7788;font-size:11px;line-height:1.6;border-left:2px solid #ffffff14;padding-left:10px}