:root{--gold: #c9a24a;--gold-hi: #f0d27a;--gold-lo: #7a5e24;--panel: rgba(20, 20, 20, .94);--cell: #2a2a2a;--text: #eadfc6;--muted: #a8987a;--serif: "Cinzel", Georgia, serif;--sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0906;color:var(--text);font-family:var(--sans);user-select:none;-webkit-user-select:none;touch-action:none}#game{position:fixed;top:0;right:0;bottom:0;left:0}#screen{position:absolute;top:0;right:0;bottom:0;left:0;display:block}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:12px}#ui button,#ui input,#ui .window,#ui .title-screen,#ui .death,#ui .target,#ui .prompt{pointer-events:auto}.btn{font:700 13px var(--serif);color:var(--text);background:linear-gradient(#4a3a26,#241a10);border:1px solid var(--gold-lo);box-shadow:inset 0 1px #ffdc9626;padding:7px 14px;border-radius:3px;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--gold);color:#fff}.btn:disabled{opacity:.4;cursor:default}.btn.gold{background:linear-gradient(#b08a3a,#6a4e1c);border-color:var(--gold-hi);color:#fff8e0}.btn.danger{border-color:#7a2a20;color:#ffb0a0}.btn.big{font-size:16px;padding:11px 20px}.btn.small{font-size:12px;padding:5px 10px}.btn.tiny{font:600 11px var(--sans);padding:3px 7px}.btn small{display:block;font:400 10px var(--sans);color:var(--muted)}.ok{color:#8fe08f}.bad{color:#ff7a6a}.muted{color:var(--muted)}.dim{opacity:.45}.row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#1e140a80,#050402e0);overflow-y:auto;padding:16px}.title-box{max-width:900px;width:100%;text-align:center}.logo{font-family:var(--serif);font-size:clamp(36px,7vw,64px);margin:0;letter-spacing:6px;background:linear-gradient(#fff2c0,#c9a24a 60%,#7a5e24);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 6px #000)}.logo span{font-size:.5em;margin-left:10px;vertical-align:super;-webkit-text-fill-color:#6ad08a}.tagline{color:var(--muted);margin:4px 0 16px;font-family:var(--serif)}.divider{margin:14px 0;color:var(--muted);font-size:13px;display:flex;gap:10px;align-items:center}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--gold-lo)}.tribes{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.tribe{background:#1e1810d9;border:1px solid #4a3a24;border-radius:4px;color:var(--text);padding:8px 18px;cursor:pointer;display:flex;flex-direction:column}.tribe b{font:700 18px var(--serif);color:var(--gold-hi)}.tribe small{color:var(--muted)}.tribe.sel{border-color:var(--gold-hi);box-shadow:0 0 14px #f0d27a59;background:#46341ae6}.classes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.class-card{background:#1e1810e0;border:1px solid #4a3a24;border-radius:4px;padding:10px 8px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--sans)}.class-card img{width:90px;height:90px}.class-card strong{font-family:var(--serif);font-size:16px;color:var(--gold-hi)}.class-card small{font-size:11px;color:var(--muted);line-height:1.35}.class-card .base{font-size:10px;color:#c8b890}.class-card.sel{border-color:var(--gold-hi);box-shadow:0 0 14px #f0d27a59;background:#46341aeb}.create-row{display:flex;gap:10px;justify-content:center}.name-input{font:600 15px var(--sans);padding:9px 12px;width:240px;background:#120d08;color:var(--text);border:1px solid var(--gold-lo);border-radius:3px;outline:none}.name-input:focus{border-color:var(--gold)}.name-input.error{border-color:#d84040}.hint{color:var(--muted);font-size:12px;margin-top:14px}.hud{position:absolute;top:0;right:0;bottom:0;left:0}.top-left{position:absolute;left:12px;top:8px;text-shadow:1px 1px 0 #000}.char-name{font:700 16px var(--serif);color:#ffffc8}.char-sub{font-size:12px;color:var(--text)}.buffs{position:absolute;left:12px;top:50px;display:flex;gap:4px}.buffs span{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#a8f0a0 45%,#2a5a20);color:#102010;font:700 10px var(--sans);display:grid;place-items:center;position:relative;border:1px solid #000}.buffs span.force{background:radial-gradient(circle at 35% 30%,#fff,#ffd060 45%,#7a4a10)}.buffs i{position:absolute;bottom:-12px;font:600 9px var(--sans);color:#fff;text-shadow:1px 1px 0 #000;font-style:normal}.target{position:absolute;right:14px;top:10px;width:124px;padding:6px;background:#303030d1;border:2px solid #909090;outline:1px solid #505050;border-radius:6px;text-align:center;display:none;cursor:pointer}.target.show{display:block}.target canvas{width:96px;height:96px;background:radial-gradient(#3a3a3a,#1a1a1a);border:1px solid #505050}.target b{display:block;color:#ffa078;font-size:12px;text-shadow:1px 1px 0 #000}.target i{display:block;color:#c8c8c8;font-size:10px;font-style:normal}.thp{height:6px;background:#20203a;border:1px solid #000;margin-top:3px}.thp div{height:100%;background:linear-gradient(#ff6a5a,#b01010)}.minimap{position:absolute;right:12px;bottom:110px;width:220px;height:70px;border:1px solid #c8a050;outline:1px solid #000;border-radius:2px}.log{position:absolute;left:0;bottom:0;width:min(330px,30vw);padding:6px 8px 8px;background:#1c2a308c;border-top-right-radius:6px;font-size:12px;line-height:1.45;text-shadow:1px 1px 0 #000}.log:empty{display:none}.log .line{transition:opacity 1s}.log .line.old{opacity:.4}.hotbar{display:flex;gap:3px}.wing-row{display:flex;align-items:center;gap:10px}.hot{width:30px;height:30px;border-radius:4px;border:1px solid #504030;background:linear-gradient(#302418,#140e08);position:relative;cursor:pointer;padding:0}.hot em{position:absolute;left:2px;top:0;font:600 8px var(--sans);color:#c8b890;font-style:normal}.hot b{position:absolute;top:6px;right:4px;bottom:4px;left:4px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--serif);color:#2a1a08;background:radial-gradient(circle at 35% 30%,#fff,#e8c070 45%,#5a3a10)}.hot.empty b{display:none}.hot.on{border-color:var(--gold-hi);box-shadow:0 0 8px #f0d27ab3}.machine{position:absolute;left:50%;bottom:0;transform:translate(-62%);height:118px;padding:10px 14px 0;display:flex;align-items:flex-end;gap:6px;background:radial-gradient(ellipse at 50% 120%,rgba(0,0,0,.6),transparent 70%),linear-gradient(#5a4a38,#3a2c1e 55%,#201610);border:2px solid #201610;border-bottom:none;border-radius:46px 46px 0 0;box-shadow:inset 0 2px #c8aa7840,0 -4px 16px #0009}.tube{position:relative;width:18px;height:96px;margin-bottom:8px;border-radius:9px;background:linear-gradient(90deg,#ffffff1f,#0009 70%),#100808;border:2px solid #1a1410;box-shadow:inset 0 0 6px #000;overflow:hidden}.tube:before,.tube:after{content:"";position:absolute;left:-2px;right:-2px;height:6px;background:linear-gradient(#e0b860,#8a6020);z-index:2}.tube:before{top:0}.tube:after{bottom:0}.tube .fill{position:absolute;left:0;right:0;bottom:0;transition:height .12s}.tube .fill:after{content:"";position:absolute;left:3px;top:0;bottom:0;width:3px;background:#ffffff8c}.tube.stm{width:12px;height:80px}.tube.stm .fill{background:linear-gradient(90deg,#d0f060,#80f010,#30a000)}.tube.hp .fill{background:linear-gradient(90deg,#f0b0b0,#f03030 35%,#d00000 70%,maroon)}.tube.mp .fill{background:linear-gradient(90deg,#b0b0f0,#5050f0 35%,#0000d0 70%,navy)}.tube.exp{width:9px;height:86px}.tube.exp .fill{background:linear-gradient(90deg,#e8ffff,#6ae0e8,#208890)}.goggles{position:relative;display:flex;padding-bottom:20px}.goggle{position:relative;width:70px;height:70px;border-radius:50%;border:none;cursor:pointer;padding:0;overflow:hidden;background:radial-gradient(circle,#2a1a0c 0,#2a1a0c 30%,#b08850 31%,#b08850 33%,#6b4a2a 34%,#6b4a2a 44%,#3a2614 45%,#3a2614 49%,#1a1410 50%,#1a1410 54%,#8a8a60 55%,#8a8a60 66%,#5a5a3a 67%,#5a5a3a);box-shadow:inset 0 0 0 2px #1a1410,0 2px 4px #000}.goggle+.goggle{margin-left:-4px}.goggle .fist,.goggle b{position:absolute;top:21px;right:21px;bottom:21px;left:21px;border-radius:50%;display:grid;place-items:center;font:700 14px var(--serif);color:#1a1008;background:radial-gradient(circle at 35% 30%,#fff,#e8c070 50%,#7a5020);z-index:1}.goggle .fist svg{color:#3a2410}.goggle .fist{font-size:16px;background:radial-gradient(circle at 35% 30%,#fff,#c8b090 50%,#6a5030)}.goggle .rc{position:absolute;left:0;right:0;bottom:0;background:#0000008c;z-index:2;pointer-events:none}.goggle.nomana b{filter:grayscale(1) brightness(.6)}.goggle.nomana{animation:blink .6s infinite}@keyframes blink{50%{box-shadow:0 0 0 3px #ff2814cc}}.daynight{position:absolute;left:6px;right:6px;bottom:2px;height:14px;display:flex;align-items:center;gap:4px;font-size:10px;color:#c8b890}.daynight .track{position:relative;flex:1;height:5px;background:#100808;border-radius:3px;box-shadow:inset 0 1px 2px #000}.daynight .dot{position:absolute;top:-2px;width:8px;height:9px;margin-left:-4px;border-radius:50%;background:#f0d060;box-shadow:0 0 4px #f0d060}.readout{position:absolute;left:0;right:0;top:-18px;display:flex;justify-content:space-between;gap:10px;padding:0 14px;font:600 10px var(--sans);color:#e8e0c8;text-shadow:1px 1px 0 #000;white-space:nowrap}.readout .exppct{color:#9fe8f0}.wing{position:absolute;left:calc(50% + 140px);bottom:0;padding:6px 10px 4px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:linear-gradient(#4a3a28,#261a10);border:2px solid #201610;border-bottom:none;border-left:none;border-top-right-radius:14px}.belt{display:flex;gap:3px}.pot{position:relative;width:34px;height:34px;padding:0;background:#140e08;border:1px solid #706050;border-radius:3px;cursor:pointer}.pot img{width:30px;height:30px}.pot img[src=""]{visibility:hidden}.pot em{position:absolute;left:2px;top:0;font:700 9px var(--sans);color:var(--gold-hi);font-style:normal;text-shadow:1px 1px 0 #000}.pot i{position:absolute;right:2px;bottom:0;font:700 10px var(--sans);color:#fff;font-style:normal;text-shadow:1px 1px 0 #000}.pot.empty img{opacity:.3}.toggles{display:flex;gap:2px}.toggles button{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:1px solid #504030;background:radial-gradient(#6a5a40,#2a2014);color:#c0b090;font-size:11px;cursor:pointer;padding:0}.toggles button.on{color:#9fffa0;box-shadow:0 0 6px #6ad06a}.toggles button.off{color:#806050;text-decoration:line-through}.menu{display:flex;gap:1px}.menu button{width:27px;height:32px;padding:0;border:1px solid #201610;background:linear-gradient(#605040,#403020);color:#c0b090;font-size:13px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.menu button em{font:700 9px var(--sans);font-style:normal;color:#e0d0a0;margin-top:2px}.menu button:hover{background:linear-gradient(#806a50,#504030)}.menu button.disabled{opacity:.35;cursor:default}.gold-line{display:flex;align-items:center;gap:4px;font:700 12px var(--sans);color:#ffe680;text-shadow:1px 1px 0 #000}.coin{display:inline-block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2a0,#c89a2a 60%,#7a5a10);vertical-align:middle}.prompt{position:absolute;left:50%;top:56px;transform:translate(-50%);background:#000000d9;border:1px solid #f08020;color:#ffe0a0;font:600 13px var(--sans);padding:6px 14px;border-radius:3px;display:none;cursor:pointer}.prompt.show{display:block}.banner{position:absolute;top:16%;left:0;right:0;text-align:center;opacity:0;text-shadow:0 2px 8px #000}.banner h2{font:700 34px var(--serif);margin:0;color:var(--gold-hi);letter-spacing:3px}.banner small{font-family:var(--serif);color:var(--text);font-size:14px}.banner.show{animation:banner 3.4s ease forwards}@keyframes banner{0%{opacity:0;transform:translateY(8px)}15%,70%{opacity:1;transform:none}to{opacity:0}}.popups{position:absolute;left:50%;bottom:196px;width:0;height:0}.pop{position:absolute;left:-64px;top:-32px;width:128px;height:64px;display:grid;place-items:center;animation:pop .95s ease-out forwards}.pop:before{content:"";position:absolute;top:8px;right:12px;bottom:8px;left:12px;background:linear-gradient(#fff,#fff) left top / 16px 3px no-repeat,linear-gradient(#fff,#fff) left top / 3px 14px no-repeat,linear-gradient(#fff,#fff) right top / 16px 3px no-repeat,linear-gradient(#fff,#fff) right top / 3px 14px no-repeat,linear-gradient(#fff,#fff) left bottom / 16px 3px no-repeat,linear-gradient(#fff,#fff) left bottom / 3px 14px no-repeat,linear-gradient(#fff,#fff) right bottom / 16px 3px no-repeat,linear-gradient(#fff,#fff) right bottom / 3px 14px no-repeat;opacity:.9}.pop span{font:900 26px var(--sans);letter-spacing:1px;paint-order:stroke;-webkit-text-stroke:4px #503000;text-shadow:0 3px 4px rgba(0,0,0,.6)}.pop.block span{color:#f0d000}.pop.evade span{color:#f0a030;-webkit-text-stroke-color:#503010}.pop.defense span{color:#50c0f0;-webkit-text-stroke-color:#305060}@keyframes pop{0%,45%{opacity:1;transform:scale(1)}to{opacity:0;transform:translate(-14px,-18px) scale(1.5)}}.window{background:var(--panel);border:1px solid #8a7a60;outline:1px solid #000;box-shadow:0 -6px 30px #000000b3,inset 0 0 0 3px #a082501f;display:flex;flex-direction:column;min-width:0;max-height:100%}.window header{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:linear-gradient(#3a2a16,#1e150c);border-bottom:1px solid #5a4a30}.window h3{margin:0;font:700 13px var(--serif);color:#fff4c0;background:linear-gradient(#c8802a,#8a4a10);padding:2px 12px;border-radius:3px 3px 0 0;border:1px solid #f0a040}.window .x{background:linear-gradient(#605040,#302418);border:1px solid #806a50;color:#e0d0b0;cursor:pointer;width:22px;height:20px;padding:0}.window .body{padding:8px 10px;overflow-y:auto}.window h5{font:700 12px var(--serif);color:var(--gold);margin:6px 0 4px;display:flex;justify-content:space-between;gap:8px}.window p{margin:3px 0}.bottom-panel{position:absolute;left:0;right:0;bottom:0;max-height:min(56vh,330px);display:flex;flex-direction:column;justify-content:flex-end;transform:translateY(105%);transition:transform .22s ease-out;pointer-events:none}.bottom-panel.open{transform:none}.bottom-panel .window{pointer-events:auto;flex:0 1 auto;min-height:0}.bottom-panel .window .body{min-height:0;overflow-y:auto}.npc-box{position:absolute;left:12px;top:54px;width:min(580px,62vw);max-height:calc(100% - 62px - min(56vh,330px));display:flex}.npc-box .window{pointer-events:auto;width:100%}.npc-body{display:flex;gap:10px;align-items:flex-start}.npc-main{flex:1;min-width:0}.npc-portrait{width:110px;height:110px;background:radial-gradient(#3a3020,#120d08);border:1px solid #5a4a30;flex-shrink:0}.speech{font-size:13px;line-height:1.5;color:#f0e8d0}.cell{position:relative;aspect-ratio:1;background:var(--cell);border:1px solid #3c3c3c;box-shadow:inset 1px 1px #161616;padding:0;cursor:pointer}div.cell{cursor:default}.cell img{width:88%;height:88%;display:block;margin:auto}.cell i{position:absolute;right:2px;bottom:0;font:700 10px var(--sans);font-style:normal;color:#fff;text-shadow:1px 1px 0 #000}.cell u{position:absolute;left:2px;top:0;font:700 9px var(--sans);text-decoration:none;color:#9fd8ff;text-shadow:1px 1px 0 #000}.cell.sel{border-color:#00e77b;box-shadow:inset 0 0 0 2px #00e77b80}.cell.spec{background:#24302a}.cell.glow,.eq.glow{box-shadow:inset 0 0 10px #78beff99}button.cell:hover{border-color:#fff}.inv-wrap{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.bag{display:grid;grid-template-columns:repeat(var(--cols),34px);gap:2px}.equip{display:flex;flex-direction:column;gap:4px}.equip .row{margin:0;gap:4px;flex-wrap:nowrap}.eq{position:relative;width:44px;height:44px;background:var(--cell);border:1px solid #504030;color:#706050;font-size:9px;cursor:pointer;padding:0}.eq.big{width:62px;height:92px}.eq img{width:80%;height:auto}.eq i{position:absolute;left:2px;top:1px;font:700 10px var(--sans);color:#9fd8ff;font-style:normal}.inv-foot{margin-top:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted)}.inv-foot b{color:#fff}.cols5{display:grid;grid-template-columns:120px 140px 150px 220px 200px;gap:16px}.col.id{text-align:center}.col.id img{width:84px;height:84px;background:radial-gradient(#3a2a18,#120d08);border:1px solid #504030}.col p{display:flex;justify-content:space-between;gap:6px;border-bottom:1px solid rgba(160,130,80,.12);padding:2px 0}.col.id p{justify-content:center;border:none}.pts-left{color:#7dff9a;font:600 11px var(--sans)}.stat{display:flex;align-items:center;gap:6px;padding:2px 0;border-bottom:1px solid rgba(160,130,80,.12)}.stat span{flex:1}.plus{width:18px;height:17px;border:1px solid #3a6ad0;background:linear-gradient(#5a8af0,#2a4aa0);color:#fff;font-size:9px;cursor:pointer;padding:0}.plus:disabled{opacity:.3;cursor:default}.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tier{border-left:1px solid #504030;padding-left:8px}.tier.locked{opacity:.5}.tier h5 small{font:400 10px var(--sans);color:var(--muted)}.skill{display:flex;gap:6px;align-items:flex-start;margin-bottom:6px}.sicon{position:relative;width:36px;height:36px;flex-shrink:0;border-radius:50%;border:2px solid #504030;background:radial-gradient(circle at 35% 30%,#fff,var(--c) 45%,#000 130%);font:700 12px var(--serif);color:#1a1008;cursor:pointer;filter:grayscale(.9) brightness(.6)}.skill.learned .sicon{filter:none}.skill.right .sicon{border-color:var(--gold-hi);box-shadow:0 0 8px #f0d27acc}.sicon em{position:absolute;right:-6px;top:-6px;background:#000;color:#fff;font:700 8px var(--sans);padding:1px 2px;border:1px solid #f08020;font-style:normal}.sinfo{flex:1;min-width:0}.sinfo b{display:block;font-size:12px;color:#f0e0b0}.sinfo small{color:var(--muted);font-size:10px}.mastery{height:3px;background:#101010;margin:2px 0}.mastery div{height:100%;background:#40d040}.sinfo .row{margin-top:2px}.quest{border-bottom:1px solid rgba(160,130,80,.2);padding:4px 0}.quest b{color:#ffd27a}.quest small{color:var(--muted)}.quest p{font-size:12px;color:#e0d8c0}.quest ul{margin:2px 0;padding-left:18px;color:#c8e0a0}.quest.locked{opacity:.6}.quest.ready b{color:#9fffb0}.npc-quests{margin-top:8px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,40px);gap:3px}.shop-grid .cell i{color:#ffe680;font-size:9px}.bag.wh{grid-template-columns:repeat(10,30px)}.gold-move input{width:90px;background:#120d08;color:var(--text);border:1px solid var(--gold-lo);padding:3px 5px}.craft-item{display:flex;align-items:center;gap:8px;margin-bottom:6px}.craft-item img{width:40px;height:40px;background:var(--cell);border:1px solid #504030}.craft-item small{color:var(--muted)}.craft label{display:block;margin:3px 0}.sheltoms{display:grid;grid-template-columns:repeat(3,1fr);gap:3px 10px}.sc{display:flex;align-items:center;gap:4px;font-size:11px}.sc img{width:20px;height:20px}.sc span{width:62px}.sc b{width:14px;text-align:center}.book{margin-top:6px;max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.formula{text-align:left;background:#1a1a1a;border:1px solid #333;color:#c8c0a8;font-size:11px;padding:3px 6px;cursor:pointer}.formula b{color:#ffd27a;font-weight:600}.force-row{display:flex;align-items:center;gap:8px;padding:3px 0;border-bottom:1px solid rgba(160,130,80,.15)}.force-row img{width:26px;height:26px}.force-row small{flex:1;color:var(--muted)}.dests{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.sys label{display:flex;align-items:center;gap:8px;margin:4px 0}.sys input[type=range]{width:180px}.tip{position:fixed;z-index:50;max-width:300px;padding:7px 9px;background:#000000e0;border:2px solid #f08020;border-radius:2px;font-size:12px;line-height:1.45;pointer-events:none;display:none;text-shadow:1px 1px 0 #000}.tip.show{display:block}.tip i{color:var(--muted)}.tip .spec{color:#9fffb0}.tip .spec.off{color:#6a8a70}.tip em.spec{font-style:normal;font-weight:700}.tip .aging{color:#9fd8ff}.tip .mix{color:#ff9ad8}.tip .req{color:#c8c0a8}.tip .price{color:#ffe680}.death{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000059;animation:fade .8s ease}.death-box{background:var(--panel);border:1px solid #8a7a60;padding:14px 18px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.death-box h3{margin:0;font:700 20px var(--serif);color:#e04030}@keyframes fade{0%{opacity:0}}.touch button{pointer-events:auto;background:#1e160c8c;border:2px solid rgba(201,162,74,.7);color:var(--gold-hi);border-radius:50%;font:700 16px var(--sans);touch-action:none}.touch button:active{background:#785a1eb3}.pad{position:absolute;left:10px;bottom:132px;display:flex;gap:6px;align-items:flex-end}.pad button{width:56px;height:56px}.pad [data-act=down]{width:40px;height:40px}.actions{position:absolute;right:10px;bottom:140px;display:flex;gap:6px;align-items:flex-end}.actions button{width:54px;height:54px;font-size:12px}@media (max-height: 560px),(pointer: coarse){.machine{left:6px;transform:scale(.7);transform-origin:0 100%}.wing{transform:scale(.7);transform-origin:0 100%;left:192px}.minimap{width:150px;height:48px;bottom:8px}.log{display:none}.classes{grid-template-columns:repeat(2,1fr)}.class-card img{width:64px;height:64px}.target{width:92px}.target canvas{width:70px;height:70px}.cols5{grid-template-columns:100px 120px 130px 190px 180px;gap:10px}.tiers{grid-template-columns:repeat(2,1fr)}.bottom-panel{max-height:64vh}.npc-box{max-height:34vh;width:min(520px,70vw);top:40px}.popups{bottom:130px;left:30%}.pad{bottom:96px}.actions{bottom:66px}}.inv-classic{display:flex;gap:14px;align-items:flex-start}.bag-col{display:flex;flex-direction:column;gap:4px}.grid-bag{position:relative;background-color:#191919;background-image:linear-gradient(90deg,#3c3c3c 1px,transparent 1px),linear-gradient(#3c3c3c 1px,transparent 1px);background-size:var(--cell) var(--cell);border:2px solid;border-color:#0a0a0a #5a5a5a #5a5a5a #0a0a0a;box-shadow:inset 0 0 12px #000c}.gitem{position:absolute;padding:0;border:1px solid transparent;background:#3c3c3c2e;cursor:pointer}.gitem img{width:100%;height:100%;display:block;pointer-events:none}.gitem:hover{border-color:#fff;background:#ffffff14}.gitem.sel{border-color:#00e77b;background:#00e77b2e}.gitem.spec{background:#50a06429}.gitem.glow{box-shadow:inset 0 0 12px #78beffb3}.gitem i{position:absolute;right:2px;bottom:0;font:700 10px var(--sans);font-style:normal;color:#fff;text-shadow:1px 1px 0 #000}.gitem u{position:absolute;left:2px;top:0;font:700 9px var(--sans);text-decoration:none;color:#9fd8ff;text-shadow:1px 1px 0 #000}.bag-foot{display:flex;align-items:center;gap:4px;color:#ffe680;font-weight:700}.bag-foot .coin{margin-left:8px}.pg{width:22px;height:18px;padding:0;font:700 10px var(--serif);color:#c8b890;background:linear-gradient(#5a4a38,#2a2014);border:1px solid #1a1410;cursor:pointer}.pg.on{color:#fff4c0;background:linear-gradient(#c8802a,#8a4a10)}.acc-col{display:flex;flex-direction:column;gap:6px}.acc-col .row{margin:0;gap:4px;flex-wrap:nowrap}.big-col{display:flex;gap:6px}.eq{position:relative;padding:0;background:radial-gradient(#202020,#0c0c0c);border:2px solid;border-color:#8a8a8a #303030 #303030 #8a8a8a;outline:1px solid #000;color:#5a5040;font:600 9px var(--sans);cursor:pointer;overflow:hidden}.eq:hover{border-color:#c8b890 #504030 #504030 #c8b890}.eq.s{width:30px;height:30px}.eq.s span{font-size:6px}.eq.m{width:60px;height:60px}.eq.l{width:66px;height:132px}.eq img{width:100%;height:100%;display:block}.eq i{position:absolute;left:2px;top:1px;font:700 10px var(--sans);color:#9fd8ff;font-style:normal;text-shadow:1px 1px 0 #000}.weight{font:600 11px var(--sans);color:#c8c0a8}.weight b{color:#fff}.item-info{width:250px;min-height:210px;background:#0e0e0e;border:1px solid #5a4a30;padding:18px 8px 8px;position:relative;font-size:11px;line-height:1.45}.item-info h4{position:absolute;top:-1px;left:8px;margin:0;font:700 11px var(--serif);color:#fff4c0;background:linear-gradient(#c8802a,#8a4a10);border:1px solid #f0a040;padding:1px 10px}.info-text i{color:var(--muted)}.info-text .spec{color:#9fffb0}.info-text .spec.off{color:#6a8a70}.info-text em.spec{font-style:normal;font-weight:700}.info-text .aging{color:#9fd8ff}.info-text .mix{color:#ff9ad8}.info-text .price{color:#ffe680}.wh-wrap{display:flex;gap:10px;align-items:flex-start}.wh-side{display:flex;flex-direction:column;gap:4px;min-width:110px}.wh-side .gold-amt{width:100px;background:#120d08;color:var(--text);border:1px solid var(--gold-lo);padding:3px 5px}.npc-card{position:absolute;right:160px;top:54px;width:232px;padding:6px;background:#141414eb;border:1px solid #8a7a60;outline:1px solid #000;display:none;text-align:center}.npc-card.show{display:block}.npc-card canvas{width:220px;height:230px;background:radial-gradient(ellipse at 50% 35%,#4a3a26,#120d08 75%);border:1px solid #504030}.npc-card b{display:block;color:#ffffb4;font-size:12px;margin:3px 0;text-shadow:1px 1px 0 #000}.npc-card p{margin:0;padding:6px;background:#000;border:1px solid #3a3a3a;font-size:12px;line-height:1.4;color:#e8e0c8;text-align:left}@media (max-height: 560px),(pointer: coarse){.item-info{display:none}.npc-card{display:none!important}.eq.l{width:52px;height:104px}.eq.m{width:46px;height:46px}}.tiers2{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tier2{background:radial-gradient(ellipse at 50% 0%,rgba(120,100,70,.25),transparent 70%),linear-gradient(#2c241a,#15100a);border:2px solid;border-color:#6a5a40 #241a10 #241a10 #6a5a40;outline:1px solid #000}.tier2 h5{margin:0;padding:3px 8px;font:700 12px var(--serif);color:#fff4c0;background:linear-gradient(#2a3a5a,#121a2a);border-bottom:1px solid #000;display:block;text-align:center;text-shadow:1px 1px 0 #000}.tier2.locked h5{color:#8a8070;background:linear-gradient(#3a3a3a,#1a1a1a)}.tier-body{position:relative;height:150px}.sk{position:absolute;display:flex;align-items:flex-end;gap:2px}.sk .bars{display:flex;gap:2px;height:44px}.sk .bars>div{position:relative;width:4px;height:100%;background:#0a0a0a;border:1px solid #000}.sk .bars>div>div{position:absolute;left:0;right:0;bottom:0}.sk .mast>div{background:linear-gradient(#90ff70,#20a020)}.sk .rech>div{background:linear-gradient(#ffe070,#e07010)}.sicon2{position:relative;width:46px;height:46px;padding:0;border:none;border-radius:50%;background:none;cursor:pointer}.sicon2 img{width:46px;height:46px;display:block}.sicon2 em{position:absolute;right:-8px;top:-6px;background:#000;color:#fff;font:700 8px var(--sans);padding:1px 2px;border:1px solid #f08020;font-style:normal}.sicon2 i{position:absolute;right:-2px;bottom:-2px;font:700 10px var(--sans);font-style:normal;color:#fff;background:#10203a;border:1px solid #6a8ab0;border-radius:7px;padding:0 4px}.sk.right .sicon2{box-shadow:0 0 0 2px var(--gold-hi),0 0 10px #f0d27acc}.sk.learnable .sicon2{animation:learnable 1.2s infinite}@keyframes learnable{50%{box-shadow:0 0 0 2px #7dff9a,0 0 12px #7dff9acc}}.sk.locked{opacity:.55}.sk-foot{margin-top:6px;color:var(--muted);font-size:11px}.sk-foot b{color:#7dff9a}@media (max-height: 560px),(pointer: coarse){.tiers2{grid-template-columns:repeat(2,1fr)}}.hot b img,.goggle b img{width:100%;height:100%;border-radius:50%;display:block}.hot b:has(img),.goggle b:has(img){background:none}.lf-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:4px}.lf{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.lf.big{font:700 13px var(--serif);color:var(--gold-hi)}.lf input[type=number]{width:60px;background:#120d08;color:var(--text);border:1px solid var(--gold-lo);padding:2px 4px}.lf-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px}#ui input[type=checkbox],#ui input[type=range]{accent-color:#c9a24a}.confirm{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000059;z-index:40;pointer-events:auto}.confirm-box{min-width:300px;max-width:420px;padding:14px 16px;background:#0a0a0af2;border:2px solid #f08020;text-align:center;font-size:13px;line-height:1.5}.confirm-box .row{justify-content:center;margin-top:10px}.confirm-box .gold{color:#ffe680}.confirm-box .spec{color:#9fffb0}.tip.compare{max-width:560px}.cmp-head{font-size:14px;margin-bottom:4px}.cmp-head .up,.cmp-tab .up{color:#7dff7d}.cmp-head .down,.cmp-tab .down{color:#ff6a5a}.cmp-head .same{color:#d8d0b8}.cmp-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid #4a3a20;padding-bottom:6px}.cmp-cols h6{margin:0 0 2px;font:700 11px var(--serif);color:#f08020}.cmp-tab{width:100%;margin-top:4px;border-collapse:collapse;font-size:11px}.cmp-tab th{color:var(--muted);font-weight:600;text-align:left}.cmp-tab td{padding:1px 6px 1px 0}.big-wrap{display:flex;flex-direction:column;gap:4px}.set-row{display:flex;align-items:center;gap:4px;font-size:10px}.eq.alt{width:24px;height:24px}.eq.alt.empty{display:inline-block;opacity:.5}.bottom-panel.compact{height:auto}.skills-classic{pointer-events:auto;padding:0 6px 6px}.sk3-tabs{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;height:22px}.sk3-pts{margin-right:auto;font-size:11px;color:#d8d0b8;text-shadow:1px 1px 0 #000;padding-left:4px}.sk3-pts b{color:#7dff9a}.sk3-tab{font:700 12px var(--serif);color:#f0f0f0;padding:2px 14px;background:linear-gradient(#3a4a66,#141c2c);border:1px solid #8c96a8;border-bottom:none;border-radius:4px 4px 0 0;text-shadow:1px 1px 0 #000}.sk3-x{width:20px;height:18px;padding:0;font-size:10px;color:#e0d8c0;background:linear-gradient(#5a4a38,#2a2014);border:1px solid #806a50;cursor:pointer}.sk3-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.tier3{position:relative;height:128px;background:linear-gradient(#00000026,#0000008c),var(--stone);border:3px solid;border-color:#8a7a62 #2a2016 #2a2016 #8a7a62;outline:1px solid #000;box-shadow:inset 0 0 18px #000000b3}.t3-title{position:absolute;left:50%;top:-1px;transform:translate(-50%);min-width:60%;text-align:center;font:700 12px var(--serif);color:#fff;padding:1px 10px;background:linear-gradient(#34445e,#121a28);border:1px solid #a0aabb;border-top:none;text-shadow:1px 1px 0 #000;z-index:1}.tier3.locked .t3-title{color:#a8a090;background:linear-gradient(#3a3a3a,#161616);border-color:#6a6a6a}.t3-body{position:absolute;top:20px;right:6px;bottom:6px;left:6px}.sk3{position:absolute;display:flex;align-items:stretch;gap:2px;height:46px}.sk3 .bar{position:relative;width:5px;background:#050505;border:1px solid #000;box-shadow:inset 0 0 2px #000}.sk3 .bar>div{position:absolute;left:0;right:0;bottom:0}.sk3 .mast>div{background:linear-gradient(90deg,#b0ff80,#30b020)}.sk3 .rech>div{background:linear-gradient(90deg,#fff080,#e09010)}.sk3 .ic{position:relative;width:46px;height:46px;padding:0;border:none;background:none;cursor:pointer}.sk3 .ic img{width:46px;height:46px;display:block}.sk3 .ic:hover img{filter:brightness(1.25)}.sk3 .ic em{position:absolute;right:-5px;top:-5px;background:#000;color:#fff;font:700 8px var(--sans);padding:0 2px;border:1px solid #f08020;font-style:normal}.sk3.right .ic img{outline:2px solid var(--gold-hi);box-shadow:0 0 10px #f0d27ae6;border-radius:8px}.sk3.learnable .ic img{animation:learnable3 1.1s infinite;border-radius:8px}@keyframes learnable3{50%{box-shadow:0 0 0 2px #7dff9a,0 0 14px #7dff9ae6}}@media (max-height: 560px),(pointer: coarse){.sk3-row{grid-template-columns:repeat(2,1fr)}.tier3{height:112px}}#ui img{object-fit:contain}.slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.slot-card{min-height:168px;background:#1e1810e0;border:1px solid #4a3a24;border-radius:4px;padding:8px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:var(--sans)}.slot-card img{width:96px;height:96px}.slot-card strong{font:700 15px var(--serif);color:var(--gold-hi)}.slot-card small{font-size:11px}.slot-card.sel{border-color:var(--gold-hi);box-shadow:0 0 14px #f0d27a66;background:#46341aeb}.slot-card.empty{border-style:dashed;color:var(--muted)}.slot-card.empty .slot-plus{font:700 34px var(--serif);color:#7a6a4a}.slot-card.empty:hover{border-color:var(--gold);color:var(--text)}.confirm-box .name-input{width:100%;margin-top:6px}@media (max-height: 560px),(pointer: coarse){.slot-card{min-height:120px}.slot-card img{width:64px;height:64px}}.held-ghost{position:fixed;z-index:9999;pointer-events:none;display:none;opacity:.92;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.held-ghost.show{display:block}.held-ghost img{width:100%;height:100%;display:block;object-fit:contain}.gitem.held{opacity:.3;outline:1px dashed rgba(255,255,255,.5)}.gitem.held img{filter:grayscale(.6)}.touch{display:none}#ui.touch-device .touch{display:block}#ui.touch-device.ui-busy .touch{display:none}@media (pointer: coarse){#game{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.title-screen{padding:12px;touch-action:pan-y;overscroll-behavior:contain}.slots-grid,.classes{grid-template-columns:repeat(2,minmax(0,1fr))}.title-box{min-width:0}.create-row{flex-wrap:wrap}.name-input{max-width:100%;font-size:16px}.btn,.btn.small,.btn.tiny,.tribe{min-height:44px}.machine{left:8px;top:48px;bottom:auto;transform:scale(.6);transform-origin:top left;pointer-events:none}.machine button{pointer-events:none!important}.wing,.wing-row{display:contents}.hotbar{position:absolute;bottom:6px;left:8px;right:8px;overflow-x:auto;touch-action:pan-x;gap:4px;justify-content:center}.hot{width:44px;height:44px;flex:0 0 44px}.belt{position:absolute;right:8px;top:58px;gap:4px}.pot{width:44px;height:44px}.pot img{width:38px;height:38px}.toggles{position:absolute;right:8px;top:108px;gap:4px}.toggles button{width:44px;height:44px}.menu{position:absolute;right:8px;top:6px;gap:4px}.menu button{width:44px;height:44px}.menu .disabled,.gold-line{display:none}.minimap{top:158px;right:8px;bottom:auto;width:120px;height:38px}.target{top:6px;left:40%;width:84px}.target canvas{width:44px;height:44px}.top-left{left:8px;top:6px}.pad{bottom:60px;left:8px;gap:4px}.pad button{width:52px;height:52px}.pad [data-act=down]{width:44px;height:44px}.actions{right:8px;bottom:60px;display:grid;grid-template-columns:repeat(2,52px);gap:4px}.actions button{width:52px;height:52px}.prompt{top:48%;max-width:90%;min-height:44px}.bottom-panel,.bottom-panel.compact{max-height:65%;z-index:10}.bottom-panel .window .body{min-height:0;overflow:auto;touch-action:pan-x pan-y;overscroll-behavior:contain}.window header{flex-shrink:0}.window .x,.sk3-x{width:44px;height:44px;flex-shrink:0}.npc-box{left:4px;right:4px;top:4px;width:auto;max-height:33%;z-index:11}.npc-box .body{touch-action:pan-y;overflow:auto}.skills-classic{height:100%;overflow-y:auto;touch-action:pan-y;background:var(--panel)}.sk3-tabs{height:auto;min-height:44px;align-items:center}.sk3-tab{display:none}.sk3-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tier3{height:140px}.inv-classic{flex-wrap:wrap;gap:12px}.bag-col{overflow-x:auto;max-width:100%;touch-action:pan-x}.item-info{display:block;width:100%;max-width:100%}.item-info .info-text{max-height:none}.pg,.plus{min-width:44px;min-height:44px}.wh-wrap{flex-wrap:wrap}.grid-bag{flex-shrink:0}.confirm-box,.death-box{max-width:calc(100vw - 24px);max-height:90dvh;overflow-y:auto;touch-action:pan-y}}@media (max-width: 600px){.menu{top:46px}.machine,.belt{top:98px}.toggles{top:148px}.minimap{top:198px}.target{left:auto;right:8px}.hotbar{justify-content:flex-start}.bottom-panel,.bottom-panel.compact{max-height:68%}.logo{letter-spacing:2px}}.belt-inv{display:inline-flex;gap:3px;margin-left:auto}.bslot{position:relative;width:28px;height:28px;padding:0;background:#0000008c;border:1px solid #5a4a30;cursor:pointer}.bslot:hover{border-color:#fff}.bslot img{width:100%;height:100%;display:block;pointer-events:none}.bslot em{position:absolute;left:2px;top:0;font:700 9px var(--sans);font-style:normal;color:#f0d27a;text-shadow:1px 1px 0 #000;pointer-events:none}.bslot i{position:absolute;right:2px;bottom:0;font:700 9px var(--sans);font-style:normal;color:#fff;text-shadow:1px 1px 0 #000;pointer-events:none}.joystick{position:absolute;bottom:60px;left:12px;width:116px;height:116px;border-radius:50%;border:2px solid #c9a24aaa;background:radial-gradient(circle,#4a3a2666,#120d0899);box-shadow:inset 0 0 16px #0008;pointer-events:auto;touch-action:none;display:grid;place-items:center}.joystick-knob{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b08a3a,#4a3a26);border:2px solid #f0d27aaa;box-shadow:0 3px 8px #0008;pointer-events:none}.auth-box{max-width:440px}.auth-form{display:flex;flex-direction:column;gap:12px;text-align:left}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--gold-hi)}.auth-form .name-input{width:100%}.auth-message{min-height:20px;font-size:13px;line-height:1.5}.auth-links{justify-content:center}.account-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}.account-bar span{overflow-wrap:anywhere;color:var(--muted)}.save-state{position:absolute;z-index:30;top:25%;left:50%;transform:translate(-50%);max-width:min(520px,94%);padding:10px;background:var(--panel);border:1px solid var(--gold-lo);pointer-events:auto;text-align:center;font-size:13px}.save-state:empty{display:none}.save-state p{margin:0 0 8px}.import-box{max-width:520px}@media (pointer: coarse){.auth-box .logo{font-size:36px}.account-bar .btn{min-height:44px}}.server-list{flex-basis:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px}.server-list>b{font:700 13px var(--serif);color:var(--gold, #f0d27a);margin-right:4px}.server-list .server{display:inline-flex;align-items:center;gap:6px;min-width:104px;padding:6px 12px;font:700 13px var(--serif);color:var(--text);background:linear-gradient(#3a2d1c,#1c140b);border:1px solid var(--gold-lo);cursor:pointer;pointer-events:auto}.server-list .server i{width:8px;height:8px;border-radius:50%;background:#5bd96b;box-shadow:0 0 6px #5bd96b}.server-list .server small{font:400 10px var(--sans);color:var(--muted)}.server-list .server.sel{border-color:#f0d27a;box-shadow:0 0 10px #f0d27a73;color:#fff3c8}.server-list .server.off{cursor:help;opacity:.6}.server-list .server.off i{background:#7a6a5a;box-shadow:none}.server-list .solo{color:var(--muted);font-size:11px}.logo.logo-img{background:none;filter:none;color:inherit;letter-spacing:0;line-height:0;margin:0 auto 4px}.logo.logo-img img{display:block;margin:0 auto;width:auto;height:clamp(84px,24vh,190px);max-width:min(420px,82vw);object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.65))}.auth-box .logo.logo-img img{height:clamp(90px,26vh,210px)}@media (max-height: 520px){.logo.logo-img img{height:clamp(64px,18vh,120px)}}.npc-box.wide{width:min(864px,calc(100vw - 420px))}.crafter{display:flex;flex-direction:column;gap:6px;min-height:0}.crafter .warn{color:#ffd27a}.cr-tabs{display:flex;gap:4px;border-bottom:1px solid #5a4a30;padding-bottom:4px}.cr-tab{font:700 12px var(--serif);color:#c8b890;cursor:pointer;padding:4px 12px;background:linear-gradient(#4a3c2c,#241a10);border:1px solid #5a4a30;border-radius:4px 4px 0 0}.cr-tab.on{color:#fff4c0;background:linear-gradient(#c8802a,#8a4a10);border-color:#f0a040}.mx-n{font-style:normal;font:700 10px var(--sans);background:#2e6a2a;color:#e0ffd0;border-radius:8px;padding:0 5px;margin-left:2px}.cr-work{display:grid;grid-template-columns:150px minmax(190px,1fr) minmax(220px,1.3fr);gap:10px;align-items:start}.cr-col{display:flex;flex-direction:column;gap:4px;min-width:0}.cr-col h5{margin:0 0 2px;align-items:center}.cr-col h5 small{color:var(--muted);font:600 11px var(--sans);margin-right:auto;margin-left:6px}.cr-slot{position:relative;height:150px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#3a3024,#15110c 75%);border:1px solid #8a7a60;box-shadow:inset 0 0 0 3px #1a140c,inset 0 0 18px #f0b4501f}.cr-slot.empty{border-style:dashed;color:var(--muted);text-align:center;font-size:11px}.cr-slot.empty small{color:#7a6a50}.cr-slot img{max-width:70%;max-height:92%;object-fit:contain;filter:drop-shadow(0 2px 4px #000)}.cr-x{position:absolute;top:3px;right:3px;width:18px;height:18px;padding:0;font-size:10px;cursor:pointer;background:linear-gradient(#605040,#302418);border:1px solid #806a50;color:#e0d0b0}.cr-iteminfo{display:flex;flex-direction:column;gap:2px;font-size:11px}.cr-iteminfo small{color:var(--muted)}.cr-name{color:#fff4c0;font-size:12px}.cr-grid{display:grid;grid-template-columns:repeat(4,34px);gap:3px;padding:5px;background:#120e0a;border:1px solid #5a4a30;width:max-content}.cr-sh{width:34px;height:34px;padding:2px;background:var(--cell);border:1px solid #3a3226;display:flex;align-items:center;justify-content:center}button.cr-sh{cursor:pointer;border-color:#8a7a60;box-shadow:inset 0 0 8px #a0dcff2e}button.cr-sh:hover{border-color:#ff7a6a}.cr-sh img{width:28px;height:28px}.cr-sh.empty{background:repeating-linear-gradient(45deg,#1d1914,#1d1914 4px,#221d17 4px,#221d17 8px)}.cr-palette{display:flex;flex-wrap:wrap;gap:3px}.cr-pal{position:relative;width:30px;height:30px;padding:1px;cursor:pointer;background:var(--cell);border:1px solid #504030}.cr-pal:hover{border-color:var(--gold-hi)}.cr-pal.dim{opacity:.4}.cr-pal img{width:26px;height:26px}.cr-pal i{position:absolute;right:1px;bottom:0;font:700 9px var(--sans);font-style:normal;color:#fff;text-shadow:1px 1px 0 #000}.cr-result{background:#120e0a;border:1px solid #5a4a30;padding:6px 8px;min-height:120px;font-size:11px}.cr-result p{margin:2px 0 4px}.cr-go{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:4px}.cr-go small{margin-right:auto;color:var(--muted)}.cr-go small b{color:#ffe680}.cr-link{background:none;border:0;color:var(--gold-hi);cursor:pointer;font:600 11px var(--sans);padding:0 2px;text-decoration:underline;display:inline-flex;gap:3px;align-items:center}.cr-result a{color:var(--gold-hi)}.cr-diff{border-collapse:collapse;width:100%;margin:2px 0}.cr-diff td{padding:1px 4px;border-bottom:1px solid #241c14;color:#c8c0a8}.cr-diff td:nth-child(2),.cr-diff td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}.cr-diff td:nth-child(3){color:#6a5a40;width:12px;text-align:center}.cr-diff tr.up td:nth-child(4){color:#8fe08f;font-weight:700}.cr-diff tr.down td:nth-child(4){color:#ff7a6a;font-weight:700}.mx-bonus{display:flex;flex-wrap:wrap;gap:3px}.mx-bonus span{background:#3a2a10;border:1px solid #8a6a2a;color:#ffd27a;padding:0 5px;border-radius:3px;font-weight:600}.mx-guide{display:flex;flex-direction:column;gap:4px;min-height:0}.mx-bar{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.mx-bar .pg{width:auto;height:22px;padding:0 9px;font-size:11px}.mx-search{flex:1;min-width:160px;background:#120e0a;border:1px solid #5a4a30;color:var(--text);padding:3px 6px;font:12px var(--sans)}.mx-bar label{font-size:11px;color:var(--muted);display:flex;gap:4px;align-items:center}.mx-help{font-size:11px}.mx-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;max-height:300px;padding-right:2px}.mx-list h6{font:700 11px var(--serif);color:var(--gold);margin:6px 0 1px;border-bottom:1px solid #3a2e1e;padding-bottom:1px}.mx-row{display:grid;grid-template-columns:minmax(150px,auto) 14px 1fr auto;gap:6px;align-items:center;text-align:left;background:#17130e;border:1px solid #2e261c;color:#c8c0a8;padding:3px 6px;cursor:pointer;font:11px var(--sans)}.mx-row:hover{border-color:var(--gold);background:#211a12}.mx-row.can{border-left:3px solid #4a9a3a}.mx-row.picked{border-color:var(--gold-hi)}.mx-need{display:flex;flex-wrap:wrap;gap:2px}.mx-chip{display:inline-flex;align-items:center;gap:1px;background:#0e0b08;border:1px solid #3a3226;border-radius:3px;padding:0 3px 0 0}.mx-chip img{width:18px;height:18px}.mx-chip b{font:700 11px var(--sans);color:#fff}.mx-chip em{display:none}.mx-chip.short{border-color:#7a2a20}.mx-chip.short b{color:#ff7a6a}.mx-arrow{color:#6a5a40}.mx-res{display:flex;flex-wrap:wrap;gap:2px 8px}.mx-res b{color:#ffd27a;font-weight:600}.mx-res small{color:var(--muted);width:100%}.mx-st{font-size:10px;white-space:nowrap}@media (max-width: 900px){.npc-box.wide{width:auto;right:4px}.cr-work{grid-template-columns:110px 1fr}.cr-right{grid-column:1 / -1}.cr-slot{height:110px}.mx-row{grid-template-columns:1fr auto}.mx-arrow{display:none}}.npc-box.wide{top:6px;max-height:calc(100% - 14px - min(56vh,330px))}.ap{display:grid;grid-template-columns:minmax(260px,330px) 1fr;gap:14px;align-items:start;font-size:12px}.ap-col h5{align-items:center;flex-wrap:wrap;border-bottom:1px solid #3a2e1e;padding-bottom:3px}.ap-chk{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.ap-chk.big{font:700 13px var(--serif);color:var(--gold-hi)}.ap-pot{display:grid;grid-template-columns:54px 52px 1fr 36px;gap:2px 6px;align-items:center;margin:4px 0}.ap-pot select{grid-column:2 / -1}.ap-pot.interval{grid-template-columns:106px 1fr 36px}.ap-pot.hp b{color:#ff7a6a}.ap-pot.mp b{color:#7ab0ff}.ap-pot.stm b{color:#8fe07a}.ap-pot output{font:700 11px var(--sans);color:#fff;text-align:right}.ap-pot input[type=range]{width:100%;min-width:0}.ap-lbl{color:var(--muted);font-size:11px}.ap select,.ap-num{background:#120d08;color:var(--text);border:1px solid var(--gold-lo);font:11px var(--sans);padding:1px 3px}.ap-num{width:40px}.ap-opts{font:400 11px var(--sans);color:var(--muted);display:inline-flex;align-items:center;gap:4px}.ap-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ap-row{display:grid;grid-template-columns:12px 16px 34px 16px 26px minmax(120px,1fr) auto auto auto;gap:6px;align-items:center;background:#17130e;border:1px solid #2e261c;padding:2px 6px;cursor:grab}.ap-row:hover{border-color:#5a4a30}.ap-row.off{opacity:.55}.ap-row.noweap .ap-name small{color:#ff8a7a}.ap-row.dragging{opacity:.4}.ap-row.over{border-color:var(--gold-hi);box-shadow:inset 0 2px 0 var(--gold-hi)}.ap-grip{color:#6a5a40;letter-spacing:-2px;font-size:11px}.ap-n{font:700 11px var(--serif);color:var(--gold);font-style:normal;text-align:center}.ap-mv{display:flex;gap:1px}.ap-mv .pg{width:16px;height:16px;font-size:8px}.ap-mv .pg:disabled{opacity:.3;cursor:default}.ap-ico{width:24px;height:24px;border-radius:50%;border:1px solid #504030}.ap-name{color:#fff4d8;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-name small{display:block;font:400 10px var(--sans);color:var(--muted)}.ap-when,.ap-keep{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-size:11px;color:var(--muted)}.ap-cond{color:#c8c0a8;font-size:11px}.ap .muted{font-size:11px;line-height:1.4}@media (max-width: 1000px){.ap{grid-template-columns:1fr}.ap-row{grid-template-columns:12px 16px 34px 16px 26px 1fr}.ap-when{grid-column:3 / -1}.ap-mobs{grid-column:3 / 6}.ap-keep{grid-column:6 / -1}}.ap-mobs{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;font-size:11px;color:var(--muted);cursor:help}.ap-num.s{width:34px}.item-info.summary{width:290px;display:flex;flex-direction:column;gap:4px}.sum-head{font-size:11px;display:flex;flex-wrap:wrap;gap:2px 6px;align-items:baseline;border-bottom:1px solid #3a2e1e;padding-bottom:2px}.sum-head span{color:#d8d0b8}.sum-head .up,.sum-cell .up{color:#7dff7d}.sum-head .down,.sum-cell .down{color:#ff6a5a}.sum-head .same{color:#d8d0b8}.sum-head .bad{color:#ff7a6a;width:100%}.sum-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.sum-cell{display:grid;grid-template-columns:1fr auto 30px;column-gap:3px;align-items:baseline;border-bottom:1px dotted #2a2218;line-height:1.55}.sum-cell span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sum-cell b{color:#fff;font-weight:600;text-align:right}.sum-cell i{font:700 10px var(--sans);font-style:normal;text-align:right;white-space:nowrap}.sum-cell.chg{background:#ffffff0a}.sum-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.sum-foot b{color:#fff}.sum-foot .fire{color:#ff9a5a}.sum-foot .ice{color:#9ae0ff}.sum-foot .light{color:#e8e8a0}.sum-foot .poison{color:#9ae060}.sum-foot b.bad{color:#ff7a6a}.sel-row{border-top:1px solid #3a2e1e;padding-top:4px}.sel-name{display:block;color:#9fffb0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sel-row .row{margin:2px 0 0;gap:3px;flex-wrap:wrap}.pshop-hud{position:absolute;right:12px;bottom:186px;z-index:6;display:flex;align-items:center;gap:6px;pointer-events:none}#ui:has(.bottom-panel.open) .pshop-hud{visibility:hidden}.pshop-hud .presence{pointer-events:auto;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;font:600 11px var(--sans);color:#e8dcc0;background:linear-gradient(#2a1e10eb,#120c06eb);border:1px solid #8a6a30;outline:1px solid #000;border-radius:2px;text-shadow:1px 1px 0 #000;cursor:default}.pshop-hud .presence[hidden]{display:none}.pshop-hud .presence i{width:7px;height:7px;border-radius:50%;background:#5bd96b;box-shadow:0 0 6px #5bd96b}.pshop-hud .presence b{color:#fff3c8;font-weight:700}.pshop-hud .presence small{color:var(--gold-hi);font:700 11px var(--serif)}.pshop-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;font:700 11px var(--serif);color:#f0e0b0;background:linear-gradient(#4a3418,#22180a);border:1px solid var(--gold-lo);outline:1px solid #000;border-radius:2px;cursor:pointer}.pshop-btn:hover{border-color:var(--gold-hi);color:#fff}.pshop-btn.on{border-color:var(--gold-hi);box-shadow:0 0 8px #f0d27a8c;color:#fff3c8}.pshop-btn.on:after{content:"";width:6px;height:6px;border-radius:50%;background:#ffd84a;box-shadow:0 0 5px #ffd84a}.pshop-win{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);z-index:30;width:max-content;max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);pointer-events:auto;font-size:12px}.pshop-win.pshop-solo{width:380px}.pshop-win .small{font-size:11px;line-height:1.4}.pshop-win .warn{color:#ffd27a;background:#78501440;border:1px solid #6a4a1a;padding:5px 8px;margin:4px 0 6px}.pshop-win .gold{color:#ffe680}.pshop-win .row{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.pshop-name{display:flex;align-items:center;gap:8px;font:700 12px var(--serif);color:var(--gold);margin-bottom:4px}.pshop-name input,.pshop-row input{background:#120d08;color:var(--text);border:1px solid var(--gold-lo);padding:3px 6px;font:12px var(--sans)}.pshop-name input{flex:1;min-width:160px}.pshop-name input:focus,.pshop-row input:focus{outline:none;border-color:var(--gold)}.pshop-cols{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.pshop-cols section{min-width:0}.pshop-cols .pshop-side{width:290px;max-width:100%;display:flex;flex-direction:column}.pshop-pages{display:inline-flex;gap:3px}.pshop-grid{position:relative}.pshop-grid .gitem.blocked{opacity:.35;filter:grayscale(.8);cursor:not-allowed}.pshop-grid .gitem.listed{border-color:#ffd84a;background:#ffd84a29;box-shadow:inset 0 0 8px #ffd84a73}.pshop-grid .gitem.dim{opacity:.5}.pshop-price{position:absolute;left:0;right:0;bottom:0;font:700 9px var(--sans);font-style:normal;color:#ffe680;text-align:center;background:#000000a6;line-height:11px;pointer-events:none}.pshop-grid .gitem:has(.pshop-price) i{top:0;bottom:auto}.pshop-list{height:180px;overflow-y:auto;border:1px solid #3a2e1e;background:#00000059;padding:2px}.pshop-row{display:grid;grid-template-columns:18px 1fr auto 18px;align-items:center;gap:5px;padding:2px 3px;border-bottom:1px dotted #2a2218}.pshop-row:hover{background:#ffffff0a}.pshop-row b{font-weight:600;color:#e8e0c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pshop-row label{display:inline-flex;align-items:center;gap:3px}.pshop-row input{width:92px;text-align:right}.pshop-icon{width:18px;height:18px;display:grid;place-items:center}.pshop-icon img{max-width:18px;max-height:18px}.pshop-del{background:linear-gradient(#605040,#302418);border:1px solid #806a50;color:#e0d0b0;cursor:pointer;width:18px;height:18px;padding:0;font-size:10px;line-height:1}.pshop-total{margin-top:5px;text-align:right;color:var(--muted)}.pshop-total b{color:#ffe680}.pshop-sub{font:700 13px var(--serif);color:#fff4c0;margin:0 0 6px!important}.pshop-sub .muted{font:400 11px var(--sans)}.pshop-confirm{z-index:45}@media (max-height: 560px),(pointer: coarse){.pshop-hud{bottom:62px}.pshop-win{transform:translate(-50%,-50%)}}@media (pointer: coarse){.pshop-hud{top:200px;bottom:auto;right:8px;flex-direction:column;align-items:flex-end}.pshop-btn{min-height:36px}.pshop-row input{font-size:16px}}@media (max-width: 600px){.pshop-hud{top:240px}.pshop-cols .pshop-side{width:100%}.pshop-list{height:140px}}@media (max-width: 1440px) and (pointer: fine){.wing-row{gap:6px}.toggles button{width:22px;height:22px}.toggles button svg{width:13px;height:13px}}.sk3.right .ic img{outline:none;box-shadow:none;filter:drop-shadow(0 0 1.5px #ffe9a0) drop-shadow(0 0 6px rgba(240,210,122,.95))}.sk3.learnable .ic img{animation:learnableHex 1.1s infinite;box-shadow:none}@keyframes learnableHex{50%{filter:drop-shadow(0 0 1.5px #b8ffc8) drop-shadow(0 0 7px rgba(125,255,154,.95))}}.mx-name{font-style:normal;color:#e8dcc0;font-weight:700;margin-right:4px}.mx-era-tag{font:600 9px var(--sans);font-style:normal;padding:0 4px;border-radius:3px;vertical-align:1px}.mx-era-tag.late{background:#3a2450;color:#d8b0ff;border:1px solid #6a4a90}.mx-era-tag.kr2008{background:#20384a;color:#a8d8ff;border:1px solid #3a6a8a}.mx-era{background:#120e0a;border:1px solid #5a4a30;color:var(--text);font:11px var(--sans);padding:2px 4px}.rc-grid{grid-template-columns:repeat(2,34px) 16px 34px;align-items:center}.rc-plus{color:var(--gold);text-align:center;font-weight:700}.cr-sh.rc-stone{border-color:#4a6a8a}@media (max-height: 560px){.npc-box.wide .window .body{padding:4px 6px}.cr-tab{padding:2px 8px;font-size:11px}.mx-help,.cr-col>small.muted{display:none}.cr-slot{height:76px}.cr-sh{width:26px;height:26px}.cr-sh img{width:22px;height:22px}.cr-grid{grid-template-columns:repeat(4,26px)}.rc-grid{grid-template-columns:repeat(2,26px) 14px 26px}.cr-result{min-height:0}.mx-list{max-height:none}}.hot b:has(img){top:3px;right:0;bottom:0;left:0;border-radius:0}.hot b img,.goggle b img{border-radius:0;object-fit:contain;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.85))}.goggle b:has(img){top:14px;right:13px;bottom:14px;left:13px;border-radius:0}.hot:has(b img) em{z-index:2;color:#f0e0b0;text-shadow:0 0 2px #000,0 0 2px #000}.m-menu-btn,.m-drawer{display:none}@media (pointer: coarse){.m-menu-btn{position:absolute;top:6px;right:8px;z-index:9;width:50px;height:50px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--gold-hi);background:linear-gradient(#605040,#2e2216);border:2px solid #201610;outline:1px solid var(--gold-lo);border-radius:8px;box-shadow:inset 0 1px #ffe6aa40,0 2px 6px #000000a6;touch-action:manipulation}.m-menu-btn em{font:700 9px var(--serif);font-style:normal;letter-spacing:.5px;color:#e0d0a0}.m-menu-btn.on{background:linear-gradient(#8a6a3a,#4a3418);outline-color:var(--gold-hi)}.m-drawer.open{display:flex;flex-direction:column;gap:8px;position:absolute;z-index:40;top:62px;right:8px;width:min(372px,calc(100% - 16px));max-height:calc(100% - 70px);overflow-y:auto;padding:8px 10px 10px;pointer-events:auto;touch-action:pan-y;overscroll-behavior:contain;background:linear-gradient(#221a10f2,#0e0a06f7),var(--stone);border:1px solid #8a7a60;outline:1px solid #000;border-radius:6px;box-shadow:0 8px 30px #000000bf,inset 0 0 0 3px #a082501f}.m-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.m-drawer-head b{font:700 14px var(--serif);color:#fff4c0;background:linear-gradient(#c8802a,#8a4a10);border:1px solid #f0a040;border-radius:3px;padding:2px 12px}.m-drawer .gold-line{display:flex;font-size:13px}.m-sec h6{margin:0 0 5px;font:700 11px var(--serif);color:var(--gold);letter-spacing:1px;border-bottom:1px solid #3a2e1e;padding-bottom:2px}.m-sec.empty{display:none}.m-drawer .menu,.m-drawer .toggles{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.m-drawer .menu button,.m-drawer .toggles button{width:auto;height:46px;padding:0 8px;gap:7px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:5px;border:1px solid #5a4a30;touch-action:manipulation}.m-drawer .menu button{background:linear-gradient(#605040,#3a2c1e)}.m-drawer .toggles button{background:linear-gradient(#3a3020,#1e170e)}.m-drawer .menu button svg,.m-drawer .toggles button svg{width:18px;height:18px;flex-shrink:0}.m-drawer .menu button em{display:none}.m-drawer .menu button:after,.m-drawer .toggles button:after{font:600 12px var(--sans);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-drawer .menu [data-panel=character]:after{content:"Status"}.m-drawer .menu [data-panel=inventory]:after{content:"Inventário"}.m-drawer .menu [data-panel=skills]:after{content:"Skills"}.m-drawer .menu button:not([data-panel]):after{content:"Party"}.m-drawer .menu [data-panel=quests]:after{content:"Quests"}.m-drawer .menu [data-panel=system]:after{content:"Sistema"}.m-drawer .toggles [data-toggle=apot]:after{content:"Poção auto"}.m-drawer .toggles [data-toggle=askill]:after{content:"Skill auto"}.m-drawer .toggles [data-toggle=auto]:after{content:"Auto-ataque"}.m-drawer .toggles [data-toggle=run]:after{content:"Correr"}.m-drawer .toggles [data-toggle=snd]:after{content:"Som"}.m-drawer .toggles [data-toggle=map]:after{content:"Minimapa"}.m-drawer .toggles button.on{box-shadow:inset 0 0 8px #6ad06a8c;border-color:#6ad06a}.m-drawer .toggles button.on:after{color:#c8ffc8}.m-drawer .toggles button.off{text-decoration:none}.m-drawer .toggles button.off:after{color:#a08070;text-decoration:line-through}.m-online{display:flex;flex-direction:column;gap:6px}.m-online .pshop-btn{min-height:44px;justify-content:center;font-size:13px}.m-online .social-controls{display:flex;flex-wrap:wrap;gap:6px;width:auto;padding:0;background:none;border:none;box-shadow:none}.m-online .social-controls .btn{flex:1 1 30%;min-height:44px}.m-online .social-controls select{flex:1 1 40%;min-height:44px;color:#eee1c5;background:#11191d;border:1px solid #756348;border-radius:4px}.m-online .social-status{font-size:11px;color:#98dcaa;align-self:center}.social>.social-controls,.pshop-hud .pshop-btn{display:none}.top-left{right:66px}.char-name,.char-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.readout{top:calc(100% + 3px);flex-direction:column;align-items:flex-start;gap:0;padding:0 6px;line-height:1.2}.target{width:min(176px,calc(100% - 190px));padding:4px 6px;border-width:1px}.target.show{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:6px;align-items:center;text-align:left}.target canvas{width:40px;height:40px;grid-row:1 / span 3}.target b,.target i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target b{font-size:12px}.thp{margin-top:2px}.buffs{flex-wrap:wrap;gap:4px}.buffs span{width:26px;height:26px}.buffs i{bottom:-11px}.minimap{width:150px;height:38px;bottom:auto}.pshop-hud{bottom:auto;flex-direction:row}.log{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;bottom:auto;padding:0;background:none;font-size:11px;line-height:1.4;pointer-events:none}.log .line.old,.log .line:nth-last-child(n+4){display:none}.banner{left:12%;right:12%;pointer-events:none}.banner h2{font-size:26px;letter-spacing:2px}.banner small{font-size:12px}.prompt{top:calc(var(--world-ground, 60%) - 200px);white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}.popups{top:calc(var(--world-ground, 60%) - 170px);bottom:auto;left:50%}.hot,.pot{border-radius:6px}.actions button{font-size:11.5px}.actions [data-act=attack]{background:#501e0e9e;border-color:#f0a050d9;color:#ffe0b0}.social{z-index:35}.social-chat,.social-party{box-sizing:border-box}}@media (pointer: coarse) and (orientation: portrait){.top-left{left:8px;top:6px}.machine{left:4px;top:46px;transform:scale(.6);transform-origin:top left}.readout{font-size:16px}.target{top:62px;right:8px;left:auto}.buffs{top:120px;right:8px;left:auto;max-width:46%;justify-content:flex-end}.minimap{left:8px;right:auto;top:150px}.pshop-hud{top:162px;right:8px}.log{left:8px;top:196px;width:min(78%,420px);max-height:72px}.banner{top:calc(var(--world-ground, 70%) - 330px)}.social{top:196px;left:8px;right:8px;max-width:none}.social-chat,.social-party{width:100%;max-width:100%}.hotbar{left:6px;right:6px;bottom:6px;justify-content:center;gap:4px;overflow:visible}.hot{flex:1 1 0;width:auto;height:46px;max-width:54px}.joystick{left:10px;bottom:64px;width:128px;height:128px}.joystick-knob{width:56px;height:56px}.actions{right:8px;bottom:64px;grid-template-columns:repeat(2,60px);gap:8px}.actions button{width:60px;height:60px}.belt{position:absolute;top:auto;right:144px;bottom:64px;flex-direction:column;gap:4px}.pot{width:42px;height:42px}.pot img{width:36px;height:36px}.bottom-panel,.bottom-panel.compact{max-height:70%}.npc-box{max-height:calc(30% - 8px)}}@media (pointer: coarse) and (orientation: landscape){.top-left{left:8px;top:4px;right:auto;max-width:calc(50% - 104px)}.char-name{font-size:14px}.char-sub{font-size:11px}.machine{left:4px;top:40px;transform:scale(.5);transform-origin:top left}.readout{font-size:18px}.target{top:4px;left:50%;right:auto;transform:translate(-50%)}.buffs{left:8px;top:128px;max-width:calc(50% - 110px)}.m-menu-btn{top:4px;width:46px;height:46px}.m-drawer.open{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:6px 12px;top:56px;max-height:calc(100% - 62px);width:min(640px,calc(100% - 16px))}.m-drawer-head,.m-online{grid-column:1 / -1}.m-drawer .menu,.m-drawer .toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.m-drawer .menu button,.m-drawer .toggles button{height:40px}.m-online{flex-direction:row;flex-wrap:wrap;align-items:center}.m-online h6{flex-basis:100%}.m-online .pshop-btn{flex:0 0 auto;padding:0 14px}.m-online .social-controls{flex:1 1 0}.m-online .social-controls .btn{flex:1 1 auto}.pshop-hud{top:12px;right:62px}.minimap{right:8px;left:auto;top:56px}.log{left:8px;top:170px;width:min(30%,280px);max-height:calc(100% - 302px);font-size:10.5px}.log .line:nth-last-child(n+3){display:none}.banner{top:62px;left:30%;right:30%}.prompt{top:calc(var(--world-ground, 80%) - 145px)}.social{top:56px;left:8px;right:auto}.social-chat,.social-party{width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 90px)}.hotbar,.belt{--slot: clamp(30px, calc((100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 330px) / 11), 44px)}.joystick{left:12px;bottom:10px;width:112px;height:112px}.joystick-knob{width:50px;height:50px}.actions{right:10px;bottom:10px;grid-template-columns:repeat(2,54px);gap:6px}.actions button{width:54px;height:54px}.belt{position:absolute;top:auto;right:138px;bottom:8px;gap:3px}.pot{width:var(--slot);height:var(--slot)}.pot img{width:86%;height:86%}.hotbar{left:136px;right:calc(138px + 3 * var(--slot) + 6px + 10px);bottom:8px;justify-content:flex-end;gap:3px;overflow:visible}.hot{width:var(--slot);height:var(--slot);flex:0 0 var(--slot)}.bottom-panel,.bottom-panel.compact{max-height:calc(100% - 52px)}#ui.inv-open .bottom-panel{height:calc(100% - 52px)}#ui.inv-open .bottom-panel .window{flex:1 1 auto}.npc-box{max-height:calc(100% - 8px);width:calc(50% - 8px);right:auto}#ui:has(.npc-box .window) .bottom-panel{left:50%;max-height:calc(100% - 4px)}#ui.inv-open:has(.npc-box .window) .bottom-panel{height:calc(100% - 4px)}}@media (max-width: 1000px){.ap-row{grid-template-columns:12px 16px auto 22px 26px 1fr;cursor:default}}@media (pointer: coarse){.ap-mv{gap:4px}.ap-mv .pg{width:36px;height:36px;min-width:36px;min-height:36px;font-size:12px}.ap-grip{display:none}.ap-row{grid-template-columns:16px auto 24px 26px minmax(0,1fr)}.ap-when{grid-column:1 / -1;padding-left:22px}.ap-mobs{grid-column:1 / 3;padding-left:22px}.ap-keep{grid-column:3 / -1}.ap-num,.ap select{min-height:30px;font-size:13px}.ap-num{width:46px}}.wing>.wing-row>.gold-line{position:absolute;right:10px;top:12px}@media (pointer: fine){.banner{left:170px;right:170px}}.gitem.ig,.eq.ig{--igb: 6px;--iga: .5;--igs: 0;--igd: 1px;overflow:hidden;box-shadow:none}.gitem.ig{border-color:color-mix(in srgb,var(--ig1) 60%,transparent);background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--ig1) 26%,transparent),#28282833 80%)}.eq.ig{border-color:color-mix(in srgb,var(--ig1) 75%,#fff) color-mix(in srgb,var(--ig1) 40%,#000) color-mix(in srgb,var(--ig1) 40%,#000) color-mix(in srgb,var(--ig1) 75%,#fff);background:radial-gradient(color-mix(in srgb,var(--ig1) 24%,#181818),#0c0c0c)}.gitem.ig:hover{border-color:#fff}.gitem.ig.sel{border-color:#00e77b}.gitem.ig img,.eq.ig img{filter:drop-shadow(0 0 var(--igd) var(--ig1))}.gitem.ig:after,.eq.ig:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 var(--igb) var(--ig1),inset 0 0 0 1px color-mix(in srgb,var(--ig1) 55%,transparent);opacity:var(--iga);animation:ig-pulse 2.4s ease-in-out infinite}.gitem.ig:before,.eq.ig:before{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:42%;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ig2) 60%,transparent),transparent);transform:translate(-130%) skew(-18deg);opacity:var(--igs);animation:ig-sweep 3.4s ease-in-out infinite}.gitem.ig u,.eq.ig i{color:color-mix(in srgb,var(--ig1) 70%,#fff);text-shadow:0 0 4px var(--ig1),1px 1px 0 #000}@keyframes ig-pulse{0%,to{opacity:calc(var(--iga) * .5)}50%{opacity:var(--iga)}}@keyframes ig-sweep{0%{transform:translate(-130%) skew(-18deg)}55%,to{transform:translate(300%) skew(-18deg)}}.ig-t1{--igb: 6px;--iga: .55;--igd: 1px}.ig-t2{--igb: 8px;--iga: .7;--igs: .45;--igd: 2px}.ig-t3{--igb: 10px;--iga: .8;--igs: .6;--igd: 2px}.ig-t4{--igb: 13px;--iga: .9;--igs: .75;--igd: 3px}.ig-t5{--igb: 15px;--iga: 1;--igs: .9;--igd: 3px}.ig-t6{--igb: 18px;--iga: 1;--igs: 1;--igd: 4px}.gitem.ig-t5:after,.eq.ig-t5:after,.gitem.ig-t6:after,.eq.ig-t6:after{box-shadow:inset 0 0 var(--igb) var(--ig1),inset 0 0 calc(var(--igb) * .45) var(--ig2),inset 0 0 0 1px var(--ig1)}.gitem.ig-t6:before,.eq.ig-t6:before{animation-duration:2.3s}.gitem.ig-t6,.eq.ig-t6{outline:1px solid color-mix(in srgb,var(--ig2) 70%,transparent);outline-offset:-3px}.gitem.ig-mix:after,.eq.ig-mix:after{box-shadow:inset 0 0 var(--igb) var(--ig1),inset 0 0 0 1px var(--ig1),inset 0 0 0 2px color-mix(in srgb,var(--ig2) 60%,transparent);animation-duration:2.8s}.gitem.ig-mix img,.eq.ig-mix img{filter:drop-shadow(0 0 var(--igd) var(--ig1)) drop-shadow(0 0 1px var(--ig2))}.gitem.ig-mix:before,.eq.ig-mix:before{width:30%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ig2) 75%,transparent) 45%,color-mix(in srgb,var(--ig1) 60%,transparent) 55%,transparent);animation-duration:2.6s}@media (prefers-reduced-motion: reduce){.gitem.ig:after,.eq.ig:after,.gitem.ig:before,.eq.ig:before{animation:none}}.prem{display:flex;flex-direction:column;gap:6px}.prem .coin-ico{width:18px;height:18px;vertical-align:middle}.prem-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;padding:5px 8px;background:linear-gradient(#2a2216,#17120b);border:1px solid #5a4a2a}.prem-head b{color:#ffd84a;font-size:15px;text-shadow:1px 1px 0 #000}.prem-head span{color:#e8dcc0}.prem-head small{flex-basis:100%;color:var(--muted)}.prem-tabs{display:flex;flex-wrap:wrap;gap:3px}.prem-tabs .pg{width:auto;height:22px;padding:0 9px;font-size:11px}.prem-list{display:flex;flex-direction:column;gap:2px;max-height:236px;overflow-y:auto;padding-right:2px}.prem-row{display:flex;align-items:center;gap:8px;width:100%;padding:2px 6px 2px 2px;text-align:left;color:inherit;font:inherit;background:#14100a99;border:1px solid rgba(160,130,80,.25);cursor:pointer}.prem-row:hover{border-color:#ffd84a;background:#3c2e14b3}.prem-row.dim{opacity:.55}.prem-row .cell{width:34px;flex-shrink:0;pointer-events:none}.prem-txt{flex:1;min-width:0;display:flex;flex-direction:column}.prem-txt b{color:#fff4c0;font-size:12px}.prem-txt small{color:var(--muted);font-size:10.5px;line-height:1.25}.prem-txt em{color:#9fd8ff;font-style:normal}.prem-price{display:flex;align-items:center;gap:2px;color:#ffd84a;font-weight:700;white-space:nowrap}.prem-active{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px}.prem-active h5{flex-basis:100%;margin:0;color:#f0d27a}.prem-active b{color:#9fffb0}.prem-sub{margin:6px 0 3px;color:#f0d27a}.buffs span.prem-buff{background:radial-gradient(circle at 35% 30%,#fff8d8,#c89a30 55%,#4a3410)}.buffs span.prem-buff img{width:22px;height:22px;display:block}.tip .aging{color:#77c8fe}.tip .mix{color:#6ea5fa}.tip .aging-bar{position:relative;display:inline-block;vertical-align:middle;width:130px;height:13px;margin:1px 0;border:1px solid #8a7a50;background:linear-gradient(#1a1a1a,#2c2c2c);box-shadow:inset 0 0 0 1px #000}.tip .aging-bar i{position:absolute;left:1px;top:3px;bottom:3px;background:linear-gradient(#ffe680,#d8a020)}.tip .aging-bar b{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font:700 10px/11px var(--sans);color:#000;text-shadow:0 0 2px rgba(255,255,255,.8)}@media (pointer: coarse){.m-drawer .toggles [data-toggle=aloot]:after{content:"Coleta auto"}}.ap .ap-loot{margin-top:10px}.grid-bag[data-bag]{--cell: 30px}.eq-wrap{display:contents}.inv-tabs,.inv-act,.inv-detail,.m-quick,.wh-take[hidden]{display:none}.eq.sel{border-color:#00e77b;box-shadow:inset 0 0 0 2px #00e77b80}.held-ghost.out{filter:drop-shadow(0 0 6px rgba(255,90,60,.95)) drop-shadow(0 3px 4px rgba(0,0,0,.6))}.held-ghost.out:after{content:"▼ chão";position:absolute;left:50%;top:100%;transform:translate(-50%,2px);white-space:nowrap;font:700 11px var(--serif);color:#ffd0b0;background:#280a04d9;border:1px solid #a04020;padding:1px 6px;border-radius:3px}.drop-over{outline:2px solid var(--gold-hi)!important;outline-offset:-2px;box-shadow:0 0 10px #f0d27a99!important}.npc-box .window.drop-over{outline-offset:0}@media (pointer: coarse){.m-quick{display:flex;position:absolute;z-index:8;gap:8px;pointer-events:none}.m-q{pointer-events:auto;width:52px;height:52px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:var(--gold-hi);background:radial-gradient(circle at 50% 30%,#6a5236,#2e2216 75%);border:2px solid #201610;outline:1px solid var(--gold-lo);border-radius:10px;box-shadow:inset 0 1px #ffe6aa40,0 2px 6px #000000a6;touch-action:manipulation}.m-q:active{background:radial-gradient(circle at 50% 30%,#9a7a46,#4a3418 75%);outline-color:var(--gold-hi)}.m-q em{font:700 9px var(--serif);font-style:normal;letter-spacing:.4px;color:#e0d0a0;line-height:1;margin-top:1px}.m-q svg{filter:drop-shadow(0 1px 0 #000)}#ui.ui-busy .m-quick{display:none}.gitem{touch-action:none;-webkit-touch-callout:none}.gitem:hover{border-color:transparent;background:#3c3c3c2e}.gitem.sel,.gitem.sel:hover{border-color:#00e77b;background:#00e77b2e}.gitem.spec:not(.sel){background:#50a06429}#ui.holding .bottom-panel .body,#ui.holding .npc-box .body{overflow:hidden}.held-ghost{opacity:.95}.window.inv .body{flex:1 1 auto;min-height:0;padding:6px 8px 8px;container:inv / size;overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.inv-classic.inv-touch{display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px;min-height:100%;align-items:stretch}.inv-classic.inv-touch .grid-bag{--cell: clamp(20px, min((100cqw - 4px) / 12, (100cqh - 156px) / 6), 40px);align-self:center}.inv-classic.inv-touch>.bag-col,.inv-classic.inv-touch>.eq-wrap,.inv-classic.inv-touch>.item-info.summary{display:none}.inv-classic.inv-touch.tab-bag>.bag-col{display:flex}.inv-classic.inv-touch.tab-equip>.eq-wrap{display:grid}.inv-classic.inv-touch.tab-sum>.item-info.summary{display:flex}.inv-classic.inv-touch.tab-sum>.inv-detail{display:none!important}.inv-tabs{display:flex;gap:4px;flex:0 0 auto;border-bottom:1px solid #5a4a30}.inv-tab{flex:1 1 0;min-width:0;height:40px;padding:0 4px;font:700 12px var(--serif);color:#c8b890;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(#5a4a38,#2a2014);border:1px solid #1a1410;border-bottom:none;border-radius:4px 4px 0 0;box-shadow:inset 0 1px #ffdc961f;touch-action:manipulation}.inv-tab.on{color:#fff4c0;background:linear-gradient(#c8802a,#8a4a10);border-color:#f0a040}.inv-tab .t-w{display:none}.inv-classic.inv-touch .bag-col{overflow:visible;max-width:100%;touch-action:auto;gap:6px;align-items:stretch}.inv-classic.inv-touch .bag-foot{min-height:40px;gap:6px;flex-wrap:nowrap}.inv-classic.inv-touch .bag-foot .pg{width:44px;min-width:44px;height:40px;min-height:40px;font-size:13px}.inv-classic.inv-touch .bag-foot .coin{margin-left:4px}.inv-classic.inv-touch .bag-foot>b{font-size:13px;white-space:nowrap}.inv-classic.inv-touch .belt-inv{gap:4px}.inv-classic.inv-touch .bslot{width:40px;height:40px}.inv-classic.inv-touch .eq-wrap{--eq-l-w: 62px;--eq-l-h: 124px;--eq-m: 52px;--eq-s: 42px;grid-template-columns:auto auto auto;grid-template-rows:auto auto 1fr;grid-template-areas:"set set set" "big small med" "big weight med";justify-content:center;align-items:start;gap:8px 10px;padding-top:2px}.inv-classic.inv-touch .big-wrap,.inv-classic.inv-touch .acc-col{display:contents}.inv-classic.inv-touch .set-row{grid-area:set;display:flex;align-items:center;gap:6px;margin:0}.inv-classic.inv-touch .set-row .pg{width:44px;min-width:44px;height:40px;min-height:40px}.inv-classic.inv-touch .set-row .muted{font-size:11px;white-space:nowrap}.inv-classic.inv-touch .set-row .eq.s{width:40px;height:40px}.inv-classic.inv-touch .big-col{grid-area:big;gap:6px}.inv-classic.inv-touch .acc-col .row{margin:0;gap:6px}.inv-classic.inv-touch .acc-col .row:first-child{grid-area:small;display:grid;grid-template-columns:repeat(2,var(--eq-s))}.inv-classic.inv-touch .acc-col .row:last-child{grid-area:med;display:flex;flex-direction:column}.inv-classic.inv-touch .weight{grid-area:weight;font-size:12px;text-align:center}.inv-classic.inv-touch .eq.l{width:var(--eq-l-w);height:var(--eq-l-h)}.inv-classic.inv-touch .eq.m{width:var(--eq-m);height:var(--eq-m)}.inv-classic.inv-touch .eq.s{width:var(--eq-s);height:var(--eq-s)}.inv-classic.inv-touch .eq.s span{font-size:8px}.inv-classic.inv-touch .eq span{font-size:10px;line-height:1.1;padding:0 2px}.inv-classic.inv-touch .item-info.summary{width:100%;max-width:none;min-height:0;flex:1 1 auto;font-size:12px}.inv-classic.inv-touch .sum-cell{line-height:1.7}.inv-detail{display:block;flex:1 1 0;min-height:0;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;background:#0e0e0e;border:1px solid #3a2e1e;padding:4px 8px;font-size:12px;line-height:1.45}.inv-detail.empty{display:none}.inv-act{display:block;flex:0 0 auto;margin-top:auto;border-top:1px solid #5a4a30;padding-top:4px;min-height:48px}.inv-act .sel-name{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-act .row{margin:4px 0 0;gap:6px;flex-wrap:wrap}.inv-act .btn.tiny{flex:1 1 auto;min-width:44px;min-height:40px;padding:0 10px;font-size:13px}.inv-hint{margin:2px 0 0;font-size:11.5px;line-height:1.45;color:var(--muted)}.inv-hint b{color:#e8dcc0}.inv-classic.inv-touch:not(.tab-sum)>.inv-detail:not(.empty)~.inv-act .sel-name{display:none}@container inv (min-width: 600px) and (min-aspect-ratio: 3/2){.inv-classic.inv-touch{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:6px 12px;height:100%;min-height:0}.inv-classic.inv-touch>.bag-col{display:flex!important;grid-column:1;grid-row:1 / -1}.inv-classic.inv-touch .grid-bag{--cell: clamp(20px, min((100cqh - 54px) / 6, (100cqw - 400px) / 12), 40px)}.inv-classic.inv-touch>.inv-tabs{grid-column:2;grid-row:1}.inv-classic.inv-touch>.eq-wrap,.inv-classic.inv-touch>.item-info.summary,.inv-classic.inv-touch>.inv-detail{grid-column:2;grid-row:2;min-height:0;overflow-y:auto}.inv-classic.inv-touch.tab-bag>.inv-detail.empty{display:block}.inv-classic.inv-touch.tab-equip>.inv-detail,.inv-classic.inv-touch.tab-sum>.inv-detail{display:none}.inv-classic.inv-touch>.inv-act{grid-column:2;grid-row:3;margin-top:0}.inv-tab .t-n{display:none}.inv-tab .t-w{display:inline}.inv-classic.inv-touch .eq-wrap{--eq-l-w: 46px;--eq-l-h: 92px;--eq-m: 38px;--eq-s: 38px;grid-template-areas:"big small med" "big weight med" "set set set";grid-template-rows:auto auto auto;justify-content:start;gap:6px 10px}.inv-classic.inv-touch .acc-col .row:last-child{display:grid;grid-template-columns:repeat(2,var(--eq-m))}.inv-classic.inv-touch .set-row .muted,.inv-classic.inv-touch .inv-act .sel-name{display:none}.inv-classic.inv-touch .inv-act .row{margin:0}}@container inv (max-height: 300px) and ((max-width: 599px) or (max-aspect-ratio: 3/2)){.inv-classic.inv-touch:not(.tab-sum)>.inv-detail{display:none}.inv-classic.inv-touch>.inv-act .sel-name{display:block!important}}.window.char .body{container:chr / inline-size;overflow-x:hidden;touch-action:pan-y}.window.char .cols5{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;grid-template-areas:"id id" "stats stats" "vit res" "der der"}.window.char .col{min-width:0}.window.char .col.id{grid-area:id;display:grid;grid-template-columns:84px minmax(0,1fr);grid-auto-rows:min-content;column-gap:12px;text-align:left;align-items:center}.window.char .col.id img{grid-row:1 / span 4}.window.char .col.id p{justify-content:flex-start;margin:1px 0}.window.char .col.res{grid-area:res}.window.char .col.vit{grid-area:vit}.window.char .col.stats{grid-area:stats}.window.char .col.derived{grid-area:der;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;align-content:start}.window.char .col.derived h5{grid-column:1 / -1}.window.char .col p{font-size:13px;padding:4px 0}.window.char .col p span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.window.char .stat{min-height:44px;font-size:14px;gap:10px}.window.char .stat b{font-size:14px}.window.char .plus{width:44px;height:40px;min-height:40px;font-size:13px;border-radius:4px}.window.char .col.stats>p.muted{display:none}@container chr (min-width: 640px){.window.char .cols5{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1.2fr);grid-template-areas:"id stats der" "vit stats der" "res stats der"}.window.char .col.id{grid-template-columns:64px minmax(0,1fr)}.window.char .col.id img{width:64px;height:64px}.window.char .col.derived{grid-template-columns:minmax(0,1fr)}}#ui.touch-device.ui-busy.npc-open .touch{display:block}#ui.npc-open .joystick,#ui.npc-open .actions{z-index:12}#ui.npc-open .hotbar,#ui.npc-open .belt,#ui.npc-open .m-quick{display:none}}@media (pointer: coarse) and (orientation: portrait){.m-quick{left:calc(50% - 52px);bottom:64px;flex-direction:column-reverse}#ui.npc-open .joystick{left:8px;bottom:8px;width:112px;height:112px}#ui.npc-open .joystick-knob{width:50px;height:50px}#ui.npc-open .actions{right:8px;bottom:8px;grid-template-columns:repeat(2,52px);gap:6px}#ui.npc-open .actions button{width:52px;height:52px;font-size:10.5px}#ui.npc-open .npc-box{max-height:calc(34% - 8px)}#ui.npc-open .bottom-panel,#ui.npc-open .bottom-panel.compact{bottom:128px;max-height:calc(66% - 132px)}}@media (pointer: coarse) and (orientation: portrait) and (max-width: 379px){.m-quick{left:auto;right:8px;bottom:200px;flex-direction:row}}@media (pointer: coarse) and (orientation: landscape){.m-quick{right:10px;bottom:132px;gap:6px}.m-q{width:54px;height:50px}#ui.npc-open .npc-box{max-height:calc(100% - 140px)}#ui.npc-open .actions{right:auto;left:134px;bottom:10px;grid-template-columns:repeat(2,50px);gap:6px}#ui.npc-open .actions button{width:50px;height:50px;font-size:10.5px}}@media (pointer: coarse){.window.npc header .wh-take{margin-left:auto;margin-right:8px;min-height:40px;padding:0 14px;font-size:13px}.window.npc.warehouse .wh-side{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.window.npc.warehouse .wh-side p{margin:0}.window.npc.warehouse .wh-side .gold-amt{width:96px;min-height:40px;font-size:16px}.window.npc.warehouse .wh-side .btn.tiny{min-height:40px}.window.npc.warehouse .bag-foot .pg{width:44px;height:40px}}@media (pointer: coarse) and (orientation: portrait){#ui .window.inv .body{container:inv / inline-size;flex:0 1 auto}.inv-classic.inv-touch{min-height:0}.inv-classic.inv-touch .grid-bag{--cell: clamp(20px, calc((100cqw - 4px) / 12), 40px)}.inv-detail{flex:0 1 auto;max-height:26vh}.inv-act{margin-top:0}}.social{position:absolute;left:12px;top:90px;z-index:35;pointer-events:none;font-size:12px;color:#eee1c5;max-width:calc(100vw - 24px)}.social-controls,.social-chat,.social-party{pointer-events:auto;background:#0f1315f0;border:1px solid #756348;border-radius:6px;padding:7px;box-shadow:0 4px 18px #0007}.social-controls{display:flex;align-items:center;gap:8px;width:max-content;flex-wrap:wrap;max-width:100%}.social-status{font-size:11px;color:#98dcaa}.offline .social-status{color:#ffb66d}.social-chat,.social-party{width:350px;max-width:calc(100vw - 24px);margin-top:6px}.social-party{max-height:45vh;overflow-y:auto}.social-messages{height:150px;overflow-y:auto;overflow-wrap:anywhere}.social-messages p{margin:4px 0}.social form{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.social input{flex:1;min-width:140px}.social input,.social select{color:#eee1c5;background:#11191d;border:1px solid #756348;border-radius:4px;padding:6px}.social select{max-width:160px}.party-member{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0;padding:6px;border-bottom:1px solid #75634844}.party-member strong,.party-member small{width:100%}.party-member progress{width:100%;height:8px;accent-color:#72b77d}.social [hidden]{display:none!important}@media (pointer: coarse){.social{top:72px;left:8px}.social button,.social input,.social select{min-height:44px}.social-chat,.social-party{width:min(350px,calc(100vw - 24px));max-height:40vh;overflow-y:auto}.social-messages{height:90px}.social-controls{gap:5px}.social-party{font-size:12px}}.social-x{display:none}@media (pointer: coarse){.social .social-x{display:block;float:right;width:44px;margin:-2px -2px 4px 6px;padding:0;font-size:20px;line-height:1}}.social>.social-controls{display:none}.social{z-index:9;top:120px}.sys-server{display:flex;align-items:center;gap:8px;margin:6px 0}.sys-server b{font:700 13px var(--serif);color:#f0d27a}.sys-server select{min-width:110px}#ui .m-drawer .menu button[data-social-chat]{display:none!important}:root{--ui-gold-1: #fff6d0;--ui-gold-2: #f0d27a;--ui-gold-3: #c9a24a;--ui-gold-4: #7a5520;--ui-ink: #0b0806;--ui-text: #ecdfc2;--ui-text-dim: #a8977a;--ui-crimson: #d1203c;--ui-azure: #2a74e0;--ui-violet: #a87ae8;--ui-ok: #8fe08f;--ui-panel-bg: radial-gradient(120% 70% at 50% 0%, rgba(150, 96, 40, .16), transparent 62%), radial-gradient(140% 100% at 50% 100%, rgba(0, 0, 0, .55), transparent 70%), linear-gradient(rgba(16, 11, 7, .5), rgba(8, 6, 4, .72)), url(/ui/panel.webp) 0 0 / 256px 256px, #18110b;--ui-inset-bg: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .3));--ui-display: "Cinzel Decorative", "Cinzel", Georgia, serif}.kit-native{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%);-webkit-appearance:none;-moz-appearance:none;appearance:none}.kit-native-select{display:none!important}.kit-check{display:inline-block;flex:0 0 auto;width:20px;height:20px;vertical-align:middle;background:url(/ui/check.png) 0 0 / 40px 20px no-repeat;cursor:pointer}.kit-native:checked+.kit-check{background-position:-20px 0}.kit-native:focus-visible+.kit-check,.kit-native:focus-visible+.kit-switch{outline:2px solid rgba(240,210,122,.75);outline-offset:2px;border-radius:5px}.kit-native:disabled+.kit-check,.kit-native:disabled+.kit-switch{opacity:.4;filter:grayscale(.7);cursor:default}label:has(>.kit-native:disabled){cursor:default}.kit-switch{position:relative;display:inline-block;flex:0 0 auto;width:38px;height:20px;vertical-align:middle;border:0 solid transparent;border-image:url(/ui/rail.png) 9 fill / 10px stretch;cursor:pointer}.kit-switch:before{content:"";position:absolute;left:3px;top:3px;width:22px;height:14px;border-radius:7px;background:linear-gradient(90deg,#50c86ed9,#288c4699);box-shadow:0 0 6px #6ee68c8c;opacity:0;transition:opacity .15s}.kit-switch:after{content:"";position:absolute;left:0;top:0;width:20px;height:20px;background:url(/ui/thumb.png) center / 20px 20px no-repeat;filter:grayscale(1) brightness(.75);transition:transform .16s ease-out}.kit-native:checked+.kit-switch:before{opacity:1}.kit-native:checked+.kit-switch:after{transform:translate(18px);filter:none}.kit-slider{position:relative;display:inline-flex;align-items:center;flex:1 1 120px;min-width:80px;height:22px;padding:0 9px;cursor:pointer;touch-action:none;outline:none}.kit-slider-rail{position:relative;display:block;width:100%;height:10px;border:0 solid transparent;border-image:url(/ui/rail.png) 9 fill / 5px stretch}.kit-slider-fill{position:absolute;left:2px;top:2px;bottom:2px;max-width:calc(100% - 4px);border-radius:3px;background:linear-gradient(#ffe9a6,#d9a446 55%,#8a5a1c);box-shadow:0 0 4px #f0be5a73}.kit-slider-thumb{position:absolute;left:0;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background:url(/ui/thumb.png) center / 100% 100% no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.7));pointer-events:none}.kit-slider:focus-visible .kit-slider-thumb,.kit-slider.drag .kit-slider-thumb{scale:1.15}.kit-slider:focus-visible .kit-slider-rail{outline:1px solid rgba(240,210,122,.6);outline-offset:3px;border-radius:6px}.kit-slider.disabled{opacity:.45;pointer-events:none}.kit-stepper{display:inline-flex;align-items:stretch;vertical-align:middle;height:24px;border:0 solid transparent;border-image:url(/ui/field.png) 14 fill / 6px stretch}.kit-stepper .kit-step-field{width:4.2em;min-width:0;height:100%;padding:0 2px;border:none!important;border-image:none!important;background:none!important;color:#fff4d8;font:600 12px var(--sans);text-align:center;font-variant-numeric:tabular-nums;outline:none;box-shadow:none!important;caret-color:var(--ui-gold-2)}.kit-stepper.s .kit-step-field{width:2.6em}.kit-step{position:relative;flex:0 0 auto;width:20px;padding:0;margin:2px;border:0 solid transparent;border-image:url(/ui/btn.png) 14 fill / 4px stretch;background:none;cursor:pointer;touch-action:manipulation}.kit-step:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:2px;margin:-1px 0 0 -4px;background:var(--ui-gold-2);box-shadow:0 1px #000}.kit-step.inc:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:8px;margin:-4px 0 0 -1px;background:var(--ui-gold-2)}.kit-step:hover:not(:disabled){border-image-source:url(/ui/btn-hover.png)}.kit-step:active:not(:disabled){border-image-source:url(/ui/btn-press.png)}.kit-step:disabled{opacity:.35;cursor:default}.kit-stepper:focus-within{filter:drop-shadow(0 0 3px rgba(240,190,90,.6))}.kit-stepper.disabled{opacity:.5}.kit-dd{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:90px;max-width:100%;height:26px;padding:0 24px 0 9px;border:0 solid transparent;border-image:url(/ui/field.png) 14 fill / 6px stretch;background:none;color:var(--ui-text);font:600 12px var(--sans);text-align:left;cursor:pointer;pointer-events:auto}.kit-dd-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-dd-arrow{position:absolute;right:7px;top:50%;width:10px;height:10px;margin-top:-5px;background:linear-gradient(var(--ui-gold-1),var(--ui-gold-3));clip-path:polygon(10% 25%,90% 25%,50% 80%);transition:transform .15s}.kit-dd.open .kit-dd-arrow{transform:rotate(180deg)}.kit-dd:hover:not(:disabled){color:#fff;filter:brightness(1.12)}.kit-dd:focus-visible{outline:2px solid rgba(240,210,122,.7);outline-offset:1px}.kit-dd:disabled{opacity:.5;cursor:default}.kit-dd[hidden]{display:none!important}.kit-dd-pop{position:absolute;z-index:9500;overflow-y:auto;overscroll-behavior:contain;padding:7px 5px;border:0 solid transparent;border-image:url(/ui/frame-plain.png) 16 / 8px stretch;background:linear-gradient(#181009fa,#0a0704fa);box-shadow:0 10px 28px #000c;pointer-events:auto;touch-action:pan-y;font:600 12px var(--sans);color:var(--ui-text);animation:kitPop .12s ease-out}.kit-dd-pop.up{animation-name:kitPopUp}@keyframes kitPop{0%{opacity:0;transform:translateY(-4px)}}@keyframes kitPopUp{0%{opacity:0;transform:translateY(4px)}}.kit-dd-opt{position:relative;padding:6px 10px 6px 22px;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.kit-dd-opt.active{background:linear-gradient(90deg,#c9a24a52,#c9a24a14);color:#fff}.kit-dd-opt[aria-selected=true]{color:var(--ui-gold-2)}.kit-dd-opt[aria-selected=true]:before{content:"";position:absolute;left:7px;top:50%;width:7px;height:7px;margin-top:-3.5px;transform:rotate(45deg);background:linear-gradient(135deg,#ff9a8a,var(--ui-crimson) 55%,#5a0620);box-shadow:0 0 4px #ff5a64cc}.kit-dd-opt.disabled{opacity:.4;cursor:default}@media (pointer: coarse){.kit-dd{min-height:40px;font-size:14px}.kit-dd-opt{padding:11px 12px 11px 24px;font-size:14px}.kit-stepper{height:40px}.kit-step{width:34px}.kit-stepper .kit-step-field{font-size:16px}.kit-check{width:26px;height:26px;background-size:52px 26px}.kit-native:checked+.kit-check{background-position:-26px 0}.kit-slider{height:40px}.kit-slider-thumb{width:28px;height:28px;margin:-14px 0 0 -14px}}.name-input,.social input,.mx-search,.gold-amt,.pshop-name input,.pshop-row input:not(.kit-step-field),.kit-field{border:0 solid transparent!important;border-image:url(/ui/field.png) 14 fill / 7px stretch!important;background:none!important;color:#fff4d8!important;caret-color:var(--ui-gold-2);outline:none!important;border-radius:0!important}.name-input::placeholder,.social input::placeholder,.mx-search::placeholder,.pshop-name input::placeholder{color:#7f6c4e;font-style:italic;opacity:1}.name-input:focus,.social input:focus,.mx-search:focus,.gold-amt:focus,.pshop-name input:focus,.kit-field:focus{filter:drop-shadow(0 0 4px rgba(240,190,90,.55))}.name-input.error{filter:drop-shadow(0 0 4px rgba(230,60,50,.85))}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-text-fill-color:#fff4d8;-webkit-box-shadow:0 0 0 40px #120c07 inset;transition:background-color 9999s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:linear-gradient(90deg,#070504,#1a120a 50%,#070504);border-radius:5px;box-shadow:inset 0 0 0 1px #c9a24a47}::-webkit-scrollbar-track:horizontal{background:linear-gradient(#070504,#1a120a 50%,#070504)}::-webkit-scrollbar-thumb{border:0 solid transparent;border-image:url(/ui/scroll-thumb.png) 12 fill / 5px stretch;min-height:24px}::-webkit-scrollbar-thumb:horizontal{border-image:none;background:linear-gradient(#f0d27a,#a8782c 60%,#6a4a14);border-radius:5px}::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-button{display:none}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:#c9a24a #120c07;scrollbar-width:thin}}.kit-tip{position:fixed;left:0;top:0;z-index:9800;max-width:280px;padding:7px 11px;border:0 solid transparent;border-image:url(/ui/frame-plain.png) 16 / 6px / 1px stretch;background:linear-gradient(#281a0cf7,#0c0906f7);box-shadow:0 6px 18px #000000b3;color:#ecdfc2;font:500 12px/1.4 var(--sans);text-shadow:0 1px 0 #000;pointer-events:none;opacity:0;transition:opacity .12s}.kit-tip.show{opacity:1}.gtext,.window h3>span,.m-drawer-head b>span{background:linear-gradient(#fff9e0 8%,#f4d27a 48%,#c08d36 62%,#f0cf7c 92%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.95))}.btn{position:relative;border:0 solid transparent;border-image:url(/ui/btn.png) 14 fill / 7px stretch;background:none;border-radius:0;box-shadow:none;padding:7px 16px;font:700 12.5px var(--serif);letter-spacing:.04em;color:#eedfb8;text-shadow:0 1px 0 #000,0 0 6px rgba(0,0,0,.7);cursor:pointer;touch-action:manipulation}.btn:hover:not(:disabled){border-image-source:url(/ui/btn-hover.png);color:#fff7de;border-color:transparent}.btn:active:not(:disabled){border-image-source:url(/ui/btn-press.png);translate:0 1px}.btn:focus-visible{outline:2px solid rgba(240,210,122,.75);outline-offset:2px}.btn.gold{border-image-source:url(/ui/btn-primary.png);background:none;color:#fff4d2;border-color:transparent}.btn.gold:hover:not(:disabled){border-image-source:url(/ui/btn-primary-hover.png)}.btn.danger{border-image-source:url(/ui/btn-danger.png);color:#ffd9cc;border-color:transparent}.btn.danger:hover:not(:disabled){border-image-source:url(/ui/btn-danger.png);color:#fff;filter:brightness(1.15)}.btn:disabled,.btn.dim{opacity:.5;filter:grayscale(.75);cursor:default}.btn.big{font-size:16px;padding:12px 28px;border-image-width:9px;letter-spacing:.06em}.btn.small{font-size:12px;padding:6px 12px}.btn.tiny{font:700 11px var(--serif);padding:4px 9px;border-image-width:5px;letter-spacing:.02em}.btn small{color:#b9a682;font:400 10.5px var(--sans);text-shadow:0 1px 0 #000}.pg{border:0 solid transparent;border-image:url(/ui/btn.png) 14 fill / 5px stretch;background:none;color:#d8c69a;font:700 11px var(--serif);text-shadow:0 1px 0 #000}.pg:hover:not(:disabled){border-image-source:url(/ui/btn-hover.png);color:#fff}.pg.on{border-image-source:url(/ui/btn-primary.png);background:none;color:#fff4d2}.window{position:relative;isolation:isolate;background:var(--ui-panel-bg);border:none;outline:none;box-shadow:0 12px 36px #000000b8,inset 0 0 28px #0009;padding:4px}.window:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:6;pointer-events:none;border:0 solid transparent;border-image:url(/ui/frame-window.png) 64 / 32px stretch}.window header{position:relative;justify-content:center;min-height:44px;padding:7px 52px 10px;gap:10px;background:linear-gradient(#4628108c,#140c061a);border:none}.window header:after{content:"";position:absolute;left:22px;right:22px;bottom:-5px;height:12px;pointer-events:none;background:url(/ui/divider.png) center / auto 12px no-repeat,linear-gradient(90deg,transparent,rgba(201,162,74,.5) 12%,rgba(240,210,122,.75) 50%,rgba(201,162,74,.5) 88%,transparent) center / 100% 1px no-repeat}.window h3{flex:0 1 auto;min-width:0;height:28px;margin:0;padding:0 26px;line-height:28px;border:0 solid transparent;border-image:url(/ui/plaque.png) 0 34 fill / 0 17px stretch;border-radius:0;background:none;font:700 14px var(--serif);letter-spacing:.07em;color:#f6dfa0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window .x,.sk3-x,.cr-x,.pshop-del{flex:0 0 auto;width:28px;height:28px;padding:0;margin-right:8px;border:none;border-radius:50%;background:url(/ui/close.png) 0 0 / 200% 100% no-repeat;color:transparent;font-size:0;cursor:pointer}.window .x:hover,.sk3-x:hover,.cr-x:hover,.pshop-del:hover{background-position:100% 0}.window .x:active,.sk3-x:active,.cr-x:active,.pshop-del:active{scale:.94}.window header>.x{position:absolute;right:12px;top:50%;margin:-16px 0 0}.window header>.wh-take{position:absolute;right:50px;top:50%;translate:0 -50%;margin:0!important}.cr-x{width:20px;height:20px;margin:0}.pshop-del{width:18px;height:18px;margin:0}.window .body{padding:12px 16px 14px}.window h5{font:700 12px var(--serif);letter-spacing:.05em;color:var(--ui-gold-2);text-shadow:0 1px 0 #000;padding-bottom:3px;background:linear-gradient(90deg,rgba(201,162,74,.65),rgba(201,162,74,.15) 70%,transparent) left bottom / 100% 1px no-repeat}.window p{line-height:1.45}.speech{color:#f3e8cc;font-size:13px;text-shadow:0 1px 0 #000}.item-info,.cr-result,.inv-detail,.pshop-list,.prem-head,.cr-grid,.social-messages,.npc-card p,.mx-list:not(:empty){background:var(--ui-inset-bg);border:1px solid rgba(201,162,74,.26);border-radius:3px;box-shadow:inset 0 1px 10px #000000bf,0 1px #ffdc960d}.mx-list:not(:empty){padding:4px}.item-info h4{top:-9px;height:22px;padding:0 18px;line-height:22px;border:0 solid transparent;border-image:url(/ui/plaque.png) 0 34 fill / 0 13px stretch;background:none;color:#f6dfa0;font:700 11px var(--serif);letter-spacing:.06em;text-shadow:0 1px 0 #000}.item-info{padding-top:20px}.npc-portrait,.col.id img,.npc-card canvas,.target canvas{border:1px solid rgba(201,162,74,.45);box-shadow:inset 0 0 18px #000c,0 0 0 1px #000;border-radius:3px}.mx-row,.ap-row,.prem-row,.formula{background:linear-gradient(#ffebbe0b,#ffebbe04);border:1px solid rgba(201,162,74,.16);border-radius:2px}.mx-row:hover,.ap-row:hover,.prem-row:hover,.formula:hover{border-color:#f0d27a8c;background:linear-gradient(#ffdc961a,#ffdc9608)}.force-row,.col p,.stat,.quest{border-bottom-color:#c9a24a24}.quest b{color:#f6d58a}.cr-tab,.inv-tab,.sk3-tab,.prem-tabs .pg,.mx-bar .pg{border:0 solid transparent;border-image:url(/ui/tab.png) 14 14 0 14 fill / 7px 7px 0 7px stretch;border-radius:0;background:none;color:#cdb88e;font:700 12px var(--serif);text-shadow:0 1px 0 #000;box-shadow:none}.cr-tab.on,.inv-tab.on,.sk3-tab,.prem-tabs .pg.on,.mx-bar .pg.on{border-image-source:url(/ui/tab-on.png);color:#fff3cf;background:none}.cr-tab:hover:not(.on),.inv-tab:hover:not(.on){color:#fff}.cr-tabs,.inv-tabs{border-bottom:none;background:linear-gradient(90deg,transparent,rgba(240,210,122,.6) 10%,rgba(240,210,122,.6) 90%,transparent) left bottom / 100% 1px no-repeat}.cell,.eq,.pot,.hot,.bslot,.cr-sh,.cr-pal,.craft-item img{border:0 solid transparent;border-image:url(/ui/slot.png) 14 fill / 5px stretch;background:none;box-shadow:none;outline:none;border-radius:0}.eq{border-image-width:6px;color:#6a5c46}.cell.spec,.gitem.spec{box-shadow:inset 0 0 10px #6edc8c40}button.cell:hover,.eq:hover,.pot:hover,.hot:hover,.bslot:hover,button.cr-sh:hover,.cr-pal:hover{filter:brightness(1.3);border-color:transparent}.cell.sel,.eq.sel{outline:2px solid #3cf09a;outline-offset:-3px;box-shadow:none}.cell img,.eq img,.pot img,.bslot img,.cr-sh img,.cr-pal img,.gitem img,.craft-item img,.hot b img{object-fit:contain;max-width:100%;max-height:100%}.eq img,.gitem img{padding:2px}.eq span{color:#74664e;text-shadow:0 1px 0 #000}.cr-sh.empty{background:none;border-image-source:url(/ui/slot.png);opacity:.75}.cr-slot{background:radial-gradient(circle at 50% 42%,rgba(240,180,80,.14),transparent 60%),var(--ui-inset-bg);border:0 solid transparent;border-image:url(/ui/frame-thin.png) 36 / 18px stretch;box-shadow:inset 0 0 26px #000c}.cr-slot.empty{border-style:solid}.grid-bag{background:url(/ui/cell.png) 0 0 / var(--cell) var(--cell) repeat,#0a0806;border:none;border-image:url(/ui/frame-plain.png) 16 / 7px / 5px stretch;box-shadow:0 0 0 1px #000}.gitem{border:1px solid transparent;background:#ffe6aa09;border-radius:1px}.gitem:hover{border-color:#ffecbebf;background:#ffdc961a}.gitem.sel{border-color:#3cf09a;background:#00e77b24}.gitem i,.cell i,.pot i,.bslot i{font:700 10px var(--sans);color:#fff;text-shadow:0 0 2px #000,1px 1px 0 #000}.tip{padding:12px 14px 11px;border:0 solid transparent;border-image:url(/ui/frame-thin.png) 36 / 18px / 2px stretch;border-radius:0;background:linear-gradient(#40260ef7,#0e0a07f7 44px);box-shadow:0 10px 26px #000000bf;color:#ecdfc2}.tip>b:first-child,.tip>span:first-child>b:first-child{font-family:var(--serif);letter-spacing:.02em}.confirm{background:radial-gradient(ellipse at center,#00000040,#0009)}.confirm-box,.death-box,.save-state,.npc-card,.import-box{border:0 solid transparent;border-image:url(/ui/frame-window.png) 64 / 32px / 3px stretch;background:var(--ui-panel-bg);box-shadow:0 14px 44px #000c}.confirm-box{padding:26px 30px 22px;font-size:13.5px;color:#f0e4c8}.confirm-box h3{margin:0 0 8px;font:700 17px var(--serif);color:var(--ui-gold-2);letter-spacing:.05em}.death-box{padding:26px 34px 24px;gap:12px}.death-box h3{font:700 28px var(--ui-display);letter-spacing:.06em;background:linear-gradient(#ffd0c0,#e0402e 55%,#7a0e0a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #000)}.save-state{padding:18px 22px}.npc-card{padding:14px 14px 12px}.npc-card b{font:700 13px var(--serif);color:var(--ui-gold-2)}.title-screen{background:radial-gradient(ellipse at 50% 38%,rgba(70,40,14,.35),transparent 60%),radial-gradient(ellipse at center,#140c0673,#040302eb)}.tagline{font:600 15px var(--serif);color:#cdb88e;letter-spacing:.06em;text-shadow:0 1px 0 #000}.tribe,.class-card,.slot-card{position:relative;border:0 solid transparent;border-image:url(/ui/frame-plain.png) 16 / 8px stretch;border-radius:0;background:linear-gradient(#281a0ce0,#0e0a06eb);box-shadow:0 6px 18px #0000008c}.tribe:hover,.class-card:hover,.slot-card:hover{background:linear-gradient(#3c2610eb,#140d07f0)}.tribe.sel,.class-card.sel,.slot-card.sel{border-image:url(/ui/frame-thin.png) 36 / 18px / 2px stretch;background:radial-gradient(ellipse at 50% 30%,rgba(200,140,60,.3),transparent 70%),linear-gradient(#462c12f0,#180f08f2);box-shadow:0 0 22px #f0be5a47,0 6px 18px #0009}.slot-card.empty{border-style:solid;border-image:url(/ui/frame-plain.png) 16 / 8px stretch;opacity:.8}.slot-card.empty:hover{opacity:1}.tribe b,.class-card strong,.slot-card strong{color:var(--ui-gold-2);text-shadow:0 1px 0 #000;letter-spacing:.04em}.divider:before,.divider:after{border-top:1px solid rgba(201,162,74,.55)}.account-bar span{color:#b9a682}.server-list .server{border:0 solid transparent;border-image:url(/ui/btn.png) 14 fill / 6px stretch;background:none;color:#e8d8b0;text-shadow:0 1px 0 #000}.server-list .server:hover:not(.off){border-image-source:url(/ui/btn-hover.png)}.server-list .server.sel{border-image-source:url(/ui/btn-primary.png);box-shadow:none;color:#fff4d2}.hint{color:#9c8a6c;text-shadow:0 1px 0 #000}.char-name{font:700 17px var(--serif);letter-spacing:.04em;color:#fff3c8;text-shadow:0 1px 0 #000,0 0 8px rgba(0,0,0,.8)}.target{border:0 solid transparent;outline:none;border-image:url(/ui/frame-thin.png) 36 / 18px / 2px stretch;border-radius:0;background:var(--ui-panel-bg);padding:9px;box-shadow:0 6px 18px #0009}.target b{color:#ffb08a;font:700 12px var(--serif)}.thp{height:7px;border:1px solid #000;background:#1a0a08;box-shadow:0 0 0 1px #c9a24a73;border-radius:2px}.thp div{background:linear-gradient(#ff8a6a,#c81818 60%,#6a0606);border-radius:1px}.minimap{border:0 solid transparent;outline:none;border-image:url(/ui/frame-plain.png) 16 / 6px / 4px stretch;border-radius:0;box-shadow:0 4px 12px #0009}.prompt{border:0 solid transparent;border-image:url(/ui/frame-plain.png) 16 / 7px / 2px stretch;border-radius:0;background:linear-gradient(#2c1c0cf0,#0c0805f0);color:#ffe6b0;font:700 13px var(--serif);letter-spacing:.03em;padding:8px 18px}.log{background:linear-gradient(90deg,rgba(10,7,4,.72),rgba(10,7,4,.45) 70%,transparent);border-top-right-radius:0}.banner h2{font:700 38px var(--ui-display);letter-spacing:.05em;background:linear-gradient(#fff7da 10%,#f2cf74 50%,#b9832e 64%,#f6d888 92%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 10px rgba(0,0,0,.7))}.banner small{color:#e8d8b4;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.machine{border:0 solid transparent;border-image:url(/ui/arch.png) 100 100 0 100 / 50px 50px 0 50px stretch;background:radial-gradient(ellipse at 50% 120%,rgba(0,0,0,.65),transparent 70%),radial-gradient(ellipse at 50% 0%,rgba(160,110,50,.3),transparent 60%),linear-gradient(#46301a99,#140d07cc),url(/ui/panel.webp) 0 0 / 256px 256px,#2a1d10;box-shadow:0 -6px 18px #0009,inset 0 0 22px #0009;padding:12px 16px 0}.machine:before{content:"";position:absolute;left:50%;top:-9px;width:22px;height:22px;margin-left:-11px;background:url(/ui/thumb.png) center / 100% 100% no-repeat;filter:hue-rotate(60deg) saturate(1.2);z-index:3;pointer-events:none}.tube{border-color:#120c07;box-shadow:inset 0 0 6px #000,0 0 0 1px #c9a24a59}.tube:before,.tube:after{background:linear-gradient(#fff0c0,#d9a446 45%,#7a5014)}.goggle{box-shadow:inset 0 0 0 2px #1a1410,0 0 0 2px #c9a24a8c,0 3px 6px #000}.wing{border:0 solid transparent;border-image:url(/ui/frame-thin.png) 36 36 0 0 / 18px 18px 0 0 stretch;background:linear-gradient(#3c28148c,#100a06cc),url(/ui/panel.webp) 0 0 / 256px 256px,#24180c;padding:8px 14px 5px 10px}.hot{border-image-width:4px}.hot.on{outline:2px solid var(--ui-gold-2);outline-offset:-2px;box-shadow:0 0 8px #f0d27a99}.toggles button,.menu button{border:0 solid transparent;border-image:url(/ui/btn.png) 14 fill / 4px stretch;background:none;border-radius:0;color:#d8c69a;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.toggles button:hover,.menu button:hover{border-image-source:url(/ui/btn-hover.png);background:none;color:#fff}.toggles button.on{border-image-source:url(/ui/btn-primary.png);color:#c8ffc0;box-shadow:none}.toggles button.off{color:#8a6a5a}.menu button em{color:#f0dca8;text-shadow:0 1px 0 #000}.menu button.disabled{opacity:.35;filter:grayscale(1)}.gold-line{font:700 12.5px var(--sans);color:#ffe48a}.coin{background:radial-gradient(circle at 35% 30%,#fff8c0,#e2b13c 55%,#7a5310);box-shadow:0 0 0 1px #3a2606,0 1px 1px #000}.buffs span{border:1px solid #1a1006;box-shadow:0 0 0 1px #f0d27a8c,0 2px 3px #0009}.pshop-hud .presence,.pshop-btn{border:0 solid transparent;outline:none;border-image:url(/ui/btn.png) 14 fill / 5px stretch;border-radius:0;background:none;padding:5px 11px}.pshop-btn:hover{border-image-source:url(/ui/btn-hover.png)}.pshop-btn.on{border-image-source:url(/ui/btn-primary.png);box-shadow:none}.skills-classic{background:none}.bottom-panel .skills-classic{position:relative}.tier3{border:0 solid transparent;outline:none;border-image:url(/ui/frame-plain.png) 16 / 7px / 1px stretch;box-shadow:inset 0 0 22px #000000bf}.t3-title{top:-6px;height:22px;line-height:22px;padding:0 20px;border:0 solid transparent;border-image:url(/ui/plaque.png) 0 34 fill / 0 13px stretch;background:none;color:#f6dfa0;font:700 11.5px var(--serif);letter-spacing:.05em;white-space:nowrap}.tier3.locked .t3-title{filter:grayscale(.85) brightness(.8);background:none}.t3-body{top:22px;right:8px;bottom:8px;left:8px}.sk3-tabs{align-items:center}.sk3-tab{padding:4px 16px}.sk3-pts{font:600 12px var(--sans);color:#e2d4b2}.sys label,.lf,.ap-chk,.mx-bar label,.craft label{gap:8px}.sys label{min-height:28px}.sys .kit-slider{max-width:240px}.sys-server{gap:10px}.sheltoms,.sc{color:#e6dabd}.ap-pot{grid-template-columns:62px 52px minmax(0,1fr) 40px}.ap-pot .kit-dd{grid-column:2 / -1;width:100%}.ap-pot.interval{grid-template-columns:106px minmax(0,1fr) 40px}.ap-row{grid-template-columns:12px 22px 34px 20px 26px minmax(120px,1fr) auto auto auto}.ap-when .kit-dd{min-width:130px}.ap-mv .pg{width:18px;height:18px;border-image-width:4px}.ap-ico{border:1px solid rgba(201,162,74,.55)}.mx-bar .kit-dd{min-width:150px}.mx-chip{background:#0006;border-color:#c9a24a40}.mx-bonus span,.mx-n{box-shadow:0 1px #000}.cr-grid{padding:6px}.lf-cols h5{margin-top:2px}.kit-bar{position:relative;width:100%;height:8px;border-radius:3px;background:#170806;border:1px solid #000;box-shadow:0 0 0 1px #c9a24a59;overflow:hidden}.kit-bar>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#a4f0a0,#3eae4c 55%,#17602a)}.social-chat,.social-party{position:relative;border:0 solid transparent;border-image:url(/ui/frame-thin.png) 36 / 18px / 2px stretch;border-radius:0;background:var(--ui-panel-bg);box-shadow:0 8px 26px #000000b3;padding:12px 14px;color:#ecdfc2}.social-messages{padding:6px 8px}.social-messages p{text-shadow:0 1px 0 #000}.social input{min-height:30px;padding:4px 10px;font:13px var(--sans)}.social-party h3{display:inline-block;margin:0 0 6px;height:26px;padding:0 22px;line-height:26px;border:0 solid transparent;border-image:url(/ui/plaque.png) 0 34 fill / 0 15px stretch;font:700 13px var(--serif);color:#f6dfa0;letter-spacing:.05em}.social-party h4{font:700 12px var(--serif);color:var(--ui-gold-2);margin:10px 0 4px}.party-member{border-bottom:1px solid rgba(201,162,74,.16)}.party-member strong{color:#f6e2b0}.party-member small{color:#a8977a}.social .social-x{background:url(/ui/close.png) 0 0 / 200% 100% no-repeat;border:none;color:transparent;width:32px;height:32px;min-height:0}.social .social-x:hover{background-position:100% 0}.pshop-name{color:var(--ui-gold-2)}.pshop-name input{min-height:30px;padding:4px 10px}.pshop-row{border-bottom-color:#c9a24a24}.pshop-win .warn{background:#78461438;border:1px solid rgba(240,180,80,.4);border-radius:3px}.shop-wrap{container-type:inline-size}.shop-bag{--cell: clamp(22px, calc((100cqw - 2px) / var(--cols)), 34px);margin:4px 0 2px}.shop-bag .gitem{touch-action:manipulation}.shop-bag .gitem.dim img{opacity:.45;filter:grayscale(.6)}.shop-bag .gitem .price{position:absolute;right:1px;bottom:1px;padding:0 3px;font:700 9.5px/12px var(--sans);font-style:normal;color:#ffe680;background:#000000b8;border-radius:2px;text-shadow:1px 1px 0 #000;pointer-events:none}.shop-bag .gitem.dim .price{color:#ff8a7a}.force-row{flex-wrap:wrap}.force-row .fm-qty{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;margin-left:auto}.inv-act .kit-stepper,.sel-row .kit-stepper{margin-right:2px}.touch button{border:none;background:radial-gradient(circle at 50% 32%,#604220c7,#120c06d1 72%);box-shadow:inset 0 0 0 2px #d6ac54e6,inset 0 0 0 4px #180e06d9,inset 0 6px 10px #ffdc961f,0 3px 8px #0009;color:#f6dfa0;font:700 11.5px var(--serif);letter-spacing:0;text-shadow:0 1px 0 #000}.touch button:active{background:radial-gradient(circle at 50% 40%,#a06e32d9,#281a0cd9 72%)}.actions [data-act=attack]{background:radial-gradient(circle at 50% 32%,#8c241ed1,#280806d9 72%)!important;color:#ffe0c8!important}.joystick{border:none;box-shadow:inset 0 0 0 2px #d6ac54b3,inset 0 0 0 5px #180e068c,inset 0 0 18px #0009}.joystick-knob{border:none;background:url(/ui/thumb.png) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.7))}@media (pointer: coarse){.m-menu-btn,.m-q{border:0 solid transparent;outline:none;border-image:url(/ui/btn.png) 14 fill / 7px stretch;border-radius:0;background:none;box-shadow:none;color:var(--ui-gold-2);filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}.m-menu-btn.on,.m-q:active{border-image-source:url(/ui/btn-primary.png);background:none}.m-drawer.open{border:0 solid transparent;outline:none;border-image:url(/ui/frame-window.png) 64 / 32px / 3px stretch;border-radius:0;background:var(--ui-panel-bg);box-shadow:0 10px 34px #000c;padding:12px 14px 14px}.m-drawer-head b{height:28px;padding:0 26px;line-height:28px;border:0 solid transparent;border-image:url(/ui/plaque.png) 0 34 fill / 0 17px stretch;border-radius:0;background:none;letter-spacing:.07em}.m-sec h6{color:var(--ui-gold-2);border-bottom:none;background:linear-gradient(90deg,rgba(201,162,74,.6),transparent) left bottom / 100% 1px no-repeat;padding-bottom:3px}.m-drawer .menu button,.m-drawer .toggles button{border:0 solid transparent;border-image:url(/ui/btn.png) 14 fill / 6px stretch;border-radius:0;background:none;filter:none}.m-drawer .toggles button.on{border-image-source:url(/ui/btn-primary.png);box-shadow:none}.m-online .social-controls .kit-dd{flex:1 1 40%;min-height:44px}.window .x,.sk3-x,.social .social-x{width:40px;height:40px}.window header{min-height:52px;padding:6px 58px 8px}.window header>.x{right:8px;margin-top:-22px}.window header>.wh-take{right:54px}.cr-x,.pshop-del{width:28px;height:28px}.inv-tab{border-image-width:6px 6px 0 6px}.grid-bag{border-image-width:5px;border-image-outset:4px}.hot{border-image-width:5px}}@media (max-height: 560px),(pointer: coarse){.banner h2{font-size:26px}}.lf-grid .lf{min-width:0;overflow-wrap:anywhere}@media (max-width: 600px){.lf-cols{grid-template-columns:minmax(0,1fr);gap:10px}}.auth-form{padding:26px 28px 22px;border:0 solid transparent;border-image:url(/ui/frame-window.png) 64 / 32px / 3px stretch;background:var(--ui-panel-bg);box-shadow:0 14px 40px #000000b3}.auth-form label{font:700 12px var(--serif);letter-spacing:.08em;color:var(--ui-gold-2);text-shadow:0 1px 0 #000}.auth-form .name-input{min-height:40px}.auth-links{margin-top:14px}.auth-box .tagline{margin-bottom:18px}.title-box>.auth-message{font:600 14px var(--serif);color:#e8d8b4;text-shadow:0 1px 0 #000}@media (pointer: coarse){.auth-form{padding:22px 20px 18px}}.plus{border:0 solid transparent;border-image:url(/ui/btn-primary.png) 14 fill / 4px stretch;background:none;color:#fff1c8;text-shadow:0 1px 0 #000}.plus:hover:not(:disabled){border-image-source:url(/ui/btn-primary-hover.png)}.plus:disabled{filter:grayscale(1)}.social .kit-dd{max-width:160px}.window h3{padding-top:3px;line-height:25px}.item-info h4,.t3-title{padding-top:2px;line-height:20px}.social-party h3{padding-top:3px;line-height:23px}.m-drawer-head b{padding-top:3px;line-height:25px}.hud{z-index:1}.bottom-panel{z-index:10}.machine{border-radius:52px 52px 0 0;background-clip:padding-box}.machine{box-shadow:inset 0 0 22px #0009}.wing{border-image:url(/ui/frame-thin.png) 36 36 0 36 / 18px 18px 0 18px stretch}.sum-head{display:block;height:32px;overflow:hidden}.sum-head .sum-l1,.sum-head .sum-l2{height:15px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sum-head .sum-l2{color:#ff7a6a}.sum-head.idle span{color:var(--muted);font-style:italic}.machine{background:none;border-radius:0;box-shadow:none;border-image:url(/ui/arch-fill.png) 100 100 0 100 fill / 50px 50px 0 50px stretch}.reconnect-bar{position:fixed;left:50%;top:max(10px,env(safe-area-inset-top));transform:translate(-50%);z-index:9500;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 14px;background:linear-gradient(#2a1d10,#140e07);border:1px solid #c9a24a;outline:1px solid #000;border-radius:6px;box-shadow:0 6px 20px #0009;color:#eee1c5;font:13px var(--sans);white-space:nowrap}.reconnect-bar b{font:700 13px var(--serif);color:#f0d27a}.reconnect-bar .rc-msg{color:#cbb995}.reconnect-bar .rc-dot{width:8px;height:8px;border-radius:50%;background:#ffb66d;animation:rcpulse 1s ease-in-out infinite}@keyframes rcpulse{50%{opacity:.3}}