:root{--bg: #100d0b;--bg2: #17130f;--panel: #201a15;--panel2: #2a2219;--edge: #3d3225;--text: #d9d0bd;--muted: #8f8573;--gold: #e0b13a;--gold-d: #a67c1c;--red: #c0392b;--green: #5fae6b;--blue: #4a8fe0;--purple: #a45be0;--cut: 10px;--chamfer: polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));--chamfer-s: polygon(6px 0, 100% 0, 100% calc(100% - 6px) , calc(100% - 6px) 100%, 0 100%, 0 6px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;background-image:linear-gradient(135deg,rgba(255,255,255,.015) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.02) 25%,transparent 25%);background-size:120px 120px}h1,h2,h3,h4{margin:0 0 6px;font-weight:700;letter-spacing:.02em}h2{font-size:20px}h3{font-size:15px}h4{font-size:13px;margin-top:10px;color:var(--gold)}p{margin:4px 0}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:var(--text);background:#120f0c;border:1px solid var(--edge);padding:6px 8px;border-radius:0;clip-path:var(--chamfer-s);min-width:0}input:focus,select:focus{outline:1px solid var(--gold)}a{color:var(--gold)}.muted{color:var(--muted)}.small{font-size:12px}.ok{color:var(--green)}.bad{color:#e5645a}.gold-text{color:var(--gold)}.warn-text{color:#e0a22f}.grow{flex:1;min-width:0}.sprite{display:block;flex:none}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:linear-gradient(180deg,#1c1611,#14100c);border-bottom:2px solid var(--gold-d);flex:none;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.menu-btn{display:none;background:none;border:0;font-size:22px;padding:0 6px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:var(--panel2);clip-path:var(--chamfer-s)}.dot{width:8px;height:8px;display:inline-block;transform:rotate(45deg)}.dot.on{background:var(--green)}.dot.off{background:var(--red)}.boost-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;font-size:12px;font-weight:700;color:#1a1306;background:var(--gold);clip-path:var(--chamfer-s)}.gold{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-weight:700;white-space:nowrap}.gold.big{font-size:16px}.body{display:flex;flex:1;min-height:0}.side{width:210px;flex:none;overflow-y:auto;padding:10px 8px;background:var(--bg2);border-right:1px solid var(--edge)}.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);padding:10px 8px 4px}.nav-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;margin:1px 0;background:none;border:0;text-align:left;clip-path:var(--chamfer-s)}.nav-item:hover{background:var(--panel)}.nav-item.on{background:linear-gradient(90deg,#3a2d14,var(--panel2));color:var(--gold)}.nav-item em{margin-left:auto;font-style:normal;font-size:12px;color:var(--muted)}.nav-item.busy:after{content:"";width:7px;height:7px;background:var(--green);transform:rotate(45deg)}.main{flex:1;min-width:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.activity{flex:none;display:flex;align-items:center;gap:10px;padding:8px 14px;background:#181310;border-top:2px solid var(--gold-d)}.activity.idle{color:var(--muted)}.act-bar{width:min(280px,38vw)}.panel{position:relative;background:linear-gradient(135deg,var(--panel) 0%,var(--panel) 62%,#251e17 62%);clip-path:var(--chamfer);padding:12px 14px}.panel.warn{background:#3a2a10;color:#f0c870}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.panel-head h3{margin:0;color:var(--gold);text-transform:uppercase;font-size:13px;letter-spacing:.1em}.stack{display:flex;flex-direction:column;gap:10px}.stack.tight{gap:4px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.row.top{align-items:flex-start}.row.line{padding:5px 0;border-bottom:1px solid #2a2219}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.two-col.tight{gap:8px}.two-col.wide-left{grid-template-columns:1.15fr 1fr}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px}.card{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--panel2);clip-path:var(--chamfer-s);border-left:3px solid var(--c, var(--edge))}.card.active{background:#2d2a14;border-left-color:var(--gold)}.card.locked{opacity:.5}.card.unknown{filter:grayscale(1) brightness(.55)}.card.chest{padding:12px}.chests{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px;margin-bottom:10px}.lvl{font-size:13px;color:var(--gold);font-weight:400}.chip{display:inline-flex;align-items:center;gap:4px;margin:2px 4px 0 0;padding:1px 7px;background:#15110d;font-size:12px;clip-path:var(--chamfer-s)}.chip.bad{color:#e5645a}.chip.ok{color:var(--green)}.chips{margin:2px 0}.chip em{color:var(--muted);font-style:normal}.icon-wrap{position:relative;display:inline-flex;flex:none}.plus{position:absolute;right:-2px;bottom:-2px;font-size:10px;font-weight:800;color:#1a1306;background:var(--gold);padding:0 3px}.btn{padding:6px 13px;background:var(--panel2);border:0;color:var(--text);clip-path:var(--chamfer-s);font-weight:600;white-space:nowrap}.btn:hover:not(:disabled){background:#3a2f22}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,#c9962a,#8e6a17);color:#140e04}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#e0b13a,#a67c1c)}.btn.accent{background:#3a6a8a}.btn.danger{background:#6a2620}.btn.danger:hover:not(:disabled){background:#8a3028}.btn.ghost{background:transparent}.btn.small{padding:3px 9px;font-size:12px}.link{background:none;border:0;color:var(--gold);text-decoration:underline;padding:0}.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.tab{padding:5px 12px;background:var(--panel2);border:0;clip-path:var(--chamfer-s);color:var(--muted)}.tab.on{background:var(--gold-d);color:#140e04;font-weight:700}.row-btn{display:flex;align-items:center;gap:8px;width:100%;padding:4px 8px;border:0;background:none;text-align:left}.row-btn:hover{background:var(--panel2)}.row-btn.on{background:#3a2d14}.bar{position:relative;height:16px;background:#0f0c09;clip-path:var(--chamfer-s);overflow:hidden}.bar.small{height:10px}.bar-fill{height:100%;transition:width .4s linear}.bar-fill.gold{background:linear-gradient(90deg,#8e6a17,#e0b13a)}.bar-fill.xp{background:linear-gradient(90deg,#2d6a8a,#4ac0e0)}.bar-fill.hp{background:linear-gradient(90deg,#7a2a22,#5fae6b)}.bar-fill.enemy{background:linear-gradient(90deg,#6a1a14,#d0443a)}.bar-fill.epic{background:linear-gradient(90deg,#5a2a8a,#b06ae0)}.bar-fill.legend{background:linear-gradient(90deg,#a05a10,#f0b030)}.bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;text-shadow:0 1px 2px #000}.slots{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.slot{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#15110d;border:0;clip-path:var(--chamfer-s)}.slot:hover{background:#2a2219}.slot.on{background:#3a2d14;outline:1px solid var(--gold)}.slot.worn{box-shadow:inset 0 0 0 2px var(--green)}.slot.empty{opacity:.5}.qty{position:absolute;right:3px;bottom:1px;font-size:11px;font-weight:700;text-shadow:0 1px 2px #000}.eq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.eq-slot{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.eq-slot .slot{width:62px;height:62px}.setbox{padding:6px 0;border-bottom:1px solid #2a2219}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;color:var(--muted);font-size:12px;font-weight:600;padding:4px 6px;position:sticky;top:0;background:var(--panel)}.tbl td{padding:3px 6px;border-bottom:1px solid #2a2219}.tbl tbody tr{cursor:pointer}.tbl tbody tr:hover{background:#2a2219}.tbl tr.on{background:#3a2d14}.kv td{padding:3px 8px 3px 0}.kv td:first-child{color:var(--muted)}.scroll{max-height:56vh;overflow-y:auto}.list.scroll{max-height:46vh}.book-row{display:flex;justify-content:space-between;width:100%;padding:2px 8px;border:0;background:none;font-size:12px}.book-row:hover{background:#2a2219}.book-row.ask span:first-child{color:#e5645a}.book-row.bid span:first-child{color:var(--green)}.tag{padding:1px 8px;font-size:11px;font-weight:800;clip-path:var(--chamfer-s)}.tag.buy{background:#2d5a36}.tag.sell{background:#6a2620}.spark{width:100%;max-width:260px;height:46px;background:#15110d}.field{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.num{width:110px}.inline{display:inline-flex;gap:6px;align-items:center}.check{display:flex;align-items:center;gap:6px}.order-form{margin-top:10px;padding-top:8px;border-top:1px solid var(--edge)}.arena{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.fighter{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.fighter .bar{width:100%}.fighter .name{font-weight:700}.vs{font-size:26px;color:var(--gold)}.zone-art{display:grid;grid-template-columns:repeat(2,30px);gap:2px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50;padding:12px}.modal{max-width:460px;width:100%;max-height:90vh;overflow-y:auto}.modal.wide{max-width:720px}.modal .btn.primary{margin-top:10px}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:8px 0}.result{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;text-align:center;background:var(--panel2);border-bottom:3px solid var(--c);clip-path:var(--chamfer-s)}.report-grid{display:flex;flex-direction:column;gap:3px;margin:8px 0}.report-grid div{display:flex;align-items:center;gap:6px}.toasts{position:fixed;right:12px;bottom:56px;display:flex;flex-direction:column;gap:6px;z-index:60;max-width:min(360px,92vw)}.toast{padding:8px 12px;background:#2a2219;border-left:4px solid var(--gold);clip-path:var(--chamfer-s);box-shadow:0 4px 12px #00000080;animation:pop .2s ease-out}.toast.error{border-color:var(--red)}.toast.levelup,.toast.achievement{border-color:var(--green)}.toast.pet,.toast.chest{border-color:var(--purple)}.toast.death{border-color:var(--red)}.toast.boss{border-color:#e0a22f}@keyframes pop{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.loading{display:flex;height:100%;align-items:center;justify-content:center;color:var(--muted)}.auth-wrap{min-height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:36px;padding:24px;background:radial-gradient(circle at 30% 20%,#2a2014 0,transparent 55%)}.auth-hero{text-align:center;max-width:320px}.auth-hero h1{font-size:34px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-top:10px}.auth-form{width:min(360px,100%);display:flex;flex-direction:column;gap:10px}.auth-form label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.auth-links{display:flex;justify-content:space-between}.form-msg{color:#f0c870}@media (max-width: 800px){.menu-btn{display:block}.side{position:fixed;z-index:40;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .2s;width:230px;padding-top:56px;box-shadow:4px 0 20px #000}.side.open{transform:none}.two-col,.two-col.wide-left,.arena{grid-template-columns:1fr}.main{padding:10px}.brand{font-size:13px}.grid-cards{grid-template-columns:1fr}.topbar{gap:6px;padding:6px 10px}.pill.user{display:none}}.plan-bar{display:flex;height:24px;background:#0f0c09;clip-path:var(--chamfer-s);overflow:hidden;margin:8px 0 4px}.plan-seg{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#140e04;min-width:0;overflow:hidden;border-right:1px solid #0f0c09}.plan-step{flex-wrap:wrap;gap:8px}.plan-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--c, var(--edge));color:#140e04;font-weight:700;font-size:12px;clip-path:var(--chamfer-s)}.plan-add{margin:10px 0 6px}.plan-add select{max-width:100%}.num{width:54px}.plan-report{margin:8px 0;padding:6px 8px;background:#15110d;clip-path:var(--chamfer-s)}.plan-line{padding:4px 0;border-bottom:1px solid #2a2219}.plan-line:last-child{border-bottom:0}.emblem{display:block;flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.emb-editor{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.emb-preview{padding:10px;background:#15110d;clip-path:var(--chamfer-s)}.emb-row{display:flex;flex-direction:column;gap:3px}.emb-pick{padding:2px;background:#15110d;border:1px solid #3a3128;cursor:pointer;display:inline-flex}.emb-pick.on{border-color:var(--gold);background:#2a2218}.swatch{display:inline-block;width:22px;height:22px;border:1px solid #000}.guild-head{display:flex;gap:14px;align-items:center}.guild-head h2{margin:0}.bld{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:start}.bld .pot{font-size:12px;margin-top:4px}.rolebadge{font-size:11px;padding:0 6px;background:#2a2218;color:var(--gold);clip-path:var(--chamfer-s);margin-left:6px}.durab{height:6px;background:#0f0c09;margin-top:4px}.durab>div{height:100%;background:var(--green)}.durab.low>div{background:#e5645a}.xchg{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:center}.xchg .side{display:flex;gap:6px;align-items:center}@media (max-width: 700px){.xchg{grid-template-columns:1fr}.bld{grid-template-columns:40px 1fr}.bld>:last-child{grid-column:1 / -1}}.pot .num{width:96px}.nav-item.fresh{box-shadow:inset 3px 0 0 var(--gold, #d4a24c)}.new-dot{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#1a1209;background:var(--gold, #d4a24c);border-radius:8px;padding:1px 6px}.next-unlock{padding:8px 12px;line-height:1.35}.welcome{margin-bottom:12px;border-color:var(--gold, #d4a24c)}.welcome .steps{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:6px}.welcome .steps li{display:flex;gap:8px;align-items:baseline}.welcome .steps li.done{opacity:.55}.welcome .steps li.done span{color:var(--ok, #6fbf73)}.vip-badge{margin-left:6px;font-size:10px;letter-spacing:.05em;color:#1a1209;background:linear-gradient(135deg,#f2d27a,#c9962c);border-radius:6px;padding:1px 6px;vertical-align:middle}.tool-picker{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:120px;max-width:160px}.tool-slot{width:62px;height:62px;cursor:pointer}.tool-name{font-weight:600}.tool-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.tool-menu{position:fixed;z-index:91;width:340px;max-width:calc(100vw - 16px);text-align:left;background:#1b150f;border:1px solid var(--gold);box-shadow:0 8px 24px #000c}.tool-menu .row-btn:disabled{opacity:.5}