/* ECLIPSE / Astral interface — shared visual system across player and DEV screens. */
:root{--bg:#090e1b;--panel:#111a2c;--panel2:#19243b;--line:#9bbce51c;--muted:#9caac4;--lavender:#c5b9ff;--purple:#9b83f5;--gold:#f1c787;--green:#8be0c5;--radius:18px;color:#edf2ff;background:var(--bg);font-family:'Leelawadee UI','Segoe UI',Tahoma,sans-serif;font-size:14px;color-scheme:dark}
body{background:radial-gradient(ellipse at 80% 0,#50498116,transparent 50%),radial-gradient(ellipse at 0 70%,#247a8110,transparent 45%),#090e1b}*{scrollbar-width:thin;scrollbar-color:#465376 #0c1220}::selection{background:#aa95f566;color:#fff}button,input,select,textarea{font:inherit}button:disabled{opacity:.42;filter:saturate(.4)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #b8dfff;outline-offset:3px}a:hover{color:#cbd6ff}h1,h2,h3{color:#edf2ff;letter-spacing:-.025em}h1{font-weight:700}p{line-height:1.85;color:#9caac4}textarea{line-height:1.7}small{line-height:1.5}.eyebrow{color:#9aa8d2;letter-spacing:2.2px;font-size:10px}.icon{stroke-width:1.6}
.sidebar{width:232px;padding:24px 14px 15px;background:linear-gradient(165deg,#151d32f7,#0d1424 65%);border-right:1px solid #a8c4ff13;box-shadow:12px 0 60px #00000013}.brand{padding:0 12px 24px;gap:9px}.brand>span:last-child{font-size:25px;color:#f3e6c6;letter-spacing:4px}.brand small{color:#8796b6;font-size:9px}.brand-moon{color:#dfbc86;filter:drop-shadow(0 0 12px #dfbc8655)}.side-label{display:none}.sidebar nav{flex:1;min-height:0;overflow:auto;gap:3px;padding:0 3px 12px}.nav-group-label{padding:18px 11px 7px;letter-spacing:2px;color:#657495;font-size:9px}.nav-group-label:first-child{padding-top:3px}.nav-item{min-height:40px;padding:9px 12px;border:1px solid transparent;border-radius:10px;color:#a4b0c9;font-size:12px;gap:11px}.nav-item .icon{width:17px;height:17px;opacity:.9}.nav-item.active{color:#e5dcff;background:linear-gradient(100deg,#9578e229,#777bed0a);border-color:#b59cf32d;box-shadow:inset 0 1px 0 #ffffff08}.nav-item.active:before{height:18px;width:3px;left:0;background:#baa4ff;box-shadow:0 0 13px #baa4ff55}.nav-item:hover{background:#b5caff0a;color:#fff;border-color:#a9bcec18}.nav-item:last-child{margin-top:0}.nav-item small{color:#dac091;border:1px solid #b6a57233;background:#b6a57212;border-radius:4px}.sidebar-bottom{padding:12px 9px 0;margin-top:0;border-top:1px solid #a4bbdf13}.local-status{padding:0 0 9px;margin-bottom:10px;color:#8293b1;font-size:8px}.profile-avatar{width:36px;height:40px;overflow:hidden;border-radius:10px;border-color:#bdb2e452}.profile strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xp-track{background:#5f6b8720;height:4px}.xp-track i{background:linear-gradient(90deg,#8775d8,#c3adff)}.xp-caption{color:#97a4c2}.xp-caption span{color:#7888a7}.settings-button{margin-top:11px;padding-top:10px;color:#91a1bf;font-size:11px}
.main-shell{margin-left:232px}.topbar{min-height:76px;height:auto;padding:16px 28px;gap:18px;flex-wrap:wrap;background:#0d1525e8;border-bottom:1px solid #a4bbdf13;backdrop-filter:blur(18px)}.breadcrumb{gap:10px;color:#7d8cac;font-size:11px}.breadcrumb strong{color:#c7d4ec}.currencies{gap:8px;margin-left:auto;flex-wrap:wrap}.currencies>span{height:36px;padding:0 11px;background:#1821399c;border:1px solid #a5bad51a;border-radius:9px;font-size:12px;box-shadow:inset 0 1px 0 #ffffff04}.currencies b{font-weight:600;font-size:12px;color:#edf1fc}.currencies>span .icon{width:16px;height:16px}.currencies button:not(.icon-btn){border:1px solid #d2deff22;border-radius:5px;width:20px;height:20px;background:#a4b6d910}.currencies .bath-currency{background:#16332860;border-color:#63c38a30}.help-button{border:0;padding:8px}.account-control{font-size:10px!important;color:#9ba9c8!important;background:#1b253b!important;border:1px solid #b4c5e421!important;border-radius:8px!important;padding:9px 12px!important}.cloud-state{color:#8fe4be}.energy-bar{background:linear-gradient(90deg,#101b2f,#101829);border-color:#a4bbdf0f;padding:10px 28px;gap:10px}.energy-chip{border-radius:9px;background:#19243a;border-color:#9fb8df20;box-shadow:none}.energy-chip b{font-variant-numeric:tabular-nums}.energy-note{color:#7082a4;letter-spacing:1px;font-size:9px}
.page{max-width:1640px;padding:30px 28px 40px}.page-heading{margin-bottom:24px;gap:20px}.page-heading .eyebrow{font-size:9px;color:#9bace0;letter-spacing:2.5px;margin-bottom:8px}.page-heading h1{font-size:clamp(25px,2.2vw,34px);font-weight:700;line-height:1.4}.page-heading p{font-size:12px;max-width:780px;color:#91a2be}.realm-tag,.pill{background:#9c87d50d;border:1px solid #b1bce629;border-radius:7px;color:#c7c5ee;font-size:10px;padding:5px 9px}.section-title{margin-bottom:18px}.section-title h2{font-size:18px}.section-title h2 span{font-size:9px;letter-spacing:2px;color:#7385a7}.panel,.dev-card,.dev-banner,.dev-global,.shop-card,.dungeon-card,.item-detail,.arena-empty{background:linear-gradient(135deg,#172239ee,#10192bee);border:1px solid #afc6eb1b;border-radius:var(--radius);box-shadow:0 10px 28px #00000014,inset 0 1px 0 #d2e3ff05}.panel h2,.panel h3{color:#e6eefe}.panel>p{margin-top:8px}.btn{border-radius:9px;min-height:42px;padding:10px 17px;font-weight:600;font-size:12px;letter-spacing:.1px;line-height:1.5}.btn.primary{background:linear-gradient(115deg,#d8c8ff,#b6a1f5);color:#211b3c;border:1px solid #e8daff80;box-shadow:0 3px 16px #8b76db20,inset 0 1px 0 #ffffff66}.btn.primary:hover:not(:disabled){background:linear-gradient(115deg,#e9dcff,#cab8ff);box-shadow:0 5px 22px #a998ee30;transform:translateY(-1px)}.btn.secondary{background:linear-gradient(130deg,#26314a80,#18233880);border-color:#bfd0f02b;color:#cedcf4}.btn.secondary:hover:not(:disabled){background:#32405b;border-color:#b7bdfb6b}.btn.ghost{color:#90a1bf}.text-btn{color:#b5b9f3;font-size:12px}.btn.danger{color:#ffadc0;border-color:#e477923d;background:#82375120}.mini-btn{border-radius:8px;background:#b6a0eb20;border:1px solid #c5b5f442;color:#e0d0ff}.btn.active{background:#aa90ff1c;color:#e0d4ff;border-color:#bc9ffb66}
input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:42px;background:#0c1526!important;color:#e0eafa!important;border:1px solid #8299c433!important;border-radius:9px!important;padding:10px 12px!important;box-shadow:inset 0 2px 5px #0002;max-width:100%}input::placeholder,textarea::placeholder{color:#687d9e}input:focus,select:focus,textarea:focus{border-color:#b8a6ed99!important;background:#111d32!important}label{color:#aebfda;font-size:12px;line-height:1.65}input[type=checkbox]{accent-color:#bca4ff;width:16px;height:16px}details{border:1px solid #9bb8dc1c;border-radius:10px;padding:12px 14px;background:#0c15273b}summary{cursor:pointer;color:#beccea;font-size:12px;line-height:1.6}details[open] summary{margin-bottom:12px}.filter-tabs,.inventory-filters{gap:7px;flex-wrap:wrap}.filter-tabs button{border-radius:8px;padding:9px 15px;border:1px solid #a9bbdc22;color:#9eafcf;background:#152139}.filter-tabs button.active,.filter-tabs .btn.active{background:#af92f624;border-color:#bca0f764;color:#e1d5ff}
.hero-banner{min-height:350px;border-radius:22px;border:1px solid #c1b2e035;box-shadow:0 14px 45px #0003;isolation:isolate}.hero-banner .banner-copy{padding:40px}.hero-banner .banner-copy h2{font-size:clamp(32px,3vw,46px);font-weight:650;line-height:1.4;letter-spacing:-1px}.banner-copy h2 span{color:#dec595}.chapter-chip{border-color:#c5b49042;background:#c5b49010;color:#e8d5ab}.banner-copy p{color:#b5bdd3}.banner-copy .btn{margin-top:24px}.banner-shade{background:linear-gradient(90deg,#0e1425fa,#111a2eb0 45%,#19213b22)}.home-grid{gap:24px;margin-top:30px}.home-links{gap:16px;margin-top:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-links>button{padding:23px;border-radius:16px;background:linear-gradient(115deg,#192740,#121c2f);border:1px solid #acc3e927;box-shadow:inset 0 1px 0 #d3e2ff05}.home-links>button:hover{border-color:#b8a6ef66;transform:translateY(-2px)}.home-links strong{color:#dce8fa}.home-links small{color:#8e9fc2}.feature-icon{border-radius:14px;background:#9884da17;border:1px solid #ab9bdc30}.journey-panel{background:linear-gradient(145deg,#1c263b,#121b2c);border:1px solid #b7c5dd20;border-radius:18px;padding:22px}.next-stage{border-color:#b2c4e526}.stage-number{color:#e1cda7}.daily-box{border-radius:12px;background:#c6a5ef09;border:1px solid #b5a4df20}.party-loadout-card{border-radius:14px;border-color:#b0bce633;box-shadow:0 8px 24px #0003;transition:transform .2s,border-color .2s}.party-loadout-card:hover{transform:translateY(-3px);border-color:#cdbaf27a}.card-loadout{background:linear-gradient(150deg,#212c45,#121d30);padding:10px}.card-gear-grid button{border-color:#bfd0f22e;background:#0e1728;border-radius:6px}.card-weapon{background:#d2b17c0a;border-color:#d2b17c3b;border-radius:7px;padding:7px}.card-weapon strong{color:#e6d6b5}.card-gear-grid small{color:#a7b5d0}.team-summary{color:#9eafca;border-color:#a5b9dc20;border-radius:10px}.empty-card{border-radius:14px;border:1px dashed #96abcf38;background:#14203a55;color:#8da3c7}
.hero-card{border-radius:14px;border-color:#c3b7e13d;box-shadow:0 7px 20px #0002;overflow:hidden}.hero-card:hover{box-shadow:0 10px 28px #0004}.hero-card.selected{border-color:#ddc593;box-shadow:0 0 0 2px #ddc59333}.card-bottom{background:linear-gradient(transparent,#11182cc9 18%,#0c1425f2)}.rarity{font-family:'Segoe UI',sans-serif;font-weight:750;letter-spacing:1px;border-radius:4px;padding:3px 6px}.hero-details,.hero-detail,.hero-info{border-radius:18px}.stat-grid>div,.stats-grid>div{background:#0b15264d;border:1px solid #a8c0e619;border-radius:9px}.skill-detail,.skill-card{background:#0f1a2e;border:1px solid #9bb4da25;border-radius:12px}.deployment-heading{background:linear-gradient(90deg,#26324c,#19233b);border-color:#a9bee72a;border-radius:16px 16px 0 0}.team-3d-stage{border-color:#a9bee72a;border-radius:0 0 16px 16px;box-shadow:inset 0 0 80px #121a3560}.deployment-name{background:linear-gradient(90deg,#121d30dc,#202d48ee,#121d30dc);border-color:#c8c0e645;border-radius:10px}.deployment-roster{background:#111c30;border-color:#b1c3e52b;border-radius:16px}.deployment-synergy{background:#afa1e808;border-color:#c5b7ef22;color:#bcbee2;border-radius:10px}.armory-panel,.equipment-picker{border-radius:16px}.gear-slot,.armory-slot{border-radius:10px;border-color:#a5b7dc2e}.wardrobe-stage{border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#7554bd22,transparent 65%),#131d30}.wardrobe-card{overflow:hidden;border-color:#bfaade30}.wardrobe-card h3{font-size:14px}.wardrobe-slots{padding:20px;border-radius:14px}.wardrobe-collection-heading{font-size:18px;margin-top:25px}.wardrobe-caption{background:linear-gradient(transparent,#0d172ce6);padding:20px}
.stage-card,.chapter-card,.dungeon-card{border-radius:14px;border-color:#a9c2e72b;background:linear-gradient(135deg,#1e2a42,#121c30);box-shadow:0 8px 24px #0002}.stage-card:hover:not(:disabled){border-color:#bdadf066}.stage-card.cleared{border-color:#8ae1be42}.chapter-nav button,.chapter-tab{border-radius:10px}.story-map{border-radius:20px}.arena{border:1px solid #9dbaf52b;border-radius:19px;overflow:hidden;box-shadow:0 16px 48px #0003}.initiative{background:linear-gradient(90deg,#1b2741,#152035);border-bottom:1px solid #a7bfec20;padding-block:16px}.initiative-unit .portrait{border-radius:8px}.initiative-unit.now{box-shadow:0 0 0 2px #e0c28c66}.battle-heading h1{font-size:26px}.battle-toggles .btn{min-height:35px;padding:7px 13px;font-size:11px}.anime-battle-stage{min-height:540px}.anime-unit-info{background:linear-gradient(transparent,#0e172bea 45%);border:1px solid #8ba3d216;border-top:0;padding:7px 4px 5px}.anime-unit.acting .anime-unit-info{border-color:#debf8755}.anime-unit.selected .anime-unit-info{border-color:#8bcff577}.anime-unit-status{display:flex;justify-content:center;flex-wrap:wrap;gap:3px;font-size:8px;color:#d7b8ff}.anime-unit-status span{background:#18223dd9;border:1px solid #b1a6dc33;padding:1px 4px;border-radius:4px}.anime-unit .mana-track{height:2px;background:#282942;margin:1px 9px}.anime-unit .mana-track i{display:block;height:100%;background:#a897ff}.arena-caption{background:#101a2e;color:#94a7c7;border-top:1px solid #aec7ec19}.combat-panel{border:1px solid #b5c3e629;border-radius:16px;background:linear-gradient(110deg,#1d2942,#111d32);padding:20px;box-shadow:0 12px 36px #0002}.combat-actions{gap:8px}.combat-action{position:relative;border-radius:12px;background:linear-gradient(145deg,#2a3654,#172239);border:1px solid #bccaea2e;box-shadow:inset 0 1px 0 #f1efff08;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}.combat-action:hover:not(:disabled){transform:translateY(-3px);border-color:#c4b6fc90;box-shadow:0 5px 20px #9a82ef22}.combat-action.selected{border-color:#e5ca95;background:linear-gradient(145deg,#443c51,#23263b);box-shadow:0 0 0 1px #e5ca9533,0 0 22px #d8b37317}.combat-action[data-kind=ultimate]{border-color:#f0c27a50;background:linear-gradient(145deg,#49384c,#252338)}.combat-action .skill-art{border-radius:9px;box-shadow:0 2px 9px #0005;border:1px solid #fff2}.combat-action strong{font-size:11px;color:#e2e9f8}.combat-action small{font-size:9px;color:#9aaac6}.combat-action kbd{background:#0c1625;border:1px solid #bac9e933;border-radius:4px;color:#b4c2df;font-size:9px}.battle-log{background:#0e192b;border:1px solid #b2c5e81c;border-radius:14px}.battle-log>div{border-bottom-color:#bed2ef0d}.ultimate-cutin{background:linear-gradient(100deg,#161d36f7,#454066e6,transparent)}
.arena-opponent,.opponent-card,.pvp-opponent{background:linear-gradient(135deg,#21304a,#131e33);border-color:#acbee52d;border-radius:16px}.leaderboard,.pvp-leaderboard{border-radius:16px;overflow:hidden}.leaderboard table,.pvp-leaderboard table,table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th{text-align:left;font-size:10px;letter-spacing:.4px;color:#92a6c6;background:#111c30}td,th{padding:12px 10px;border-bottom:1px solid #aec4e918}td{font-size:12px;color:#c4d3eb}tbody tr:hover{background:#b4c6f007}.arena-rank,.rank-badge{border-radius:12px}.weekly-rewards{border-color:#e4c18b2e;border-radius:14px}.raid-room{position:relative;overflow:hidden}.raid-room:before{content:'';position:absolute;top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,#c594e2,transparent)}.event-card{border-radius:20px;background:radial-gradient(ellipse at 15% 40%,#754bb932,transparent 60%),linear-gradient(135deg,#20233c,#111d31);border-color:#be9ceb30}.event-boss-art{filter:drop-shadow(0 0 25px #866de21a)}.event-milestones>div{background:#0b142738;border-color:#b2b5dd24;border-radius:10px}.event-milestones .claimed{background:#63bd9e10;border-color:#83dabc45}.raid-health{height:10px;border:1px solid #db92b136}.community-row{border-color:#b2c5e31a}.ticket-message{background:#111d32;border-color:#b5c9ea16;border-radius:12px;padding:16px}.ticket-message.admin{background:#a586e30d;border-color:#baa0ee33}.support-ticket{border-radius:16px}.ticket-messages{scrollbar-gutter:stable}.community-form label{display:grid;gap:7px}.community-form .extension-form{gap:14px}.admin-user .extension-form{margin-top:0}.admin-user-search,#admin-user-search{width:100%;margin:18px 0}
.summon-banner,.gacha-banner,.weapon-banner{border-radius:20px;overflow:hidden;border-color:#baa4e342;box-shadow:0 12px 40px #0003}.summon-options{border-radius:16px;background:#101b30}.banner-tabs button{border-radius:10px}.shop-card{padding:22px;transition:transform .2s,border-color .2s}.shop-card:hover{transform:translateY(-2px);border-color:#baa6ef66}.illustrated-box{border-radius:19px;border-color:#b9a6e639;background:linear-gradient(150deg,#272742,#131e33);box-shadow:0 12px 32px #0003}.chest-cover{height:230px}.chest-cover:after{background:linear-gradient(transparent 40%,#24253e)}.box-content{padding:23px}.box-content h3{font-size:20px}.box-prize-preview{gap:7px}.reward-prize{border-radius:10px;border-color:#a6b1d62b;border-bottom-width:3px;background:linear-gradient(150deg,#24314d,#152036)}.reward-prize.tier-5{border-bottom-color:#f4cb87;background:linear-gradient(150deg,#453747,#1a2339)}.reward-prize.tier-4{border-bottom-color:#c6a1ff}.box-odds-summary span{background:#0e192d;border:1px solid #a0b4d719;border-radius:8px}.box-odds-summary b{font-size:20px;color:#e6d3a6}.box-all-rates{background:#0e182a66;max-height:320px}.box-all-rates th,.box-all-rates td{font-size:10px}.redeem-panel{border-color:#c3a6ef35;background:radial-gradient(ellipse at 10% 0,#68548830,transparent 65%),#142039;border-radius:17px}.redeem-panel .eyebrow{color:#d5bcf2}.case-reel{border-radius:12px;border-color:#b6a2e84a;background:#081222;box-shadow:inset 0 0 35px #0005}.case-marker{filter:drop-shadow(0 0 8px #f4d69b66)}
.inventory-tile{border-radius:12px;border-color:#9bb3db29;background:linear-gradient(145deg,#1d2b45,#121e33);box-shadow:inset 0 1px 0 #d5e5ff06}.inventory-tile:hover{border-color:#bfa9f66b;transform:translateY(-2px)}.inventory-tile.selected{border-color:#d0b5fd;box-shadow:0 0 0 1px #bd9eed33,0 0 22px #9981d912}.inventory-tile strong{font-size:11px;color:#d5dff2}.inventory-tile small{color:#91a4c5}.inventory-grid{gap:12px}.item-detail{padding:24px;position:sticky;top:20px;align-self:start;max-height:85vh;overflow:auto}.item-detail h2{font-size:20px}.main-affix{background:#baa0e912;border:1px solid #bea8eb2e;border-radius:9px;padding:14px}.sub-affixes>div{border-bottom-color:#a9bcdf1f}.mail-card,.mail-item{border-radius:14px;border-color:#b1c5e328;background:linear-gradient(130deg,#1c2a43,#121d31)}.mail-card.claimed,.mail-item.claimed{opacity:.65}.market-card,.listing-card{border-radius:16px;border-color:#9abbdc30;background:linear-gradient(150deg,#1e3043,#121d32)}.market-credit,.market-wallet{background:#548d6910;border:1px solid #80b98a35;border-radius:12px;color:#a4e4b5}.profile-panel,.profile-card{border-radius:20px}.avatar-option{border-radius:11px;overflow:hidden}.history-row{border-bottom-color:#afc2e61a}
.dev-tabs{position:sticky;top:0;z-index:12;display:flex;gap:8px;flex-wrap:wrap;padding:12px 0 18px;background:linear-gradient(#0b1220f5,#0b1220eb);backdrop-filter:blur(12px);margin-bottom:8px}.dev-tabs .btn{min-height:40px;font-size:12px}.dev-root{padding:0;border:0}.dev-heading{padding:25px;background:linear-gradient(130deg,#262b45,#17233a);border:1px solid #c2afe63a;border-radius:18px}.dev-card,.dev-global,.dev-banner{padding:22px}.dev-tools-grid{gap:18px}.dev-tools-grid>.simple-box-editor{grid-column:1/-1;padding:24px;background:#101c31;border:1px solid #c4a5ef3d;border-radius:16px}.simple-box-editor h3{font-size:21px;margin-bottom:18px}.simple-box-editor h4{margin:15px 0 6px;color:#c4cbe6}.simple-box-editor .code-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.reward-editor{background:#0a142545;border-color:#b09ad936;border-radius:12px;padding:18px}.reward-editor-row,.dev-tools-grid .reward-editor-row{grid-template-columns:minmax(100px,.65fr) minmax(170px,1.5fr) 85px 100px 36px;gap:10px;align-items:start;padding:13px;background:#1b284155;border:1px solid #b3c7e319;border-radius:10px}.reward-editor[data-weighted=false] .reward-editor-row{grid-template-columns:minmax(100px,.6fr) minmax(180px,1.5fr) 90px 36px}.reward-editor-row button{margin-top:26px;min-height:40px}.reward-editor-row .item-art{width:46px;height:50px;margin:8px 0 0}.reward-percent{display:block;color:#9ec7da;font-size:10px;margin-top:7px}.reward-weight-total{margin-top:12px;padding:12px;background:#a5c5db08;color:#d8d1f1!important;border-radius:8px;font-size:13px!important}.dev-box-list article{border-color:#b4bde32a;background:#15213a77;border-radius:10px;padding:16px}.dev-box-list{gap:10px}.dev-item-fields,.dev-fields{gap:13px}.expansion-panel{padding:25px;margin:20px 0}.expansion-panel>h2{margin:8px 0 20px}.dev-grant-history{background:#0b172944;border-radius:12px;padding:15px}.dev-grant-history div{border-color:#bfd0ed18}.code-list article{border-color:#b6c5e426}.code-list strong{color:#e2c994}.code-list small{color:#9caed0}.admin-user-list{background:#0b14273b;border:1px solid #aec3e521;border-radius:12px;padding:0 16px}.dev-notice{border-color:#d3b67e33;background:#b4924a0c;border-radius:10px}
.modal-backdrop{background:#040912c9;backdrop-filter:blur(12px)}.modal{background:linear-gradient(135deg,#1c2942,#101a2f);border:1px solid #b8c6ee38;border-radius:22px;box-shadow:0 30px 100px #0009;max-height:90vh}.modal-body{padding:32px}.modal-body h2{font-size:25px;margin-bottom:12px}.modal-body>p{color:#a8b6d0;font-size:13px}.modal-close{border:1px solid #b9c9e32c;background:#12203acc;border-radius:9px;width:34px;height:34px;z-index:20}.modal-actions{gap:10px;flex-wrap:wrap;margin-top:25px}.hero-viewer-modal{padding:28px}.hero-preview-actions{gap:10px;margin-top:18px}.hero-preview-actions .btn{min-height:65px;background:linear-gradient(135deg,#293753,#17233b);border-color:#b0c4e831}.hero-preview-actions .ultimate{border-color:#f0c27855}.hero-preview-actions small{color:#a2b3d2;font-size:9px;letter-spacing:1px}.hero-2d-preview{border:1px solid #a9c4ed2e;border-radius:15px}.battle-result .result-emblem{color:#e7c894}.victory-rewards{border-color:#ccb78336;background:#dac28608;border-radius:13px}.stage-modal-art{border-radius:21px 21px 0 0}.toast{background:#1a2941f5;border:1px solid #b3c7eb40;border-left:3px solid #99dcbd;border-radius:11px;box-shadow:0 8px 32px #0005;color:#e1ecff;backdrop-filter:blur(12px)}.toast.error{border-left-color:#f39cb2}.pending-command{border:1px solid #e5bf753f;border-radius:11px;background:#b48d4410;color:#dec798;padding:14px 18px;margin-bottom:18px}.auth-screen{background:radial-gradient(ellipse at 90% 20%,#76639a25,transparent 55%),#0a1120;min-height:100vh}.auth-art{border-right:1px solid #adbdda26;background-position:center;background-size:cover}.auth-art:after{background:linear-gradient(0deg,#0b1227ed,transparent 85%)}.auth-art-copy h1{font-size:clamp(54px,6.5vw,96px);letter-spacing:12px;font-weight:400;color:#f3e5c7;text-shadow:0 5px 30px #0007}.auth-art-copy p{color:#c2cbe2;font-size:17px;line-height:1.9}.auth-art-copy .eyebrow{color:#dac697;letter-spacing:4px}.auth-card{background:linear-gradient(145deg,#1d2942e8,#111b2edb);border:1px solid #b6c6e72e;border-radius:23px;padding:40px;box-shadow:0 20px 80px #0004}.auth-card h2{font-size:28px;margin-bottom:10px}.auth-card .eyebrow{color:#bdb0ef;font-size:10px;letter-spacing:2.5px}.auth-card input{height:48px!important}.auth-card form{gap:18px}.auth-card .btn.primary{min-height:48px;font-size:14px;margin-top:5px}.auth-card>small{font-size:11px;color:#7f93b4;line-height:1.8}.auth-toggle{font-size:12px;color:#c2b0f7}.auth-error{color:#ffa7bd}.main-shell>footer{padding:20px 28px;border-top:1px solid #abc4e412;color:#7586a6;font-size:9px;letter-spacing:.2px}
@media(min-width:1800px){.page{padding-inline:42px}.topbar{padding-inline:42px}.energy-bar{padding-inline:42px}}@media(max-width:1250px){.sidebar{width:204px;padding-inline:10px}.brand>span:last-child{font-size:22px}.main-shell{margin-left:204px}.topbar{padding:14px 22px;gap:12px}.breadcrumb{width:100%}.currencies{margin-left:0}.page{padding:26px 22px}.energy-bar{padding-inline:22px}.home-grid{grid-template-columns:minmax(0,1fr)}.journey-panel{display:block}.combat-panel{flex-wrap:wrap}.combat-actions{flex-wrap:wrap;justify-content:center}.auth-card{padding:28px}.simple-box-editor .code-fields{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){.sidebar{width:76px;padding:18px 8px}.brand{padding:0 10px 18px}.brand>span:last-child,.nav-item>span,.nav-item small,.nav-group-label,.sidebar-bottom{display:none}.nav-item{justify-content:center;padding:12px 8px}.nav-item .icon{width:21px;height:21px}.nav-item.active:before{left:0}.sidebar nav{gap:9px}.main-shell{margin-left:76px}.page-heading{align-items:flex-start}.page-home .party-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card-weapon strong{font-size:8px}.reward-editor-row,.dev-tools-grid .reward-editor-row{grid-template-columns:1fr 1.5fr 70px 80px 32px;gap:7px;padding:9px}.auth-screen{grid-template-columns:1fr 1fr}.auth-card{margin:24px 20px;padding:25px}.auth-art-copy h1{letter-spacing:5px}.event-milestones{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.page{padding:20px 14px}.topbar{padding:12px 14px}.currencies{gap:5px}.currencies>span{padding:0 7px;font-size:10px;height:32px}.currencies b{font-size:10px}.currencies>span .icon{width:14px;height:14px}.account-control{font-size:9px!important}.energy-bar{padding-inline:14px;flex-wrap:wrap}.page-heading h1{font-size:24px}.page-heading{flex-wrap:wrap}.realm-tag{display:none}.hero-banner .banner-copy{padding:25px}.hero-banner .banner-copy h2{font-size:30px}.banner-location{display:none}.page-home .party-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.home-links{grid-template-columns:1fr}.hero-banner{min-height:330px}.reward-editor-row,.dev-tools-grid .reward-editor-row,.reward-editor[data-weighted=false] .reward-editor-row{grid-template-columns:1fr 1fr}.reward-editor-row button{margin:0}.simple-box-editor .code-fields{grid-template-columns:1fr}.dev-tools-grid>.simple-box-editor,.expansion-panel,.community-grid>.panel,.support-ticket{padding:18px}.modal-body{padding:24px}.auth-screen{display:flex;flex-direction:column}.auth-art{min-height:240px;max-height:280px;width:100%}.auth-art-copy{padding:25px;bottom:20px}.auth-art-copy h1{font-size:44px}.auth-art-copy p{font-size:13px}.auth-art-copy>div{display:none}.auth-card{width:calc(100% - 36px);max-width:480px;margin:20px auto}.item-detail{position:static;max-height:none}.event-milestones{grid-template-columns:repeat(2,1fr)}.anime-side{grid-template-rows:155px 155px}.anime-battle-stage{min-height:400px}.anime-unit-info strong{font-size:9px}.anime-unit-info small{font-size:8px}.anime-unit-status{font-size:7px}.anime-sides{gap:10px}.anime-team-title{font-size:8px;letter-spacing:1px;padding-inline:15px}.combat-actions{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.battle-toggles{flex-wrap:wrap}.deployment-fallback{height:175px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-card:hover,.party-loadout-card:hover,.shop-card:hover{transform:none}}