/* Online menu arrangement: compact wallet, framed army, world action dock. */
/* Shared shell dimensions apply to every non-map section. */
#trait-tooltip{width:min(420px,calc(100vw - 24px));display:grid;grid-template-columns:82px 1fr;gap:4px 16px;padding:18px;box-sizing:border-box;border:2px solid #d7bb76;background:linear-gradient(135deg,#243746,#101c29);box-shadow:0 12px 40px #000a;color:#f7ead3;font-size:15px;line-height:1.5}
#trait-tooltip[hidden]{display:none}#trait-tooltip>.tooltip-art{grid-row:1/3;width:82px;height:82px;object-fit:contain;border-radius:12px;background:#101923;padding:8px;box-sizing:border-box;align-self:center}#trait-tooltip strong{font-size:20px;color:#ffda7a}#trait-tooltip span{color:#e0e5e4}
.mode-online #home-resources{position:fixed;inset:16px 18px auto;max-width:1060px;margin:auto;height:62px;box-sizing:border-box;padding:5px 8px;display:flex;gap:10px;flex-wrap:nowrap;background:none;border:0;border-radius:0;z-index:12}
.mode-online #home-profile{margin-right:auto;max-width:38%;font-size:22px;font-weight:900;color:white;padding:10px 22px 10px 12px;border:3px solid #737b81;border-radius:10px;background:linear-gradient(#355c77,#153045);box-shadow:0 4px #111c28;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-online #home-profile::before{content:'♜';color:#f3c66b;margin-right:10px;font-size:30px}.mode-online #home-resources .resource-chip{border:3px solid #727c83;background:linear-gradient(#34424c,#17222b);box-shadow:0 3px #101922;padding:4px 10px;gap:7px}.mode-online #home-resources .resource-chip b{font-size:24px}.mode-online #home-resources .resource-icon{width:32px;height:32px}.mode-online #home-resources .resource-chip small{display:none}.mode-online #home-resources #home-wallet,.mode-online #home-quests{display:none!important}.mode-online #home-dust{display:none}.mode-online[data-online-page="army"] #home-dust{display:block}.mode-online[data-online-page="army"] #home-gold{display:none}.mode-online #account-bar{display:none!important}.mode-online #mode-exit{position:fixed;left:12px;top:auto;bottom:14px;z-index:20;font-size:11px;padding:7px}
.mode-online #home-tabs{position:fixed;bottom:10px;padding:8px;gap:7px;border:3px solid #725440;background:linear-gradient(#62482f,#342619);box-shadow:0 -5px 22px #0007;max-width:calc(100vw - 28px)}.mode-online #home-tabs button{min-width:76px;height:65px;padding:7px 10px;border:2px solid #9e8057;border-radius:8px;background:linear-gradient(#463a31,#1e2529);box-shadow:inset 0 2px #d9b5784d;font-size:30px}.mode-online #home-tabs button.active{color:#ffe69c;border-color:#ebca74;background:linear-gradient(#697e51,#2b473f);transform:translateY(-4px)}.mode-online #home-tabs button span{font-size:12px;font-weight:800}.mode-online [data-home="pvp"],.mode-online [data-home="settings"]{display:none!important}
.mode-online #lobby-panel{inset:93px 18px 106px;max-width:1060px;padding:20px 24px;border:3px solid #68727c;border-radius:18px;background:linear-gradient(125deg,#41424e,#252f40);box-shadow:inset 0 2px #c9c5b555,0 12px 35px #0007}.mode-online #lobby-panel>header small{display:none}.mode-online #lobby-panel>header h1{font-size:25px;margin:0;color:#f5e7c8}.mode-online #lobby-status{font-size:12px;color:#c3d1d6}.mode-online #lobby-panel[data-page="map"]{inset:80px 0 98px;max-width:none;border:0;border-radius:0;padding:0;background:none}.mode-online #lobby-panel[data-page="map"]>header,.mode-online #lobby-panel[data-page="map"]>#lobby-status{display:none}.mode-online #lobby-panel[data-page="map"] .campaign-viewport{border:0;border-radius:0}
#world-action-dock{display:none;position:fixed;bottom:105px;left:50%;transform:translateX(-50%);width:min(530px,calc(100vw - 26px));z-index:11;pointer-events:auto}.mode-online[data-online-page="map"]:not(.online-battle) #world-action-dock{display:block}#world-action-dock .world-actions{display:flex;gap:12px;margin-top:9px}#world-action-dock .world-actions button{flex:1;border:3px solid #d2bd77;border-radius:11px;color:#fff6dc;font-size:25px;font-weight:900;line-height:1.1;padding:12px;background:linear-gradient(#d6a627,#7b520d);text-shadow:0 2px #473112;box-shadow:0 5px #17242e}#world-action-dock .world-actions button:first-child{background:linear-gradient(#76bc45,#246b2f)}.daily-track{display:flex;align-items:center;gap:8px;padding:8px 10px;border:3px solid #7b7161;background:linear-gradient(#28313e,#18202b);border-radius:12px}.daily-track>span{font-size:11px;font-weight:800;max-width:75px;color:#e7d6a8}.daily-progress{display:flex;gap:5px;flex:1}.daily-progress i{height:19px;flex:1;background:#111a24;border:2px solid #5d7280;border-radius:6px}.daily-progress i.on{background:linear-gradient(#99f8ff,#17a8e3);box-shadow:0 0 8px #4edef7}.daily-track button{border:2px solid #b9a272;border-radius:50%;width:47px;height:47px;padding:5px;background:linear-gradient(#695a48,#202b37);color:#ffe594;font-weight:800;font-size:22px}.daily-track button.ready{box-shadow:0 0 14px #f4cc62}.daily-track button:disabled{opacity:.6}
.mode-online #lobby-panel[data-page="army"]{max-width:820px}.mode-online #lobby-panel[data-page="army"]>header{display:none}.mode-online .champion-strip{gap:15px;padding:8px 4px 22px}.mode-online .champion-strip .online-unit{flex:0 0 94px;border:4px solid #b8a475!important;border-radius:50%!important;height:94px;overflow:visible!important;background:radial-gradient(#806250,#362844)!important}.mode-online .champion-strip .online-unit.selected{border-color:#ffe286!important;box-shadow:0 0 12px #bd68ef}.mode-online .champion-strip .online-unit>img{height:85px!important;width:85px!important;object-fit:contain}.mode-online .champion-strip .online-unit strong,.mode-online .champion-strip .unit-traits{display:none!important}.mode-online .champion-strip .online-unit>span{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);background:#8246a9;border:2px solid #c8a6e6;padding:2px 7px;border-radius:6px;white-space:nowrap;font-size:12px!important}
.army-summary{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#252b3b;border:2px solid #677184;border-radius:8px;color:#e5d8e8;font-weight:800}.army-summary button{background:linear-gradient(#2185d0,#12488b)!important;border:3px solid #9fabb6!important;padding:10px 20px!important;color:white;font-size:17px}.mode-online .equipped-grid{grid-template-columns:1.1fr repeat(3,1fr);grid-template-rows:repeat(2,minmax(150px,1fr));gap:8px;padding:12px;background:#172739;border:4px solid #777b82;border-radius:15px;margin:12px 0 25px;max-width:none}.mode-online .equipped-grid .online-unit:first-child{grid-column:1;grid-row:1/3}.mode-online .equipped-grid .online-unit{border:4px solid #62bdc2!important;border-bottom-color:#ad64c6!important;border-radius:10px!important;background:linear-gradient(#448c9d 0 22%,#162d38 22% 90%,#724693 90%)!important;display:flex;flex-direction:column;justify-content:end}.mode-online .equipped-grid .online-unit>img{height:115px!important;object-fit:contain;max-width:100%;width:100%}.mode-online .equipped-grid .online-unit:first-child>img{height:240px!important;object-fit:cover;object-position:50%}.mode-online .equipped-grid .unit-traits{display:none!important}.mode-online .equipped-grid .online-unit strong{font-size:12px;padding:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-online .equipped-grid .online-unit>span{font-size:12px;padding:4px;background:#5e3580;font-weight:800;color:#fff}.mode-online .army-columns{display:block}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;border-block:3px solid #9e8e78;padding:10px 4px;background:#363c47}.collection-toolbar h2{margin:0!important}.collection-toolbar input{width:135px;max-width:35%;padding:8px;border-radius:8px;border:1px solid #788798;background:#152735;color:white}.mode-online .collection-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 10px;margin-top:16px}.mode-online .collection-grid .online-unit{border:3px solid #957155!important;border-bottom-color:#b285ce!important;border-radius:7px!important;background:linear-gradient(#374954,#18252f)!important}.mode-online .collection-grid .online-unit>img{height:100px!important;object-fit:contain}.mode-online .collection-grid .unit-traits{display:none!important}.mode-online .collection-grid .online-unit strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px}.mode-online .collection-grid .online-unit>span{display:block;background:#683783;font-size:11px;font-weight:bold;padding:4px}.mode-online dialog.unit-detail{position:fixed;inset:0;margin:auto;max-width:540px;width:calc(100vw - 50px);max-height:85vh;overflow:auto;z-index:50;color:#f4e4c7;box-shadow:0 20px 80px #000a}.unit-detail::backdrop{background:#05121cbf;backdrop-filter:blur(4px)}.unit-detail .detail-close{float:right;padding:7px 14px;font-size:24px}.unit-detail:not([open]){display:none}
.market-board{padding:20px;border:8px solid #767c80;border-radius:28px;background:repeating-linear-gradient(90deg,#533620 0 31%,#786046 32% 34%);box-shadow:inset 0 0 35px #0a0e15,0 8px #17202b}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.market-slot{position:relative;min-height:160px;padding:8px;border:5px solid #8c6c45;border-radius:13px;background:linear-gradient(#3c342d,#17202b);color:#ffe8b0;box-shadow:0 6px 0 #251d19,inset 0 0 18px #060e15;cursor:pointer}.market-slot.selected{border-color:#ffe187;box-shadow:0 0 15px #ffe08080}.market-slot.empty{opacity:.48}.market-slot>img{width:100%;height:105px;object-fit:contain}.market-slot strong{display:block;font-size:12px}.market-slot .market-price{display:block;background:#18222d;border:1px solid #8e784f;border-radius:6px;padding:3px;font-weight:900}.market-slot .market-price img{width:19px;height:19px}.market-inspect{padding:18px;text-align:center;border:4px solid #7c8491;border-radius:12px;margin:16px 0;background:linear-gradient(#3a4451,#1d2a38)}.market-inspect h2{margin:0!important}.market-inspect button{margin-top:10px;min-width:180px;background:linear-gradient(#e2b951,#956817)!important;border:3px solid #f4dd8e!important;border-radius:8px!important;color:white;font-weight:900;font-size:18px}.core-shelf{display:flex;flex-wrap:wrap;gap:10px}.core-shelf button{flex:1;padding:12px!important;border:2px solid #81755d!important;border-radius:10px!important}.core-shelf img{display:block;width:40px;height:40px;margin:0 auto 6px}.mode-online #lobby-panel[data-page="shop"]{max-width:680px}.mode-online.online-battle #world-action-dock{display:none!important}
@media(max-width:650px){.mode-online #home-resources{inset:9px 8px auto;gap:5px}.mode-online #home-profile{font-size:14px;padding:8px 6px;max-width:43%}.mode-online #home-profile::before{font-size:20px;margin-right:5px}.mode-online #home-resources .resource-chip{padding:4px 5px}.mode-online #home-resources .resource-chip b{font-size:18px}.mode-online #home-resources .resource-icon{width:25px;height:25px}.mode-online #lobby-panel{inset:80px 5px 93px;padding:12px}.mode-online #home-tabs{gap:5px;padding:5px;bottom:5px}.mode-online #home-tabs button{min-width:52px;height:58px;padding:5px;font-size:25px}.mode-online #home-tabs button span{font-size:10px}.mode-online #mode-exit{bottom:85px;font-size:9px}#world-action-dock{bottom:87px}.mode-online .equipped-grid{grid-template-rows:repeat(2,minmax(125px,1fr));padding:6px;gap:5px}.mode-online .equipped-grid .online-unit>img{height:83px!important}.mode-online .equipped-grid .online-unit:first-child>img{height:210px!important}.mode-online .equipped-grid .online-unit strong{font-size:9px}.mode-online .collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 7px}.mode-online .collection-grid .online-unit>img{height:85px!important}.market-board{padding:12px;border-width:6px}.market-grid{gap:13px 9px}.market-slot{min-height:133px;border-width:3px;padding:4px}.market-slot>img{height:85px}.market-slot strong{font-size:10px}.army-summary{font-size:12px}.army-summary button{font-size:14px;padding:8px!important}}

.daily-track[hidden]{display:none}.market-slot>h3{font-size:14px;margin:3px 0}.market-slot>p{font-size:12px;margin:4px 0}.market-slot>small{font-size:10px}.market-slot.sold{opacity:.45}.market-slot:focus-visible{outline:3px solid #fff0aa;outline-offset:3px}#trait-tooltip{position:fixed;z-index:1000;pointer-events:none}.mode-online .champion-strip .online-unit{position:relative;padding:0}.mode-online .collection-grid .online-unit{min-width:0}.mode-online .unit-detail .unit-traits{display:flex!important}