:root {
  color-scheme: dark;
  --bg:#111410; --panel:#1d211a; --panel2:#292d22;
  --text:#f0ecdd; --muted:#b1b39f; --border:#454738;
  --accent:#e9b85f; --accent2:#91bb78;
  --world-glow:112,153,75;
  --layout-app:1880px;--layout-chat:220px;--layout-side:280px;--layout-gap:12px;--layout-game:100%;--layout-ui:100%;
}
body {
  min-height:100vh;
  background:#111410;
  background-image:radial-gradient(ellipse at 8% 15%,rgba(var(--world-glow),.19),transparent 55%),radial-gradient(ellipse at 95% 65%,#9761261c,transparent 48%),linear-gradient(135deg,#171c14,#111410 55%,#1d1b15);
  background-attachment:fixed;
}
.world-atmosphere {position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:strict}
.world-atmosphere::before {content:"";position:absolute;inset:0;opacity:.12;background-image:repeating-linear-gradient(0deg,transparent 0 95px,#bfc2a12b 96px,transparent 97px),repeating-linear-gradient(90deg,transparent 0 191px,#bfc2a12b 192px,transparent 193px);mask-image:linear-gradient(#000,transparent 90%)}
.world-atmosphere::after {content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,#0007)}
.rune-ring {position:absolute;width:650px;aspect-ratio:1;right:-230px;top:18vh;border:1px solid #c3a45b26;border-radius:50%;box-shadow:0 0 0 28px #bdac7407,0 0 0 29px #bdac741a,0 0 0 100px #bdac7405,0 0 0 101px #bdac7410;transform:rotate(-20deg)}
.rune-ring::before,.rune-ring::after{content:"";position:absolute;inset:17%;border:1px solid #c3a45b20;transform:rotate(45deg)}
.rune-ring::after{transform:rotate(15deg);inset:12%}
.world-mote {position:absolute;bottom:-20px;width:var(--size);height:var(--size);border-radius:50%;background:#dbb970;box-shadow:0 0 9px #eab55a66;opacity:0;animation:ember-rise var(--duration) linear infinite;animation-delay:var(--delay);will-change:transform,opacity}
@keyframes ember-rise {0%{opacity:0;transform:translate3d(0,0,0)}15%{opacity:.42}80%{opacity:.22}100%{opacity:0;transform:translate3d(var(--drift),-105vh,0)}}
body.atmosphere-paused .world-mote{animation-play-state:paused}
#app {position:relative;z-index:1;max-width:1500px;margin:auto}
.topbar {background:linear-gradient(105deg,#22271fee,#191d17f5);border-bottom:1px solid #b38f494f;box-shadow:0 10px 40px #0004;padding:22px 28px;backdrop-filter:blur(12px)}
.topbar h1 {font-family:Georgia,serif;font-size:30px;letter-spacing:.7px;color:#f3d498;text-shadow:0 2px 12px #d6993526}
.topbar small {display:block;margin-top:5px;font-size:12px;letter-spacing:.8px}
.currencies {gap:10px}.currencies span{background:#11160fcc;border:1px solid #b895493d;border-radius:12px;padding:10px 14px;font-size:15px}
.tabs {padding:14px 28px;background:#11160eb3;gap:7px;border-color:#8c86542e}
button {background:linear-gradient(#343b2f,#272e22);border:1px solid #87956a45;border-radius:9px;color:#ede9dc;box-shadow:inset 0 1px #ffffff09;transition:background .18s,border-color .18s,box-shadow .18s}
button:hover {filter:none;border-color:#d0b275;background:#3d4634;box-shadow:0 3px 12px #0003}
button.active,.idle-btn,#startStage {background:linear-gradient(145deg,#edc776,#be8c38);border-color:#f4d89a;color:#241d10;font-weight:750;box-shadow:0 3px 16px #d5a24420}
button:focus-visible,select:focus-visible,input:focus-visible {outline:2px solid #f7da99;outline-offset:3px}
main {padding:24px 28px}
.battle-toolbar {padding:15px 18px;border:1px solid #9b965a38;border-radius:14px;background:linear-gradient(110deg,#292e22ed,#1b2019ed);box-shadow:0 8px 28px #0002}
select {background:#121810;color:var(--text);border:1px solid #6e7854;border-radius:7px;padding:8px;max-width:100%}
input[type=checkbox]{accent-color:var(--accent)}
.sidebar,.card,.mission,.market-note {background:linear-gradient(135deg,#272d22f5,#1a2019f5);box-shadow:0 8px 24px #0003,inset 0 1px #fff05}
.sidebar h3 {color:#e9cd91;font-family:Georgia,serif;letter-spacing:.4px}
.log {background:#0d120d;color:#bcc6b0;border:1px solid #63744d3b;line-height:1.65}
.active-slot {background:#141b12;border-color:#596a444f}
.tag {background:#10180f;color:#d1d6bc}
.mission .progressline{background:#10160e}
#gameCanvas {border:2px solid #797650;border-radius:12px;box-shadow:0 0 0 5px #171d13,0 0 0 6px #9b89553d,0 18px 45px #0006}
.battle-status{font-size:13px;padding-top:15px}
.idle-overlay{background:#090e09ed}
.idle-box{background:linear-gradient(145deg,#2c3422,#172017);border-color:#bd9954}
@media(max-width:600px){.topbar{padding:16px;gap:12px;flex-wrap:wrap}.topbar h1{font-size:25px}.currencies span{padding:7px 9px}.tabs{padding:12px}.tabs button{padding:9px 11px;font-size:13px}main{padding:16px}.battle-toolbar{padding:12px}.rune-ring{right:-400px}}
@media(prefers-reduced-motion:reduce){.world-mote{animation:none;display:none}button{transition:none}}

/* Obsidian sanctuary: stronger hierarchy, warm metal and emerald light. */
:root{--panel:#171b1a;--text:#e8e6df;--muted:#9baba4;--border:#333e38;--accent:#e6be79;--accent2:#66be9c;--layout-app:1880px;--layout-chat:220px;--layout-side:280px;--layout-gap:12px;--layout-game:100%;--layout-ui:100%}
body{background-color:#090e0c;background-image:radial-gradient(ellipse at 12% 0%,#25544265,transparent 46%),radial-gradient(ellipse at 95% 15%,#49391d40,transparent 38%),linear-gradient(160deg,#101713,#090d0c 70%);font-size:14px}
.world-atmosphere::before{opacity:.2;background-image:repeating-linear-gradient(120deg,transparent 0 120px,#c5ac720d 121px,transparent 122px);mask-image:none}
.rune-ring{top:60vh;right:-350px;opacity:.4}
#app{max-width:var(--layout-app);padding:0 20px 8px;zoom:var(--layout-ui);display:block}
body.tab-active-battle #app{display:flex;flex-direction:column}
.topbar{position:relative;background:transparent;backdrop-filter:none;box-shadow:none;padding:10px 0;border-bottom:1px solid #ac916632;flex:0 0 auto}
.brand{display:flex;align-items:center;gap:16px}
.brand-emblem{display:grid;place-items:center;width:52px;height:58px;color:#f2cf8d;font-size:34px;background:linear-gradient(145deg,#3d4b36,#202c25);border:1px solid #ae8d51;clip-path:polygon(50% 0,100% 15%,100% 75%,50% 100%,0 75%,0 15%)}
.topbar h1{font-size:27px;letter-spacing:1px;color:#f3e7cb;text-shadow:none}
.topbar small{font-size:9px;letter-spacing:3px;color:#a99773;margin-top:6px}
.currencies{flex-wrap:wrap;justify-content:flex-end}.currencies span{background:#151e19;border-color:#51634670;min-width:90px;text-align:center;border-radius:7px}
.tabs{background:transparent;padding:4px 0;border-color:#ac916625;gap:3px;flex:0 0 auto}
.resource-bar{display:flex;gap:10px;flex-wrap:wrap;color:#c9d0c3;font-size:12px}
.resource{display:inline-flex;align-items:center;gap:4px;background:#151e19;border:1px solid #51634670;border-radius:7px;padding:6px 9px;white-space:nowrap}
.resource i{display:inline-block;width:22px;height:22px;background-size:88px 50px;background-repeat:no-repeat}
.shop-icon{display:block;width:52px;height:52px;background-image:url('assets/item-icons-atlas.png');background-size:208px 119px;background-repeat:no-repeat;margin-bottom:6px}
.mission-icon{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:6px;background:#172119;border-radius:6px}
.locked{opacity:.62}.locked button{cursor:not-allowed}
.talent-tree{position:relative;min-height:790px;margin-top:-182px;margin-bottom:0;padding:0;display:block;background:radial-gradient(ellipse at center,#173f2f99,transparent 68%),url('assets/talent-tree.png') center/430px auto no-repeat;border:0;border-radius:0;overflow:visible}
.talent-paths{position:absolute;left:50%;top:0;transform:translateX(-50%);width:430px;height:790px;z-index:0;pointer-events:none}.talent-path{fill:none;stroke:#4c563d;stroke-width:3;stroke-linecap:round;opacity:.7}.talent-path.lit{stroke:#e8c86b;stroke-width:5;filter:drop-shadow(0 0 4px #8dff9a);opacity:1}
.talent-node{position:absolute;left:calc(var(--x) + var(--dx));top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--size);height:var(--size);padding:6px;border-radius:50%;background:#213b27e8;border:3px solid #ddbb68;color:#f4ebd3;box-shadow:0 0 0 3px #122017,0 0 22px #72d88970;font-size:10px;line-height:1.1;z-index:1}
.talent-node strong{font:700 12px Georgia,serif}.talent-node span{margin-top:3px;color:#f6d98d}.talent-node small{margin-top:2px;color:#bde8c5}.talent-node em{font-style:normal;font-size:8px;color:#e8e4d1;margin-top:2px}.talent-node.locked{filter:grayscale(1);opacity:.62;box-shadow:0 0 0 3px #101512}.talent-node.complete{border-color:#93f0a2;box-shadow:0 0 0 3px #16371d,0 0 28px #83ff997d}
.talent-node.selected{outline:3px dashed #fff0a5;outline-offset:5px;cursor:move}
.talent-title{display:flex;align-items:center;justify-content:space-between}.talent-editor{margin-top:16px;padding:14px;background:#152018;border:1px solid #6e8e6566;border-radius:10px}.talent-editor label{display:grid;grid-template-columns:120px 1fr 1fr 1fr;gap:8px;align-items:center;margin:8px 0;font-size:12px}.talent-editor input{width:100%}.talent-editor.hidden{display:none}
.talent-title button.hidden{display:none}
.site-editing [data-layout-id]{outline:2px dashed #f1cc70;outline-offset:3px;cursor:move}.site-editing [data-layout-id]:hover{outline-color:#7ff0a0}.site-hidden{display:none!important}.site-inspector{position:fixed;right:18px;bottom:18px;width:290px;padding:15px;background:#111b14f5;border:1px solid #d5b467;border-radius:10px;box-shadow:0 12px 40px #000b;z-index:200;color:#e8e6df}.site-inspector h3{margin:0 0 8px;color:#f1d496}.site-inspector p{font-size:12px;line-height:1.45}.site-inspector button{margin:4px}.site-inspector.hidden{display:none}
@media(max-width:650px){.talent-tree{min-height:680px;background-size:350px auto}.talent-node{font-size:8px}.talent-node strong{font-size:10px}.talent-editor label{grid-template-columns:1fr;gap:3px}}
@media(max-width:1000px){#gameCanvas{width:100%}}
.tabs button{background:transparent;border-color:transparent;color:#a4b0a8;box-shadow:none;padding:13px 19px;border-radius:6px;font-weight:600}
.tabs button.active{background:#35554238;color:#ebd19f;border-color:#9d875c50;box-shadow:inset 0 -2px #d8b77b}
.tabs button:hover{color:#fff1d5;background:#34463940}
main{padding:0}
body.tab-active-battle main{flex:1 1 auto;min-height:0}
.expedition-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 0 27px}
.eyebrow{font-size:10px;color:#b79b64;letter-spacing:3px;font-weight:700}
.expedition-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(26px,3.3vw,43px);line-height:1.13;color:#efeadb;margin:12px 0}
.expedition-heading p{color:#99aca1;font-size:13px;margin:0;line-height:1.6}
.expedition-seal{width:230px;text-align:center;position:relative;padding:16px 25px;border-left:1px solid #b79b6433}
.expedition-seal span{display:block;font-size:48px;color:#d8b77b;text-shadow:0 0 35px #d8b77b40}
.expedition-seal small{display:block;color:#b49f79;font-size:9px;letter-spacing:3px;margin:9px 0}
.expedition-seal strong{font:italic 17px Georgia,serif;color:#d8dccf;font-weight:400}
.battle-toolbar{background:linear-gradient(110deg,#202b24,#171e1a);border-color:#73805a45;border-radius:10px;padding:8px 12px;margin-bottom:8px;box-shadow:0 7px 18px #0003;justify-content:flex-start;flex:0 0 auto}
#tab-battle .repeat{margin-left:0}
#tab-battle .sidebar .battle-toolbar{max-width:none;margin:0 0 12px;padding:0 0 10px;background:none;border:0;border-bottom:1px solid #c3ae7230;border-radius:0;box-shadow:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}
#tab-battle .sidebar .loot-panel{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #c3ae7230;min-height:0;display:flex;flex-direction:column}
#tab-battle .sidebar .loot-panel h3{margin:0 0 6px;padding:0;border:0;font-size:16px;padding-bottom:8px}
#tab-battle .sidebar .battle-toolbar label{justify-content:flex-start;gap:8px;white-space:nowrap;min-width:0}
#tab-battle .sidebar .battle-toolbar label:first-child{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}
#tab-battle .sidebar .battle-toolbar label.repeat{grid-column:1/-1}
#tab-battle .sidebar .battle-toolbar select{width:100%;min-width:0;flex:1 1 auto}
#tab-battle .sidebar .battle-toolbar button{min-width:0;padding:9px 10px;font-size:12px}
#tab-battle .sidebar .battle-toolbar #startStage,#tab-battle .sidebar .battle-toolbar .idle-btn{grid-column:1/-1}
.battle-toolbar label{font-size:12px;color:#b2bdb5}.battle-toolbar select{background:#0d1510;border-color:#52634e;border-radius:5px}
button{border-radius:6px;background:#28382e;border-color:#63755355;font-size:13px}
#startStage{padding:10px 22px;background:linear-gradient(#e2c389,#b78e4b);box-shadow:inset 0 1px #fff5,0 3px 10px #0003}
.idle-btn{background:linear-gradient(#32644e,#244a3b);border-color:#70a58780;color:#d4efdf;letter-spacing:1px;padding:10px 22px}
.battle-layout{display:grid;grid-template-columns:var(--layout-chat) minmax(0,1fr) var(--layout-side);gap:var(--layout-gap);margin-top:4px;align-items:stretch;min-height:0}
body.tab-active-battle .battle-layout{min-height:calc(100vh - 150px)}
#tab-battle .battle-layout{justify-content:center}
.panel{overflow:auto}
.panel:not(.active){display:none!important}
body.tab-active-battle .panel.active{min-height:0;display:flex;flex-direction:column}
body.tab-active-battle #tab-battle.battle-layout,#tab-battle.battle-layout{display:grid}
body.tab-active-battle #tab-battle .battle-layout{flex:1 1 auto;min-height:0}
body.tab-active-battle .battle-layout > *{min-height:0}
.game-wrap{position:relative;width:var(--layout-game);max-width:100%;line-height:0;flex:1 1 auto;align-self:stretch;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.game-canvas-box{position:relative;display:inline-block;line-height:0;max-width:100%;max-height:100%}
.game-wrap #gameCanvas{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;border-radius:5px;border:1px solid #8e7950;box-shadow:0 14px 34px #0007;display:block;object-fit:contain}
body.tab-active-battle .game-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}
.global-chat{align-self:start;flex:0 0 auto;padding:12px;background:linear-gradient(145deg,#1c2820,#111913);border:1px solid #71865c55;border-radius:9px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.global-chat h3{font:400 20px Georgia,serif;color:#e3d8bc;margin:0;padding-bottom:10px;border-bottom:1px solid #c3ae7230;flex:0 0 auto}.chat-log{flex:0 0 auto;height:280px;min-height:280px;max-height:280px;overflow-y:auto;padding:8px;background:#0b140e;border-radius:5px;color:#c7d4c5;font-size:12px;line-height:1.5;scroll-behavior:smooth}.chat-log div{padding:7px 0;border-bottom:1px solid #ffffff0d}.chat-log b{color:#e6be79}.chat-log .chat-system{color:#ffe29a;background:#b27b1822;padding-left:6px}.chat-log .chat-system b{color:#fff0b5}.chat-form{display:flex;gap:6px;margin-top:8px;flex:0 0 auto}.chat-form input{min-width:0;width:100%;padding:8px;background:#0c150e;color:#e8e6df;border:1px solid #52634e;border-radius:5px}.chat-form button{padding:8px}
.editor-layout{display:grid;grid-template-columns:minmax(0,1080px) minmax(420px,1fr);gap:12px;align-items:start;justify-content:start}.editor-layout #editorCanvas{display:block;width:100%;height:auto;aspect-ratio:1080/600;max-width:1080px;box-sizing:border-box;object-fit:fill;background:#527846;border:1px solid #8e7950;border-radius:6px}.editor-layout aside{min-width:0;padding:15px;background:#172119;border:1px solid #71865c55;border-radius:8px}.editor-layout h3{margin-top:0}.editor-side-panel{grid-column:2;grid-row:1}.editor-sprites{min-width:0}.editor-bottom-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:15px;background:#172119;border:1px solid #71865c55;border-radius:8px}.editor-bottom-actions .editor-actions{margin:0;padding:0;border:0}.brush-selected{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:8px;background:#101811;border:1px solid #d7b86675;border-radius:7px}.brush-selected canvas{width:82px;height:58px;max-width:none;background:#263b26}.brush-selected small{display:block;color:#a1ae96;font-size:11px}.brush-selected strong{display:block;margin-top:3px;color:#f5d891;text-transform:capitalize}.sprite-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:7px;margin-bottom:0;overflow:visible}.sprite-palette button{min-width:0;min-height:86px;font-size:11px;padding:6px 4px;text-transform:capitalize;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.sprite-palette button canvas{width:64px;height:50px;max-width:100%;background:#263b26;border:1px solid #ffffff22;border-radius:3px;image-rendering:pixelated;pointer-events:none}.sprite-palette button span{pointer-events:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sprite-palette button.active{background:#e6be79;color:#172017;box-shadow:0 0 0 2px #fff0a7}.sprite-palette button.active canvas{border-color:#fff6c9}
.game-power{position:absolute;top:12px;right:12px;z-index:2;padding:8px 12px;border:1px solid #e1be7090;border-radius:6px;background:#101810dc;color:#f5da94;font-size:13px;font-weight:750;line-height:1;letter-spacing:.3px;box-shadow:0 3px 12px #0008}
.visually-hidden{display:none!important}
.sidebar{background:linear-gradient(145deg,#212921,#141d18);border:1px solid #7f805045;border-radius:9px;padding:14px;box-shadow:0 15px 40px #0004;display:flex;flex-direction:column;min-height:0;overflow:hidden;gap:10px}
.sidebar h3{font:400 20px Georgia,serif;color:#e3d8bc;margin:0 0 8px;border-bottom:1px solid #c3ae7230;padding-bottom:10px}
.sidebar h3:not(:first-child){margin-top:4px}
.active-slot{padding:12px;background:#0d1711;border-color:#5f78513d;border-left:2px solid #7d9d66;border-radius:5px;line-height:1.55}
.loot-panel{flex:0 0 auto;min-height:0;display:flex;flex-direction:column;gap:6px}
#tab-battle .sidebar .loot-panel{margin:0;padding:0;border:0;min-height:0;display:flex;flex-direction:column}
#tab-battle .sidebar .loot-panel h3{margin:0 0 6px;padding:0 0 8px;border:0;font-size:16px;border-bottom:1px solid #c3ae7230}
.loot-panel .log{flex:0 0 auto;height:280px;min-height:280px;max-height:280px;overflow-y:auto;padding:8px;background:#0b140e;border-radius:5px;font-size:12px;color:#aebfab;line-height:1.5}
.log{padding:8px;background:#0b140e;border-radius:5px;font-size:12px;color:#aebfab;overflow:auto}
.battle-status{color:#8c9f91;font-size:12px}
.card,.mission,.market-note{background:linear-gradient(135deg,#202a22,#141c17);border-radius:9px}
.panel:not(#tab-battle){padding-top:28px}
.panel h2{font-family:Georgia,serif;color:#e6d7b6}
.card-visual{display:flex;align-items:center;gap:11px;margin-bottom:8px}.card-visual h3{margin:0 0 5px}.hero-portrait,.weapon-icon{display:inline-block;flex:0 0 auto;background-repeat:no-repeat;background-color:#101810;border:1px solid #caaa6770;border-radius:7px;image-rendering:pixelated}.hero-portrait{width:58px;height:58px;background-image:url('assets/hero-walk-atlas.png');background-size:800% 600%;background-position:0 var(--hero-y,0%)}.weapon-icon{width:54px;height:54px;background-image:url('assets/weapon-icons-atlas.png');background-size:300% 200%;background-position:calc(var(--weapon-col)*50%) calc(var(--weapon-row)*100%)}.equipped-weapon{display:flex;align-items:center;gap:7px}.equipped-weapon .weapon-icon{width:31px;height:31px;border-radius:4px}
.inventory-toolbar{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px 2px 4px;background:none;border:0}.inventory-toolbar small{display:block;color:#d7ae62;letter-spacing:2px;font-size:9px}.inventory-toolbar b{display:block;margin-top:3px;color:#eee3c7}.fusion-open{padding:7px 13px;background:linear-gradient(#d8b96e,#9d6e31);border-color:#f0d992;color:#21180e}.fusion-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:#020502b8;backdrop-filter:blur(5px)}.fusion-overlay.hidden{display:none}.fusion-modal{width:min(1060px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:22px;background:linear-gradient(145deg,#22261d,#101811);border:1px solid #d3ad61;border-radius:14px;box-shadow:0 28px 85px #000d}.fusion-modal header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #ffffff18;padding-bottom:14px}.fusion-modal header small{color:#d7ac62;letter-spacing:3px;font-size:10px}.fusion-modal h2{margin:5px 0 0;color:#f3d99b;font:400 26px Georgia,serif}.fusion-modal header button{display:grid;place-items:center;padding:0;font-size:24px;line-height:1;width:34px;height:34px}.fusion-help{font-size:13px;color:#bfc8b9}.fusion-workspace{display:grid;grid-template-columns:1fr minmax(310px,.9fr);gap:18px}.fusion-left{padding:20px;background:#0c140e;border:1px solid #60745555;border-radius:10px}.fusion-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fusion-slot{min-height:105px;display:grid;place-items:center;align-content:center;gap:5px;background:#1b281d;border:1px dashed #83936f;border-radius:9px;color:#829077}.fusion-slot .weapon-icon{width:62px;height:62px}.fusion-slot small{font-size:10px;color:#f0d398}.fusion-odds{display:grid;gap:5px;margin:18px 0;color:#aebaaa;font-size:12px}.fusion-odds b{color:#f1d58e;font-size:15px}.fusion-buttons{display:flex;gap:9px;flex-wrap:wrap}.fusion-buttons button{padding:10px 15px}.auto-fusion{background:#25483a;border-color:#72ac8b}.fusion-picker{padding:15px;background:#151e17;border:1px solid #60745555;border-radius:10px}.fusion-picker h3{margin:0;color:#ead6a4}.fusion-picker>p{font-size:12px;color:#adbaac}.fusion-items{max-height:330px;overflow:auto;display:grid;gap:6px}.fusion-item{display:flex;align-items:center;gap:9px;width:100%;padding:6px;text-align:left;background:#0c140e}.fusion-item .weapon-icon{width:38px;height:38px}.fusion-item span{display:grid;gap:2px}.fusion-item small{color:#aebbaa}.fusion-item.selected{border-color:#f2ce78;box-shadow:0 0 0 1px #f2ce78}.fusion-reveal{margin-top:18px;text-align:center;padding:18px;background:radial-gradient(circle,#4b3b1c,#14180f 65%);border:1px solid #e0bd6d;border-radius:10px}.fusion-reveal>small{color:#f2d88e;letter-spacing:3px}.fusion-roulette{display:flex;align-items:center;justify-content:center;gap:25px;margin:12px auto;font-size:34px;color:#f4d678;animation:fusion-pulse .55s infinite alternate}.fusion-roulette .weapon-icon{width:62px;height:62px;animation:fusion-spin .7s linear infinite}.fusion-reveal p{font-size:12px;color:#c8d0c2}.fusion-results{margin-top:18px;padding-top:16px;border-top:1px solid #ffffff18}.fusion-results h3{margin:0 0 9px;color:#efd493}.fusion-result{display:flex;align-items:center;gap:10px;padding:8px;background:#111a12;border-left:3px solid #d8b35c;border-radius:5px}.fusion-result .weapon-icon{width:40px;height:40px}.fusion-result span{font-size:12px;color:#b9c5b6}.fusion-results>button{margin-top:10px}@keyframes fusion-spin{to{transform:rotate(360deg)}}@keyframes fusion-pulse{to{filter:brightness(1.4);transform:scale(1.03)}}@media(max-width:760px){.fusion-workspace{grid-template-columns:1fr}.fusion-slots{grid-template-columns:repeat(2,1fr)}}
.weapon-icon.special-weapon{background-image:url('assets/rex-kael-weapons.png');background-size:200% 100%;background-position:0 0}.weapon-icon.kael-sword{background-position:100% 0}
.weapon-icon.main-arcane-bomb{background-image:url('assets/main-hero-arcane-bomb-atlas.png');background-size:400% 100%;background-position:0 0}
.weapon-icon.healer-bomb{background-image:url('assets/healer-bomb.png');background-size:78% 78%!important;background-position:center;background-repeat:no-repeat;background-color:transparent;overflow:visible}
.talent-reward .talent-point-cost{width:96px;height:96px;background-size:200% 100%;border-radius:18px;filter:drop-shadow(0 0 18px #ffd75c);animation:reward-pop .65s infinite alternate}
.fusion-final{width:min(1240px,calc(100vw - 24px));max-height:calc(100vh - 28px);overflow:auto}.fusion-final .fusion-result{display:inline-grid;width:78px;min-height:92px;margin:4px;vertical-align:top;justify-items:center;align-content:center;text-align:center;gap:3px;padding:6px;border-left-width:1px}.fusion-final .fusion-result .weapon-icon,.fusion-final .fusion-result .hero-portrait{width:44px;height:44px;margin:0}.fusion-final .fusion-result b{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.fusion-final .fusion-result span{font-size:9px;line-height:1.1}.fusion-final>button{display:block;margin:14px auto 0}.main-hero-portrait{width:82px;height:82px;display:block;background-size:400% 600%;background-repeat:no-repeat;border:1px solid #d6b569;border-radius:12px}.main-hero-portrait.main-hero-male{background-image:url('assets/main-hero-actions-atlas.png')}.main-hero-portrait.main-hero-female{background-image:url('assets/main-hero-female-actions-atlas.png')}
.fusion-reveal{position:fixed;z-index:2;left:50%;top:50%;width:min(460px,calc(100vw - 38px));transform:translate(-50%,-50%);margin:0;padding:30px 26px;border-radius:15px;box-shadow:0 0 45px #d9a92d88,0 24px 75px #000c;animation:fusion-arrive .32s ease-out}.fusion-reveal.upgrade{background:radial-gradient(circle,#7d5714,#211606 69%);border-color:#ffe07a;box-shadow:0 0 24px #fff0a0,0 0 72px #eab52ddd,0 24px 75px #000c}.fusion-reveal.same{background:radial-gradient(circle,#6e151b,#21080b 69%);border-color:#ff7777;box-shadow:0 0 27px #ff4040aa,0 0 68px #a51018b8,0 24px 75px #000c}.fusion-reveal.same>small{color:#ffaaa5}.fusion-roulette{margin:16px auto;font-size:38px}.fusion-reveal.same .fusion-roulette{color:#ffb0ad}.fusion-roulette .weapon-icon{width:76px;height:76px}.fusion-reveal p{font-size:13px;color:#e8e4d5}@keyframes fusion-arrive{from{opacity:0;transform:translate(-50%,-46%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.fusion-final{position:fixed;z-index:3;left:50%;top:50%;width:min(460px,calc(100vw - 38px));max-height:calc(100vh - 42px);overflow:auto;transform:translate(-50%,-50%);margin:0;padding:30px 26px;text-align:center;border:1px solid #d9b45d;border-radius:15px;background:radial-gradient(circle,#373321,#12170e 70%);box-shadow:0 24px 75px #000d;animation:fusion-arrive .32s ease-out}.fusion-final>small{letter-spacing:3px;color:#e9d69a}.fusion-final h3{margin:7px 0 15px}.fusion-final.upgrade{border-color:#ffe07a;background:radial-gradient(circle,#765111,#211706 70%);box-shadow:0 0 25px #fff1a2,0 0 78px #eab52dcc,0 24px 75px #000d}.fusion-final.same{border-color:#ff7777;background:radial-gradient(circle,#64151a,#21080b 70%);box-shadow:0 0 28px #ff4040a8,0 0 72px #a51018ac,0 24px 75px #000d}.fusion-final.same>small{color:#ffaaa5}.fusion-final .fusion-result{margin:7px 0;text-align:left}.fusion-final .fusion-result .weapon-icon{width:55px;height:55px}
.fusion-bonus{display:grid;gap:7px;margin-top:13px;padding:10px;border:1px solid #866b3880;border-radius:8px;background:#090f0a}.fusion-bonus>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#d9c996}.fusion-bonus>div:first-child span{font-weight:700;color:#f5da80}.fusion-bonus small{color:#aeb9a8;font-size:10px}.fusion-progress{height:8px;overflow:hidden;background:#263023;border:1px solid #68715a;border-radius:99px}.fusion-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8c6725,#ffdf69);box-shadow:0 0 9px #ffd963;transition:width .35s ease}.fusion-claim{background:linear-gradient(#e5c352,#9d6b22);border-color:#ffe790;color:#211806;font-weight:800;animation:fusion-claim-pulse .9s infinite alternate}@keyframes fusion-claim-pulse{to{box-shadow:0 0 14px #ffe06c;filter:brightness(1.13)}}
.fusion-bonus-all{gap:9px}.fusion-bonus-all>small{margin-top:-4px}.fusion-bonus-tier{display:grid;gap:5px;padding:7px 0;border-top:1px solid #ffffff13}.fusion-bonus-tier>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.fusion-bonus-tier>div:first-child b{color:#dfd6b9}.fusion-bonus-tier>div:first-child span{color:#d4bd72;white-space:nowrap}.fusion-bonus-tier .fusion-claim{padding:6px 9px;font-size:11px}
.equipped-tag{color:#172014!important;background:linear-gradient(#d8f090,#75b84c)!important;border-color:#eaffb8!important;font-weight:800}
.inventory-forge-actions{display:flex;gap:8px;flex-wrap:wrap}.dismantle-open{padding:7px 13px;background:linear-gradient(#8a6b52,#513b2c);border-color:#d5ad85;color:#fff0dd}.dismantle-modal{width:min(680px,100%)}.dismantle-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0;padding:12px;border:1px solid #8b6d5080;border-radius:9px;background:#11110e}.dismantle-summary b{color:#efd49a}.dismantle-summary span{font-size:12px;color:#c7d0c2}.dismantle-summary button{margin-left:auto;padding:9px 13px;background:linear-gradient(#d1a55c,#7e5426);border-color:#f1cf8d;color:#20160d}.dismantle-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:410px;overflow:auto}.dismantle-items .fusion-item{min-height:58px}@media(max-width:600px){.dismantle-items{grid-template-columns:1fr}.dismantle-summary button{margin-left:0}}
.dismantle-result{width:min(380px,calc(100vw - 38px));min-height:280px;display:grid;place-items:center;align-content:center;gap:10px;padding:28px;text-align:center;border:1px solid #f0c969;border-radius:16px;background:radial-gradient(circle,#624817,#1d1608 70%);box-shadow:0 0 25px #ffd66d99,0 24px 75px #000d;animation:talent-modal-arrive .3s ease-out}.dismantle-result small{letter-spacing:3px;color:#f8dd92}.dismantle-result h2{margin:0;color:#fff0bd;font:400 27px Georgia,serif}.dismantle-result p{margin:0;color:#e0d8bd}.fragment-reward{width:58px;height:58px;background-size:232px 132px!important;box-shadow:0 0 22px #ffd45c;border-radius:12px;animation:fragment-pop .7s infinite alternate}.dismantle-result button{padding:10px 16px;background:linear-gradient(#e0bf64,#986928);border-color:#ffe59b;color:#201607}@keyframes fragment-pop{to{transform:scale(1.14) rotate(6deg);filter:brightness(1.25)}}
.dismantle-quick-select{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.dismantle-quick-select button{padding:6px 8px;font-size:11px}.dismantle-quick-select button b{margin-left:3px}.dismantle-quick-select .rarity-common{border-color:#aeb7b0}.dismantle-quick-select .rarity-uncommon{border-color:#55c878}.dismantle-quick-select .rarity-rare{border-color:#54a9ed}.dismantle-quick-select .rarity-epic{border-color:#bc75f5}.dismantle-quick-select .rarity-legendary{border-color:#e9bd59}.dismantle-quick-select .rarity-mythic{border-color:#f25561}
.talent-upgrade-modal,.talent-upgrade-result{position:relative;width:min(430px,calc(100vw - 38px));padding:30px 28px;text-align:center;border:1px solid #d9b45d;border-radius:16px;background:radial-gradient(circle,#414127,#121a10 70%);box-shadow:0 24px 75px #000d;animation:talent-modal-arrive .3s ease-out}.talent-upgrade-modal>small,.talent-upgrade-result>small{color:#ecd48c;letter-spacing:3px;font-size:10px}.talent-upgrade-modal h2,.talent-upgrade-result h2{margin:9px 0;color:#f2d99c;font:400 27px Georgia,serif}.talent-upgrade-modal>p{color:#cbd4c0}.talent-upgrade-info{display:grid;gap:7px;margin:18px 0;padding:14px;text-align:left;border:1px solid #ffffff1b;border-radius:9px;background:#091109}.talent-upgrade-info span{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#b9c7b3}.talent-upgrade-info b{color:#f2d78c;text-align:right}.talent-warning{padding:10px;border:1px solid #a94242;border-radius:7px;background:#50161966;color:#ffb1a8!important}.talent-confirm{padding:11px 20px;background:linear-gradient(#d8b96e,#9d6e31);border-color:#f0d992;color:#21180e}.talent-close{position:absolute;right:12px;top:10px;width:32px;height:32px;padding:0;font-size:23px}.talent-upgrade-result{min-height:280px;display:grid;place-items:center;align-content:center;gap:8px}.talent-upgrade-orb{display:grid;place-items:center;width:105px;height:105px;border-radius:50%;font-size:56px}.talent-upgrade-result.success{border-color:#ffe27a;background:radial-gradient(circle,#765111,#211706 70%);box-shadow:0 0 24px #fff1a2,0 0 78px #eab52dcc,0 24px 75px #000d}.talent-upgrade-result.success .talent-upgrade-orb{background:#f9d35d;color:#fffced;box-shadow:0 0 30px #ffe780;animation:talent-orb 1s infinite alternate}.talent-upgrade-result.failure{border-color:#ff7777;background:radial-gradient(circle,#64151a,#21080b 70%);box-shadow:0 0 28px #ff4040a8,0 0 72px #a51018ac,0 24px 75px #000d}.talent-upgrade-result.failure .talent-upgrade-orb{background:#b72831;color:#ffd6d4;box-shadow:0 0 30px #ff3c47;animation:talent-shake .28s infinite}.talent-upgrade-result.failure>small{color:#ffaaa5}@keyframes talent-modal-arrive{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes talent-orb{to{transform:scale(1.12);filter:brightness(1.25)}}@keyframes talent-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.talent-cost-list{display:grid;gap:6px;margin-top:4px}.talent-cost-row{display:flex;align-items:center;gap:8px;min-height:30px;padding:4px 7px;border:1px solid #ffffff13;border-radius:6px;background:#101810}.talent-cost-row b{font-size:13px}.talent-cost-row.missing{border-color:#a94242;background:#4a171966}.talent-cost-row.missing b{color:#ffaaa5}.talent-cost-icon{display:inline-block;width:22px;height:22px;background-image:url('assets/item-icons-atlas.png');background-size:88px 50px;background-repeat:no-repeat}.talent-cost-symbol{width:24px;font-style:normal;font-size:19px;text-align:center}
.talent-cost-icon.fragment-reward{width:58px;height:58px;background-size:232px 132px!important;background-repeat:no-repeat;box-shadow:0 0 22px #ffd45c;border-radius:12px;animation:fragment-pop .7s infinite alternate}
.shop-special-icon{display:block;width:74px;height:74px;margin:0 auto 8px;background-image:url('assets/shop-special-icons.png');background-size:200% 100%;background-repeat:no-repeat;border-radius:12px;filter:drop-shadow(0 5px 6px #0008)}.shop-hero-card{background-position:100% 0}.shop-talent-book{background-position:0 0}.shop-weapon-icon{width:84px;height:84px;background-size:336px 190px;border-radius:12px;margin:0 auto 10px}.shop-card{display:grid;justify-items:center}.shop-card .shop-special-icon{width:222px;height:222px;border-radius:22px}.shop-card .shop-weapon-icon{width:252px;height:252px;background-size:1008px 570px;border-radius:22px}.shop-card.weapon{min-height:390px}.stock-resource .shop-special-icon,.stock-resource .shop-weapon-icon{display:inline-block;width:22px;height:22px;margin:0;vertical-align:middle;border-radius:4px}.stock-resource .shop-weapon-icon{background-size:88px 50px}.shop-opening{width:min(380px,calc(100vw - 38px));min-height:300px;display:grid;place-items:center;align-content:center;gap:12px;padding:28px;text-align:center;border:1px solid #e5bf63;border-radius:17px;background:radial-gradient(circle,#574719,#17180d 70%);box-shadow:0 0 35px #e6bc4f88,0 24px 75px #000d;animation:talent-modal-arrive .3s ease-out}.shop-opening small{letter-spacing:3px;color:#f1d78b}.shop-opening h2{margin:0;color:#fff0bd;font:400 28px Georgia,serif}.shop-opening p{margin:0;color:#d9d6c4}.shop-opening .shop-special-icon{width:112px;height:112px;border-radius:18px}.shop-opening .shop-weapon-icon{width:118px;height:118px;background-size:472px 268px}.chest-spin{animation:shop-chest-spin .55s infinite alternate}.shop-opening.reward{border-color:#f7dc82;background:radial-gradient(circle,#6f5514,#1d1608 70%);box-shadow:0 0 30px #fff0a0,0 0 85px #dfa82dbd,0 24px 75px #000d}.shop-opening.reward .weapon-icon,.shop-opening.reward .reward-hero{width:94px;height:94px;background-size:800% 600%;box-shadow:0 0 23px #ffe37b;border-radius:14px;animation:reward-pop .65s infinite alternate}.shop-opening.reward .weapon-icon{background-size:300% 200%}.shop-opening button{padding:10px 17px;background:linear-gradient(#e0bf64,#986928);border-color:#ffe59b;color:#201607}@keyframes shop-chest-spin{to{transform:translateY(-7px) rotate(4deg);filter:brightness(1.25)}}@keyframes reward-pop{to{transform:scale(1.1);filter:brightness(1.3)}}

.hero-copy-section{grid-column:1/-1;padding:12px;border:1px solid #60745566;border-radius:10px;background:#101811}.hero-copy-heading{display:flex;justify-content:space-between;color:#ead6a4;margin-bottom:9px}.hero-copy-heading span{font-size:12px;color:#aebbaa}.hero-copy-list{display:flex;gap:8px;flex-wrap:wrap}.hero-copy{display:flex;align-items:center;gap:6px;min-width:132px;padding:6px;background:#172117;border:1px solid #ffffff1d;border-radius:7px}.hero-copy .hero-portrait{width:38px;height:38px;background-size:800% 600%}.hero-copy span{display:grid;gap:2px}.hero-copy small{font-size:10px;color:#d9c58b}.hero-copy-empty{margin:2px;color:#9dac99;font-size:12px}.hero-forge-modal .fusion-slot .hero-portrait,.hero-forge-modal .fusion-item .hero-portrait{width:48px;height:48px;background-size:800% 600%;border-radius:7px}.hero-forge-modal .fusion-slot span,.hero-forge-modal .fusion-item span{display:grid;gap:2px}.hero-forge-modal .fusion-item{justify-content:flex-start}.hero-fragment-mini,.hero-fragment-reward{display:inline-block;background:url('assets/hero-fragment.png') center/contain no-repeat}.hero-fragment-mini{width:22px;height:22px}.hero-fragment-reward{width:68px;height:68px;filter:drop-shadow(0 0 12px #7d69ff)}.talent-point-cost{display:inline-block;width:22px;height:22px;background:url('assets/shop-special-icons.png') left center/200% 100% no-repeat;border-radius:5px}.dismantle-result .reward-hero{width:84px;height:84px;background-size:800% 600%;border-radius:12px;box-shadow:0 0 22px #f2d172}

/* Recursos maiores, com folga interna para preservar o desenho inteiro. */
.currency-main{display:inline-flex;align-items:center;gap:6px;padding:4px 7px}.currency-main i{font-style:normal;font-size:28px;line-height:1;filter:drop-shadow(0 2px 2px #0008)}.currency-main b{font-size:16px}.resource{gap:7px;padding:7px 10px;font-size:13px}.resource i{width:30px;height:30px;background-size:120px 60px}.resource .hero-fragment-mini{width:34px;height:34px;background-size:88% auto;background-position:center;background-repeat:no-repeat}.talent-cost-row .hero-fragment-mini{width:22px;height:22px;background-size:78% auto;background-position:center}.talent-cost-icon,.talent-point-cost{width:22px;height:22px}.talent-cost-icon{background-size:88px 50px}

.hero-card{display:flex;flex-direction:column;gap:9px}.hero-card .card-visual{margin-bottom:0}.hero-xp{padding:7px 8px;background:#0d160f;border:1px solid #ffffff18;border-radius:7px}.hero-xp>div{display:flex;justify-content:space-between;font-size:11px;color:#b9c6b6}.hero-xp i{display:block;height:8px;margin-top:5px;background:#263528;border-radius:999px;overflow:hidden}.hero-xp em{display:block;height:100%;background:linear-gradient(90deg,#55c8ff,#7b79ff);box-shadow:0 0 9px #5bbdff;border-radius:inherit}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hero-stats>div{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:38px;padding:6px 8px;overflow:visible;background:#121d14;border:1px solid #ffffff12;border-radius:6px}.hero-stats b{font-size:14px;color:#f3e7c4;white-space:nowrap}.hero-stat-icon{width:27px;height:27px;flex:0 0 auto;background-image:url('assets/hero-stats-icons.png');background-size:400% 100%;background-repeat:no-repeat;filter:drop-shadow(0 2px 3px #0009)}.hero-stat-icon.power{background-position:0 0}.hero-stat-icon.speed{background-position:33.333% 0}.hero-stat-icon.life{background-position:66.666% 0}.hero-stat-icon.defense{background-position:100% 0}.resource{justify-content:center;min-width:48px}.resource b{font-size:14px}.talent-resource .talent-point-cost{width:30px;height:30px;flex:0 0 auto;background-size:200% 100%;background-position:left center}
.hero-card{position:relative}.hero-points-button{position:absolute;z-index:4;top:9px;right:9px;width:27px;height:27px;padding:0;border-radius:50%;font-size:21px;line-height:20px}.hero-points-button.ready{border-color:#ffe99d;background:#9d6923;color:#fff6c8;box-shadow:0 0 14px #f2c951;animation:tab-action-pulse 1.1s ease-in-out infinite alternate}.hero-points-modal{width:min(620px,calc(100vw - 32px))}.hero-point-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.hero-point-list article{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;padding:9px;border:1px solid #ffffff1c;border-radius:8px;background:#101811}.hero-point-list small,.hero-point-list em{display:block;color:#aebbaa;font-size:10px;font-style:normal}.hero-point-list b{color:#f4e4b7;font-size:17px}.hero-point-list button{width:29px;height:29px;padding:0;font-size:20px}.hero-point-list mark{padding:4px;border-radius:4px;background:#493817;color:#ffe69b;font-size:9px}@media(max-width:560px){.hero-point-list{grid-template-columns:1fr}}
.mythic-passive{color:#ffcc62!important;text-shadow:0 0 10px #c32fff;font-weight:700}
.hero-purchase-modal{position:relative;width:min(430px,100%);padding:25px;background:radial-gradient(circle,#343322,#11170d 72%);border:1px solid #e2bd67;border-radius:15px;box-shadow:0 24px 75px #000d;text-align:center}.hero-purchase-modal>small{letter-spacing:3px;color:#efd18a}.hero-purchase-modal h2{margin:7px 0;color:#f4e1ad;font:400 27px Georgia,serif}.hero-purchase-modal>p{font-size:13px;color:#c3cbbb}.hero-purchase-modal .talent-close{position:absolute;right:12px;top:10px}.pity-track{display:grid;gap:7px;margin:16px 0;text-align:left}.pity-track>div{display:flex;align-items:center;gap:8px;padding:7px;background:#111a11;border:1px solid #ffffff18;border-radius:8px}.pity-track .shop-special-icon{width:42px;height:42px;margin:0}.pity-track span{display:grid;gap:3px}.pity-track small{color:#c6d0bf}.mythic-card{filter:hue-rotate(60deg) drop-shadow(0 0 5px #dc4dff)}.hero-purchase-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-purchase-actions button{padding:11px 7px}.hero-open-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:8px;max-height:300px;overflow:auto}.hero-open-results>div{display:grid;justify-items:center;gap:3px;padding:7px;border:1px solid #ffffff20;border-radius:8px;background:#101711}.hero-open-results .reward-hero{width:52px;height:52px;background-size:800% 600%;border-radius:9px;box-shadow:none}.hero-open-results b{font-size:12px}.hero-open-results span{font-size:10px;color:#e7d29b}
.pity-track .shop-weapon-icon{width:42px;height:42px;margin:0;background-size:168px 95px;border-radius:7px}.weapon-open-results .weapon-icon{width:52px;height:52px}.weapon-open-results .special-weapon{background-size:200% 100%}
.talent-purchase-modal .shop-special-icon{width:88px;height:88px;margin:0 auto -2px}.talent-purchase-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 10px}.talent-purchase-quick button{padding:10px;background:#18251a;color:#e9d9aa}.talent-purchase-quick button.selected{border-color:#f3d36c;background:#5a4218;color:#fff1b6;box-shadow:0 0 13px #e5b43e66}.talent-purchase-input{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #ffffff20;border-radius:8px;background:#0d150e;color:#d7dfd0;font-size:12px}.talent-purchase-input input{width:92px;padding:8px;text-align:center;background:#071008;color:#f6dfa0;border:1px solid #b69a58;border-radius:6px;font:700 16px Georgia,serif}.talent-purchase-total{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;margin:12px 0;padding:11px 13px;text-align:left;background:#0b140c;border:1px solid #ffffff18;border-radius:8px;color:#bec9b8}.talent-purchase-total b{color:#69d9ff;font-size:18px}.talent-purchase-total small{grid-column:1/-1;color:#9eab99}.talent-purchase-confirm{width:100%;font-weight:800}
.landing-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;overflow:hidden;background:radial-gradient(circle at 50% 15%,#214a64 0,#101b20 42%,#060a09 100%)}.landing-screen:before,.landing-screen:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.6}.landing-screen:before{width:520px;height:520px;border:2px solid #2eafff55;box-shadow:0 0 120px #167bd966;transform:translate(-55%,-15%)}.landing-screen:after{width:620px;height:620px;border:2px solid #e3ad3e33;box-shadow:0 0 130px #e3ad3e38;transform:translate(55%,18%)}.landing-screen.hidden{display:none}.landing-brand{position:relative;z-index:1;width:min(550px,100%);padding:46px 38px;text-align:center;border:1px solid #e5c06c99;border-radius:24px;background:linear-gradient(150deg,#162722e8,#0b1110ef);box-shadow:0 30px 100px #000c}.landing-brand>span{display:block;font-size:54px;color:#61d9ff;text-shadow:0 0 28px #23bfff}.landing-brand small{letter-spacing:3px;color:#e4c67c}.landing-brand h1{margin:8px 0;font:400 clamp(44px,8vw,72px) Georgia,serif;color:#f7e4ad;text-shadow:0 5px 20px #000}.landing-brand p{max-width:380px;margin:0 auto 25px;color:#c7d4cc;line-height:1.55}.landing-actions{display:flex;justify-content:center;gap:10px}.landing-actions button{min-width:160px;padding:13px 18px;background:linear-gradient(#e6c768,#a56f29);border-color:#ffe89a;color:#211807;font-weight:800}.landing-actions .landing-login{background:#173d4d;border-color:#54c9ee;color:#dff8ff}.landing-note{display:block;margin-top:18px;color:#aebcb2;letter-spacing:0}
.language-picker{position:relative;display:inline-flex;align-items:center;z-index:80}.language-toggle{display:grid;place-items:center;width:42px;height:30px;padding:3px;border:1px solid #8e9a6c;border-radius:7px;background:#142019}.language-toggle img{display:block;width:26px;height:18px;border-radius:2px;box-shadow:0 1px 3px #0009}.language-menu{position:absolute;top:calc(100% + 6px);right:0;display:none;grid-template-columns:repeat(2,34px);gap:5px;padding:6px;border:1px solid #a88d53;border-radius:8px;background:#111a12;box-shadow:0 10px 24px #000b}.language-picker.open .language-menu{display:grid}.language-menu button{display:grid;place-items:center;width:34px;height:25px;padding:2px;border-color:transparent;background:#1c2a1d}.language-menu button:hover{border-color:#e5c56d}.language-menu img{width:24px;height:16px;border-radius:2px}.landing-language{position:absolute;top:15px;right:17px}.top-language{margin-left:auto;padding:0 2px}@media(max-width:600px){.landing-language{position:static;justify-content:flex-end;margin:-22px -20px 18px}.currencies{gap:6px}}
.hero-fusion-reveal .hero-portrait{width:76px;height:76px;background-size:800% 600%;border-radius:12px;box-shadow:0 0 18px #e7c66c;animation:fusion-spin .85s linear infinite}
/* Compatibilidade para retratos já renderizados com a variável antiga. */
.hero-portrait[style*="--hero-row:0"]{background-position:0 0}.hero-portrait[style*="--hero-row:1"]{background-position:0 20%}.hero-portrait[style*="--hero-row:2"]{background-position:0 40%}.hero-portrait[style*="--hero-row:3"]{background-position:0 60%}.hero-portrait[style*="--hero-row:4"]{background-position:0 80%}.hero-portrait[style*="--hero-row:5"]{background-position:0 100%}
/* Retratos isolados: sem vazamento de uma linha da spritesheet na outra. */
.hero-portrait[style*="--hero-y:0%"],.hero-portrait[style*="--hero-row:0"]{--portrait:url('assets/hero-portraits/rex.png')}.hero-portrait[style*="--hero-y:20%"],.hero-portrait[style*="--hero-row:1"]{--portrait:url('assets/hero-portraits/mira.png')}.hero-portrait[style*="--hero-y:40%"],.hero-portrait[style*="--hero-row:2"]{--portrait:url('assets/hero-portraits/kael.png')}.hero-portrait[style*="--hero-y:60%"],.hero-portrait[style*="--hero-row:3"]{--portrait:url('assets/hero-portraits/nyx.png')}.hero-portrait[style*="--hero-y:80%"],.hero-portrait[style*="--hero-row:4"]{--portrait:url('assets/hero-portraits/orion.png')}.hero-portrait[style*="--hero-y:100%"],.hero-portrait[style*="--hero-row:5"]{--portrait:url('assets/hero-portraits/astra.png')}.hero-portrait{background-image:var(--portrait,url('assets/hero-portraits/rex.png'))!important;background-size:contain!important;background-position:center!important;background-color:transparent}
/* Posições fixas nas seis linhas de 181px da spritesheet original. */
.hero-portrait{background-image:url('assets/hero-walk-atlas.png')!important;background-size:800% 600%!important}.hero-portrait.hero-portrait-rex{background-position:0 0!important}.hero-portrait.hero-portrait-mira{background-position:0 18.8%!important}.hero-portrait.hero-portrait-kael{background-position:0 38.4%!important}.hero-portrait.hero-portrait-nyx{background-position:0 58%!important}.hero-portrait.hero-portrait-orion{background-position:0 77.45%!important}.hero-portrait.hero-portrait-astra{background-position:0 98%!important}
.hero-portrait[style*="--hero-row:0"],.hero-portrait[style*="--hero-y:0%"]{background-position:0 0!important}.hero-portrait[style*="--hero-row:1"],.hero-portrait[style*="--hero-y:20%"]{background-position:0 18.8%!important}.hero-portrait[style*="--hero-row:2"],.hero-portrait[style*="--hero-y:40%"]{background-position:0 38.4%!important}.hero-portrait[style*="--hero-row:3"],.hero-portrait[style*="--hero-y:60%"]{background-position:0 58%!important}.hero-portrait[style*="--hero-row:4"],.hero-portrait[style*="--hero-y:80%"]{background-position:0 77.45%!important}.hero-portrait[style*="--hero-row:5"],.hero-portrait[style*="--hero-y:100%"]{background-position:0 98%!important}
.hero-card.rarity-common{background:radial-gradient(circle at 50% 0,#60686d35,#152016 68%);box-shadow:inset 0 0 18px #aeb6bd22,0 0 10px #aeb6bd33}.hero-card.rarity-uncommon{background:radial-gradient(circle at 50% 0,#1edb7540,#152016 68%);box-shadow:inset 0 0 20px #24d77944,0 0 13px #24d7795c}.hero-card.rarity-rare{background:radial-gradient(circle at 50% 0,#318dff48,#152016 68%);box-shadow:inset 0 0 20px #469bff55,0 0 14px #469bff66}.hero-card.rarity-epic{background:radial-gradient(circle at 50% 0,#ae46ff50,#152016 68%);box-shadow:inset 0 0 20px #b45cff60,0 0 15px #b45cff75}.hero-card.rarity-legendary{background:radial-gradient(circle at 50% 0,#ffa8174f,#152016 68%);box-shadow:inset 0 0 21px #ffc24a66,0 0 17px #ffc24a8a}.hero-card.rarity-mythic{background:radial-gradient(circle at 50% 0,#ff355358,#152016 68%);box-shadow:inset 0 0 22px #ff426571,0 0 19px #ff42659c}.hero-card.rarity-common,.hero-copy.rarity-common{border-color:#b0b8bf}.hero-card.rarity-uncommon,.hero-copy.rarity-uncommon{border-color:#36e788}.hero-card.rarity-rare,.hero-copy.rarity-rare{border-color:#55a6ff}.hero-card.rarity-epic,.hero-copy.rarity-epic{border-color:#c86cff}.hero-card.rarity-legendary,.hero-copy.rarity-legendary{border-color:#ffcb62}.hero-card.rarity-mythic,.hero-copy.rarity-mythic{border-color:#ff566f}.hero-forge-modal .fusion-results .hero-portrait{width:54px;height:54px;background-size:800% 600%;border-radius:8px}

/* Revelações: a mesma assinatura de raridade aparece no momento da conquista. */
.shop-opening.reward.rarity-common,.hero-open-results>div.rarity-common,.fusion-result.rarity-common{border-color:#b0b8bf;background:radial-gradient(circle,#66717a55,#111811 72%);box-shadow:inset 0 0 18px #b0b8bf33,0 0 13px #b0b8bf66}.shop-opening.reward.rarity-uncommon,.hero-open-results>div.rarity-uncommon,.fusion-result.rarity-uncommon{border-color:#36e788;background:radial-gradient(circle,#22c96a55,#111811 72%);box-shadow:inset 0 0 19px #36e78844,0 0 16px #36e7887a}.shop-opening.reward.rarity-rare,.hero-open-results>div.rarity-rare,.fusion-result.rarity-rare{border-color:#55a6ff;background:radial-gradient(circle,#247ee855,#111811 72%);box-shadow:inset 0 0 19px #55a6ff55,0 0 17px #55a6ff86}.shop-opening.reward.rarity-epic,.hero-open-results>div.rarity-epic,.fusion-result.rarity-epic{border-color:#c86cff;background:radial-gradient(circle,#9b3ee655,#111811 72%);box-shadow:inset 0 0 20px #c86cff59,0 0 19px #c86cff91}.shop-opening.reward.rarity-legendary,.hero-open-results>div.rarity-legendary,.fusion-result.rarity-legendary{border-color:#ffcb62;background:radial-gradient(circle,#e99e185c,#111811 72%);box-shadow:inset 0 0 22px #ffcb6266,0 0 22px #ffcb62a3}.shop-opening.reward.rarity-mythic,.hero-open-results>div.rarity-mythic,.fusion-result.rarity-mythic{border-color:#ff566f;background:radial-gradient(circle,#df294b60,#111811 72%);box-shadow:inset 0 0 23px #ff566f70,0 0 25px #ff566fb5}.hero-open-results>div{animation:rarity-reveal .5s ease-out both}.hero-open-results>div:nth-child(2){animation-delay:.08s}.hero-open-results>div:nth-child(3){animation-delay:.16s}.hero-open-results>div:nth-child(4){animation-delay:.24s}.hero-open-results>div:nth-child(5){animation-delay:.32s}.hero-open-results>div:nth-child(6){animation-delay:.4s}.hero-open-results>div:nth-child(7){animation-delay:.48s}.hero-open-results>div:nth-child(8){animation-delay:.56s}.hero-open-results>div:nth-child(9){animation-delay:.64s}.hero-open-results>div:nth-child(10){animation-delay:.72s}@keyframes rarity-reveal{from{opacity:0;transform:scale(.72) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}

#inventoryGrid>.card.rarity-common{background:radial-gradient(circle at 50% 0,#60686d35,#152016 68%);box-shadow:inset 0 0 18px #aeb6bd22,0 0 10px #aeb6bd33}#inventoryGrid>.card.rarity-uncommon{background:radial-gradient(circle at 50% 0,#1edb7540,#152016 68%);box-shadow:inset 0 0 20px #24d77944,0 0 13px #24d7795c}#inventoryGrid>.card.rarity-rare{background:radial-gradient(circle at 50% 0,#318dff48,#152016 68%);box-shadow:inset 0 0 20px #469bff55,0 0 14px #469bff66}#inventoryGrid>.card.rarity-epic{background:radial-gradient(circle at 50% 0,#ae46ff50,#152016 68%);box-shadow:inset 0 0 20px #b45cff60,0 0 15px #b45cff75}#inventoryGrid>.card.rarity-legendary{background:radial-gradient(circle at 50% 0,#ffa8174f,#152016 68%);box-shadow:inset 0 0 21px #ffc24a66,0 0 17px #ffc24a8a}#inventoryGrid>.card.rarity-mythic{background:radial-gradient(circle at 50% 0,#ff355358,#152016 68%);box-shadow:inset 0 0 22px #ff426571,0 0 19px #ff42659c}
@media(max-width:1000px){.battle-layout{grid-template-columns:1fr}.global-chat{order:3;min-height:260px}.sidebar{order:2}.game-wrap{order:1}#gameCanvas{height:auto;width:100%}}
.ad-slot{flex:0 0 auto;min-height:0;padding:10px;border:1px dashed #8b7a4a4f;border-radius:8px;background:#0d1411;color:#859186;font-size:11px;line-height:1.4}
.ad-slot small{display:block;color:#8b7a4a;letter-spacing:2px;margin-bottom:4px}
.ad-slot b{display:block;color:#b3a271;margin-bottom:2px;font-size:12px}
#tab-battle .sidebar .ad-slot{margin-top:6px}
@media(max-width:1000px){.editor-layout{grid-template-columns:1fr}.editor-side-panel{grid-column:1;grid-row:auto}.editor-bottom-actions{grid-column:1;grid-template-columns:1fr}.sprite-palette{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))}}
.hero-purchase-actions.purchase-actions{grid-template-columns:repeat(3,1fr)}.hero-purchase-actions.open-actions{margin-top:9px}
@media(max-width:600px){#app{padding:0 16px 24px}.topbar{padding:18px 0}.topbar h1{font-size:23px}.topbar small{letter-spacing:1.5px;font-size:8px}.brand-emblem{width:40px;height:46px;font-size:28px}.brand{gap:10px}.tabs{gap:2px}.tabs button{padding:10px 12px;font-size:12px}.expedition-heading{padding:25px 0}.expedition-seal{display:none}.expedition-heading h2{font-size:30px}.currencies span{min-width:74px}.battle-toolbar{gap:10px}.repeat{margin-left:0}}
.diamond-packs{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.4fr) 1fr;gap:16px;margin-top:8px;padding:16px;border:1px solid #5ab8ff66;border-radius:12px;background:radial-gradient(circle at 15% 20%,#246da440,#111a12 66%)}
.vip-card{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px;border:1px solid #edca708c;border-radius:12px;background:radial-gradient(circle at 18% 25%,#c58c264f,#1c170b 68%);box-shadow:inset 0 0 22px #e3b94e20}.vip-emblem{display:grid;place-items:center;width:70px;height:70px;border:2px solid #ffe29b;border-radius:50%;background:linear-gradient(145deg,#dfba58,#8c6321);color:#2a1a07;font:700 19px Georgia,serif;box-shadow:0 0 18px #ffe17b88}.vip-card small{color:#f2d17d;letter-spacing:2px;font-size:10px}.vip-card h3{margin:5px 0;color:#fff0bf}.vip-card p,.vip-card span{margin:0;color:#d5d0b8;font-size:12px}.vip-card span{display:block;margin-top:5px;color:#9be0a8}.vip-card button{padding:11px 14px;background:linear-gradient(#e5c468,#a57428);border-color:#ffe59c;color:#251809;font-weight:800}@media(max-width:650px){.vip-card{grid-template-columns:auto 1fr}.vip-card button{grid-column:1/-1}}
.ad-slot{display:grid;gap:4px;padding:14px;border:1px dashed #8e85645c;border-radius:8px;background:linear-gradient(135deg,#151c17,#111611);text-align:center}.ad-slot small{color:#9f9576;font-size:9px;letter-spacing:2px}.ad-slot b{color:#c7c1ab;font-size:12px}.ad-slot span{color:#7f8b80;font-size:10px}.sidebar-ad{margin-top:auto}.mission-ad{max-width:560px;margin:22px auto 0}.chat-vip-badge{display:inline-block;padding:1px 5px;border:1px solid #ffe08a;border-radius:4px;background:linear-gradient(135deg,#f0cf72,#a36f24);color:#2a1707;font-size:9px;letter-spacing:.7px;vertical-align:1px;box-shadow:0 0 7px #f1c96188}
.diamond-packs small{letter-spacing:2px;color:#7ed3ff}
.diamond-packs h3{margin:5px 0;color:#e7f5ff}
.diamond-packs p{margin:0;color:#bdd0d7;font-size:13px}
.diamond-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:9px}
.diamond-pack{display:grid;justify-items:center;align-content:center;gap:4px;min-height:145px;text-align:center;background:#102230;border-color:#55b9f0aa}
.diamond-pack>i{font-style:normal;font-size:32px;filter:drop-shadow(0 0 8px #5bcfff)}
.diamond-pack h3{margin:0;font-size:14px;color:#e6f8ff}
.diamond-pack p{color:#7ee0ff;font-weight:700}
.diamond-pack button{margin-top:5px;padding:7px 12px}
#shopRewardOverlay{z-index:310}
.shop-opening:has(.hero-open-results){width:min(920px,calc(100vw - 38px));min-height:0;padding:22px}.hero-open-results{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;max-height:none;overflow:visible;width:100%}.hero-open-results>div{display:grid;min-width:0;justify-items:center;gap:3px;padding:6px 3px;text-align:center}.hero-open-results .reward-hero,.hero-open-results .weapon-icon{width:44px;height:44px;margin:0}.hero-open-results b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.hero-open-results span{font-size:9px;line-height:1.15}.shop-opening:has(.hero-open-results)>button{margin-top:8px}@media(max-width:700px){.hero-open-results{grid-template-columns:repeat(5,minmax(0,1fr))}.shop-opening:has(.hero-open-results){width:min(500px,calc(100vw - 28px))}}
.hero-open-results:has(>div:only-child){grid-template-columns:minmax(88px,120px);justify-content:center}
.shop-opening.reward .hero-open-results>div{grid-template-rows:50px 22px 24px;align-content:start;min-height:108px;box-sizing:border-box;overflow:hidden}.shop-opening.reward .hero-open-results .reward-hero,.shop-opening.reward .hero-open-results .weapon-icon{width:50px;height:50px;min-width:50px;min-height:50px;box-sizing:border-box;align-self:center;justify-self:center}.shop-opening.reward .hero-open-results b{display:block;width:100%;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-opening.reward .hero-open-results span{display:-webkit-box;width:100%;height:24px;overflow:hidden;text-align:center;line-height:12px;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* Rex e Kael usam um atlas próprio de duas células quadradas.  Não devem
   herdar o enquadramento 3x2 das armas comuns na tela de revelação. */
.shop-opening.reward .hero-open-results .weapon-icon.special-weapon{background-image:url('assets/rex-kael-weapons.png');background-size:200% 100%;background-repeat:no-repeat;background-position:0 0;background-color:#101810}
.shop-opening.reward .hero-open-results .weapon-icon.special-weapon.kael-sword{background-position:100% 0}
/* O atlas do aventureiro tem quatro células horizontais, inclusive nas
   recompensas individuais de conquista (sem .hero-open-results). */
.shop-opening.reward .weapon-icon.main-arcane-bomb{background-size:400% 100%!important;background-position:0 0;background-repeat:no-repeat}
/* A recompensa individual de conquista não usa .hero-open-results. Sem esta
   regra, o atlas geral 3×2 corta a segunda célula da espada do Kael. */
.shop-opening.reward .weapon-icon.special-weapon{background-image:url('assets/rex-kael-weapons.png')!important;background-size:200% 100%!important;background-repeat:no-repeat!important;background-position:0 0!important}
.shop-opening.reward .weapon-icon.special-weapon.kael-sword{background-position:100% 0!important}
.tabs button.has-rewards{position:relative}.tabs button.has-rewards::after{content:attr(data-rewards);position:absolute;right:-6px;top:-7px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #142019;border-radius:99px;background:#efbd4d;color:#1f1808;font-size:10px;font-weight:900;box-shadow:0 0 11px #f3c95dcc}
.mission-board{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.mission-board>div{min-width:0}.mission-board h2{margin:0 0 9px;font-size:20px}.mission-board [id$="Missions"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mission-board .mission{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;margin:0;padding:9px;font-size:11px}.mission-board .mission .mission-icon{width:23px;height:23px;margin:0}.mission-board .mission .progressline,.mission-board .mission small,.mission-board .mission button{grid-column:1/-1}.mission-board .mission .progressline{height:5px;margin:1px 0}.mission-board .mission small{font-size:10px}.mission-board .mission button{justify-self:start;padding:5px 8px;font-size:10px}.event-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:16px;border:1px solid #7b69424d;border-radius:12px;background:linear-gradient(135deg,#293526,#121a14)}.event-heading small,.event-card small{color:#dfbc69;letter-spacing:2px;font-size:10px}.event-heading h2{margin:4px 0}.event-heading p{margin:0;color:#b9c4b6;font-size:13px}.event-live{padding:6px 9px;border:1px solid #77c881;border-radius:99px;background:#14351b;color:#9deda8;font-size:10px;font-weight:800;white-space:nowrap}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.event-card{display:grid;grid-template-columns:48px 1fr;gap:11px;padding:14px;border:1px solid #657d5c70;border-radius:10px;background:linear-gradient(145deg,#1e2b20,#101812)}.event-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d7b965;border-radius:12px;background:#46381b;color:#ffe294;font-size:26px}.event-card h3{margin:3px 0 6px;color:#f2dfad;font:400 18px Georgia,serif}.event-card p{min-height:34px;margin:0;color:#b8c4b5;font-size:12px}.event-progress{display:flex;align-items:center;gap:7px;margin-top:10px}.event-progress i{flex:1;height:6px;overflow:hidden;border-radius:99px;background:#0b120d}.event-progress i em{display:block;height:100%;background:linear-gradient(90deg,#b78437,#f8dc76)}.event-progress b{font-size:10px;color:#c8d1c3}.event-card>div>span{display:block;margin-top:8px;color:#8fdca0;font-size:10px}@media(max-width:980px){.event-grid{grid-template-columns:1fr}.mission-board{grid-template-columns:1fr}}@media(max-width:600px){.mission-board [id$="Missions"]{grid-template-columns:1fr}.event-heading{align-items:flex-start;flex-direction:column}}
.achievement-collapse{margin-left:4px;padding:5px 8px;font-size:10px}.achievement-group.collapsed .achievement-milestones{display:none}
.achievement-grid{align-items:start}.achievement-group{align-self:start}.achievement-collapse{display:grid;place-items:center;width:26px;height:26px;margin-left:4px;padding:0;font-size:19px;line-height:1}.achievement-group.collapsed header{gap:0;padding-bottom:0;border-bottom:0}.achievement-group.collapsed header>span,.achievement-group.collapsed header small,.achievement-group.collapsed header>b{display:none}.achievement-group.collapsed header h3{margin:0}.achievement-group.collapsed header>div{flex:1}
.achievement-grid{display:block;column-count:3;column-gap:14px}.achievement-group{display:inline-block;width:100%;box-sizing:border-box;margin:0 0 14px;break-inside:avoid;vertical-align:top}@media(max-width:1050px){.achievement-grid{column-count:2}}@media(max-width:600px){.achievement-grid{column-count:1}}
.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-count:auto;gap:14px;align-items:start}.achievement-column{display:grid;align-content:start;gap:14px;min-width:0}.achievement-column .achievement-group{display:block;margin:0;break-inside:auto}@media(max-width:1050px){.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-count:auto}.achievement-column:nth-child(3){grid-column:2}}@media(max-width:600px){.achievement-grid{grid-template-columns:1fr;column-count:auto}.achievement-column:nth-child(3){grid-column:auto}}
.account-button{padding:8px 12px;white-space:nowrap;color:#f1d495;border-color:#cba55d70;background:#1a281e}.account-modal{position:relative;width:min(390px,100%);padding:26px;border:1px solid #d3ad61;border-radius:14px;background:linear-gradient(145deg,#222c20,#101811);box-shadow:0 28px 85px #000d;text-align:center}.account-modal>small{color:#d8b66d;letter-spacing:3px}.account-modal h2{margin:8px 0;color:#f0ddb0;font:400 27px Georgia,serif}.account-modal>p{color:#bdc9bc;font-size:13px}.account-modal form{display:grid;gap:8px;margin-top:16px}.account-modal input{width:100%;box-sizing:border-box;padding:11px;background:#0c140e;color:#e8e6df;border:1px solid #647459;border-radius:6px}.account-actions{display:flex;gap:8px;justify-content:center;margin-top:10px}.account-actions button{flex:1;padding:10px}.account-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:#8e9a8b;font-size:11px}.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:#ffffff1d}.google-login{width:100%;padding:10px;background:#f1f3f4;border-color:#fff;color:#202124}.account-note{display:block;margin-top:10px;color:#93a18f;font-size:10px}.account-wallet{padding:8px;border:1px solid #ffffff18;border-radius:7px;background:#0e170f}.account-modal .talent-close{position:absolute;right:12px;top:10px}
.main-hero-card{max-width:860px;padding:24px;border:1px solid #b99b5e;border-radius:14px;background:radial-gradient(circle at 15% 10%,#4d4529,#151b14 64%);box-shadow:0 18px 50px #0008}.main-hero-head{display:flex;align-items:center;gap:14px;padding-bottom:17px;border-bottom:1px solid #ffffff18}.main-hero-head>.hero-portrait{width:78px;height:78px;border-radius:12px;background-size:800% 600%}.main-hero-head small,.main-transcend small{display:block;color:#d9b96e;font-size:10px;letter-spacing:2px}.main-hero-head h2{margin:4px 0;color:#f5e4b8;font:400 29px Georgia,serif}.main-hero-points{display:grid;grid-template-columns:35px auto;align-items:center;column-gap:7px;margin-left:auto;padding:8px 11px;border:1px solid #d8b76a7a;border-radius:8px;background:#0e160f}.main-hero-points i{grid-row:1/3;width:31px;height:31px}.main-hero-points b{color:#ffe098;font-size:19px}.main-hero-points small{color:#aebaab;letter-spacing:0}.main-hero-card>p{color:#b9c5b8;font-size:13px}.main-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.main-stat{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;padding:12px;border:1px solid #69785a66;border-radius:9px;background:#101811}.main-stat .hero-stat-icon{width:31px;height:31px}.main-stat small{display:block;color:#d8b66f;font-size:11px}.main-stat b{display:block;color:#f4ead4;font-size:20px}.main-stat b em{font-style:normal;color:#8e9a8e;font-size:13px}.main-stat span{display:block;margin-top:2px;color:#abb7a9;font-size:10px}.main-stat button{padding:7px 9px;font-size:11px}.main-stat.maxed{border-color:#e1bd6b8e;background:#332b171f}.main-stat.maxed span{color:#f1d582}.main-transcend{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:15px;padding:14px;border:1px solid #ffffff1b;border-radius:9px;background:#101611}.main-transcend b,.main-transcend span{display:block}.main-transcend b{color:#c9d2c4}.main-transcend span{margin-top:4px;color:#9eaa9d;font-size:11px}.main-transcend.ready{border-color:#f4d372;background:radial-gradient(circle at 15%,#79571680,#241b0b 75%)}.main-transcend.ready b{color:#ffe8a2;font-size:18px}.main-transcend.ready button{padding:10px 14px;background:linear-gradient(#e8c86f,#aa7628);border-color:#ffe9a4;color:#271906;font-weight:800}.main-transcend.complete{grid-template-columns:1fr;border-color:#ff637e8a;background:#55132235}.main-transcend.complete b{color:#ff8597}@media(max-width:640px){.main-hero-head{flex-wrap:wrap}.main-hero-points{margin-left:0}.main-stat-grid{grid-template-columns:1fr}.main-transcend{grid-template-columns:1fr}.main-transcend button{width:100%}}
.achievement-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:18px;border:1px solid #8f77494d;border-radius:12px;background:linear-gradient(130deg,#273420,#141b15)}
.achievement-heading .achievement-points{margin-left:auto;flex-shrink:0}
.achievement-group header .achievement-claim-badge{margin-left:auto;padding:4px 7px;border:1px solid #f4d77e;border-radius:99px;background:#624a1b;color:#ffeaa8;font-size:10px;font-weight:800;white-space:nowrap;line-height:1.2;cursor:pointer;flex-shrink:0}
.achievement-group header .achievement-claim-badge:hover{filter:brightness(1.12)}
.achievement-heading small,.achievement-group header small{color:#d4ad63;letter-spacing:2px;font-size:10px}.achievement-heading h2{margin:4px 0}.achievement-heading p{margin:0;color:#b9c5b7;font-size:13px}.achievement-points{display:grid;grid-template-columns:34px auto;align-items:center;column-gap:7px;min-width:155px;padding:9px 12px;border:1px solid #dfbd6b6b;border-radius:9px;background:#101811}.achievement-points i{grid-row:1/3;width:30px;height:30px}.achievement-points b{color:#f3d482;font-size:20px}.achievement-points span{color:#aeb9aa;font-size:10px}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.achievement-group{padding:14px;border:1px solid #68795669;border-radius:10px;background:linear-gradient(145deg,#1d2a20,#111913)}.achievement-group header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #ffffff14}.achievement-group header>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d5b46a80;border-radius:50%;background:#47391d;color:#ffe19a;font-size:20px}.achievement-group header h3{margin:3px 0 0;color:#eed9a1;font:400 18px Georgia,serif}.achievement-group header>b{margin-left:auto;color:#d9c597;font-size:12px}.achievement-milestones{display:grid;gap:7px;margin-top:10px}.achievement-milestone{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:8px;border:1px solid #ffffff12;border-radius:7px;background:#0d150f}.achievement-milestone>span{color:#acb6a6}.achievement-milestone>div{display:grid;grid-template-columns:1fr auto;gap:2px 8px}.achievement-milestone small{color:#aab6a8;font-size:10px}.achievement-milestone i{grid-column:1/-1;height:5px;overflow:hidden;border-radius:99px;background:#273126}.achievement-milestone i em{display:block;height:100%;background:linear-gradient(90deg,#a87830,#f4dc79)}.achievement-milestone button{padding:6px 8px;font-size:11px}.achievement-milestone.ready{border-color:#e5bc638c;box-shadow:0 0 13px #d8aa4738}.achievement-milestone.ready>span{color:#ffe391}.achievement-milestone.claimed{opacity:.58}.achievement-milestone strong{color:#86d99a;font-size:10px}@media(max-width:600px){.achievement-heading{align-items:flex-start;flex-direction:column}.achievement-points{width:100%;box-sizing:border-box}.achievement-grid{grid-template-columns:1fr}}
@media(max-width:760px){.diamond-packs{grid-template-columns:1fr}.diamond-pack-grid{grid-template-columns:repeat(2,1fr)}}
.account-modal form p{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.account-modal form p label{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 6px;border:1px solid #668276;border-radius:8px;background:#142219;color:#f0dda8;font-size:12px;cursor:pointer}.account-modal form p input{width:auto;padding:0;accent-color:#55c8ff}.account-history-button{width:100%;margin-top:12px;padding:10px}.account-modal.account-history-modal{width:min(585px,calc(100vw - 32px))}.account-history{margin:14px 0;padding:10px;border:1px solid #ffffff20;border-radius:8px;background:#0c140e;text-align:left}.account-history header{display:flex;justify-content:space-between;gap:8px;color:#f0dda8;font-size:12px}.account-history header small{color:#93a18f}.account-history>div{display:grid;gap:6px;max-height:180px;margin-top:8px;overflow:auto;color:#aebbaa;font-size:11px}.account-history article{display:grid;gap:2px;padding:7px;border-left:2px solid #d3ad61;background:#172117}.account-history article b{color:#f0ddb0;font-size:11px}.account-history article small{color:#9eac9a}
.account-coupon{margin-top:12px;padding:11px;border:1px solid #d3ad6170;border-radius:8px;background:#0c140e;text-align:left}.account-coupon>small{color:#d8b66d;letter-spacing:1.5px;font-size:10px}.account-coupon form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:7px}.account-coupon button{padding:9px 11px;white-space:nowrap}.account-coupon p{min-height:14px;margin:7px 0 0;color:#aebbaa;font-size:11px}
.admin-entry{border-color:#e8c35e;background:linear-gradient(#785b22,#39280f);color:#fff0b6}.admin-dashboard{position:relative;width:min(950px,calc(100vw - 32px));max-height:calc(100vh - 36px);overflow:auto;padding:25px;border:1px solid #d6b45f;border-radius:14px;background:linear-gradient(145deg,#202a20,#0d140e);box-shadow:0 28px 85px #000d}.admin-dashboard>small{color:#e8c66d;letter-spacing:3px;font-size:10px}.admin-dashboard h2{margin:6px 0 18px;color:#f4dfaa;font:400 27px Georgia,serif}.admin-dashboard .talent-close{position:absolute;right:12px;top:10px}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-metrics article,.admin-peak{display:grid;gap:5px;padding:13px;border:1px solid #6c7d5d75;border-radius:9px;background:#111a12}.admin-metrics small{color:#d8b66d;letter-spacing:1.2px;font-size:9px}.admin-metrics b{color:#fff0bb;font-size:20px}.admin-metrics span,.admin-peak p{color:#b9c6b7;font-size:11px;line-height:1.4}.admin-peak{margin-top:12px}.admin-peak>b{color:#ead49a;font-size:13px}.admin-peak p{margin:0}@media(max-width:760px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.admin-peak form{display:flex;gap:7px}.admin-peak input{min-width:0;flex:1;padding:9px;border:1px solid #6b7d61;border-radius:7px;background:#0a100b;color:#f3ead5}.admin-peak button{padding:8px 11px;white-space:nowrap}@media(max-width:520px){.admin-peak form{flex-direction:column}}
.ranking-button{margin-left:9px;padding:5px 9px;border-color:#d8b860;background:#283720;color:#f4dc9e;font-size:11px;vertical-align:middle}.ranking-modal{position:relative;width:min(540px,calc(100vw - 32px));max-height:calc(100vh - 36px);overflow:auto;padding:26px;border:1px solid #d6b45f;border-radius:14px;background:linear-gradient(145deg,#202a20,#0d140e);box-shadow:0 28px 85px #000d}.ranking-modal .talent-close{position:absolute;right:12px;top:10px}.ranking-modal>small{color:#e8c66d;letter-spacing:3px;font-size:10px}.ranking-modal h2{margin:7px 0 15px;color:#f4dfaa;font:400 27px Georgia,serif}.ranking-tabs{display:flex;gap:7px;margin-bottom:12px}.ranking-tabs button{flex:1;padding:8px}.ranking-tabs button.active{background:linear-gradient(#d8b96e,#9d6e31);border-color:#f0d992;color:#21180e}.ranking-list{display:grid;gap:6px}.ranking-list article{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #66795766;border-radius:8px;background:#111a12}.ranking-list article:nth-child(-n+3){border-color:#d6b45f;background:linear-gradient(90deg,#4c3b16,#141b12)}.ranking-list b{color:#f0d27f}.ranking-list span{color:#e8e4d7}.ranking-list strong{color:#aee6b0;font-size:12px}
.main-stat{grid-template-columns:42px minmax(0,1fr) auto;padding:10px;gap:8px}.main-stat .hero-stat-icon{width:38px;height:38px}.main-stat b{font-size:18px}.main-stat b em{font-size:11px}.main-stat>div{min-width:0}.main-max{color:#efcf78!important;font-size:11px!important;font-weight:800;letter-spacing:1px}.main-costs,.main-upgrade-costs{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px;margin-top:6px}.main-cost{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #ffffff20;border-radius:5px;background:#0b130d;font-size:11px}.main-cost i{width:22px;height:22px;flex:0 0 auto}.main-cost small{font-size:9px;color:#aeb9a9}.main-cost.missing{border-color:#b7444a;color:#ffaaa5}.main-cost .hero-fragment-mini{width:22px;height:22px;background-size:100% auto}.main-transcend:not(.unlocked){display:none}.main-transcend .main-costs{justify-content:flex-start;max-width:420px}.main-hero-upgrade-modal .main-upgrade-costs{justify-content:center;margin-top:12px}.main-hero-upgrade-modal .main-cost{padding:7px 9px}.main-hero-upgrade-modal .main-cost i{width:30px;height:30px}.main-hero-upgrade-modal .hero-fragment-mini{width:30px!important;height:30px!important}.main-hero-upgrade-modal .main-resource-icon{background-size:120px 60px!important;background-position:var(--resource-x) var(--resource-y)!important}
.main-stat{grid-template-columns:42px minmax(0,1fr) auto;padding:10px;gap:8px}.main-stat .hero-stat-icon{width:38px;height:38px}.main-stat b{font-size:18px}.main-stat b em{font-size:11px}.main-stat>div{min-width:0}.main-max{color:#efcf78!important;font-size:11px!important;font-weight:800;letter-spacing:1px}.main-costs,.main-upgrade-costs{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px;margin-top:6px}.main-cost{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #ffffff20;border-radius:5px;background:#0b130d;font-size:11px}.main-cost i{width:22px;height:22px;flex:0 0 auto}.main-cost small{font-size:9px;color:#aeb9a9}.main-cost.missing{border-color:#b7444a;color:#ffaaa5}.main-cost .hero-fragment-mini{width:22px;height:22px;background-size:100% auto}.main-transcend:not(.unlocked){display:none}.main-transcend .main-costs{justify-content:flex-start;max-width:420px}.main-hero-upgrade-modal .main-upgrade-costs{justify-content:center;margin-top:12px}.main-hero-upgrade-modal .main-cost{padding:7px 9px}.main-hero-upgrade-modal .main-cost i{width:30px;height:30px}.main-hero-upgrade-modal .hero-fragment-mini{width:30px!important;height:30px!important}.main-hero-upgrade-modal .main-resource-icon{background-size:120px 60px!important;background-position:var(--resource-x) var(--resource-y)!important}.achievement-group.has-claim{border-color:#e3bc5e;box-shadow:0 0 16px #e7ba4b55}.achievement-group header mark{margin-left:auto;padding:4px 7px;border:1px solid #f4d77e;border-radius:99px;background:#624a1b;color:#ffeaa8;font-size:10px;font-weight:800;white-space:nowrap}.achievement-group.has-claim header>b{margin-left:auto}.achievement-group.has-claim header mark+button{margin-left:0}.achievement-group.collapsed header mark{display:none}.hero-stat-icon.critical,.hero-stat-icon.critDamage{background-image:url('assets/critical-stats-atlas.png');background-size:200% 100%;background-position:0 0}.hero-stat-icon.critDamage{background-position:100% 0}.talent-tabs{display:flex;gap:8px;margin:0 0 12px}.talent-tabs button{padding:7px 12px;font-size:12px}.talent-tabs button.active{background:linear-gradient(#d8b96e,#9d6e31);border-color:#f0d992;color:#21180e}.talent-tree2{position:relative;display:grid;place-items:center;min-height:590px;overflow:hidden;border:1px solid #d0ad5f66;border-radius:14px;background:#101811}.talent-tree2.hidden{display:none}.talent-tree2 img{width:min(100%,620px);max-height:590px;object-fit:contain;opacity:.82}.talent-tree2>div{position:absolute;display:grid;justify-items:center;gap:5px;padding:12px 17px;border:1px solid #e1bc67;border-radius:9px;background:#111a12e8;text-align:center}.talent-tree2 h3{margin:0;color:#f3deaa;font:400 21px Georgia,serif}.talent-tree2 p{margin:0;color:#bac5b5;font-size:12px}.talent-tree2 small{color:#e6c273;letter-spacing:2px;font-size:9px}
/* Loja: arte inteira, estoque visível e confirmação de compra. */
#shopGrid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.shop-chest-art{display:block;width:222px;height:222px;margin:0 auto 8px;background:url('assets/item-icons-atlas.png') -665px -222px/887px 444px no-repeat;filter:drop-shadow(0 7px 8px #0009)}.shop-chest-art.mini{width:42px;height:42px;margin:0;background-size:168px 84px;background-position:-126px -42px;border-radius:7px}.stock-resource .shop-chest-art.mini{width:22px;height:22px;background-size:88px 44px;background-position:-66px -22px;border-radius:4px}.shop-card{position:relative;overflow:visible!important;min-width:0}.shop-card>p{font-size:18px;font-weight:800}.shop-card .shop-special-icon,.shop-card .shop-chest-art{max-width:100%;flex:0 0 auto}.shop-card.weapon{min-height:390px}.shop-open-badge{position:absolute;z-index:2;top:10px;right:10px;padding:4px 7px;border:1px solid #ffe379;border-radius:99px;background:#735315;color:#fff0ad;font-size:10px;font-weight:800;box-shadow:0 0 14px #f4c94f99;animation:shop-ready-pulse 1.3s infinite alternate}.shop-card.ready-to-open{border-color:#e5bd54;box-shadow:0 0 17px #e6bd4a55}.stock-warning{margin:12px 0 0!important;padding:9px 10px;border:1px solid #ed6267;border-radius:8px;background:#571d22;color:#ffb3b3!important;font-weight:700;text-align:center}.purchase-summary{display:grid;gap:4px;margin:18px 0 11px;padding:13px;border:1px solid #ffffff24;border-radius:9px;background:#0b140c;text-align:left}.purchase-summary b{color:#76dcff;font-size:20px}.purchase-summary small{color:#aebaa8}.purchase-confirm-modal>.shop-special-icon,.purchase-confirm-modal>.shop-chest-art{width:96px;height:96px;margin:0 auto 7px}.purchase-confirm-modal>.shop-chest-art{background-size:384px 192px;background-position:-288px -96px}.purchase-back{margin-top:8px;background:#172219!important;color:#eadbb0!important}@keyframes shop-ready-pulse{to{transform:translateY(-2px);box-shadow:0 0 23px #ffdc5c}}

/* Cartões de arma sempre ocupam as mesmas linhas, inclusive sem passiva. */
#inventoryGrid>.card[data-item-uid]{display:grid;grid-template-rows:minmax(54px,auto) 20px 20px 25px 18px auto;align-content:start;gap:7px;min-height:235px}#inventoryGrid>.card[data-item-uid] .card-visual{min-height:54px;align-items:center}#inventoryGrid>.card[data-item-uid] .card-visual>div{display:grid;grid-template-rows:36px 18px;align-items:start}#inventoryGrid>.card[data-item-uid] .card-visual h3{height:36px;margin:0;overflow:hidden;line-height:18px}#inventoryGrid>.card[data-item-uid] .weapon-owner,#inventoryGrid>.card[data-item-uid] .weapon-passive,#inventoryGrid>.card[data-item-uid] .weapon-state,#inventoryGrid>.card[data-item-uid] .weapon-combat-stats{margin:0;min-height:0;line-height:1.25;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#inventoryGrid>.card[data-item-uid] .weapon-passive{color:#d5b9ff}#inventoryGrid>.card[data-item-uid] .weapon-state{color:#b8c8b2}#inventoryGrid>.card[data-item-uid] .weapon-combat-stats{color:#efcf78}#inventoryGrid>.card[data-item-uid] .actions{align-self:end;margin-top:0}.hero-total-power{display:block;margin:8px 0 0;color:#f3d27b;font-size:11px;letter-spacing:.4px}.shop-opening .talent-reward .talent-point-cost{width:96px;height:96px;border-radius:18px;filter:drop-shadow(0 0 18px #ffd75c);animation:reward-pop .65s infinite alternate}
#talentTree.hidden{display:none}.stock-resource .shop-special-icon{width:30px;height:30px;background-size:200% 100%;background-position:100% 0;border-radius:5px}.stock-resource{overflow:visible}.card-visual .tag{width:max-content;max-width:100%;box-sizing:border-box;white-space:nowrap;padding-inline:7px}
.market-modal{width:min(860px,100%)}.market-kind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.market-kind-grid button{display:grid;justify-items:center;gap:7px;min-height:166px;padding:18px;background:linear-gradient(145deg,#1c2b1c,#101711);border-color:#708b61}.market-kind-grid button:hover{border-color:#ecd080;background:#263522}.market-kind-grid span{font-size:42px;color:#f2ce78}.market-kind-grid b{color:#f3dfaa;font:400 20px Georgia,serif}.market-kind-grid small,.market-asset small{color:#b9c8b4}.market-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:14px;max-height:460px;overflow:auto;padding:2px}.market-asset{display:flex;align-items:center;gap:11px;min-width:0;padding:11px;text-align:left;background:#101811;border-color:#536b50}.market-asset:hover{border-color:#e5c66d}.market-asset>span{display:grid;gap:4px;min-width:0}.market-asset b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0dfb2}.market-asset .weapon-icon,.market-selected .weapon-icon,.market-listing-card>.weapon-icon{width:58px;height:58px}.market-asset>.hero-portrait,.market-selected>.hero-portrait,.market-listing-card>.hero-portrait{width:58px;height:58px}.market-resource-icon{display:inline-block;flex:0 0 auto;width:54px;height:54px;border:1px solid #bc985866;border-radius:8px;background-color:#142016;background-size:216px 108px;background-repeat:no-repeat}.market-hero-fragment{width:54px;height:54px;flex:0 0 auto}.market-empty{padding:28px;text-align:center;color:#b6c1b0}.market-pricing{width:min(620px,100%)}.market-selected{display:flex;align-items:center;gap:13px;margin:15px 0;padding:13px;border:1px solid #b99452;border-radius:10px;background:#111a12}.market-selected>div{display:grid;gap:4px}.market-selected b{font-size:18px;color:#f2dfad}.market-selected span,.market-selected small{color:#bbc8b6;font-size:12px}.market-price-form{display:grid;gap:12px}.market-price-form label{display:grid;gap:5px;color:#d2ddcc;font-size:12px}.market-price-form input{padding:11px;background:#0b130c;color:#f5e2af;border:1px solid #70856a;border-radius:7px;font-size:16px}.market-fee{display:flex;justify-content:space-between;gap:10px;padding:13px;border:1px solid #e0bb654d;border-radius:8px;background:#1c2015;color:#c5d0bd}.market-fee strong{color:#72e4a0;font-size:17px}.market-price-form p{margin:0;color:#d6b469;font-size:12px;line-height:1.5}.market-result{text-align:center;width:min(470px,100%)}.market-result>small{color:#77e6a1;letter-spacing:2px}.market-result p{color:#c6d2c2}.market-result p b{color:#79eaa4}.market-listing-card{display:flex;align-items:center;gap:13px;min-height:88px}.market-listing-card>.weapon-icon,.market-listing-card>.hero-portrait,.market-listing-card>.market-resource-icon,.market-listing-card>.market-hero-fragment{flex:0 0 auto}.market-listing-details{display:grid;gap:4px;min-width:0;flex:1}.market-listing-details h3,.market-listing-details p{margin:0}.market-listing-details h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-listing-actions{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}.market-listing-actions button{white-space:nowrap}
.market-browser{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.market-browse-nav{position:sticky;top:12px;display:grid;gap:3px;max-height:calc(100vh - 150px);overflow:auto;padding:12px;border:1px solid #5e7458;border-radius:10px;background:#101811}.market-nav-title{margin:11px 5px 3px;color:#d7b96e;font-size:10px;letter-spacing:1.4px}.market-nav-title:first-child{margin-top:1px}.market-nav-item{width:100%;padding:8px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:#ced8c9;text-align:left;font-size:12px}.market-nav-item:hover{background:#1b291d;border-color:#587151}.market-nav-item.active{background:#59451d;border-color:#e1c56f;color:#fff0ba}.market-nav-item.child{padding-left:20px;color:#b7c5b2;font-size:11px}.market-browse-content{min-width:0}.market-search-bar{display:flex;gap:9px;align-items:center;margin:0 0 13px}.market-search-bar input{flex:1;min-width:200px;padding:10px 12px;border:1px solid #687d62;border-radius:8px;background:#0d150f;color:#f1e7c7}.market-sort-buttons{display:flex;gap:5px;flex-wrap:wrap}.market-sort-buttons button{padding:8px 9px;border:1px solid #647b61;border-radius:7px;background:#152016;color:#d8e3d2;font-size:11px}.market-sort-buttons button.active{border-color:#edcf76;background:#55401c;color:#fff0b5}@media(max-width:760px){.market-browser{grid-template-columns:1fr}.market-browse-nav{position:static;max-height:260px;grid-template-columns:repeat(2,minmax(0,1fr))}.market-nav-title{grid-column:1/-1}.market-search-bar{align-items:stretch;flex-direction:column}.market-sort-buttons button{flex:1}.market-listing-card{align-items:flex-start}.market-listing-actions{width:100%}}
.market-nav-category{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:4px;padding:9px 8px;border:1px solid #597050;border-radius:7px;background:#172218;color:#edd38a;text-align:left;font-size:11px;font-weight:800;letter-spacing:.8px}.market-nav-category:first-child{margin-top:0}.market-nav-category:hover,.market-nav-category.open{border-color:#dfbf69;background:#493918;color:#fff0b6}.market-nav-category span{font-size:15px;line-height:10px}.market-nav-item.grandchild{padding-left:34px;color:#9fb09b;font-size:10px}@media(max-width:760px){.market-nav-category{grid-column:1/-1}.market-nav-item.grandchild{padding-left:25px}}
.market-wallet-linked,.market-wallet-linked:disabled{cursor:default;opacity:1;background:#16231a;color:#c8e8c3;border-color:#63895e}
.market-resource-icon{background-size:216px 108px}.market-pricing{width:min(470px,100%);padding:16px}.market-pricing header{padding-bottom:9px}.market-pricing .market-back{margin:9px 0 0}.market-pricing .market-selected{margin:10px 0;padding:10px}.market-pricing .market-price-form{gap:8px}.market-pricing .market-fee{padding:10px}.market-pricing .market-price-form p{font-size:11px}.talent-tabs{position:relative;z-index:20}.talent-tabs button{position:relative;z-index:21}.talent-tree{z-index:1}
.talent-tree2{margin-top:-145px;min-height:720px;z-index:1}.talent-tree2 img{width:min(100%,650px);max-height:680px}.talent2-links{z-index:1}.talent2-node{z-index:2}.market-actions{display:flex;align-items:center;gap:10px;margin:16px 0 20px}.market-create-button{padding:11px 17px;background:linear-gradient(145deg,#efd17d,#b77b27);border-color:#ffe2a0;color:#24190b;font-weight:800;box-shadow:0 5px 18px #c98c3444}.market-wallet-button{margin-left:auto;padding:10px 14px;background:#18251e;border-color:#6c9b76;color:#d8f0dc;font-family:ui-monospace,monospace}.market-filters{position:relative}.market-filters summary{cursor:pointer;list-style:none;padding:10px 13px;border:1px solid #5f735a;border-radius:8px;background:#182119;color:#e9d5a0}.market-filters summary::-webkit-details-marker{display:none}.market-filters summary::after{content:"▾";margin-left:8px;color:#e9ca75}.market-filters[open] summary{border-color:#d5b467}.market-filters>div{position:absolute;z-index:25;top:calc(100% + 7px);left:0;display:grid;gap:9px;min-width:235px;padding:12px;border:1px solid #9e8350;border-radius:9px;background:#121b14;box-shadow:0 15px 35px #000a}.market-filters label{display:grid;gap:4px;color:#cbd6c6;font-size:11px}.market-filters select{width:100%}.online-presence{display:inline-flex;align-items:center;gap:5px;margin-left:10px;color:#9bb39f;font:600 11px system-ui,sans-serif;letter-spacing:0;text-shadow:none}.online-presence i{width:8px;height:8px;border-radius:50%;background:#43e884;box-shadow:0 0 9px #43e884;animation:online-pulse 1.7s infinite}.online-presence b{color:#d9f6df;font-size:11px}@keyframes online-pulse{50%{opacity:.42;box-shadow:0 0 3px #43e884}}
.payment-modal{width:min(560px,100%)}.payment-product{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:16px 0;padding:13px;border:1px solid #bf9b56;border-radius:10px;background:#101811}.payment-product>i{display:grid;place-items:center;width:48px;height:48px;border-radius:9px;background:#243425;color:#ffda7e;font-style:normal;font-weight:900}.payment-product div{display:grid;gap:4px}.payment-product b{color:#f2dfac}.payment-product span,.payment-note{color:#b7c6b3;font-size:12px;line-height:1.45}.payment-product strong{color:#78eaa6;white-space:nowrap}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.payment-methods button{display:grid;gap:5px;min-height:104px;padding:12px;background:#152118;border-color:#5b7b64}.payment-methods button:hover{border-color:#e4c46c}.payment-methods b{color:#f4dfa9;font-size:16px}.payment-methods small{color:#b6c7b3;font-size:10px}.payment-note{margin:14px 0 0}.payment-status{text-align:center;width:min(420px,100%)}.payment-status>small{color:#e5c96e;letter-spacing:2px}.payment-status p{color:#c3d0bf}.payment-status code{display:block;max-height:90px;overflow:auto;margin:12px 0;padding:9px;border-radius:7px;background:#0b120c;color:#d8ecce;font-size:10px;word-break:break-all}.payment-qr{display:block;width:190px;height:190px;margin:15px auto;padding:8px;background:#fff;border-radius:8px}@media(max-width:560px){.payment-methods{grid-template-columns:1fr}.payment-methods button{min-height:70px}.payment-product{grid-template-columns:auto 1fr}.payment-product strong{grid-column:2}}
.editor-actions{display:grid;gap:8px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #ffffff1b}.editor-actions label{display:grid;gap:5px;color:#cbd6c6;font-size:11px}.editor-actions select{width:100%}.editor-actions button{width:100%;padding:9px;font-size:12px}
.account-button{position:relative}.account-vip-corner{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:17px;height:17px;border:1px solid #ffeca5;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2a9,#c78b27 60%,#754113);color:#3b2109;font:900 10px Georgia,serif;box-shadow:0 0 8px #f2c85c}.payment-test{border-color:#7ddfbe!important;background:linear-gradient(135deg,#176653,#123f36)!important;color:#d6fff2!important}.payment-test-reward{margin:14px auto;font:900 42px Georgia,serif;color:#ffe391;text-shadow:0 0 18px #f3b946}
.account-vip-corner{width:28px;height:15px;border-radius:5px;font-size:8px;letter-spacing:.4px}.account-vip-corner::after{content:"IP";margin-left:-2px}.summon-pass-section{grid-column:1/-1;margin-top:18px;padding:18px;border:1px solid #ad8d50;border-radius:12px;background:linear-gradient(135deg,#1c2115,#101811)}.summon-pass-section header{margin-bottom:12px}.summon-pass-section header small{color:#ddbd6b;letter-spacing:1.5px}.summon-pass-section h2{margin:3px 0;color:#f0dbab;font:400 24px Georgia,serif}.summon-pass-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.summon-pass{display:grid;justify-items:center;align-content:start;gap:8px;text-align:center;background:radial-gradient(circle at 50% 0,#4a3a1d,#161b13 62%)}.summon-pass .shop-special-icon{width:106px;height:106px;background-size:424px 212px}.summon-pass .shop-chest-art{width:106px;height:106px;background-size:424px 212px;background-position:-318px -106px}.summon-pass>small{color:#e6c56f;font-size:9px;letter-spacing:1.4px}.summon-pass h3{margin:0;color:#f3dfa9}.summon-pass p{min-height:30px;margin:0;color:#bac7b5;font-size:12px}.pass-progress{color:#80e6aa;font-size:12px}.pass-buy-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}.pass-buy-actions button{padding:9px 7px;font-size:11px}.summon-pass>button{width:100%}@media(max-width:650px){.summon-pass-grid{grid-template-columns:1fr}.pass-buy-actions{grid-template-columns:1fr}}
.pass-buy-actions .pass-gem-purchase{display:flex;align-items:center;justify-content:center;gap:5px;font-size:13px}.pass-gem-purchase b{font-size:15px;line-height:1}.pass-gem-purchase i{font-style:normal;font-size:18px;line-height:1;filter:drop-shadow(0 1px 2px #0009)}.payment-product>.checkout-product-art{width:58px;height:58px;border-radius:10px;background-color:transparent;color:#ffda7e}.payment-product>.checkout-product-art.checkout-gem-art{background:#243425}.payment-product>.checkout-product-art.shop-special-icon{background-image:url('assets/shop-special-icons.png');background-size:200% 100%;background-position:100% 0}.payment-product>.checkout-product-art.shop-chest-art{background:url('assets/item-icons-atlas.png') -174px -58px/232px 116px no-repeat}.payment-product>.checkout-product-art.talent-point-cost{background:url('assets/shop-special-icons.png') left center/200% 100% no-repeat;border-radius:0;filter:drop-shadow(0 0 9px #f1cb63)}.payment-product>.checkout-product-art.pass-art{font-size:32px;filter:drop-shadow(0 0 9px #74b8ff)}
.account-vip-corner{top:50%;right:7px;transform:translateY(-50%);width:25px;height:14px;border-radius:4px;font-size:8px;letter-spacing:.2px}.account-vip-corner::after{content:none}.account-button:has(.account-vip-corner){padding-right:39px}#shopGrid{grid-template-columns:repeat(5,minmax(170px,1fr))}.summon-pass{min-height:0!important;padding:13px 10px}.summon-pass .shop-special-icon{width:88px;height:88px;background-size:200% 100%;background-position:100% 0}.summon-pass .shop-chest-art{width:88px;height:88px;background-size:352px 176px;background-position:-264px -88px}.mission-resource-art{display:block;width:72px;height:72px;margin:8px auto;background-image:url('assets/item-icons-atlas.png');background-size:288px 144px;background-repeat:no-repeat;filter:drop-shadow(0 0 12px #d7c169)}.mission-reward-art.shop-special-icon{width:96px;height:96px;background-size:200% 100%;background-position:100% 0}.mission-reward-art.shop-chest-art{width:96px;height:96px;background-size:384px 192px;background-position:-288px -96px}.warning-result{border-color:#ef6066!important;background:radial-gradient(circle,#6e2026,#1e0c0e 72%)!important;box-shadow:0 0 35px #ef626a88,0 24px 75px #000d!important}.warning-result>div{display:grid;place-items:center;width:62px;height:62px;border:2px solid #ffb4b4;border-radius:50%;color:#fff0ed;font:900 42px Georgia,serif}.warning-result h2{font-size:22px!important;color:#ffd3d0!important}@media(max-width:1100px){#shopGrid{grid-template-columns:repeat(3,minmax(190px,1fr))}}@media(max-width:650px){#shopGrid{grid-template-columns:1fr}}
.pass-art{display:grid;place-items:center;width:88px;height:88px;font-style:normal;font-size:48px}.pass-art.diamonds{border-radius:0;background:transparent;filter:drop-shadow(0 0 12px #74b8ff)}.summon-pass .pass-talent-art{display:block;width:88px;height:88px;margin:0 auto 8px;background-size:200% 100%;background-position:left center;border-radius:0;filter:drop-shadow(0 0 13px #f1cb63)}.summon-pass .pass-claim-ready{border-color:#fff0a1;background:linear-gradient(#9a7427,#523817);color:#fff7c7;animation:pass-claim-pulse 1s ease-in-out infinite alternate;box-shadow:0 0 15px #f6d26299}@keyframes pass-claim-pulse{to{transform:translateY(-2px);box-shadow:0 0 26px #fff0a6}}
.shop-dual-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:auto}.shop-dual-actions button{padding:10px 6px}.shop-dual-actions .ready-open{border-color:#f3d36c;background:linear-gradient(#72531d,#3b2a10);color:#fff0a8;animation:shop-open-pulse 1s infinite alternate}@keyframes shop-open-pulse{to{transform:translateY(-2px);box-shadow:0 0 16px #f4cd5e}}.summon-pass{align-self:start}.summon-pass p{min-height:0}
.tabs button.action-ready{position:relative;color:#fff0bd;background:linear-gradient(145deg,#63451d9c,#2a2112b5);border:1px solid #e7bf5d;box-shadow:0 0 13px #e9bd4f75;animation:tab-action-pulse 1.1s ease-in-out infinite alternate}.tabs button.action-ready::before{content:"";position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:#fff08a;box-shadow:0 0 8px #ffdb58}.tabs button.action-ready.active{background:linear-gradient(145deg,#d2a84e,#7a4f17);color:#1d1509}@keyframes tab-action-pulse{to{transform:translateY(-1px);border-color:#fff0a6;box-shadow:0 0 23px #f2c951}}
.weapon-purchase-modal>.purchase-chest-art,.weapon-purchase-modal>.summon-chest-art{width:96px;height:96px;margin:0 auto 7px;background-size:384px 192px;background-position:-288px -96px}.weapon-purchase-modal .pity-track .shop-chest-art{width:42px;height:42px;margin:0;background-size:168px 84px;background-position:-126px -42px;border-radius:7px}
.shop-card:not(.summon-pass).hero,.shop-card:not(.summon-pass).weapon,.shop-card:not(.summon-pass).talent{min-height:0!important;align-content:start;gap:6px;padding:12px}.shop-card:not(.summon-pass).hero .shop-special-icon,.shop-card:not(.summon-pass).weapon .shop-chest-art,.shop-card:not(.summon-pass).talent .shop-special-icon{margin-bottom:0}.shop-card:not(.summon-pass).hero h3,.shop-card:not(.summon-pass).weapon h3,.shop-card:not(.summon-pass).talent h3{margin:0}.shop-card:not(.summon-pass).hero>p,.shop-card:not(.summon-pass).weapon>p,.shop-card:not(.summon-pass).talent>p{margin:0;font-size:16px;line-height:1.15}.shop-card:not(.summon-pass).hero>button,.shop-card:not(.summon-pass).weapon>button,.shop-card:not(.summon-pass).talent>button{width:100%;margin-top:2px}.shop-card:not(.summon-pass).hero .shop-dual-actions,.shop-card:not(.summon-pass).weapon .shop-dual-actions{align-self:end;margin-top:auto}
.shop-card:not(.summon-pass).hero,.shop-card:not(.summon-pass).weapon{padding-bottom:58px}.shop-card:not(.summon-pass).hero .shop-dual-actions,.shop-card:not(.summon-pass).weapon .shop-dual-actions{position:absolute;right:12px;bottom:12px;left:12px;width:auto;margin:0;transform:none}
.mission.mission-ready{position:relative;border-color:#edc55e;box-shadow:0 0 15px #edc55e66;animation:mission-ready-pulse 1.1s ease-in-out infinite alternate}.mission.mission-ready::after{content:"RESGATAR";position:absolute;top:6px;right:7px;padding:2px 5px;border-radius:99px;background:#f3c861;color:#29200d;font-size:8px;font-weight:900;letter-spacing:.4px}.mission .claim-ready{border:1px solid #ffe392;background:linear-gradient(#8b6725,#4a3213);color:#fff3b9;animation:mission-button-pulse 1s ease-in-out infinite alternate}.mission-icon{overflow:hidden}.mission-icon i{display:block;width:23px;height:23px}.mission-symbol{display:grid!important;place-items:center;color:#f5d271;font-size:16px;font-style:normal;text-shadow:0 0 8px #e9b950}.mission-gold-art{display:block;width:72px;height:72px;margin:8px auto;background:url('assets/fantasy-sprite-atlas.png') -152px -75px/288px 192px no-repeat;filter:drop-shadow(0 0 8px #f0c554)}.mission-gold-art.small{width:23px;height:23px;margin:0;background-size:92px 61px;background-position:-49px -24px}.mission-chest-art{display:block;width:23px;height:23px;background:url('assets/item-icons-atlas.png') -92px -46px/184px 92px no-repeat}.mission-chest-art.gold{background-position:-92px -46px}.mission-resource-icon{display:block;width:23px;height:23px;background-image:url('assets/item-icons-atlas.png');background-size:92px 46px;background-repeat:no-repeat}.mission-resource-icon.wood{background-position:0 0}.mission-resource-icon.stone{background-position:-23px 0}.mission-stock-icon.shop-special-icon{width:23px;height:23px;margin:0;background-size:200% 100%;background-position:100% 0}.mission-stock-icon.shop-chest-art{width:23px;height:23px;background-size:92px 46px;background-position:-69px -23px}.mission-talent-art{display:block;width:72px;height:72px;margin:10px auto;background-size:200% 100%;background-position:0 0;border-radius:13px;filter:drop-shadow(0 0 12px #f3cf6e)}@keyframes mission-ready-pulse{to{box-shadow:0 0 23px #f5d56d;border-color:#fff1a4}}@keyframes mission-button-pulse{to{transform:translateY(-1px);box-shadow:0 0 13px #f5ce66}}
.talent-node.ready{border-color:#fff0a3;background:radial-gradient(circle at 35% 28%,#9d7629,#274126 72%);box-shadow:0 0 0 3px #172315,0 0 26px #f0cc6099;animation:talent-ready-pulse 1.1s ease-in-out infinite alternate}.talent-node.ready em{color:#fff1ad;font-weight:800}.main-stat.ready{border-color:#f2d06e;background:linear-gradient(135deg,#5b451e88,#182517);box-shadow:0 0 15px #e8bd5555}.main-stat.ready button{border:1px solid #ffe49a;background:linear-gradient(#8c6826,#4b3212);color:#fff2bb;animation:main-ready-pulse 1s ease-in-out infinite alternate}@keyframes talent-ready-pulse{to{box-shadow:0 0 0 3px #172315,0 0 36px #fff082}}@keyframes main-ready-pulse{to{transform:translateY(-1px);box-shadow:0 0 15px #f5d26a}}
.achievement-milestone .claim-ready{border:1px solid #ffe392;background:linear-gradient(#8b6725,#4a3213);color:#fff3b9;animation:mission-button-pulse 1s ease-in-out infinite alternate}.mission-gold-art{width:70px;height:70px;background-image:url('assets/fantasy-sprite-atlas.png');background-size:576px 384px;background-position:-304px -150px;background-repeat:no-repeat}.mission-gold-art.small{width:23px;height:23px;background-size:206px 138px;background-position:-109px -54px}.mission-chest-art.gold{width:24px;height:24px;background-image:url('assets/fantasy-sprite-atlas.png');background-size:230px 154px;background-position:-197px -5px;background-repeat:no-repeat}.market-actions{position:relative;z-index:50;overflow:visible;align-items:flex-start}.market-filters[open]>div{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:280px!important;min-width:280px!important;max-height:none!important;overflow:visible!important;margin-top:7px}.market-asset-sort{display:flex;align-items:center;gap:7px;margin:12px 0 3px}.market-asset-sort>span{margin-right:2px;color:#cbd6c6;font-size:11px}.market-asset-sort button{padding:6px 9px;border:1px solid #647b61;border-radius:7px;background:#152016;color:#d8e3d2;font-size:11px}.market-asset-sort button.active{border-color:#edcf76;background:#55401c;color:#fff0b5}.market-asset-sort i{margin-left:3px;color:#ffe18b;font-style:normal}
.talent-tree2{width:min(100%,650px)!important;aspect-ratio:1/1!important;min-height:0!important;height:auto!important;margin:-145px auto 0!important;place-items:stretch!important}.talent-tree2 img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:fill!important}.talent-tree2 .talent2-links{width:100%!important;height:100%!important}
.hero-portrait-bomber_healer,.hero-portrait[style*="--hero-row:6"]{background-image:url('assets/bomber-healer-portrait.png')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#102217!important}
.hero-passive{margin:7px 0 2px!important;padding:6px 8px!important;border:1px solid #75d99a!important;border-radius:7px!important;background:#153c2a!important;color:#baffe0!important;font-size:11px!important;line-height:1.25!important}
.talent-upgrade-result[data-skip-animation]{cursor:pointer}
.talent-tree2 .talent2-node{width:7.5%;height:auto;aspect-ratio:1;padding:0;box-sizing:border-box}
.purchase-confirm-modal .talent-purchase-confirm,.talent-purchase-modal .talent-purchase-confirm{display:block;width:100%;min-height:52px;margin:16px auto 8px;padding:14px 24px;border:1px solid #ffe2a0;border-radius:10px;background:linear-gradient(180deg,#f3d790,#b67a27);color:#241809;font-size:17px;font-weight:800;box-shadow:0 5px 16px #0006}
.purchase-confirm-modal .talent-purchase-confirm:hover,.talent-purchase-modal .talent-purchase-confirm:hover{filter:brightness(1.1)}
.codex-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.codex-slot{display:grid;gap:7px;padding:10px 0;border-top:1px solid #ffffff20}
#accountOverlay{z-index:1100}.google-login-slot{display:flex;justify-content:center;min-height:42px}
.facebook-login{display:block;width:100%;margin-top:10px;padding:11px;background:#1877f2;border-color:#1877f2;color:#fff;font-weight:700}.facebook-login:disabled{opacity:.5;cursor:not-allowed}
.account-coupon-reward{position:relative}.account-coupon-reward .pass-art{margin:0 auto}.account-coupon-reward .talent-close{background:#223025;color:#f4dfab}
.account-modal .account-audio{margin:16px 0;padding:14px;border:1px solid #71603a;border-radius:8px;background:#101810;text-align:left}
.account-audio h3{margin:0 0 14px;color:#e5c67e;font-size:14px;font-weight:600}
.account-audio-controls{display:grid;gap:16px}
.account-audio-volume{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px 10px;align-items:center;font-size:13px;color:#dce3d7}
.account-audio-volume output{text-align:right;font-variant-numeric:tabular-nums;color:#e5c67e}
.account-modal .account-audio input[type=range]{grid-column:1/-1;display:block;width:100%;height:20px;margin:0;padding:0;border:0;border-radius:0;background:transparent;accent-color:#d8b65b;cursor:pointer}
.account-audio-mute{display:flex;align-items:center;gap:9px;margin-top:16px;padding-top:12px;border-top:1px solid #394332;font-size:13px;color:#dce3d7;cursor:pointer}
.account-modal .account-audio input[type=checkbox]{width:16px;height:16px;flex:0 0 16px;margin:0;padding:0;accent-color:#d8b65b;cursor:pointer}
.account-audio input:focus-visible{outline:2px solid #d8b65b;outline-offset:3px}
.talent-tree2 .talent2-node.locked{opacity:.45;filter:grayscale(1)}
.talent-tree2 .talent2-node.ready{border-color:#ffe19b;box-shadow:0 0 14px #ffc954b0}
.talent-tree2 .talent2-node.complete{border-color:#75cf89;color:#a5efb3}
.talent-tree2{margin:max(-52px,-7vw) auto 0!important}
.talent-completed-modal>small{display:block;color:#a5efb3;font-weight:800;letter-spacing:2px}
.talent-completed-modal>p{margin:14px 0 0;color:#e8dba9;font-size:16px}
.talent-tree2>img{pointer-events:none}
.talent-tree2 .talent2-node{pointer-events:auto;touch-action:manipulation}
.talent-tree2-notice{margin:8px 0 12px;color:#d8c28d;font-size:13px;line-height:1.5}
.talent-cost-row .creature-essence-icon{width:28px;height:28px;flex:0 0 28px}
.hero-pagination{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 0;color:#ffe2a2}.hero-pagination button{min-width:36px;font-size:20px}.hero-pagination button:disabled{opacity:.35;cursor:default}
.roster-save-dialog{position:relative;width:min(360px,90vw)!important;padding:24px!important;min-height:0!important}.roster-save-dialog h2{font-size:20px;line-height:1.4;margin:6px 0 18px}.roster-save-dialog .actions{display:flex;justify-content:center;gap:10px}.roster-save-close{position:absolute;right:8px;top:6px;padding:2px 8px;background:none;border:0;font-size:24px}
.account-password-field{position:relative;width:100%}.account-modal .account-password-field input{padding-right:48px}.account-modal .account-password-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:34px;padding:7px;background:transparent;border:0;color:#d8b66d}.account-password-eye svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.account-forgot-password{background:transparent;border:0;color:#d8b66d;text-decoration:underline;padding:8px}
.talent2-node{display:flex!important;flex-direction:column;align-items:center;justify-content:center}.talent2-node strong{font:700 9px Georgia,serif;line-height:1.1;max-width:90%;overflow-wrap:anywhere}.talent2-node span{font-size:9px;color:#f6d98d;margin-top:3px}.limited-defeat-notice{width:min(460px,calc(100vw - 32px))!important;text-align:center}.limited-defeat-notice p{line-height:1.65}.limited-defeat-notice>small{display:block;margin-top:12px}
.passive-details-modal{position:relative;width:min(390px,calc(100vw - 32px));text-align:center;padding:32px 22px}.passive-details-modal .talent-close{position:absolute;right:10px;top:8px}.passive-details-modal p{line-height:1.6}
.shop-opening.rarity-suspense{position:relative;isolation:isolate;overflow:hidden;width:min(890px,calc(100vw - 32px));min-height:min(620px,82vh);box-sizing:border-box;display:grid;place-content:center;text-align:center;gap:22px;background:radial-gradient(ellipse at center,#20202b 0%,#090911 70%);border-color:#626272;padding:34px 20px;cursor:default;--gather-time:12000ms;--settle-time:2800ms;--climax-time:6000ms;--reveal-color:#ae00ff}
.rarity-energy{position:relative;width:340px;height:340px;margin:auto;display:grid;place-items:center;animation:rarity-intensify var(--gather-time) linear forwards}
.rarity-energy .rarity-light-core{position:absolute;display:block;margin:auto;width:240px;height:240px;border-radius:50%;color:#ae00ff;background:radial-gradient(circle,#fff 0%,#fff9 9%,currentColor 24%,transparent 70%);box-shadow:0 0 90px 14px currentColor;mix-blend-mode:screen;animation:rarity-colours var(--gather-time) linear forwards,rarity-gather var(--gather-time) ease-in forwards}
.rarity-halo,.rarity-ring{position:absolute;inset:0;display:block;border-radius:50%;color:#ae00ff;pointer-events:none;animation:rarity-colours var(--gather-time) linear forwards,rarity-halo-build var(--gather-time) ease-in forwards}
.rarity-halo{background:radial-gradient(circle,transparent 25%,currentColor 50%,transparent 72%);mix-blend-mode:screen}
.rarity-ring{inset:30px;border:2px solid currentColor;box-shadow:0 0 22px currentColor,inset 0 0 22px currentColor}
.rarity-suspense::before{content:"";position:absolute;z-index:-1;inset:-100%;color:#ae00ff;background:repeating-conic-gradient(from 0deg,transparent 0deg 20deg,currentColor 22deg 26deg,transparent 28deg 40deg);mix-blend-mode:screen;animation:rarity-colours var(--gather-time) linear forwards,rarity-rays var(--gather-time) ease-in forwards}
.rarity-suspense.is-revealing.rarity-epic{--reveal-color:#ae00ff}
.rarity-suspense.is-revealing.rarity-legendary{--reveal-color:#ffcf00}
.rarity-suspense.is-revealing.rarity-mythic{--reveal-color:#ff1644}
.rarity-suspense.is-climax .rarity-light-core{animation:rarity-fast-colours .6s linear infinite,rarity-gather var(--gather-time) ease-in forwards,rarity-preburst-pulse .48s ease-in-out infinite}.rarity-suspense.is-climax .rarity-halo,.rarity-suspense.is-climax .rarity-ring{animation:rarity-fast-colours .6s linear infinite,rarity-halo-build var(--gather-time) ease-in forwards}.rarity-suspense.is-climax::before{animation:rarity-fast-colours .6s linear infinite,rarity-rays var(--gather-time) ease-in forwards}.rarity-suspense.is-climax .rarity-sparks{animation:rarity-fast-colours .6s linear infinite,rarity-intensify var(--gather-time) linear forwards}.rarity-suspense.is-climax .rarity-light-core::after{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#fff 10%,#fffc 30%,transparent 70%);box-shadow:0 0 65px #fff8;animation:rarity-white-build var(--climax-time) ease-in forwards}.rarity-suspense.is-climax .rarity-sparks i{animation-duration:.36s}@keyframes rarity-fast-colours{0%,10%,100%{color:#ae00ff}33.333%,43.333%{color:#ffcf00}66.667%,76.667%{color:#ff0008}}@keyframes rarity-preburst-pulse{0%,100%{scale:.94;filter:brightness(.9)}50%{scale:1.22;filter:brightness(1.7)}}@keyframes rarity-white-build{0%{opacity:0;transform:scale(.5)}65%{opacity:.45;transform:scale(.9)}100%{opacity:.9;transform:scale(1.5)}}
.rarity-suspense.is-revealing .rarity-energy{animation:rarity-calm var(--settle-time) ease-out forwards}
.rarity-suspense.is-revealing .rarity-light-core{background:radial-gradient(circle,currentColor 0%,currentColor 24%,transparent 70%);mix-blend-mode:normal;animation:rarity-resolve-colour var(--settle-time) ease-out forwards,rarity-burst var(--settle-time) ease-out forwards}
.rarity-suspense.is-revealing .rarity-halo,.rarity-suspense.is-revealing .rarity-ring{animation:rarity-resolve-colour var(--settle-time) ease-out forwards,rarity-halo-burst var(--settle-time) ease-out forwards}
.rarity-suspense.is-revealing::before{animation:rarity-resolve-colour var(--settle-time) ease-out forwards,rarity-burst-rays var(--settle-time) ease-out forwards}
/* Each complete cycle gives all three colours equal hold and transition time. */
@keyframes rarity-colours{0%,13%{color:#ae00ff}15%,28%{color:#ffcf00}30%,43%{color:#ff0008}45%,53%{color:#ae00ff}55%,63%{color:#ffcf00}65%,73%{color:#ff0008}75%,76%{color:#ae00ff}78%,79%{color:#ffcf00}81%,82%{color:#ff0008}84%,84.5%{color:#ae00ff}86.5%,87%{color:#ffcf00}89%,89.5%{color:#ff0008}91.5%,92%{color:#ae00ff}93.5%,94%{color:#ffcf00}95.5%,96%{color:#ff0008}97.5%,100%{color:#fff}}
@keyframes rarity-gather{0%{transform:scale(.3);opacity:.25}45%{transform:scale(.6);opacity:.5}70%{transform:scale(1);opacity:.7}87%{transform:scale(1.55);opacity:.9}100%{transform:scale(2.2);opacity:1}}
@keyframes rarity-halo-build{0%{transform:scale(.55);opacity:.12}45%{transform:scale(.8);opacity:.3}75%{transform:scale(1.3);opacity:.55}100%{transform:scale(1.9);opacity:.85}}
@keyframes rarity-rays{0%{transform:rotate(-40deg) scale(.45);opacity:.07}70%{transform:rotate(10deg) scale(.8);opacity:.24}100%{transform:rotate(95deg) scale(1.15);opacity:.46}}
@keyframes rarity-intensify{0%{filter:brightness(.75) saturate(1.1)}50%{filter:brightness(1) saturate(1.2)}80%{filter:brightness(1.55) saturate(1.35)}94%{filter:brightness(2.4) saturate(.9)}100%{filter:brightness(3) saturate(.3)}}
@keyframes rarity-resolve-colour{0%{color:#fff}40%,100%{color:var(--reveal-color)}}
@keyframes rarity-calm{0%{filter:brightness(3) saturate(.3)}40%,100%{filter:brightness(1.2) saturate(1.3)}}
@keyframes rarity-burst{0%{transform:scale(2.2);opacity:1}12%{transform:scale(3.2);opacity:1}45%{transform:scale(.3);opacity:1;animation-timing-function:linear}96%{opacity:1}100%{transform:scale(4.8);opacity:0}}
@keyframes rarity-halo-burst{0%{transform:scale(1.9);opacity:.85}12%{transform:scale(2.8);opacity:.85}45%{transform:scale(.55);opacity:.65;animation-timing-function:linear}96%{opacity:.65}100%{transform:scale(4.2);opacity:0}}
@keyframes rarity-burst-rays{0%{transform:rotate(95deg) scale(1.15);opacity:.32}12%{transform:rotate(110deg) scale(1.8);opacity:.4}45%{transform:rotate(125deg) scale(.45);opacity:.15;animation-timing-function:linear}96%{opacity:.35}100%{transform:rotate(175deg) scale(2.8);opacity:0}}
.rarity-suspense.is-revealing .rarity-energy::before{content:"";position:absolute;inset:-35%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0%,#ffffffb3 32%,transparent 72%);animation:rarity-white-wash var(--settle-time) ease-out forwards}@keyframes rarity-white-wash{0%{opacity:0;transform:scale(.7)}12%{opacity:.7;transform:scale(1.4)}35%{opacity:0;transform:scale(1.8)}100%{opacity:0;transform:scale(2)}}
@media(prefers-reduced-motion:reduce){.rarity-suspense.is-revealing .rarity-energy::before{display:none}}
.rarity-skip{position:absolute;right:18px;bottom:18px;z-index:5;padding:9px 22px;min-height:44px;background:#17231eee;color:#f5e6bb;border:1px solid #a88b51;border-radius:8px;cursor:pointer}.rarity-skip[hidden]{display:none}.rarity-skip:hover,.rarity-skip:focus-visible{background:#304238;outline:2px solid #d5b669;outline-offset:2px}
.rarity-sparks{position:absolute;inset:0;pointer-events:none;color:#ae00ff;mix-blend-mode:screen;animation:rarity-colours var(--gather-time) linear forwards,rarity-intensify var(--gather-time) linear forwards}.rarity-sparks i{position:absolute;display:block;left:var(--spark-x);top:var(--spark-y);width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 10px 3px currentColor,0 0 24px currentColor;animation:rarity-twinkle 1.15s ease-in-out infinite;animation-delay:var(--spark-delay)}.rarity-sparks i:nth-child(4n){width:12px;height:12px;background:linear-gradient(transparent 40%,currentColor 40% 60%,transparent 60%),linear-gradient(90deg,transparent 40%,currentColor 40% 60%,transparent 60%);border-radius:0}.rarity-suspense.is-revealing .rarity-sparks{animation:rarity-resolve-colour var(--settle-time) ease-out forwards,rarity-calm var(--settle-time) ease-out forwards}@keyframes rarity-twinkle{0%,100%{opacity:.15;transform:scale(.65) translateY(5px)}50%{opacity:.95;transform:scale(1.15) translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.rarity-sparks,.rarity-sparks i{animation:none!important;filter:none;opacity:.2}.rarity-suspense.is-revealing .rarity-sparks{color:var(--reveal-color)}}
@media(max-width:480px){.rarity-energy{width:235px;height:235px}.rarity-energy .rarity-light-core{width:170px;height:170px}.shop-opening.rarity-suspense{min-height:min(470px,82vh);padding:24px 12px;gap:16px}}
@media(prefers-reduced-motion:reduce){.rarity-energy,.rarity-suspense::before,.rarity-light-core,.rarity-halo,.rarity-ring{animation:none!important;filter:none!important}.rarity-suspense::before{opacity:.08}.rarity-light-core{opacity:.5}.rarity-halo,.rarity-ring{opacity:.2}.rarity-suspense.is-revealing .rarity-light-core,.rarity-suspense.is-revealing .rarity-halo,.rarity-suspense.is-revealing .rarity-ring{color:var(--reveal-color)}}
/* Summon card rarity glow is separate from the quality of each weapon stat. */
.summon-reward-results .hero-open-results>div{position:relative;isolation:isolate}
.summon-reward-results .hero-open-results>div.rarity-epic{--reward-glow:#c86cff}
.summon-reward-results .hero-open-results>div.rarity-legendary{--reward-glow:#ffcb42}
.summon-reward-results .hero-open-results>div.rarity-mythic{--reward-glow:#ff3458}
.summon-reward-results .hero-open-results>div:is(.rarity-epic,.rarity-legendary,.rarity-mythic){box-shadow:inset 0 0 18px color-mix(in srgb,var(--reward-glow) 30%,transparent),0 0 10px 2px color-mix(in srgb,var(--reward-glow) 70%,transparent),0 0 25px 4px color-mix(in srgb,var(--reward-glow) 40%,transparent)}
.summon-reward-results .hero-open-results>div:is(.rarity-epic,.rarity-legendary,.rarity-mythic)::before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 22px var(--reward-glow);opacity:.32;animation:summon-result-glow 2.8s ease-in-out infinite alternate}
.summon-reward-results .hero-open-results>div>i,.summon-reward-results .hero-open-results>div>b,.summon-reward-results .hero-open-results>div>span{position:relative;z-index:1}
.summon-reward-results .summon-weapon-stat{font-style:normal;text-shadow:none}
.summon-reward-results .stat-rarity-common{color:#cfd4d7}.summon-reward-results .stat-rarity-uncommon{color:#67d98d}.summon-reward-results .stat-rarity-rare{color:#6ab7ff}.summon-reward-results .stat-rarity-epic{color:#cb8dff}.summon-reward-results .stat-rarity-legendary{color:#f0c86d}.summon-reward-results .stat-rarity-mythic{color:#ff566f}
@keyframes summon-result-glow{from{opacity:.2}to{opacity:.6}}
@media(prefers-reduced-motion:reduce){.summon-reward-results .hero-open-results>div::before{animation:none}}
