html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0d0f0c;color:#e8e2d0;font:14px/1.35 Georgia,Times New Roman,serif}#game{position:fixed;top:0;right:0;bottom:0;left:0}.hidden{display:none!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#26301f,#0b0d0a 70%)}.box{width:340px;background:#1a1d16ee;border:1px solid #5a5238;box-shadow:0 0 40px #000a;padding:22px 24px;border-radius:3px}.box.wide{width:760px}.box h1{margin:0 0 2px;font-size:30px;letter-spacing:2px;color:#e9d9a6;font-variant:small-caps}.box .sub{margin:0 0 14px;color:#a49a7c;font-style:italic}.tabs{display:flex;gap:6px;margin-bottom:10px}.tabs button{flex:1;padding:6px;background:#252a20;color:#cfc6a8;border:1px solid #4a4632;cursor:pointer;font:inherit}.tabs button.active{background:#5a4a26;color:#fff3cf;border-color:#8a7440}label{display:block;margin-top:8px;font-size:12px;color:#a49a7c}input{width:100%;box-sizing:border-box;padding:7px;margin-top:2px;background:#0f110d;color:#eee6cc;border:1px solid #4a4632;font:inherit}button[type=submit]{margin-top:14px;width:100%;padding:9px;background:#7a5a22;color:#fff3cf;border:1px solid #a8823a;cursor:pointer;font:inherit;font-size:15px}button[type=submit]:hover{background:#8e6a2a}.error{color:#e07a5a;font-size:13px;margin-top:8px;min-height:16px}#heroes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0 4px}.hero{background:#11140f;border:1px solid #3a3828;cursor:pointer;text-align:center;padding:2px 0 6px;font-size:12px;color:#cfc6a8}.hero.picked{border-color:#e0b85a;background:#2a2614;box-shadow:0 0 10px #e0b85a55}.hero .face{width:112px;height:112px;margin:0 auto;background-repeat:no-repeat;image-rendering:pixelated;transform:scale(1.45);transform-origin:50% 78%}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#hud-top{position:absolute;top:8px;left:10px;padding:5px 10px;background:#0d0f0cbb;border:1px solid #3a3828;color:#e9d9a6}#toasts{position:absolute;top:46px;left:50%;transform:translate(-50%);text-align:center}#toasts div{margin:3px;padding:4px 12px;background:#0d0f0ccc;border:1px solid #5a5238;transition:opacity .6s}#chat{position:absolute;left:10px;bottom:60px;width:380px;pointer-events:auto}#chat-log div{text-shadow:0 1px 2px #000,0 0 3px #000;padding:1px 0}#chat-log b{color:#e9d9a6}#chat-input{opacity:0;background:#0d0f0ccc}#chat-input:focus{opacity:1}#help{position:absolute;right:10px;top:222px;max-width:220px;text-align:right;color:#8a8468;font-size:11px;text-shadow:0 1px 2px #000}#help a{color:#d8b860;pointer-events:auto;text-decoration:none}#help a:hover{color:#ffe08a;text-decoration:underline}#settings{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);width:380px;padding:14px 20px 10px;background:#14170fef;border:1px solid #5a5238;box-shadow:0 0 30px #000c;pointer-events:auto;z-index:12;color:#e9d9a6;font-family:Georgia,serif}#settings h2{margin:0 0 4px;font-size:18px;font-variant:small-caps;letter-spacing:1px}#settings h3{margin:12px 0 4px;font-size:14px;color:#d8b860;font-variant:small-caps;border-bottom:1px solid #3a3828}#settings .set-row{display:grid;grid-template-columns:1fr 130px 44px;align-items:center;gap:8px;font-size:13px;padding:3px 0;cursor:pointer}#settings .set-row input[type=checkbox]{justify-self:start;grid-column:2;accent-color:#c8a040;width:16px;height:16px}#settings .set-row input[type=range]{width:130px;margin:0;height:16px;accent-color:#c8a040}#settings .set-row input{margin:0}#settings output{text-align:right;color:#b8a984;font-size:12px}#settings .set-foot{display:flex;justify-content:space-between;margin-top:12px}#settings button{font:13px Georgia,serif;background:#2a2618;color:#e9d9a6;border:1px solid #5a5238;padding:4px 12px;cursor:pointer}#settings button:hover{background:#3a3420}#settings p{font-size:11px;color:#7a745e;font-style:italic;margin:8px 0 0}#status{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#000a;color:#e9d9a6;font-size:20px}#bottom{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:auto}#held-name{font-size:12px;color:#cfc6a8;text-shadow:0 1px 2px #000,0 0 3px #000;min-height:15px}#hotbar,#pack-grid{display:grid;grid-template-columns:repeat(8,52px);gap:3px}#hotbar{padding:4px;background:#0d0f0cbb;border:1px solid #3a3828}.slot{position:relative;width:52px;height:52px;box-sizing:border-box;background:#1a1d16e0;border:1px solid #3a3828;cursor:pointer}.slot:hover{border-color:#8a7440}.slot.sel{border:2px solid #e0b85a;box-shadow:0 0 8px #e0b85a66 inset}.slot.holding{opacity:.35}.slot .icon{position:absolute;left:1px;top:1px;width:48px;height:48px}.slot .n{position:absolute;right:3px;bottom:1px;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000}.slot .key{position:absolute;left:3px;top:1px;font-size:10px;color:#a49a7c;text-shadow:0 1px 2px #000}#hp{position:relative;width:300px;height:14px;background:#2a1414;border:1px solid #5a3838}#hp-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#c84a3a,#8a2a22);transition:width .2s}#hp-cap{position:absolute;top:-2px;bottom:-2px;width:2px;background:#e0b85a}#hp.wounded #hp-fill{background:linear-gradient(#8a5a7a,#5a2a4a)}#hp-text{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:11px;line-height:14px;color:#fff;text-shadow:0 1px 2px #000}#pack-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-58%);display:flex;gap:18px;padding:14px 18px;background:#14170fef;border:1px solid #5a5238;box-shadow:0 0 30px #000c;pointer-events:auto}#pack-panel h2{margin:0 0 8px;font-size:18px;color:#e9d9a6;font-variant:small-caps;letter-spacing:1px}#pack-panel .tip{font-size:11px;color:#7a745e;font-style:italic;margin:8px 0 0;max-width:430px}#pack-armor{display:flex;align-items:center;gap:8px;margin-top:10px}.slot.armor{border-color:#5a5a72}.armor-label{color:#a49a7c;font-size:12px}.col.craft{width:300px}#craft-list{max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding-right:4px}.recipe{display:flex;gap:8px;align-items:center;padding:3px 6px 3px 3px;background:#1a1d16;border:1px solid #3a3828;cursor:pointer}.recipe:hover{border-color:#e0b85a;background:#2a2614}.recipe.cant{opacity:.45;cursor:default}.recipe.cant:hover{border-color:#3a3828;background:#1a1d16}.recipe .icon{width:48px;height:48px;flex:none}.rname{font-size:13px;color:#e8e2d0}.needs{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.need{display:flex;align-items:center;gap:2px;font-size:11px}.need.have{color:#a8c890}.need.miss{color:#c87a6a}.mini{display:inline-block;width:48px;height:48px;transform:scale(.42);margin:-14px}#craft-list::-webkit-scrollbar{width:8px}#craft-list::-webkit-scrollbar-track{background:#0d0f0c}#craft-list::-webkit-scrollbar-thumb{background:#5a5238}#chest-grid{display:grid;grid-template-columns:repeat(4,52px);gap:3px}#chest-col{border-right:1px solid #3a3828;padding-right:16px}#chest-col .tip{max-width:220px}#craft-search{margin:0 0 6px;padding:5px 7px;font-size:13px}#buffs{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;min-height:18px}.buff{font-size:11px;padding:1px 6px;background:#0d0f0ccc;border:1px solid;border-radius:8px;text-shadow:0 1px 2px #000}.buff.foods{color:#cfc6a8;border-color:#5a5238}#machine-col{width:250px;border-right:1px solid #3a3828;padding-right:16px}#machine-col .mrow{display:flex;align-items:flex-start;gap:8px;margin:10px 0 6px}.mslot{display:flex;flex-direction:column;align-items:center;gap:2px}.mlabel{font-size:10px;color:#a49a7c}.arrow{font-size:22px;color:#a49a7c;padding-top:12px}.mbar{height:8px;background:#0d0f0c;border:1px solid #3a3828;margin:4px 0}.mbar div{height:100%;background:linear-gradient(#e0b85a,#a07a2a);transition:width .4s}.mstatus{font-size:12px;color:#e8e2d0;margin:6px 0}.mstatus .miss,#machine-col .miss{color:#c87a6a}#essence{position:relative;width:300px;height:10px;background:#1a0a10;border:1px solid #5a2030}#essence-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#e0304a,#801828);transition:width .3s}#essence-text{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:10px;line-height:10px;color:#ffd0d8;text-shadow:0 1px 2px #000}#term-col{width:290px}#term-search{margin:0 0 6px;padding:5px 7px;font-size:13px}#term-grid{display:grid;grid-template-columns:repeat(5,52px);gap:3px;max-height:340px;overflow-y:auto;align-content:start}#term-grid .slot .n{font-size:11px}#term-drives{display:flex;gap:6px;align-items:flex-end;margin-bottom:8px}#term-drives .bar{flex:1;font-size:11px;color:#b8b090}#term-drives .mbar{margin:3px 0 0}#term-store-all{margin-top:6px;padding:4px 10px;background:#2a2614;color:#e8dcb0;border:1px solid #5a5238;cursor:pointer;font:inherit}#term-store-all:hover{border-color:#e0b85a}#boss-bar{position:absolute;top:6px;left:50%;transform:translate(-50%);width:520px;text-align:center;pointer-events:none;z-index:5}#boss-name{font-family:Georgia,serif;font-size:20px;color:#ffb070;text-shadow:0 0 4px #000,0 2px 2px #000;font-variant:small-caps;letter-spacing:1px}#boss-title{font-size:12px;color:#c8b890;text-shadow:0 1px 2px #000;margin-top:2px;font-style:italic}#boss-track{height:14px;background:#1a0c0a;border:2px solid #5a3a28;box-shadow:0 0 6px #000;margin-top:3px}#boss-fill{height:100%;background:linear-gradient(#e0402a,#8a1a10);transition:width .2s}#boss-bar.enraged #boss-fill{background:linear-gradient(#ff7a2a,#b02a08)}#boss-bar.enraged #boss-name{color:#ff6a3a}.slot.magic{box-shadow:inset 0 0 0 2px #4a78d0,0 0 6px #5a8cff73}.slot.rare{box-shadow:inset 0 0 0 2px #d0a830,0 0 6px #ffd24680}.slot.unique{box-shadow:inset 0 0 0 2px #e07a2a,0 0 8px #ff8c3299}body:has(#boss-bar:not(.hidden)) #toasts{top:88px}#minimap{position:absolute;top:10px;right:10px;width:200px;height:200px;border:2px solid #3a3828;box-shadow:0 0 8px #000;background:#0d0f0c;pointer-events:auto;cursor:pointer;border-radius:4px}#bigmap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}#bigmap canvas{border:2px solid #5a5238;box-shadow:0 0 20px #000}#bigmap p{color:#a89a70;font-size:12px;margin:6px}#mana{position:relative;width:300px;height:10px;background:#0a1020;border:1px solid #28406a}#mana-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#4a8aff,#1a3a90);transition:width .2s}#mana-ward{position:absolute;left:0;top:-3px;height:2px;background:#e8e8ff;box-shadow:0 0 4px #fff}#mana-text{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:10px;line-height:10px;color:#d0e0ff;text-shadow:0 1px 2px #000}#spellbar{position:absolute;bottom:10px;left:calc(50% + 236px);display:flex;gap:3px;padding:4px;background:#0d0f0cbb;border:1px solid #3a3828;pointer-events:auto}#spellbar .spell{position:relative;width:52px;height:52px;border:2px solid #3a3828;background:#0d0f0ccc;cursor:pointer;overflow:hidden}#spellbar .spell.dim{filter:grayscale(.8) brightness(.6)}#spellbar .key{position:absolute;left:3px;top:1px;font-size:11px;color:#e9d9a6;text-shadow:0 1px 2px #000}#spellbar .name{position:absolute;left:2px;right:2px;bottom:3px;font-size:9px;line-height:10px;text-align:center;color:#fff;text-shadow:0 1px 2px #000}#spellbar .cd{position:absolute;left:0;right:0;bottom:0;height:0;background:#000a}#spell-picker{position:fixed;z-index:12;background:#0d0f0cee;border:1px solid #5a5238;padding:4px;pointer-events:auto}#spell-picker .opt{padding:3px 10px;cursor:pointer;font-size:13px}#spell-picker .opt:hover{background:#3a3828}#bench-col{width:300px;max-height:70vh;overflow-y:auto}#bench-col h3{font-size:14px;margin:10px 0 4px;color:#e9d9a6}#bench-col .bitem{margin:4px 0;padding:4px;background:#1a1a14;border:1px solid #3a3828}#bench-col .mini{vertical-align:middle;margin:-12px -8px -12px -14px}#bench-col .baff{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}#bench-col button{font-size:11px;padding:2px 6px}