.mode-online #lobby-panel:not([data-page="map"]){inset:92px 18px 106px;width:auto;max-width:960px;margin:0 auto;padding:22px;box-sizing:border-box}
.mode-online #home-tabs{height:84px;box-sizing:border-box;align-items:stretch}.mode-online #home-tabs button{height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1;padding:5px 12px;min-width:80px}.mode-online #home-tabs button span{position:static;display:block;line-height:16px;margin:0;transform:none;font-size:12px}
.mode-online .equipped-grid .online-unit,.mode-online .champion-strip .online-unit{border-color:#8b919a!important;box-shadow:inset 0 2px #d5dae1,0 3px #242b33!important}.mode-online .champion-strip .online-unit.selected{outline:2px solid #f7db91;outline-offset:3px}.mode-online .equipped-grid .online-unit{background:linear-gradient(#696f78 0 22%,#25313b 22% 100%)!important;position:relative;padding-bottom:0;overflow:visible}.mode-online .online-unit .mini-xp{position:relative;isolation:isolate;background:#15151e;height:25px;min-height:25px;width:100%;display:flex;align-items:center;border:2px solid #82758a;box-sizing:border-box;margin-top:4px;color:white;overflow:visible}.mini-xp>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#bc74e5,#742fa2);z-index:-1}.mini-xp>.mini-level{height:30px;min-width:26px;display:grid;place-items:center;margin-left:-3px;border:2px solid #d6addf;background:linear-gradient(#a655c5,#592c89);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);font-size:17px;padding:0 3px}.mini-xp>small{flex:1;text-align:center;font-size:11px;font-weight:800}.mini-gold{font-style:normal;background:linear-gradient(#fff197,#df9d25);border:2px solid #80601d;color:#3d2c0f;clip-path:polygon(25% 0,80% 0,100% 60%,70% 100%,0 85%,0 30%);font-size:20px;line-height:25px;width:29px;text-align:center;font-weight:900;position:absolute;right:5px;bottom:42px;filter:drop-shadow(0 2px 2px #000)}.online-unit{position:relative}.mode-online .champion-strip .mini-xp{position:absolute;bottom:-10px;left:34px;width:30px;border:0;background:none}.champion-strip .mini-xp>i,.champion-strip .mini-xp>small,.champion-strip .mini-gold{display:none}.army-summary{margin:0 0 25px}.army-summary button:disabled{filter:grayscale(1);opacity:.6;cursor:not-allowed}
.screen-loading{position:fixed;inset:0;z-index:10000;background:radial-gradient(ellipse at center,#263e50,#0a1520 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;color:#f3db9b;font-size:24px}.screen-loading[hidden]{display:none}.loading-gear{font-size:92px;animation:gear-turn 2s linear infinite;text-shadow:0 0 30px #d79b49}@keyframes gear-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-gear{animation:none}}
.menu-popup{position:fixed;padding:24px;border:3px solid #a79773;border-radius:15px;background:linear-gradient(140deg,#344754,#172330);color:#fff0cd;box-shadow:0 12px 55px #000a;box-sizing:border-box;z-index:80;max-height:80vh;overflow:auto}.menu-popup h2{margin:0 45px 20px 0;font-size:25px}.header-popup{top:87px;left:50%;transform:translateX(-50%);width:min(470px,calc(100vw - 24px))}.popup-close{float:right;font-size:25px;padding:4px 12px;background:#253847;color:#ffe1a0;border:1px solid #aa9569;border-radius:6px}.activity-popup{inset:0;margin:auto;width:min(650px,calc(100vw - 28px));max-height:76vh}.activity-popup::backdrop{background:#04101999;backdrop-filter:blur(3px)}.quest-offer{background:#243a48;border:2px solid #64766f;border-radius:10px;padding:14px;margin:12px 0}.quest-offer h3{margin:0}.quest-offer button,.menu-popup>button:not(.popup-close){padding:10px 20px;border-radius:8px;background:linear-gradient(#6e9c49,#365d36);border:2px solid #b6b278;color:white;font-weight:bold}.wallet-popup{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wallet-popup .resource-chip{display:flex;justify-content:center;padding:10px;cursor:help}.wallet-popup small{display:none}.wallet-popup img{width:35px;height:35px}#home-gold,#home-dust{cursor:pointer}
.market-slot.tier-uncommon{border-color:#65c969;box-shadow:inset 0 0 15px #35723b,0 4px #203828}.market-slot.tier-rare{border-color:#56aaf4;box-shadow:inset 0 0 15px #1b568c,0 4px #1b3354}.market-slot.tier-epic{border-color:#c37aec;box-shadow:inset 0 0 15px #6c2f8b,0 4px #382046}.market-slot.selected{outline:3px solid #ffe59c;outline-offset:3px}.market-slot.empty{cursor:default}.market-moves{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:10px}.market-moves button{min-width:0;padding:8px;font-size:14px}.market-grid{max-width:650px;margin:auto}.market-board{max-width:700px;box-sizing:border-box;margin:auto}.market-inspect{max-width:700px;margin:16px auto}.daily-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.daily-offer{background:linear-gradient(#253044,#122040);border:3px solid #6d707e;border-radius:14px;padding:14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.daily-offer img{height:100px;max-width:100%;object-fit:contain}.daily-offer h3{font-size:17px;margin:0}.daily-offer button{margin-top:auto;border:2px solid #d3b25c;border-radius:10px;padding:10px;background:linear-gradient(#eac357,#9c681d);font-weight:900}.daily-offer button:disabled{filter:grayscale(1);opacity:.6}.daily-header{margin-top:30px;border-block:3px solid #6c737f;padding:15px;text-align:center}.daily-header h2{font-size:30px;margin:0}.red-button{background:linear-gradient(#c85039,#731d22)!important;color:#ffe8b5!important;border:3px solid #a68c6c!important;padding:12px 18px;border-radius:15px;font-weight:900}
@media(max-width:650px){.mode-online #lobby-panel:not([data-page="map"]){inset:80px 5px 93px;padding:12px}.mode-online #home-tabs{height:73px}.mode-online #home-tabs button{min-width:50px;height:57px;padding:4px 7px}.mode-online #home-tabs button span{font-size:10px}.mini-xp>small{font-size:9px}.mini-xp>.mini-level{font-size:14px;min-width:20px}.daily-offers{gap:7px}.daily-offer{padding:8px 4px}.daily-offer img{height:75px}.daily-offer h3{font-size:13px}.daily-offer button{font-size:12px;padding:8px}.wallet-popup{grid-template-columns:repeat(2,1fr)}}
.mode-online #lobby-panel .daily-header{position:static;inset:auto;transform:none;width:auto;display:block;margin:30px 0 18px;padding:16px;text-align:center}.mode-online #lobby-panel .market-slot{border-width:4px;border-style:solid}.mode-online #lobby-panel .market-slot.tier-uncommon{border-color:#65c969}.mode-online #lobby-panel .market-slot.tier-rare{border-color:#56aaf4}.mode-online #lobby-panel .market-slot.tier-epic{border-color:#c37aec}.mode-online #lobby-panel .market-slot.tier-common{border-color:#817764}
.mode-online #lobby-panel .daily-offer>.resource-icon{width:100px;height:100px;object-fit:contain}.mode-online #lobby-panel .market-slot>.resource-icon{width:80px;height:80px;object-fit:contain}.mode-online #lobby-panel .daily-offer button{background:linear-gradient(#eac357,#9c681d);border:2px solid #d3b25c;color:#39250e;min-width:110px;font-size:15px;padding:10px 14px;font-weight:900}.mode-online #lobby-panel .daily-offer button:disabled{background:#424850;border-color:#767c83;color:#c3c5c8}.menu-popup select{margin-left:12px;padding:8px;background:#203846;color:#ffe4ad;border:1px solid #a48b61;border-radius:6px}

.resource-chip{position:relative}.resource-tooltip{display:none;position:absolute;z-index:100;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:220px;white-space:normal;background:#172035;color:#fff;padding:10px 13px;border:1px solid #c1a267;border-radius:8px;font-size:13px;box-shadow:0 5px 20px #0009;pointer-events:none}.resource-chip:hover>.resource-tooltip,.resource-chip:focus>.resource-tooltip{display:block}.wallet-popup{margin:12px 0}.session-restoring #mode-gate>*{visibility:hidden}

.army-slot-role{position:absolute;top:3px;left:3px;right:3px;background:#303846eF;border:1px solid #8290a2;border-radius:5px;padding:4px;font-size:11px;color:#dde5ef}.army-slot-role.matched{color:#b9f8ba;border-color:#68ac6b}.unit-family{color:#e2c382}

.equipped-grid .online-unit>.army-slot-role{background:#303846ef;color:#dde5ef}.equipped-grid .online-unit>.army-slot-role.matched{background:#234d36;color:#c5ffc7}.champion-strip .online-unit:after{content:attr(data-family);position:absolute;bottom:34px;left:0;right:0;background:#192334df;color:#e1d1a4;font-size:10px;padding:2px;text-align:center}
.wallet-popup .resource-tooltip{left:0;transform:none;max-width:190px}.wallet-popup .resource-chip:last-child .resource-tooltip{left:auto;right:0}.mode-online .equipped-grid .online-unit>.army-slot-role{background:#303846ef;color:#dde5ef}.mode-online .equipped-grid .online-unit>.army-slot-role.matched{background:#234d36;color:#c5ffc7}

.activity-card{padding:18px;margin:10px 0;border:1px solid #796749;border-radius:12px;background:linear-gradient(145deg,#253641,#17212b);box-shadow:0 5px 16px #0004}.activity-card h3{color:#f2d28c;margin:0 0 8px}.activity-card p{line-height:1.5}.activity-card ol{color:#c6d4dc;padding-left:24px}.activity-card button{margin:6px 8px 0 0}

#welcome-mute{position:fixed;right:20px;bottom:20px;width:36px;height:36px;padding:6px;border:1px solid #9d8256;border-radius:5px;background:#172735;color:#e8d3a5}#welcome-mute svg{width:100%;height:100%}#welcome-mute[aria-pressed="true"] .waves{display:none}body.mode-gate #audio-settings{display:none}

#welcome-world{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}#mode-gate{isolation:isolate;background:#173b4f}#mode-gate:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#0a15235e 0%,#08121e88 70%);z-index:1;pointer-events:none}#mode-gate>:not(#welcome-world){position:relative;z-index:2}#mode-gate h1,#mode-gate p,#mode-gate .eyebrow{text-shadow:0 3px 14px #000,0 1px 3px #000}#mode-gate #welcome-mute{position:fixed;z-index:3}body.mode-gate #account-dialog::backdrop{background:#06142465;backdrop-filter:blur(2px)}body.mode-gate #account-dialog{background:linear-gradient(145deg,#203543ee,#101f2bf2);border:1px solid #b99d67;box-shadow:0 24px 100px #0009}

.asset-loading-progress{width:min(320px,75vw);text-align:center}.asset-loading-progress[hidden],.asset-loading-retry[hidden]{display:none}.asset-loading-track{height:21px;padding:3px;border:3px ridge #b89e68;border-radius:9px;background:#091420;box-shadow:0 3px 9px #0008,inset 0 2px 5px #000}.asset-loading-track i{display:block;width:0;height:100%;border-radius:4px;background:linear-gradient(#ffe394,#d89731 55%,#aa671b);box-shadow:0 0 12px #dba43c80;transition:width .15s linear}.asset-loading-progress>span{display:block;margin-top:10px;font-size:19px;font-weight:900;font-variant-numeric:tabular-nums;color:#ffe6a0}.asset-loading-retry{padding:10px 20px;border:2px solid #ba9c67;border-radius:8px;background:#25455e;color:#fff0c8;font:inherit;font-size:16px}.screen-loading[data-scope=assets]>strong{max-width:80vw;text-align:center;font-size:20px}

.loading-world-quote{margin:20px -15px 0;color:#b5b9b7;font-size:14px;font-style:italic;line-height:1.5;font-weight:400}

#initial-loading{pointer-events:none}html:not(.session-restoring) #initial-loading{display:none}
.talent-icon{width:56px;height:56px;object-fit:contain;float:left;margin:0 12px 8px 0;padding:5px;border:2px solid #a88b53;border-radius:9px;background:radial-gradient(circle,#415774,#141a2c);box-shadow:inset 0 0 8px #0009,0 3px 5px #0008}.perk-row{display:flow-root}.perk-row button{clear:both}

.talent-painted{display:inline-block;box-sizing:border-box;padding:0;background-image:url('assets/talents/spell-talents-v1.png');background-size:400% 300%;background-repeat:no-repeat}

#connection-status{font-size:14px;line-height:1.6;max-width:420px;color:#c7d5df;margin:18px auto}#connection-retry{margin:12px}#mode-gate.is-connecting #connection-status::before{content:"⚙";display:inline-block;margin-right:9px;animation:gear-turn 2s linear infinite}

#mode-gate #login-version{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));font-size:12px;letter-spacing:.05em;color:#dbd4c2;z-index:2;text-shadow:0 1px 3px #000;pointer-events:none}body:not(.mode-gate) #mode-gate #login-version{display:none}@media(max-width:650px){#mode-gate #login-version{top:max(7px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));font-size:9px}}

body.mode-online .screen-loading[data-scope="menu"]{z-index:10000}body.menu-loading #home-tabs,body.menu-loading #home-resources{z-index:10001}