:root{--ink:#0b0908;--panel:#17100d;--panel-2:#21150f;--line:#563a25;--gold:#d6a45d;--ember:#bd6638;--text:#e7d7bf;--muted:#9e8d7a;--rare:#69b9ed;--epic:#bc8cec;--good:#77c588;--bad:#df786e;color:var(--text);background:var(--ink);font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 50% 0,#2a1912 0,#0b0908 55%);min-width:320px;margin:0;overflow-x:hidden}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app{min-height:100vh}.topbar{background:linear-gradient(#21150f,#110d0a);border-bottom:1px solid #5a3b24;justify-content:space-between;align-items:center;gap:18px;height:62px;padding:8px 24px;display:flex}.brand{gap:1px;display:grid}.brand strong{letter-spacing:.14em;color:#efc477;font:700 22px Georgia,serif}.brand span{letter-spacing:.16em;color:#a48867;font-size:9px}.currency{gap:17px;display:flex}.currency-value{grid-template-rows:1fr 1fr;grid-template-columns:20px auto;align-items:center;column-gap:5px;display:grid}.currency-value img{grid-row:span 2;width:18px;height:18px}.currency-value b{color:#e8c77f;font:700 12px Georgia,serif}.currency-value small{color:#998673;letter-spacing:.08em;font-size:8px}.header-actions{gap:5px;display:flex}.header-actions button,.bottom-nav button{color:#b6a08a;letter-spacing:.08em;background:0 0;border:1px solid #0000;padding:7px 8px;font-size:9px}.header-actions button:hover,.bottom-nav button:hover{color:#f0ca80;background:#291a11;border-color:#725136}.future-button{opacity:.62}.layout{grid-template-columns:250px minmax(500px,1fr) 250px;gap:12px;max-width:1560px;margin:auto;padding:12px;display:grid}.character-panel,.context-panel,.battle-shell{border:1px solid var(--line);background:linear-gradient(145deg,#20150f,#110d0a);box-shadow:0 8px 30px #0005}.character-panel,.context-panel{align-self:start;padding:15px}.vanguard-head{border-bottom:1px solid #ffffff0c;align-items:center;gap:9px;padding-bottom:11px;display:flex}.portrait{background:#140f0c;border:1px solid #9f7140;width:47px;height:47px;overflow:hidden}.portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}.vanguard-head h2{color:#e6bf7a;margin:2px 0;font:700 14px Georgia,serif}.vanguard-head small{letter-spacing:.11em;color:#a68b68;font-size:8px}.vanguard-head b{color:#d2bc96;font-size:11px}.character-power{background:#130d09;border:1px solid #644727;justify-content:space-between;align-items:end;margin:11px 0;padding:8px;display:flex}.character-power small{color:#b99660;letter-spacing:.13em;font-size:9px}.character-power b{color:#f0cb84;font:700 20px Georgia,serif}.resource-bar{margin:9px 0}.resource-bar span{justify-content:space-between;font-size:10px;display:flex}.resource-bar small{color:#a99a86}.resource-bar>i{background:#080605;border:1px solid #412d20;height:8px;margin-top:4px;display:block;overflow:hidden}.resource-bar em{background:#4c9a65;height:100%;display:block}.resource-bar.xp em{background:linear-gradient(90deg,#bb853d,#e5bd70)}.attribute-title{letter-spacing:.11em;color:#b9a588;justify-content:space-between;margin-top:15px;font-size:10px;display:flex}.attribute{border-bottom:1px solid #ffffff0a;grid-template-columns:1fr 30px 31px 35px 37px;align-items:center;gap:4px;padding:6px 0;font-size:11px;display:grid}.attribute b{color:var(--gold)}.attribute button,.auto-allocate select{color:#dac6a8;background:#20150e;border:1px solid #523925;padding:3px 2px;font-size:9px}.auto-allocate{color:#c9b89d;justify-content:space-between;align-items:center;gap:5px;margin:13px 0;font-size:9px;display:flex}.auto-allocate input{accent-color:#b47b40}.derived-grid{background:#4a3220;border:1px solid #4a3220;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.derived-grid span{background:#160f0b;padding:7px}.derived-grid small{color:#9d8e7d;font-size:9px;display:block}.derived-grid b{color:#e7d5b5;font-size:12px}.skill-slots{gap:6px;margin-top:14px;display:grid}.skill-slot{color:#e8d7bd;text-align:left;background:#1b120d;border:1px solid #57402a;align-items:center;gap:8px;min-height:45px;padding:5px;display:flex;position:relative;overflow:hidden}.skill-slot>i{z-index:1;background:#2c2015;border:1px solid #80613b;place-items:center;width:32px;height:32px;display:grid}.skill-slot>i img{width:25px;height:25px;display:block}.skill-slot span{z-index:1}.skill-slot b,.skill-slot small{letter-spacing:.07em;font-size:10px;display:block}.skill-slot small{color:#a89782;margin-top:2px;font-size:9px}.skill-slot>em{background:#070605b8;width:100%;position:absolute;bottom:0;right:0}.skill-slot.ready{box-shadow:inset 0 0 14px #ad6f2c22}.skill-slot.ultimate{background:linear-gradient(90deg,#33200f,#22120d);border-color:#b6783b}.skill-slot.ultimate.ready{box-shadow:inset 0 0 18px #e47f3038,0 0 12px #e47f3018}.battle-shell{padding:9px}.battle-heading{justify-content:space-between;align-items:center;padding:3px 6px 9px;display:flex}.battle-heading small{letter-spacing:.15em;color:#c69a5c;font-size:10px}.battle-heading h1{color:#f3d6a0;margin:3px 0 1px;font:700 23px Georgia,serif}.battle-heading p{color:#998979;margin:0;font-size:11px}.hunt-button{color:#fff0d4;letter-spacing:.08em;background:linear-gradient(#8c4525,#542313);border:1px solid #c0833f;border-radius:3px;padding:10px 14px;font-size:10px;font-weight:800}.hunt-button:hover{filter:brightness(1.15);box-shadow:0 0 16px #d874332e}.game-host{aspect-ratio:16/9;background:#100c09;border:1px solid #513722;border-radius:5px;width:100%;overflow:hidden}.game-host canvas{max-width:100%;height:auto;display:block}.battle-footer{color:#b7a38c;justify-content:space-between;padding:8px 5px 1px;font-size:11px;display:flex}.context-tabs{border-bottom:1px solid #5a4028;grid-template-columns:repeat(3,1fr);margin:-15px -15px 14px;display:grid}.context-tabs button{color:#9c8d7b;letter-spacing:.1em;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 2px;font-size:10px}.context-tabs .selected{color:#e9c47e;border-color:#c18340}.context-body small{color:#b79668;letter-spacing:.12em;font-size:9px}.context-body h2{color:#e0bb7b;margin:6px 0 10px;font:700 15px Georgia,serif}.hunt-row,.boss-row{color:#a99a89;border-bottom:1px solid #ffffff0b;justify-content:space-between;padding:9px 0;font-size:12px;display:flex}.hunt-row.active{color:#f0c778}.hunt-row.done{color:#7eb57d}.boss-row{color:#8b7d70;margin-top:8px}.boss-row.available{color:#d47c4c}.recent-loot{text-align:left;background:#17100c;border:1px solid;align-items:center;gap:8px;width:100%;margin:7px 0;padding:7px;display:flex}.recent-loot img{width:22px;height:22px}.recent-loot b,.recent-loot small{display:block}.recent-loot b{font-size:10px}.recent-loot small{color:#a89886;letter-spacing:0;font-size:8px}.recent-loot em{color:#e8c570;margin-left:auto;font-size:7px;font-style:normal}.map-nodes{grid-template-columns:repeat(5,1fr);gap:9px;margin:18px 0;display:grid}.map-nodes span{color:#8f8173;border:1px solid #5a4532;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.map-nodes .cleared{color:#90c98f;border-color:#628d62}.map-nodes .current{color:#f4ce83;border-color:#d18b43;box-shadow:0 0 12px #df834836}.locked-region{text-align:center;color:#756355;letter-spacing:.2em;border:1px dashed #493425;margin-top:28px;padding:17px}.locked-region small{margin-top:4px;display:block}.bottom-nav{background:#0d0a08;border-top:1px solid #47311f;justify-content:center;gap:7px;padding:8px;display:flex}.bottom-nav .active{color:#f6d796;border-color:#c0833f}.character-button{display:none}.modal-backdrop{z-index:5;background:#060505df;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.gear-modal{background:linear-gradient(145deg,#291b10,#100c09);border:1px solid #936735;border-radius:7px;width:min(1180px,100%);max-height:92vh;position:relative;overflow:hidden;box-shadow:0 20px 80px #000}.close{z-index:3;color:#e7d8c1;background:0 0;border:0;font-size:25px;position:absolute;top:10px;right:13px}.gear-heading{border-bottom:1px solid #583d25;align-items:end;gap:12px;padding:18px 46px 15px 20px;display:flex}.gear-heading small,.details-panel>small{color:#bd9765;letter-spacing:.14em;font-size:9px}.gear-heading h2{color:#f2cf8d;margin:0 auto 0 0;font:700 22px Georgia,serif}.gear-heading>b{color:#d4b77d;font-size:11px}.gear-layout-v3{grid-template-columns:260px minmax(360px,1fr) 310px;height:min(650px,92vh - 76px);display:grid}.paper-panel,.inventory-panel,.details-panel{min-width:0;padding:16px}.paper-panel,.inventory-panel{border-right:1px solid #4e3522}.gear-layout-v3 h3{letter-spacing:.15em;color:#d8b97b;margin:0 0 12px;font-size:10px}.paper-doll{gap:13px;display:grid}.doll-frame{background:radial-gradient(at 50% 35%,#4a2a1c,#110d0a 68%);border:1px solid #573d26;height:260px;position:relative;overflow:hidden}.doll-frame>img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 10px #000);width:205px;height:285px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.doll-layer{pointer-events:none;display:block;position:absolute}.layer-chest{opacity:.2;background:currentColor;border-radius:22px 22px 12px 12px;width:66px;height:72px;top:105px;left:calc(50% - 33px);border-width:3px!important}.layer-helmet{opacity:.22;background:currentColor;border-radius:24px 24px 8px 8px;width:48px;height:48px;top:42px;left:calc(50% - 24px);border-width:3px!important}.layer-weapon{opacity:.55;background:currentColor;width:11px;height:126px;top:82px;left:calc(50% + 21px);transform:rotate(25deg);border-width:2px!important}.equipment-slots{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.equipment-slot{color:#d5c3aa;text-align:left;background:#160f0b;border:1px solid #573d26;grid-template-rows:auto auto;grid-template-columns:20px 1fr;gap:1px 5px;min-height:55px;padding:5px;display:grid}.equipment-slot small{color:#a68c69;letter-spacing:.08em;grid-column:span 2;font-size:8px}.equipment-slot img{width:19px;height:19px}.equipment-slot span{font-size:9px;line-height:1.1}.equipment-slot i{color:#a48e75;margin-top:2px;font-size:8px;font-style:normal;display:block}.inventory-panel{flex-direction:column;display:flex}.inventory-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.filter-row{flex-wrap:wrap;gap:3px;display:flex}.filter-row button{color:#a99681;background:#160f0b;border:1px solid #4e3522;padding:5px 6px;font-size:8px}.filter-row button.active{color:#f0c77b;border-color:#bd7d3c}.filter-row b{color:#d2ad72;font-size:8px}.inventory-toolbar label{color:#ad9370;white-space:nowrap;font-size:8px}.inventory-toolbar select{color:#ddc7a5;background:#1a110c;border:1px solid #624426;max-width:110px;margin-left:4px;padding:5px;font-size:8px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));align-content:start;gap:8px;padding:3px 7px 10px 3px;display:grid;overflow-y:auto}.inventory-slot{aspect-ratio:1;color:#d9cbb9;background:linear-gradient(145deg,#24170f,#110d0a);border:2px solid;place-items:center;min-width:64px;display:grid;position:relative}.inventory-slot:hover,.inventory-slot.selected{filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 4px 12px #0008}.inventory-slot.selected{outline:2px solid #e4b66d}.inventory-slot img{width:37px;height:37px}.inventory-slot small{color:#f0d6a8;text-shadow:1px 1px #000;font:700 8px Arial;position:absolute;bottom:2px;right:3px}.inventory-slot em,.inventory-slot b,.inventory-slot i,.inventory-slot strong{font-style:normal;line-height:1;position:absolute}.inventory-slot em{color:#f7d283;background:#392613;padding:2px 3px;font-size:7px;font-weight:700;top:2px;left:2px}.inventory-slot b{color:#8ee09a;font-size:13px;top:3px;right:3px}.inventory-slot i{color:#d4bb82;font-size:10px;bottom:3px;left:4px}.inventory-slot strong{color:#8ee69b;text-shadow:0 0 5px #4ea45e;font-size:17px;bottom:2px;right:3px}.details-panel{background:#120d0a;overflow-y:auto}.details-panel h3{letter-spacing:0;font:700 18px Georgia,serif;margin:8px 0 4px!important}.details-panel>p,.item-affixes p{color:#a99986;font-size:11px}.item-power{background:#1a110c;border:1px solid #4f3826;justify-content:space-between;align-items:center;margin:12px 0;padding:8px;display:flex}.item-power small,.item-affixes small{letter-spacing:.11em;color:#b99b71;font-size:8px}.item-power b{color:#efc777;font:700 19px Georgia,serif}.item-affixes{border-bottom:1px solid #ffffff0e;padding-bottom:8px}.swap-summary{background:#1a110c;border:1px solid #4f3826;justify-content:space-between;gap:8px;margin:12px 0 6px;padding:7px;font-size:9px;display:flex}.swap-summary.upgrade{color:#8cda93;border-color:#447c50}.swap-summary.downgrade{color:#ee9186;border-color:#884a42}.swap-summary.sidegrade{color:#c5b39a}.comparison-v3{background:#110c09;border:1px solid #493323}.compare-head{border-bottom:1px solid #4a3424;grid-template-columns:1fr 26px 1fr;gap:4px;padding:8px;display:grid}.compare-head span{gap:2px;display:grid}.compare-head span:last-child{text-align:right}.compare-head small{letter-spacing:.1em;color:#a58d71;font-size:7px}.compare-head b{color:#dec8a6;font-size:9px}.compare-head i{color:#d5ad6c;font:700 12px Georgia,serif}.compare-head strong{text-align:center;color:#786651;align-self:center;font-size:9px}.comparison-v3 p{border-bottom:1px solid #ffffff0a;grid-template-columns:32px 1fr 48px;gap:3px;margin:0;padding:6px 8px;font-size:9px;display:grid}.comparison-v3 p span{color:#a68f75}.comparison-v3 p b{text-align:right;color:#d7c5aa;font-weight:400}.comparison-v3 p em{text-align:right;font-style:normal}.positive{color:var(--good)!important}.negative{color:var(--bad)!important}.neutral{color:#aaa!important}.detail-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.detail-actions button,.downgrade-confirm button,.simple-modal>button{color:#fff0d4;letter-spacing:.08em;background:#71361f;border:1px solid #bd7d3c;padding:9px;font-size:9px}.detail-actions .secondary,.downgrade-confirm .safe{background:#25170f;border-color:#5b4029}.downgrade-confirm{background:#25120f;border:1px solid #8f4b40;margin-top:12px;padding:10px}.downgrade-confirm h4{color:#f0a18e;margin:0;font:700 13px Georgia}.downgrade-confirm p{margin:6px 0;font-size:10px}.downgrade-confirm>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.gear-mobile-tabs{display:none}.rarity-common{color:#aaa59d!important;border-color:#aaa59d!important}.rarity-rare{border-color:var(--rare)!important;color:var(--rare)!important}.rarity-epic{border-color:var(--epic)!important;color:var(--epic)!important}.inventory-full-toast{z-index:10;color:#f3c4a2;background:#31170f;border:1px solid #c77850;align-items:center;gap:9px;padding:10px;font-size:10px;display:flex;position:fixed;bottom:60px;right:18px;box-shadow:0 8px 28px #000}.inventory-full-toast b{letter-spacing:.08em}.inventory-full-toast button{color:#fff;background:0 0;border:0;font-size:18px}.simple-modal{width:min(400px,100%);padding:25px}.simple-modal h2{color:#edca87;font:700 22px Georgia,serif}.quiet{color:#958473;font-size:11px}@media (width<=1050px){.layout{grid-template-columns:225px minmax(420px,1fr)}.context-panel{grid-column:1/-1}.context-body{max-width:600px}.header-actions button:not(:last-child){display:none}.gear-layout-v3{grid-template-columns:235px minmax(330px,1fr) 290px}}@media (width<=800px){.topbar{padding:8px 12px}.currency{gap:8px}.currency-value small,.header-actions button:not(:last-child){display:none}.layout{grid-template-columns:1fr;padding:8px}.battle-shell{order:1}.context-panel{order:2}.character-panel{display:none}.character-panel.open{z-index:4;max-height:calc(100vh - 140px);display:block;position:fixed;inset:70px 9px auto;overflow:auto;box-shadow:0 20px 80px #000}.character-button{display:inline-block}.bottom-nav{justify-content:flex-start;position:sticky;bottom:0;overflow:auto}.battle-heading h1{font-size:19px}.hunt-button{padding:8px;font-size:9px}.gear-modal{max-height:94vh}.gear-heading{padding:15px 43px 12px 15px}.gear-heading h2{font-size:17px}.gear-mobile-tabs{border-bottom:1px solid #573d26;grid-template-columns:repeat(3,1fr);display:grid}.gear-mobile-tabs button{color:#9d8971;letter-spacing:.08em;background:#140e0a;border:0;border-bottom:2px solid #0000;padding:10px;font-size:9px}.gear-mobile-tabs button.active{color:#efc778;border-color:#c18340}.gear-layout-v3{height:calc(94vh - 126px);display:block;overflow:hidden}.gear-layout-v3>section{border:0;height:100%;display:none}.gear-layout-v3>section.mobile-EQUIPPED{display:block}.gear-layout-v3>section.mobile-INVENTORY{display:flex}.gear-layout-v3>section.mobile-DETAILS{display:block}.paper-panel{overflow-y:auto}.doll-frame{height:220px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));padding-bottom:16px}.inventory-slot{min-width:54px}.details-panel{padding-bottom:18px}.inventory-full-toast{justify-content:center;bottom:57px;left:8px;right:8px}}@media (width<=480px){.brand strong{font-size:16px}.brand span{font-size:7px}.currency-value:nth-child(n+2){display:none}.topbar{height:55px}.layout{gap:8px}.battle-shell{padding:7px}.battle-footer{font-size:9px}.bottom-nav button{min-width:72px}.header-actions{gap:0}.gear-heading small{display:none}.gear-heading h2{font-size:15px}.inventory-toolbar{flex-direction:column;align-items:flex-start}.filter-row{gap:2px}.filter-row button{padding:4px;font-size:7px}.inventory-toolbar label{align-self:flex-end}.inventory-grid{gap:6px}.comparison-v3 p{grid-template-columns:28px 1fr 40px;padding:6px}.doll-frame{height:195px}}.action-bar{grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 2px 2px;display:grid}.action-bar .skill-slot{min-height:62px}.skill-slot{cursor:pointer}.skill-slot .hotkey{z-index:2;color:#d4b577;font-size:9px;position:absolute;top:4px;right:5px}.cooldown-radial{opacity:.75;pointer-events:none;background:conic-gradient(#060505d9 var(--cooldown),transparent 0)!important;width:auto!important;height:auto!important;inset:0!important}.auto-badge{z-index:3;color:#937752;cursor:pointer;background:#17100c;border:1px solid #65472c;padding:2px 4px;font-size:7px;position:absolute;bottom:5px;right:5px}.auto-badge.on{color:#f1ca79;background:#3a2613;border-color:#c1843d}.character-panel .skill-slots{display:none}.inventory-actions,.quick-sell{flex-wrap:wrap;gap:5px;margin:0 0 8px;display:flex}.inventory-actions button,.quick-sell button{color:#e0bf88;background:#22140d;border:1px solid #674627;padding:5px;font-size:8px}.autosell-panel{background:#140d09;border:1px solid #694729;grid-template-columns:repeat(2,1fr);gap:5px;margin:0 0 9px;padding:8px;font-size:9px;display:grid}.autosell-panel b{color:#e9c47e;grid-column:1/-1}.autosell-panel label{cursor:pointer}.rarity-magic{color:#65bb7b!important;border-color:#65bb7b!important}.rarity-legendary{color:#e4a84c!important;border-color:#e4a84c!important}.rarity-mythic{color:#df5d67!important;border-color:#df5d67!important}.rarity-ancient{color:#71d0c7!important;border-color:#71d0c7!important}.combat-recovery{color:#efb395;text-align:center;letter-spacing:.08em;background:#29120ee8;border:1px solid #9a5a45;margin:6px 2px;padding:7px;font:700 10px Georgia,serif}.low-hp em{background:#c54f44!important}.character-panel:has(.low-hp){box-shadow:0 8px 30px #0005,inset 0 0 32px #812c201c}.dev-defeat{color:#e8a092;background:#28100d;border:1px dashed #a64e42;padding:4px 6px;font-size:8px}