@import "https://fonts.googleapis.com/css2?family=Cairo:wght@500;600;700;800&family=Cinzel:wght@600;700&family=DM+Sans:wght@500;600;700&display=swap";:root{--ui-scale:1;color:#f2eddb;--gold:#e3c17a;--muted:#b7c6b8;--line:#d8e9ce26;--panel:#172d29df;--top:76px;--bottom:84px;--drawer:372px;background:#7ba979;font:600 15px/1.45 DM Sans,Cairo,system-ui,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;overflow:hidden}img,svg,canvas{-webkit-user-drag:none}button,input,select,textarea{font:inherit}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#ffffff0a;border-radius:8px;padding:9px 12px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#ffffff19;border-color:#e3c17a70}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input,select{color:#f2eddb;background:#10231fe6;border:1px solid #bad0c43d;border-radius:6px;width:100%;min-width:0;padding:9px}select option{color:#fff;background:#1c332c}input[type=checkbox]{accent-color:#e4c27c;width:auto}input[type=number]{font-variant-numeric:tabular-nums}label{color:var(--muted);margin:10px 0;font-size:11px;display:block}label>input,label>select{margin-top:5px;display:block}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Cinzel,Georgia,serif;font-weight:600}h2{font-size:22px;line-height:1.25}h3{font-size:16px}small{color:var(--muted);font-size:10px}svg{vertical-align:middle;width:22px;height:22px}[hidden]{display:none!important}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}.game-shell{isolation:isolate;position:fixed;inset:0;overflow:hidden}.scene{background:#91b977;position:absolute;inset:0}.scene #map{touch-action:none;width:100%;height:100%}.scene canvas{display:block}.vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 130px #1028205c}.glass{background:var(--panel);-webkit-backdrop-filter:blur(20px);border:1px solid #d8e9ce32;box-shadow:0 12px 34px #10251f38}.hud{z-index:20;border-radius:12px;align-items:center;gap:20px;height:64px;padding:8px 16px;display:flex;position:absolute;top:12px;left:16px;right:16px}.brand{letter-spacing:2px;background:0 0;border:0;flex-shrink:0;align-items:center;gap:9px;padding:0;font-size:20px;display:flex}.brand svg{width:30px;height:35px}.brand small{letter-spacing:3px;color:var(--gold);font:8px DM Sans,sans-serif;display:block}.resources{flex:1;justify-content:center;gap:8px;display:flex}.resource{text-align:left;background:#081c1533;border:1px solid #d6e7ce1a;border-radius:7px;align-items:center;gap:9px;min-width:128px;padding:6px 14px;display:flex}.resource svg{width:25px;height:29px}.resource strong{font-variant-numeric:tabular-nums;font-size:15px;display:block}.resource small{letter-spacing:.7px;font-size:8px;display:block}.resource em{color:var(--gold);margin-left:5px;font-style:normal}.match-status{text-align:right;white-space:nowrap}.match-status strong{color:var(--gold);font-size:12px;display:block}#connection{color:#b6d9a1;font-size:9px}.scene-heading{text-shadow:0 2px 12px #193826c9;pointer-events:none;position:absolute;top:100px;left:34px}.scene-heading>span{letter-spacing:2.5px;color:#e4eacb;font-size:9px}.scene-heading h1{color:#fff7d9;margin-top:4px;font-size:26px}.scene-heading p{color:#f4f4dccc;margin-top:3px;font-size:11px}.drawer{z-index:12;width:var(--drawer);border-radius:13px;flex-direction:column;padding:15px 17px;display:flex;position:absolute;right:16px;overflow:hidden}.drawer-heading{justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-bottom:8px;display:flex}.drawer-heading span{letter-spacing:1.5px;color:var(--gold);font-size:10px;font-weight:700}.icon-button{background:#ffffff0b;flex-shrink:0;width:30px;height:30px;padding:0;font-size:23px}.tabs{border-bottom:1px solid var(--line);gap:5px;margin:0 0 14px;display:flex}.tabs:empty{display:none}.tabs button{color:var(--muted);border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:8px 3px;font-size:11px}.tabs button.active{color:var(--gold);border-bottom-color:var(--gold);background:#e3c17a09}#drawer-body{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.primary{color:#26392c;background:linear-gradient(#d8b875,#b38c45);border:1px solid #f6d898;font-weight:700;box-shadow:inset 0 1px #ffedb7,0 3px #70572c}.primary:hover:not(:disabled){background:#e7c98b}.danger{color:#ffb5a4;background:#8b40363a;border-color:#d16c5966}.wide{width:100%}.quiet{color:var(--muted);background:0 0;border-color:#0000}.button-row{gap:8px;display:flex}.button-row>*{flex:1}.muted{color:var(--muted);font-size:11px;line-height:1.6}.panel-footer{border-top:1px solid var(--line);padding-top:10px;margin-top:auto!important}.panel-hero{border-bottom:1px solid var(--line);background:radial-gradient(#a1b68125,#0000 68%);place-items:center;height:130px;display:grid;position:relative}.panel-hero svg{width:170px;height:130px}.panel-hero img{width:110px;height:110px}.level-seal{color:var(--gold);text-align:center;background:#b0924a20;border:1px solid #e3c17a70;border-radius:50%;place-content:center;width:42px;height:42px;font-size:15px;line-height:1.1;display:grid;position:absolute;bottom:14px;right:8px}.level-seal small{color:var(--gold);font-size:7px}.costs{justify-content:space-between;gap:6px;font-size:11px;display:flex}.costs span{align-items:center;gap:4px;display:flex}.costs svg{width:18px;height:20px}.costs .unaffordable{color:#ffa99a}.cost-box{border:1px solid var(--line);background:#071e163b;border-radius:8px;padding:12px}.cost-box>small{letter-spacing:1px;margin-bottom:8px;display:block}.stat-line{color:var(--muted);justify-content:space-between;gap:12px;font-size:11px;display:flex}.stat-line b{color:#f0ebd5}.meter{background:#071c176e;border-radius:4px;height:5px;margin:3px 0 7px;overflow:hidden}.meter i{background:#a6c575;height:100%;display:block}.meter.food i{background:#d4af65}.unit-tabs{gap:7px;display:flex}.unit-tabs button{flex:1;min-width:0;padding:6px;font-size:9px;line-height:1.2}.unit-tabs img{width:43px;height:43px;margin:auto auto 4px;display:block}.unit-tabs button.active{border-color:var(--gold);color:var(--gold);background:#e4c47d19}.train-portrait{align-items:center;gap:12px;display:flex}.train-portrait img{background:#ffffff09;border-radius:10px;width:72px;height:72px}.train-portrait small{margin-top:4px;display:block}.quantity-row{grid-template-columns:1fr 90px;align-items:center;gap:12px;display:grid}.quantity-row input[type=range]{accent-color:var(--gold);padding:0}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-grid label{margin:0}.check{align-items:center;gap:8px;display:flex}.check input{margin:0}.list-button{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:12px;display:flex}.list-button small{margin-top:3px;display:block}.list-button b{font-weight:600}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.tile-grid button{text-align:left;font-size:10px}.tile-grid small{display:block}.formation{grid-template-columns:1fr 1fr;gap:5px;display:grid}.formation label{justify-content:space-between;align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.formation input{width:58px;padding:6px}.formation img{width:24px;height:24px}.pager{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.pager button{padding:5px 10px}.pager small{font-variant-numeric:tabular-nums}.dock{z-index:20;border-radius:13px;gap:7px;height:64px;padding:7px 10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.dock button{white-space:nowrap;border-color:#0000;justify-content:center;align-items:center;gap:8px;min-width:105px;font-size:11px;display:flex}.dock button.active{color:var(--gold);background:#e3c17a14;border-color:#e3c17a4d}.dock button svg{width:22px;height:22px}.dock b{background:#ffffff19;border-radius:4px;padding:2px 5px;font-size:9px}.dock-divider{background:var(--line);width:1px;margin:9px 2px}.chronicle{z-index:8;background:#162d26bf;border-radius:10px;width:280px;padding:10px 12px;position:absolute;bottom:100px;left:20px}.log-heading{letter-spacing:1px;color:#c2d0b5;background:0 0;border:0;justify-content:space-between;width:100%;padding:0 0 7px;font-size:9px;display:flex}.log-row{color:#d5dfcc;border-top:1px solid #e4efda10;grid-template-columns:19px 1fr;gap:7px;padding:6px 0;font-size:10px;line-height:1.45;display:grid}.log-row .log-icon{font-size:14px}.log-row.build{color:#e8c988}.log-row.train{color:#a9d6ed}.log-row.war{color:#ffb6a5}.log-row.queue{color:#c9bedf}.log-row time{opacity:.65;margin-right:6px;font-size:8px}.alerts{z-index:10;pointer-events:none;gap:6px;width:min(400px,100% - 36px);display:grid;position:absolute;top:94px;left:50%;transform:translate(-50%)}.alert{pointer-events:auto;background:#6e3028e8;border:1px solid #f3937388;border-radius:8px;align-items:center;gap:10px;padding:9px 13px;font-size:11px;display:flex;box-shadow:0 4px 18px #43282033}.alert b{font-variant-numeric:tabular-nums;color:#ffe3b1;margin-left:auto}.alert small{color:#f5b9a8;display:block}.work-queue{z-index:8;gap:7px;max-width:calc(50% - 280px);display:flex;position:absolute;bottom:21px;right:20px}.work-item{white-space:nowrap;background:#173027dd;border:1px solid #ddc88955;border-radius:8px;min-width:110px;padding:9px 12px;font-size:10px}.work-item strong{color:var(--gold);font-variant-numeric:tabular-nums;display:block}.world-tools{gap:6px;display:grid;position:absolute;top:50%;left:24px}.world-tools button{background:#203b30cf;width:34px;height:34px;padding:0;font-size:21px;box-shadow:0 3px 8px #18382933}.toast{z-index:35;text-align:center;color:#e7eacb;border-radius:8px;max-width:calc(100% - 30px);padding:10px 20px;font-size:12px;position:absolute;top:85px;left:50%;transform:translate(-50%)}.toast.error{color:#ffddc7;background:#65392ee8}.welcome-overlay{z-index:30;background:radial-gradient(#122c1930,#102d2359);place-items:center;display:grid;position:absolute;inset:0}.welcome-card{text-align:center;border-radius:18px;width:370px;padding:32px}.welcome-card h1{letter-spacing:6px;color:#f5db9f;font-size:43px}.welcome-card p{color:#c2d1b9;margin:12px 0 20px;font-size:12px}.welcome-card label{text-align:left}.welcome-card .wide{margin-top:9px}.welcome-emblem svg{width:54px;height:62px}.eyebrow{letter-spacing:2px;color:var(--gold);font-size:9px}.welcome-card>small{margin-top:14px;font-size:9px;display:block}.rank-row{border-bottom:1px solid var(--line);grid-template-columns:23px 1fr auto;align-items:center;gap:8px;padding:9px;font-size:11px;display:grid}.rank-row.own{background:#d8c38415;border-radius:6px}.rank-row small{display:block}.rank-row strong{color:var(--gold)}.victory{text-align:center;background:linear-gradient(#ddbd692e,#ddbd6912);border:1px solid #e1bb6a88;border-radius:10px;padding:16px}.victory h3{color:#f0d28f;margin:0 0 6px}.victory-winner-inline{color:#fff2be;text-shadow:0 2px 10px #e8b64d66;margin:6px 0;font-size:1.35rem;font-weight:800}.enemy-slot-name{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:68px;font-size:9px;line-height:1.2;overflow:hidden}.victory-celebration{z-index:60;pointer-events:auto;background:radial-gradient(circle,#101d168c,#08100cd1);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.victory-fireworks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.victory-card{z-index:2;text-align:center;border:1.5px solid #f2d080a6;border-radius:18px;width:100%;max-width:min(560px,92vw);padding:32px 28px;animation:.45s cubic-bezier(.2,.9,.3,1.15) victoryPop;position:relative;box-shadow:0 24px 60px #000000a6,0 0 42px #e8b64d47}.victory-crown{filter:drop-shadow(0 4px 14px #f5d06c8c);margin-bottom:10px;font-size:3.2rem;line-height:1}.victory-kicker{letter-spacing:.08em;color:#e9c97b;margin-bottom:8px;font-size:.95rem;font-weight:700;display:inline-block}.victory-winner-title{background:linear-gradient(#fff8d9 0%,#f5cf6e 55%,#d69831 100%);color:#0000;filter:drop-shadow(0 3px 16px #ebb43e73);-webkit-background-clip:text;background-clip:text;margin:6px 0 12px;font-size:clamp(2rem,4.6vw,3.4rem);font-weight:900;line-height:1.2}.victory-reason{color:#d7e3d4;margin:0 0 22px;font-size:1.05rem}.victory-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@keyframes victoryPop{0%{opacity:0;transform:scale(.88)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.battle-line{background:#51352b30;border:1px solid #e8c88540;border-radius:8px;padding:12px}.battle-line strong{font-size:12px}.battle-line p{color:var(--muted);margin:5px 0;font-size:10px}.empty{color:var(--muted);text-align:center;padding:25px 10px;font-size:12px}@keyframes smoke{to{opacity:0;transform:translate(12px,-25px)}}@keyframes work{50%{opacity:.4}}.map-error{color:#233c2d;padding:130px 30px}@media (width>=1600px){:root{--drawer:390px}.drawer{padding:24px}.panel-hero{height:155px}.panel-hero svg{width:200px;height:150px}.scene-heading{top:111px;left:45px}.chronicle{width:315px}}@media (width<=1050px){.brand span{display:none}.hud{gap:10px}.resource{min-width:100px;padding:5px 9px}.work-queue{max-width:220px;bottom:100px;right:16px}.has-drawer .work-queue{display:none}.scene-heading h1{font-size:22px}.chronicle{width:230px}.dock button{min-width:88px}}@media (width<=700px){:root{--top:94px;--drawer:330px}.hud{align-items:flex-start;gap:5px;height:79px;padding:8px;top:8px;left:8px;right:8px}.brand{margin-top:8px}.brand svg{width:23px}.resources{align-self:center;gap:4px}.resource{flex:1;gap:4px;min-width:0;padding:6px}.resource svg{width:18px;height:22px}.resource strong{font-size:13px}.resource small{font-size:6px}.resource em{margin:0;font-size:8px;display:block}.match-status{font-size:8px;position:absolute;top:3px;right:10px}.match-status strong{font-size:8px;display:inline}#connection{margin-left:8px;font-size:7px;display:inline}.scene-heading{top:103px;left:17px}.scene-heading h1{font-size:19px}.scene-heading p{font-size:9px}.scene-heading>span{font-size:7px}.drawer{width:min(var(--drawer), calc(100% - 16px));background:#162e29f0;padding:15px;right:8px}.has-drawer .scene-heading,.has-drawer .chronicle,.has-drawer .world-tools,.has-drawer .work-queue{display:none}.drawer-heading{min-height:40px;margin-bottom:8px}.drawer-heading h2{font-size:20px}.dock{justify-content:center;gap:2px;width:calc(100% - 24px);max-width:430px;height:61px;padding:5px 7px;bottom:10px}.dock button{flex-direction:column;flex:1;gap:3px;min-width:0;padding:5px;font-size:9px}.dock svg{width:20px;height:20px}.dock-divider{margin:5px 3px}.chronicle{background:#162d26a6;width:205px;padding:8px 10px;bottom:89px;left:12px}.log-row{padding:4px 0;font-size:9px}.log-row:nth-child(n+3){display:none}.world-tools{top:35%;left:12px}.alerts{max-width:290px;top:172px}.has-drawer .alerts{z-index:31;pointer-events:none;top:8px}.has-drawer .alert{pointer-events:auto}.toast{width:calc(100% - 24px);font-size:11px;top:90px}.work-queue{flex-direction:column;max-width:135px;bottom:90px;right:10px}.work-item{min-width:0;padding:6px 8px;font-size:9px}.work-item:nth-child(n+3){display:none}.welcome-card{width:min(350px,100% - 28px);padding:25px}.welcome-card h1{font-size:36px}.panel-hero{height:105px}.panel-hero svg{height:100px}.alerts .alert{font-size:10px}}@media (height<=740px){.drawer{gap:0;padding:14px}.drawer-heading{min-height:36px;margin-bottom:6px}.drawer-heading h2{font-size:19px}.tabs{margin-bottom:8px}.tabs button{padding:6px}#drawer-body{gap:8px}.panel-hero,.panel-hero svg{height:85px}.panel-hero img{width:70px;height:70px}.muted{font-size:10px;line-height:1.4}label{margin:6px 0}input,select{padding:7px}.cost-box{padding:9px}.train-portrait img{width:48px;height:48px}.unit-tabs img{width:30px;height:30px}.unit-tabs button{padding:4px;font-size:8px}.stat-line{font-size:10px}.welcome-card{padding:18px}.welcome-card p{margin:5px 0 12px}.welcome-emblem svg{height:38px}.chronicle .log-row:nth-child(n+3){display:none}.scene-heading{top:90px}.panel-footer{padding-top:7px}.list-button{padding:8px}.formation input{padding:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=700px){#drawer-body{gap:9px}.unit-tabs img{width:32px;height:32px}.unit-tabs button{padding:4px;font-size:8px}.train-portrait img{width:48px;height:48px}.train-portrait h3{font-size:14px}.train-portrait small{font-size:9px}.cost-box{padding:9px}.cost-box>small{margin-bottom:6px;font-size:9px}.panel-footer .button-row button{padding:8px 3px;font-size:10px}.panel-footer>.primary{padding:9px;font-size:12px}.battle-line{padding:9px}.quantity-row input{padding:7px}.drawer-heading h2{max-width:250px}}@media (height<=700px){.train-portrait{display:none}.panel-hero,.panel-hero svg{height:64px}.panel-hero .level-seal{width:30px;height:30px;font-size:12px;bottom:5px}.drawer .muted{line-height:1.3}.drawer .rank-row{padding:6px}.drawer .panel-footer{margin-top:auto!important}.unit-tabs img{width:24px;height:24px}.cost-box>small{margin-bottom:4px;font-size:8px}.cost-box{padding:7px}.costs{font-size:10px}.costs svg{width:14px;height:16px}.drawer label{margin:4px 0}.drawer button{padding:7px;font-size:11px}.drawer .quiet{font-size:9px}.drawer .icon-button{padding:0;font-size:20px}.drawer-heading{min-height:30px}.drawer-heading h2{font-size:17px}.drawer-heading span{font-size:8px}.tabs{margin-bottom:6px}#drawer-body{gap:6px}.quantity-row input{padding:4px}.drawer .battle-line{padding:7px}.drawer .stat-line{font-size:9px}.chronicle{max-width:200px}.scene-heading p{display:none}}@media (height<=850px){.train-portrait{display:none}.unit-tabs img{width:30px;height:30px}.unit-tabs button{padding:4px;font-size:9px}.drawer .panel-footer .button-row button{padding:6px 3px;font-size:10px}.drawer .cost-box{padding:8px}.drawer .cost-box>small{margin-bottom:5px}.drawer #drawer-body{gap:8px}}@media (height<=700px){.drawer #drawer-body{gap:5px}.unit-tabs img{width:22px;height:22px}.unit-tabs button{font-size:8px}.drawer .cost-box{padding:6px}.drawer .cost-box>small{margin-bottom:3px}.drawer .panel-footer .button-row button{padding:5px 2px;font-size:9px}.drawer .panel-footer>.primary{padding:7px}.drawer .quantity-row input{padding:3px}.drawer .battle-line{padding:6px;font-size:10px}}.toast{top:auto;bottom:96px}@media (width<=700px){.toast{top:auto;bottom:80px}}.positive{color:#a7df90!important}.negative{color:#ff9a84!important}.live{color:#f0cc7c!important}.resource{min-width:148px;padding:6px 11px}.resource strong{justify-content:space-between;align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.production-percent{direction:ltr;unicode-bidi:isolate;font-size:13.5px;font-style:normal;font-weight:800}.resource .production-percent{margin:0}.muster-hud{background:#081c1533;flex-shrink:0;align-items:center;gap:8px;padding:6px 10px;display:flex}.muster-hud strong{font-size:15px;display:block}.muster-hud small{font-size:9px;display:block}.muster-hud svg{width:26px;height:29px}.hud{gap:12px}.resources{gap:6px}.province-status{z-index:10;color:#ffd58c;border-color:#e2ba7a66;padding:8px 12px;font-size:11px;position:absolute;top:190px;left:34px}.has-drawer .province-status{max-width:calc(100% - 470px)}.report-dock-icon{font-size:24px;line-height:1}.dock #report-count{color:#ffdfb9;background:#a04c3b}.dock #report-count:empty{display:none}.production-hero{justify-items:center;gap:6px;padding:20px;display:grid}.production-hero svg{width:46px;height:46px}.production-hero strong{font-size:38px}.warning-box{color:#ffd0a7;background:#893c302b;border:1px solid #ed8c6755;border-radius:8px;padding:12px;font-size:11px;line-height:1.5}.muster-total{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 0;display:flex}.muster-total strong{color:var(--gold);font-size:28px}.muster-total span{color:var(--muted);font-size:11px}.muster-table-head,.muster-row{grid-template-columns:minmax(0,1fr) 34px 34px 40px;align-items:center;gap:4px;display:grid}.muster-table-head{color:var(--muted);text-align:center;font-size:9px}.muster-table-head>span:first-child{text-align:left}.muster-row{border-bottom:1px solid var(--line);text-align:center;min-height:42px;padding:5px 0;font-size:12px}.muster-row>span{text-align:left;align-items:center;gap:6px;display:flex}.muster-row img{width:35px;height:35px}.muster-row>span b{font-size:10px;line-height:1.3}.reports-scroll-list{flex-direction:column;gap:7px;padding-inline-end:2px;display:flex}.report-list-row{text-align:left;align-items:center;gap:10px;min-height:56px;padding:9px 11px;display:flex}.report-list-row>span:nth-child(2){flex:1;min-width:0}.report-list-row strong{font-size:13.5px;font-weight:700;line-height:1.35;display:block}.report-list-row small{color:#c7d4c0;margin-top:2px;font-size:11px;font-weight:600;display:block}.report-mark{font-size:23px}.unread-dot{background:#e7c270;border-radius:50%;width:7px;height:7px;margin-inline-start:7px;display:inline-block}.report-outcome{background:#0c201966;border:1px solid;border-radius:9px;padding:10px 12px}.report-outcome h3{margin:3px 0;font-size:18px;font-weight:700}.report-outcome p{color:var(--muted);font-size:12.5px;font-weight:600}.report-outcome small{letter-spacing:.8px;font-size:10px;font-weight:700}.report-latest{color:#e1e5d4;border-left:2px solid var(--gold);background:#ffffff05;padding:8px 10px;font-size:12px;font-weight:600;line-height:1.6}.casualty-summary{grid-template-columns:repeat(4,1fr);gap:6px;padding:0;display:grid}.casualty-summary span{text-align:center;color:var(--muted);border:1px solid var(--line);background:#ffffff05;border-radius:8px;padding:6px 4px;font-size:11px;font-weight:700}.casualty-summary b{color:#e6c99a;font-size:21px;font-weight:800;display:block}.loss-head,.loss-row{grid-template-columns:minmax(0,1fr) repeat(4,32px);align-items:center;gap:3px;display:grid}.loss-head{color:var(--muted);font-size:9px}.loss-head>span:not(:first-child),.loss-row>b{text-align:center}.loss-row{border-bottom:1px solid var(--line);min-height:45px;padding:8px 0;font-size:12px}.loss-row>span b{font-size:10px;display:block}.loss-row small{font-size:9px;display:block}.cargo-box{border:1px solid var(--line);background:#ffffff07;border-radius:8px;padding:14px}.cargo-box>small{letter-spacing:1px;font-size:9px}.cargo-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px;display:grid}.cargo-grid>span{align-items:center;gap:9px;display:flex}.cargo-grid b{font-size:14px}.cargo-grid svg{width:22px;height:22px}.siege-meters{grid-template-columns:1fr 1fr;gap:8px;display:grid}.siege-meters>div{border:1px solid var(--line);background:#ffffff05;border-radius:7px;padding:6px 9px}.siege-meters span{justify-content:space-between;font-size:11px;font-weight:700;display:flex}.siege-meters meter{accent-color:#d59862;width:100%;height:10px}.report-timeline{flex-direction:column;gap:13px;display:flex}.report-timeline>div{border-left:2px solid #ad8b54;align-items:baseline;gap:12px;padding-left:12px;display:flex}.report-timeline time{color:var(--gold);flex-shrink:0;font-size:9px}.report-timeline p{font-size:11px;line-height:1.6}.outcome-alert{background:#694c2be6;border-color:#e5c276}@media (width<=1200px){.hud .brand span{display:none}.resource{min-width:110px}.muster-hud{padding:6px}.muster-hud small{font-size:8px}}@media (width<=700px){.hud{gap:3px;height:95px;padding:23px 5px 6px}.hud .brand{display:none}.resources{align-self:stretch;gap:3px;min-width:0}.resource{flex:1;justify-content:center;gap:2px;min-width:0;padding:4px}.resource svg{display:none}.resource strong{flex-direction:column;gap:1px;font-size:13px;display:flex}.production-percent{font-size:10px}.resource small{letter-spacing:0;font-size:6px}.resource em{font-size:7px}.muster-hud{align-self:stretch;gap:2px;min-width:53px;padding:4px}.muster-hud svg{display:none}.muster-hud strong{font-size:13px}.muster-hud small{max-width:54px;font-size:6px}.match-status{top:4px}.scene-heading{top:117px}.province-status{padding:6px;font-size:9px;top:171px;left:16px}.has-drawer .province-status{display:none}.alerts{top:205px}.report-dock-icon{font-size:21px}.dock{gap:1px}.dock button{padding:4px 2px;font-size:8px}.dock-divider{display:none}.report-list-row{min-height:55px;padding:8px}.report-list-row strong{font-size:11px}.report-outcome h3{font-size:15px}.production-hero{padding:10px}.production-hero strong{font-size:30px}.cargo-box{padding:10px}.cargo-grid{gap:9px}.muster-total{padding:8px 0}}@media (height<=750px){.report-timeline{gap:9px}.report-timeline p{font-size:10px}.report-outcome{padding:8px}.report-latest{padding:8px;font-size:10px}.production-hero{padding:6px}.production-hero svg{width:32px;height:32px}.production-hero strong{font-size:27px}.warning-box{padding:8px;font-size:10px}.cargo-box{padding:9px}.cargo-grid{gap:8px;margin-top:7px}.report-list-row{min-height:55px}.muster-row{min-height:36px}.production-hero svg{display:none}.production-hero{gap:3px}}@media (height<=850px){.production-hero svg{display:none}.production-hero{gap:3px;padding:6px}.production-hero strong{font-size:27px}}.unit-portrait{background-repeat:no-repeat;background-size:300% 300%;flex-shrink:0;width:54px;height:54px;display:inline-block}.drawer[data-panel=report] button.report-unit{background:0 0;border:0;min-height:0;padding:0;font-size:10px;line-height:1.25}.drawer[data-panel=report] .report-outcome p{margin:3px 0 0;font-size:11px;line-height:1.3}.drawer[data-panel=report] .report-latest{margin:0}@media (width<=700px){.drawer[data-panel=report] button.report-unit{font-size:8px;line-height:1.2}.drawer[data-panel=report] .report-outcome{padding:5px 8px}.drawer[data-panel=report] .report-outcome h3{margin:3px 0;font-size:15px;line-height:1.3}.drawer[data-panel=report] .report-outcome p{font-size:9px}.drawer[data-panel=report] .report-topline{line-height:1.2}.drawer[data-panel=report] .report-force{padding:4px 0}.drawer[data-panel=report] .report-actions button{padding:6px 3px;font-size:9px}}.language-control{flex-shrink:0;margin:0}.language-control select{background:#10231f80;width:79px;padding:5px 4px;font-size:10px}.village-biome{z-index:10;color:#f0d891;padding:7px 12px;font-size:11px;position:absolute;top:190px;left:34px}.province-status:not([hidden])~.village-biome{top:231px}.has-drawer .village-biome{display:none}.biome-preview{background:linear-gradient(135deg,#779e61,#bfd38a);border-radius:10px;place-items:center;height:145px;display:grid}.biome-preview span{color:#305d3c;font-size:90px;line-height:1}.biome-highlands{background:linear-gradient(135deg,#777e73,#b4b3a1)}.biome-highlands span{color:#e6e3c8}.biome-desert{background:linear-gradient(135deg,#bb9d62,#edd493)}.biome-desert span{color:#698c5b}.biome-woodland{background:linear-gradient(135deg,#37674e,#8aac69)}.biome-bonuses{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.biome-bonuses>div{border:1px solid var(--line);border-radius:8px;justify-items:center;gap:7px;padding:12px 5px;display:grid}.biome-bonuses span{font-size:10px}.biome-bonuses svg{width:32px;height:32px}.drawer[data-panel=report]{width:min(var(--report-width,620px), calc(100vw / var(--ui-scale,1) - 32px));padding:13px 15px}.drawer[data-panel=report] .drawer-heading{min-height:36px;margin-bottom:8px}.drawer[data-panel=report] #drawer-body{gap:8px}.report-topline{align-items:center;gap:12px;display:flex}.report-topline .report-outcome{flex:1}.report-topline .casualty-summary{min-width:210px}.report-outcome h3{font-size:19px}.report-outcome p{font-size:12.5px}.report-forces{border:1px solid var(--line);background:#ffffff06;border-radius:12px;padding:8px 12px}.report-force{align-items:center;gap:10px;padding:6px 0;display:flex}.report-force+.report-force{border-top:1px solid var(--line)}.report-role-attacker,.report-role-defender{position:relative;overflow:hidden}.report-role-attacker>*,.report-role-defender>*{z-index:1;position:relative}.report-role-attacker:before,.report-role-defender:before{content:"";opacity:.12;pointer-events:none;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:6px 12px}.report-role-attacker:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23ffffff'%3E%3Cg transform='rotate(42 32 32)'%3E%3Cpath d='M32 4 36 12 35 41H29L28 12Z'/%3E%3Crect x='21' y='41' width='22' height='4' rx='2'/%3E%3Crect x='29.5' y='45' width='5' height='9' rx='1'/%3E%3Ccircle cx='32' cy='56' r='3.5'/%3E%3C/g%3E%3Cg transform='rotate(-42 32 32)'%3E%3Cpath d='M32 4 36 12 35 41H29L28 12Z'/%3E%3Crect x='21' y='41' width='22' height='4' rx='2'/%3E%3Crect x='29.5' y='45' width='5' height='9' rx='1'/%3E%3Ccircle cx='32' cy='56' r='3.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.report-role-defender:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M32 6 54 14V31C54 45.5 44.5 54.5 32 59 19.5 54.5 10 45.5 10 31V14ZM32 11.5 48.5 17.5V31C48.5 42 41 49.5 32 53.3 23 49.5 15.5 42 15.5 31V17.5ZM32 14.5 45.5 19.4V31C45.5 40.3 39.2 46.8 32 50.1 24.8 46.8 18.5 40.3 18.5 31V19.4Z'/%3E%3C/svg%3E")}.report-force>strong{flex:0 0 108px;width:108px;font-size:13px;font-weight:700}.report-force>strong small{margin-top:3px;font-size:11px;display:block}.report-unit-grid{direction:ltr;flex-wrap:wrap;flex:1;justify-content:flex-start;align-items:flex-start;gap:10px 14px;min-width:0;display:flex}.report-unit{font-variant-numeric:tabular-nums;direction:ltr;background:0 0;border:0;flex:none;grid-template-columns:1fr 1fr;place-items:center;gap:2px;min-width:0;padding:0;font-size:10px;display:grid}.report-unit .unit-portrait{background-color:#607665;border:2px solid #a1cd87;border-radius:50%;grid-column:1/-1;width:clamp(32px,4vw,62px);height:clamp(32px,4vw,62px);box-shadow:0 0 0 3px #ffffff08}.hostile .report-unit .unit-portrait{background-color:#826e60;border-color:#de8d71}.hostile .report-unit .unit-portrait.unknown-unit-portrait{color:#f3c49d;text-shadow:0 2px 6px #00000080;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 30%,#3a302c,#1f1917);border-style:dashed;border-color:#de8d71b3;justify-content:center;align-items:center;font:800 clamp(16px,2.2vw,22px)/1 system-ui;display:flex}.unknown-unit-slot .unit-counts b{color:#e2b887;font-size:13px;font-weight:700}.report-unit-grid[data-dense=true] .unit-portrait{width:35px;height:35px}.report-unit span:not(.unit-portrait){white-space:nowrap}.net-plunder{background:#e0c4790c;border:1px solid #e0c47922;border-radius:9px;padding:9px 13px}.net-plunder>small{letter-spacing:1px;margin-bottom:7px;font-size:9px;display:block}.net-plunder>div{grid-template-columns:repeat(4,1fr);display:grid}.net-plunder>div>span{border-inline-end:1px solid var(--line);direction:ltr;justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex}.net-plunder>div>span:last-child{border:0}.report-load>span{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.report-load b{color:var(--gold);direction:ltr}.report-load meter{accent-color:#c5db9c;width:100%;height:10px}.report-actions{gap:8px;margin-top:auto;display:flex}.report-actions>*{flex:1;padding:8px;font-size:11px}.report-legend{font-size:9px;line-height:1.5}.drawer[data-panel=report] .report-latest{padding:7px 10px;font-size:11px}.drawer[data-panel=report] .siege-meters{grid-template-columns:repeat(4,1fr)}.drawer[data-panel=dispatch]{width:min(640px,100vw - 32px)}.dispatch-destination strong,.dispatch-destination small{display:block}.dispatch-destination strong{color:var(--gold);font-family:Georgia,serif;font-size:19px}.dispatch-destination small{margin-top:3px}.dispatch-formation{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.dispatch-formation label{border:1px solid var(--line);background:#ffffff07;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:6px;margin:0;padding:7px;font-size:11px;display:grid}.dispatch-formation .unit-portrait{grid-row:1/3;width:42px;height:42px}.dispatch-formation label>span:not(.unit-portrait){color:#e9ecd8;min-width:0}.dispatch-formation small{font-size:8px;display:block}.dispatch-formation input{grid-column:2;height:27px;margin-top:3px;padding:4px;font-size:12px}.dispatch-directives{gap:10px;display:flex}.dispatch-directives label{flex:1;margin:0}.provision-line{background:#abc77d10;border-radius:8px;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.provision-line small{margin-inline-start:auto}.drawer[data-panel=dispatch] .cargo-box{padding:7px 10px}.drawer[data-panel=dispatch] .cargo-grid{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:5px}.drawer[data-panel=dispatch] .cargo-grid>span{gap:5px}.drawer[data-panel=dispatch] .cargo-grid b{font-size:12px}.drawer[data-panel=dispatch] .panel-footer{padding-top:7px}[lang=ar]{font-family:Cairo,Segoe UI,Tahoma,sans-serif;font-weight:600}[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] strong,[lang=ar] b,[lang=ar] button,[lang=ar] .dispatch-destination strong{letter-spacing:0;font-family:Cairo,Segoe UI,Tahoma,sans-serif;font-weight:700;line-height:1.48}[dir=rtl] .hud .brand{direction:ltr}[dir=rtl] .resource{text-align:right}[dir=rtl] .match-status{text-align:left}[dir=rtl] .scene-heading{text-align:right;left:auto;right:34px}[dir=rtl] .has-drawer .scene-heading{left:34px;right:auto}[dir=rtl] .report-outcome{text-align:right}[dir=rtl] .report-latest{border-left:0;border-right:2px solid var(--gold)}[dir=rtl] .report-timeline>div{border-left:0;border-right:2px solid var(--gold);padding-left:0;padding-right:12px}[dir=rtl] .rank-row,[dir=rtl] .list-button,[dir=rtl] .report-list-row{text-align:right}[dir=rtl] .report-unit-grid{direction:rtl}[dir=rtl] .report-unit,[dir=rtl] .costs,[dir=rtl] .cargo-grid{direction:ltr}[dir=rtl] .drawer-heading span{letter-spacing:0}[dir=rtl] input[type=number]{direction:ltr}@media (height<=850px){.drawer[data-panel=report] .unit-portrait{width:42px;height:42px}.drawer[data-panel=report] .report-outcome{padding:7px 10px}.drawer[data-panel=report] .report-outcome h3{font-size:17px}.drawer[data-panel=report] .report-topline{gap:10px}.drawer[data-panel=report] #drawer-body{gap:6px}.drawer[data-panel=report] .report-force{padding:6px 0}.drawer[data-panel=report] .report-latest{font-size:10px;line-height:1.4}.drawer[data-panel=dispatch] .dispatch-formation label{padding:5px}.drawer[data-panel=dispatch] label{font-size:10px}.drawer[data-panel=dispatch] #drawer-body{gap:7px}}@media (width<=700px){.language-control{z-index:2;position:absolute;top:3px;left:7px}.language-control select{border:0;width:65px;height:17px;padding:0 2px;font-size:9px}.village-biome{padding:5px 8px;font-size:10px;top:172px;left:16px}.province-status:not([hidden])~.village-biome{top:204px}.drawer[data-panel=report],.drawer[data-panel=dispatch]{width:calc(100vw - 16px);padding:12px;right:8px}.drawer[data-panel=report] .drawer-heading{min-height:28px;margin-bottom:6px}.drawer[data-panel=report] .drawer-heading h2{font-size:17px}.report-topline{display:block}.report-topline .report-outcome{padding:6px 9px}.report-outcome h3{margin:2px 0;font-size:16px}.report-outcome p{font-size:10px}.report-topline .casualty-summary{margin:0;padding:6px 0}.casualty-summary b{font-size:19px}.report-force{padding:5px 0;display:block}.report-force>strong{flex:none;gap:7px;width:auto;max-width:none;margin-bottom:4px;font-size:10px;display:flex}.report-force>strong small{margin:0}.report-forces{padding:5px 7px}.report-unit-grid{gap:6px 8px}.report-unit{grid-template-columns:1fr;gap:0;font-size:8px}.report-unit .unit-portrait,.drawer[data-panel=report] .unit-portrait{border-width:1px;grid-column:auto;width:clamp(22px,7.7vw,32px);height:clamp(22px,7.7vw,32px)}.report-unit-grid[data-dense=true] .unit-portrait{width:24px;height:24px}.net-plunder{padding:6px}.net-plunder>small{margin-bottom:4px;font-size:8px}.net-plunder>div>span{gap:3px;font-size:10px}.net-plunder svg{width:17px;height:17px}.report-actions{gap:4px}.report-actions>*{padding:6px 3px;font-size:9px}.report-legend{font-size:8px;line-height:1.3}.report-load>span{font-size:9px}.drawer[data-panel=report] .report-latest{margin:0;padding:5px 7px;font-size:9px;line-height:1.5}.drawer[data-panel=report] .siege-meters{gap:4px}.drawer[data-panel=report] .siege-meters span{font-size:8px}.drawer[data-panel=report] #drawer-body{gap:5px}.dispatch-formation{gap:4px}.dispatch-formation label{grid-template-columns:27px minmax(0,1fr);column-gap:2px;padding:4px;font-size:9px}.dispatch-formation .unit-portrait{width:27px;height:35px}.dispatch-formation small{font-size:7px}.dispatch-formation input{height:24px;padding:2px;font-size:11px}.dispatch-destination strong{font-size:15px}.dispatch-destination small{font-size:9px}.provision-line{gap:5px;padding:6px;font-size:10px}.dispatch-directives{gap:6px}.dispatch-directives select{padding:6px;font-size:10px}.drawer[data-panel=dispatch] .cargo-grid b{font-size:10px}.drawer[data-panel=dispatch] .cargo-grid svg{width:16px}.drawer[data-panel=dispatch] .drawer-heading{min-height:30px;margin-bottom:7px}.drawer[data-panel=dispatch] .drawer-heading h2{font-size:17px}[dir=rtl] .scene-heading{right:17px}[dir=rtl] .has-drawer .scene-heading{left:17px}[dir=rtl] .match-status{text-align:right}.biome-preview{height:100px}}.drawer[data-panel=report] .report-load meter{border:0;margin-top:5px;display:block}@media (width<=700px){.drawer[data-panel=report]{z-index:45;background:#18332df7}}.pager{direction:ltr}.report-load meter::-webkit-meter-bar{background:#10291f;border:0;border-radius:8px}.report-load meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#99bb7c,#dcdfaf);border-radius:8px}@media (height<=850px){.drawer[data-panel=dispatch] .dispatch-formation label{padding:4px}.drawer[data-panel=dispatch] .panel-footer{padding-top:4px}.drawer[data-panel=dispatch] .dispatch-destination small{font-size:9px}}@media (width<=700px){.drawer[data-panel=dispatch]{z-index:45;background:#18332df7}}@media (width>=701px) and (height<=850px){.drawer[data-panel=report]{padding:14px}.drawer[data-panel=dispatch] .dispatch-formation{grid-template-columns:repeat(5,minmax(0,1fr))}.drawer[data-panel=dispatch] .dispatch-formation label{grid-template-columns:28px minmax(0,1fr);column-gap:3px;font-size:9px}.drawer[data-panel=dispatch] .dispatch-formation .unit-portrait{width:28px;height:34px}}.drawer[data-panel=lobby]{width:min(500px, calc(100vw / var(--ui-scale,1) - 24px))}#drawer[data-panel=lobby] #drawer-body:has(.lobby-leaders-list){padding-bottom:0;overflow:hidden}#drawer[data-panel=lobby] .lobby-leaders-list{scrollbar-width:thin;scrollbar-color:#9a87555e transparent;flex-direction:column;flex:auto;gap:6px;min-height:140px;display:flex;overflow-y:auto}.lobby-settings-pane{flex-direction:column;gap:10px;display:flex}.lobby-settings-pane.readonly .choice-tile,.lobby-settings-pane.readonly input{pointer-events:none;opacity:.72}.lobby-setup{background:#121614b8;border:1px solid #dabb7233;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:6px 0 8px;padding:10px 12px;display:grid}.lobby-map-col{flex-direction:column;align-items:center;gap:6px;display:flex}.lobby-map-head{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.lobby-auto-btn{border:1px solid #dabb7240;border-radius:999px;min-height:0;padding:2px 8px;font-size:11px}.lobby-auto-btn.active{color:#fff3cf;background:#dabb723d;border-color:#e7c673}.lobby-spawn-map{flex-shrink:0;width:146px;height:146px;position:relative}.lobby-spawn-map svg{width:100%;height:100%;display:block}.lobby-map-slot{background:var(--slot-color,#fff3);color:#fff;text-shadow:0 1px 2px #000000d9;cursor:pointer;border:1.5px solid #ffffff73;border-radius:50%;place-items:center;width:21px;height:21px;min-height:0;padding:0;font-size:10px;font-weight:700;line-height:1;transition:transform .12s,box-shadow .12s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000008c}.lobby-map-slot:hover:not(:disabled){border-color:#fff;transform:translate(-50%,-50%)scale(1.18)}.lobby-map-slot.mine{z-index:2;border:2px solid #fff3cf;width:24px;height:24px;box-shadow:0 0 0 2px #e7c673a6,0 2px 8px #000000b3}.lobby-map-slot.locked{opacity:.72;cursor:not-allowed}.lobby-map-slot.bot-slot{border-style:dashed;border-color:#fff3cfd9}.lobby-color-col{flex-direction:column;gap:8px;min-width:0;display:flex}.lobby-color-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.lobby-swatch{background:var(--swatch);color:#fff;text-shadow:0 1px 2px #000000e6;cursor:pointer;border:1.5px solid #ffffff47;border-radius:7px;place-items:center;width:100%;height:24px;min-height:0;padding:0;font-size:12px;font-weight:700;transition:transform .12s,border-color .12s;display:grid}.lobby-swatch:hover:not(:disabled){border-color:#fff;transform:scale(1.08)}.lobby-swatch.active{border:2px solid #fff3cf;box-shadow:0 0 0 2px #e7c673a6}.lobby-swatch.locked{opacity:.35;cursor:not-allowed}.lobby-hint{opacity:.8}.lobby-player-color{vertical-align:middle;border:1px solid #ffffff8c;border-radius:50%;width:10px;height:10px;margin-inline-end:6px;display:inline-block}.lobby-player-row{border:1px solid var(--line);background:#10231fa6;border-radius:8px;padding:7px 10px;transition:background .2s,border-color .2s}.lobby-player-row.ready-row{background:linear-gradient(135deg,#166534c7,#14532de0)!important;border-color:#4ade80!important}.lobby-player-info{flex-direction:column;gap:5px;display:flex}.lobby-selectors{grid-template-columns:1fr 1fr;gap:6px;display:grid}.lobby-selectors select{padding:4px 6px;font-size:11px}.welcome-card button.quiet.wide{color:#f2eddb;background:#10231fd9;border:1px solid #bad0c43d}.panel-action-grid{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.panel-action-grid button.action-btn{white-space:normal;text-align:center;cursor:pointer;border:1px solid var(--line);width:100%;min-height:36px;color:var(--ink);background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin:0;padding:8px;font-size:11px;line-height:1.2;transition:background .15s,border-color .15s;display:inline-flex}.panel-action-grid button.action-btn:hover:not(:disabled){background:#ffffff18;border-color:#d6b86566}.panel-action-grid button.action-btn.grid-full{grid-column:1/-1}.panel-action-grid button.action-btn.action-capture{color:#f7a894;background:#8b3a2a30;border-color:#d9624566}.panel-action-grid button.action-btn.action-capture:hover:not(:disabled){background:#8b3a2a55}.panel-action-grid button.action-btn.action-blockade{color:#f0a3bf;background:#783a5430;border-color:#c7567e66}.panel-action-grid button.action-btn.action-reinforce{color:#a8e5c2;background:#2a5a4030;border-color:#4fb37a66}.panel-action-grid button.action-btn.action-camp{color:#f3d98b;background:#5c4a2230;border-color:#d8b24a66}.panel-action-grid button.action-btn .btn-icon{flex-shrink:0;font-size:14px;line-height:1}.realm-possessions{align-items:center;margin:0 4px;display:flex}.possession-strip{background:#ffffff07;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:5px;padding:2px 4px;display:flex}.possession-badge{border:1px solid var(--line);color:#e2e8e4;cursor:pointer;background:#142820cc;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:transform .15s,border-color .15s,background .15s;display:inline-flex;position:relative;box-shadow:0 2px 5px #0000004d}.possession-badge:hover{border-color:var(--gold);background:#1c3d30;transform:scale(1.1)}.possession-badge.active{border-color:var(--gold);box-shadow:0 0 8px #d8b24a88}.possession-badge .badge-icon{justify-content:center;align-items:center;font-size:13px;display:inline-flex}.possession-badge .badge-icon svg{width:14px;height:14px}.possession-badge .badge-tag{color:var(--gold);background:#0f1d18f0;border:1px solid #d8b24a66;border-radius:4px;padding:1px 3px;font-size:8px;font-weight:700;line-height:1;position:absolute;bottom:-3px;right:-3px}.possession-badge.oasis-wood{border-color:#6a9b4a66}.possession-badge.oasis-wood .badge-tag{color:#88c75e;border-color:#6a9b4a66}.possession-badge.oasis-iron{border-color:#7d96a666}.possession-badge.oasis-iron .badge-tag{color:#b1cddf;border-color:#7d96a666}.possession-badge.oasis-stone{border-color:#a89f8b66}.possession-badge.oasis-stone .badge-tag{color:#ded6c3;border-color:#a89f8b66}.possession-badge.oasis-wheat{border-color:#d4a73b66}.possession-badge.oasis-wheat .badge-tag{color:#f5cb62;border-color:#d4a73b66}.oasis-garrison-section{background:#0e241c50;border:1px solid #ffffff12;border-radius:8px;margin:6px 0;padding:8px 10px}.oasis-garrison-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--gold);margin:0 0 6px;font-size:11px}.oasis-stationed-forces{padding:2px 0}.oasis-stationed-forces .report-unit-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;display:grid}.oasis-stationed-forces .report-unit{background:#ffffff0a;border:1px solid #ffffff18;border-radius:6px;flex-direction:column;align-items:center;padding:4px;display:flex}.oasis-stationed-forces .report-unit .unit-portrait{width:36px;height:36px}.oasis-stationed-forces .unit-counts{margin-top:3px;font-size:10px;font-weight:600}.oasis-own-block,.oasis-ally-row{gap:5px;display:grid}.oasis-garrison-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.oasis-garrison-head strong{color:var(--gold);font-size:11px}.oasis-garrison-actions{gap:4px;display:inline-flex}.oasis-unit-tile{cursor:pointer;width:100%;transition:border-color .14s,background .14s,transform .1s;position:relative}.oasis-unit-tile:hover{background:#ffffff18;border-color:#ebd09088}.oasis-unit-tile.selected{background:#2c76525c;border-color:#66f0a5;box-shadow:0 0 0 1px #66f0a561,inset 0 0 8px #66f0a52e}.oasis-unit-check{top:2px;color:#052e16;text-align:center;z-index:2;background:#22c55e;border-radius:50%;width:14px;height:14px;font-size:9px;font-weight:800;line-height:14px;position:absolute;inset-inline-end:2px}.oasis-garrison-hint{color:#c5d6bf;font-size:9.5px;line-height:1.35;display:block}.oasis-ally-row{background:#38a16921;border:1px solid #68d39152;border-radius:7px;margin-top:6px;padding:7px 8px}.oasis-ally-row .oasis-garrison-head strong{color:#9ae6b4}.oasis-ally-row .report-unit.oasis-ally-unit{cursor:default;background:#38a16929;border-color:#6ee7a757}.oasis-ally-owner{color:#c6f6d5;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8.5px;overflow:hidden}.hud-nav{flex-shrink:0;align-items:center;gap:6px;display:flex}.hud-btn{color:#f2eddb;white-space:nowrap;background:#081c1544;border:1px solid #d6e7ce26;border-radius:8px;align-items:center;gap:7px;height:38px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex;position:relative}.hud-btn:hover{color:#ffe6a5;background:#ffffff18;border-color:#e3c17a88}.hud-btn svg{width:20px;height:20px;color:var(--gold);flex-shrink:0}.hud-btn .hud-badge{color:#fff;background:#dc2626;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 0 8px #dc2626b3}.hud-btn .hud-badge[hidden]{display:none!important}.hud .brand{order:1}.hud .resources{order:2}.hud .hud-nav{order:3}.hud .realm-possessions{order:4}.hud .muster-hud{order:5}.hud .language-control{order:6}.hud .match-status{order:7}[dir=rtl] .hud .brand{order:1}[dir=rtl] .hud .hud-nav{order:2}[dir=rtl] .hud .resources{order:3}[dir=rtl] .hud .realm-possessions{order:4}[dir=rtl] .hud .muster-hud{order:5}[dir=rtl] .hud .language-control{order:6}[dir=rtl] .hud .match-status{order:7}.hud,.scene-heading,.village-biome,.important-alerts,.world-tools,.world-chat,.drawer,.work-queue,.command-deck,.toast,.welcome-card,.unit-tooltip{zoom:var(--ui-scale,1)}.stat-line b,.resource strong,.hud-btn,.drawer-heading h2{font-weight:700}.net-plunder>div>span b,.report-load b{font-size:13px;font-weight:700}.building-art,.scenery-art{pointer-events:none;background-repeat:no-repeat;width:100%;height:100%;display:block}.building-art{background:0 0}.building-art>svg{width:100%;height:100%;overflow:hidden}.scenery-art{background:0 0}.scenery-art>svg{width:100%;height:100%}.panel-hero>.building-art,.panel-hero>.scenery-art{flex-shrink:0;width:175px;height:175px}.choice-field{border:0;min-width:0;margin:4px 0;padding:0}.choice-field legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:10px}.choice-grid{flex-wrap:wrap;gap:5px;display:flex}.choice-tile,.drawer button.choice-tile{color:#d8dfc6;background:#112b2455;border:1px solid #75907455;border-radius:7px;flex:70px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:7px 9px;font-size:11px;line-height:1.3;transition:background .15s,border-color .15s;display:flex}.choice-tile.active,.drawer button.choice-tile.active{color:#ffdf91;background:linear-gradient(135deg,#9d894438,#d5ba6940);border-color:#e3c67c;box-shadow:inset 0 0 0 1px #e2cb7720}.choice-tile:hover,.drawer button.choice-tile:hover{background:#abc47a25;border-color:#c6d89b}.choice-check{color:#edcf7e;flex-shrink:0;width:12px;font-size:11px}.choice-tile:not(.active) .choice-check{border:1px solid #b6c59b66;border-radius:2px;width:8px;height:8px}.dispatch-directives{grid-template-columns:1fr;gap:2px;display:grid}.dispatch-directives .choice-field{margin:0}.drawer .dispatch-directives button.choice-tile{min-height:32px;padding:5px 8px}.drawer[data-panel=dispatch] #drawer-body{gap:7px}.language-control .choice-field{margin:0}.language-control legend{display:none}.language-control .choice-grid{flex-wrap:nowrap;gap:2px}.language-control .choice-tile{flex:none;min-width:31px;min-height:25px;padding:4px;font-size:9px}.language-control .choice-check{display:none}.welcome-card{width:440px;max-width:calc(100vw - 24px)}#tribe-picker .choice-grid{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}#tribe-picker .choice-tile{flex-direction:column;min-width:0;min-height:55px;padding:10px 3px;font-size:10px}.unit-tooltip{z-index:1000;color:#e8ecd6;pointer-events:none;background:linear-gradient(135deg,#234537fa,#102a25fc);border:1px solid #d6bd7890;border-radius:12px;width:300px;max-width:calc(100vw - 16px);padding:15px;position:fixed;box-shadow:0 14px 50px #071e2899}.unit-tooltip[hidden]{display:none}.unit-tooltip header{border-bottom:1px solid #bcc99c22;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:10px;display:flex}.unit-tooltip header strong{color:#ffe0a0;font-size:15px;display:block}.unit-tooltip header small{color:#b5c6ab;font-size:10px}.unit-stat-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.unit-stat-grid>span{color:#bdcbb5;flex-direction:column;gap:3px;font-size:9px;display:flex}.unit-stat-grid b{color:#e1eec7;font-size:16px}.unit-tooltip p{color:#e4cc8d;background:#cfb66d12;border-radius:5px;margin:10px 0 0;padding:8px;font-size:10px}.unit-tooltip footer{color:#9db49a;margin-top:9px;font-size:9px;line-height:1.5}.drawer[data-panel=report] button.report-unit,.scouted-forces .report-unit{flex-direction:column;align-items:center;gap:5px;display:flex}.scouted-forces .report-force{flex-direction:column;align-items:stretch;gap:8px}.scouted-forces .report-force>strong{width:auto;max-width:none;color:var(--muted);flex:none;font-size:11px}.report-unit .unit-counts{white-space:nowrap;letter-spacing:0;direction:ltr;justify-content:center;align-items:center;gap:4px;font:700 12.5px/1.25 Cairo,DM Sans,system-ui;display:inline-flex}.unit-counts i{color:#9eb295;font-style:normal;font-weight:700}.unit-counts b{font-weight:800}@media (height<=850px){.panel-hero>.building-art,.panel-hero>.scenery-art{width:120px;height:120px}.drawer button.choice-tile{min-height:30px;padding:5px;font-size:10px}.choice-field legend{margin-bottom:4px;font-size:9px}.dispatch-directives .choice-tile{min-height:30px}.drawer[data-panel=dispatch] #drawer-body{gap:5px}}@media (width<=700px){.welcome-card{padding:22px}.choice-tile,.drawer button.choice-tile{gap:3px;min-height:32px;padding:5px;font-size:10.5px}.choice-field legend{font-size:10px}.language-control .choice-tile{min-width:22px;min-height:16px;padding:1px 3px;font-size:8px}.language-control{top:4px;left:9px}.report-unit .unit-counts{gap:3px;font-size:10.5px}.choice-field{margin:3px 0}.unit-tooltip{width:270px;padding:12px}.unit-stat-grid b{font-size:14px}}@media (prefers-reduced-motion:reduce){.building-art,.scenery-art{transition:none}}body:has(#welcome:not([hidden])) .hud{z-index:70}.drawer[data-building-name=MainHall]{width:min(520px,calc(100vw / var(--ui-scale,1) - 32px))}@media (width<=700px){.drawer[data-building-name=MainHall]{width:calc(100vw / var(--ui-scale,1) - 16px)}}.oasis-specialty{color:#dcd595;align-items:center;gap:5px;display:flex}.oasis-specialty svg{flex-shrink:0;width:18px;height:18px}.vignette{box-shadow:inset 0 0 110px #304a2820}.facility-training-queue{background:#0e251e78;border:1px solid #d9c4943a;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:4px;padding:10px 12px;display:flex}.facility-training-queue .queue-list{flex-direction:column;gap:7px;max-height:190px;display:flex;overflow-y:auto}.facility-training-queue .queue-item{background:#16342a88;border:1px solid #8ea88d33;border-radius:8px;flex-direction:column;gap:5px;padding:7px 9px;display:flex}.facility-training-queue .queue-item.active{background:#234435aa;border-color:#e3c67c88}.facility-training-queue .queue-item-head{align-items:center;gap:8px;display:flex}.facility-training-queue .queue-item-head .unit-portrait{flex-shrink:0;width:32px;height:32px}.facility-training-queue .queue-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.facility-training-queue .queue-item-info strong{color:#f5ebd3;font-size:12px}.facility-training-queue .queue-item-info small{color:#b8c7b0;font-size:10px}.facility-training-queue .queue-item progress{accent-color:#e3c17a;border-radius:4px;width:100%;height:6px}.report-combatants{grid-template-columns:1fr 1fr;gap:8px;margin:6px 0;display:grid}.combatant-box{background:#11292188;border:1px solid #8ea88d33;border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.combatant-box.attacker{background:#3a241d55;border-color:#e28d6366}.combatant-box.defender{background:#17352c66;border-color:#6fb29966}.combatant-box small{color:#b9c8b2;text-transform:uppercase;font-size:10px}.combatant-box strong{color:#f7eed7;font-size:12px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;display:none}input[type=number]{appearance:textfield}.selected-army-location{background:#6d5d2d24;border:1px solid #e3c17a66;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.selected-army-location>div{gap:2px;display:grid}.selected-army-location strong{color:#ffe0a0;font-size:12px}.selected-army-location span{color:var(--muted);font-size:10px}.selected-army-location button{white-space:nowrap;flex-shrink:0}.dispatch-unit-card{border:1px solid var(--line);background:#ffffff07;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:4px 7px;margin:0;padding:7px 8px;font-size:11px;display:grid}.dispatch-unit-card .unit-portrait{grid-row:1/3;width:38px;height:38px}.dispatch-unit-meta{flex-direction:column;min-width:0;line-height:1.25;display:flex}.dispatch-unit-meta strong{color:#e9ecd8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.dispatch-unit-meta small{color:var(--muted);font-size:9px}.dispatch-input-row{grid-column:2;align-items:center;gap:5px;min-width:0;display:flex}.dispatch-input-row input[type=number]{text-align:center;background:#0c1e1ae6;border:1px solid #b8cca838;border-radius:5px;flex:0 64px;width:64px;height:25px;margin:0;padding:2px 6px;font-size:12px}.drawer button.dispatch-quick-btn{color:#f3dd9b;background:#244135cc;border:1px solid #d8be7855;border-radius:5px;flex:none;min-width:26px;height:24px;padding:0 6px;font-size:10px;font-weight:700;line-height:1}.drawer button.dispatch-quick-btn:hover:not(:disabled){background:#345949;border-color:#e8ce86}.drawer button.dispatch-quick-btn[data-quick-stage=half]{color:#fff0be;background:#5b4f2b88;border-color:#e5c878}:root{--command-height:206px}.hud{border-top-left-radius:0;border-top-right-radius:0;top:0}.command-deck{width:min(1000px,calc(100vw / var(--ui-scale,1) - 24px));z-index:22;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.army-merge-bar{background:#172d29f2;border:1px solid #f0d48c73;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:8px;padding:4px 6px;display:inline-flex;box-shadow:0 8px 20px #0816128c}.army-merge-bar[hidden]{display:none!important}.army-merge-btn{color:#fff2c2;cursor:pointer;background:linear-gradient(#5b532d,#38351e);border:1px solid #f0d48c;border-radius:999px;align-items:center;gap:6px;padding:5px 16px;font-size:13px;font-weight:700;transition:transform .12s,background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 10px #f0d48c40}.army-merge-btn:hover:not(:disabled){background:linear-gradient(#706538,#494426);transform:translateY(-1px);box-shadow:0 4px 14px #f0d48c66}.army-merge-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.army-shelf{background:#172d29f0;border:1px solid #d8e9ce26;border-radius:14px;justify-content:center;align-self:center;align-items:center;width:max-content;max-width:100%;margin:0 auto;padding:5px 8px;transition:all .2s;display:inline-flex;box-shadow:0 8px 24px #10251f66}.army-shelf[hidden]{display:none!important}.army-strip{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a7915c #233e33;gap:8px;padding:2px;display:flex;overflow-x:auto}.army-strip::-webkit-scrollbar{height:4px}.army-strip::-webkit-scrollbar-track{background:#233e33}.army-strip::-webkit-scrollbar-thumb{background:#a7915c;border-radius:4px}.army-card{isolation:isolate;flex:0 0 88px;width:88px;height:84px;position:relative}.army-card-btn{text-align:center;cursor:pointer;background:linear-gradient(#284435,#193126);border:1px solid #c8bd8a40;border-radius:9px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:4px 5px 3px;transition:transform .12s,border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.army-card-btn:hover{background:linear-gradient(#325342,#213c30);border-color:#e3c17a88;transform:translateY(-1px)}.army-card.selected .army-card-btn{background:linear-gradient(#44412a,#26382c);border-color:#f0d48c;box-shadow:0 0 12px #f0d48c73}.army-card.reinforcement .army-card-btn{box-shadow:0 0 10px #22c55e66,inset 0 0 6px #22c55e26;background:linear-gradient(#184632,#0d291e)!important;border:2px solid #22c55e!important}.army-card.reinforcement:hover .army-card-btn{box-shadow:0 0 14px #4ade808c,inset 0 0 8px #4ade8033;border-color:#4ade80!important}.army-card-header{z-index:2;justify-content:space-between;align-items:center;width:100%;line-height:1;display:flex}.army-name-tag{color:#e8e4d2;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:600;overflow:hidden}.army-card.reinforcement .army-name-tag{color:#86efac}.army-status-badge{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;height:17px;line-height:1;display:inline-flex}.army-status-badge svg{width:15px;height:15px}.army-status-badge.status-defender{filter:drop-shadow(0 0 5px #0284c7)}.army-status-badge.status-defender svg{width:16px;height:16px}.army-status-badge.status-attacker{filter:drop-shadow(0 0 5px #dc2626);animation:1.4s ease-in-out infinite battle-pulse}.army-status-badge.status-attacker svg{width:16px;height:16px}@keyframes battle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.army-status-badge.status-idle .badge-zzz{color:#fff;letter-spacing:.5px;background:#0006;border:1px solid #ffffff4d;border-radius:3px;padding:1px 3px;font-family:monospace,sans-serif;font-size:9.5px;font-weight:700}.army-status-badge.status-moving .badge-move{color:#cbd5e1;font-size:11px}.army-lead-art{filter:drop-shadow(1px 2px 3px #0a1f19b3);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:44px;margin:-1px 0;display:flex}.army-lead-art svg{width:100%;height:100%;display:block}.army-lead-art.lead-icon{font-size:28px;line-height:1}.army-card-bottom{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;line-height:1.1;display:flex}.army-total-count{color:#ffe6a5;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000c;font-size:12.5px;font-weight:700}.army-foreign-origin{color:#86efac;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:1px;font-size:8px;font-weight:500;display:block;overflow:hidden}.building-shelf{background:#172d29f2;border-radius:14px;padding:8px 12px 10px}.building-strip{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a7915c #233e33;gap:8px;padding:3px 1px 5px;display:flex;overflow-x:auto}.building-card{isolation:isolate;flex:1;min-width:93px;max-width:130px;position:relative}.building-open{background:linear-gradient(#243b30,#354b37);border:1px solid #c8bd8a40;border-radius:9px;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:98px;padding:3px 4px 5px;display:flex;position:relative}.building-open .building-art{filter:drop-shadow(1px 3px 3px #0a1f1977);width:76px;height:68px}.building-name{white-space:nowrap;color:#e8e4d2;font-size:10px;line-height:16px}.building-level{top:5px;color:#ffe6a5;background:#152c27f2;border:1px solid #d7be7799;border-radius:5px;min-width:30px;padding:2px 5px;font-size:16px;line-height:18px;position:absolute;inset-inline-end:5px;box-shadow:0 2px 4px #10251f66}.building-level small{color:#ecddb5;font-size:8px;line-height:10px;display:block}.building-upgrade{top:5px;color:#0000;z-index:1;background:#528348;border-color:#cce6b18a;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;padding:0;font-size:0;line-height:0;display:inline-flex;position:absolute;inset-inline-start:5px}.building-upgrade:before,.building-upgrade:after{content:"";pointer-events:none;background:#f1ffdf;border-radius:1.5px;margin:auto;position:absolute;inset:0}.building-upgrade:before{width:13px;height:3px}.building-upgrade:after{width:3px;height:13px}.building-upgrade:disabled{opacity:.55;background:#455447}.building-card.selected .building-open{background:linear-gradient(#314637,#615b39);border-color:#f0d48c}.building-card.training .building-open{border-color:#e3c17a47;overflow:hidden;box-shadow:0 0 10px #e3c17a29}.building-card.training .building-open:before{content:"";z-index:0;pointer-events:none;background:conic-gradient(#0000 0deg 250deg,#f3d88e9e 305deg,#9ae6af85 338deg,#0000 360deg);width:210px;height:210px;margin:-105px 0 0 -105px;animation:3.4s linear infinite training-border-trace;position:absolute;top:50%;left:50%}.building-card.training .building-open:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#243b30,#354b37);border-radius:7.5px;position:absolute;inset:1.5px}.building-card.training.selected .building-open:after{background:linear-gradient(#314637,#615b39)}.building-card.training .building-open>:not(.building-level){z-index:2;position:relative}.building-card.training .building-level{z-index:2}.building-card.training .building-upgrade{z-index:3}@keyframes training-border-trace{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.building-card.training .building-open:before{opacity:.45;animation:none}}.chronicle,.work-queue{bottom:calc(var(--command-height) + 18px)}.world-tools button[aria-pressed=true]{color:#ffe6a5;background:#6c643ce8;border-color:#e3c17a}.world-tools button svg{width:21px;height:21px}.market-create{grid-template-columns:1fr 1fr;gap:12px;display:grid}.market-create label{margin:0}.market-create input{margin-top:7px}.market-offers{gap:9px;display:grid}.market-offer{border:1px solid var(--line);background:#10251f44;border-radius:9px;gap:7px;padding:10px;display:grid}.market-offer>div{justify-content:space-around;align-items:center;gap:9px;display:flex}.market-offer>div>span{align-items:center;gap:6px;display:flex}@media (width<=1100px){.building-card{min-width:95px}.building-open{height:98px}}@media (width<=700px){:root{--command-height:190px}.command-deck{gap:4px;width:calc(100vw - 16px);bottom:7px}.army-shelf{min-height:64px;padding:4px 6px}.army-card{flex:0 0 94px;min-width:90px;height:62px}.building-shelf{padding:6px 7px}.building-card{flex:0 0 88px;min-width:88px}.building-open{height:94px}.building-open .building-art{width:69px;height:62px}.building-name{font-size:9px}.building-upgrade{width:27px;height:27px}.building-level{font-size:15px}.building-strip{gap:6px}.chronicle{bottom:calc(var(--command-height) + 12px);max-width:180px}.work-queue{bottom:calc(var(--command-height) + 12px)}.scene-heading p{max-width:235px}.market-create{gap:7px}}@media (height<=650px){:root{--command-height:165px}.building-open{height:80px}.building-open .building-art{height:52px}.scene-heading{display:none}}@media (width<=700px){.drawer[data-building-name=MainHall]{z-index:25}}.oasis-section{border-top:1px solid var(--line);gap:8px;padding:12px 0;display:grid}.oasis-section h3{margin:0;font-size:13px}.oasis-section p{margin:0;font-size:11px}.oasis-section meter{width:100%;height:15px}.oasis-danger{color:#fff0d8;background:#753a32;border:1px solid #f1a38a;border-radius:7px;padding:10px}.oasis-section [role=switch][aria-checked=true]{background:#405c3d;border-color:#b1ce8a}.important-alerts{width:calc(100vw / var(--ui-scale,1) - 32px);z-index:46;pointer-events:none;direction:rtl;flex-wrap:wrap;justify-content:flex-start;gap:7px;display:flex;position:fixed;top:88px;left:16px;transform:none}.important-alerts[hidden]{display:none}.important-alert{pointer-events:auto;background:linear-gradient(135deg,#6b2420f5,#3d1816f5);border:1px solid #ef645688;border-radius:10px;flex:0 196px;min-width:158px;display:flex;overflow:hidden;box-shadow:0 5px 18px #10251f44}.important-alert.danger{background:linear-gradient(135deg,#6b2420f5,#3d1816f5);border-color:#ef645688}.important-alert.attacking{background:linear-gradient(135deg,#1d447af5,#152b4df5);border-color:#60a5fa88}.important-alert.friendly{background:linear-gradient(135deg,#1f5c36f5,#153c26f5);border-color:#4ade8088}.important-alert.live-battle{border-color:#0000;padding:2px;animation:1.45s ease-in-out infinite live-battle-pulse;position:relative}.important-alert.live-battle:before{content:"";z-index:0;pointer-events:none;background:conic-gradient(#0000 0deg 235deg,#ffe27a 285deg,#ff5e3a 330deg,#0000 360deg);width:340px;height:340px;margin:-170px 0 0 -170px;animation:2s linear infinite live-battle-border;position:absolute;top:50%;left:50%}.important-alert.live-battle.attacking:before{background:conic-gradient(#0000 0deg 235deg,#ffe27a 285deg,#60a5fa 330deg,#0000 360deg)}.important-alert.live-battle:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#8c2619f7,#4c1210f7);border-radius:8px;position:absolute;inset:2px}.important-alert.live-battle.attacking:after{background:linear-gradient(135deg,#1b4d96f7,#102a56f7)}.important-alert.live-battle button{z-index:2;position:relative}@keyframes live-battle-border{to{transform:rotate(360deg)}}@keyframes live-battle-pulse{0%,to{transform:scale(1);box-shadow:0 0 10px #ff8a3d88,0 5px 18px #10251f55}50%{transform:scale(1.035);box-shadow:0 0 22px #ffd25ccc,0 6px 24px #ff4d3688}}@media (prefers-reduced-motion:reduce){.important-alert.live-battle,.important-alert.live-battle:before{animation:none}.important-alert.live-battle{border-color:#ffd25c}}.important-alert button{background:0 0;border:0;min-width:24px;padding:7px 9px}.important-alert button:first-child{text-align:start;flex:1;align-items:center;gap:7px;min-width:0;display:flex}.important-alert strong{color:#fff1ce;flex:1;min-width:0;font-size:11px;line-height:1.35}.important-alert strong small{color:#d8d3ba;margin-top:2px;font-size:9.5px;font-weight:400;display:block}.important-alert button>span:first-child{color:#ff8a7a;font-size:18px}.important-alert.attacking button>span:first-child{color:#93c5fd}.important-alert.friendly button>span:first-child{color:#86efac}.important-alert button>span.live-event-icon{color:#ffffffc7;flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.important-alert button>span.live-event-icon svg{width:18px;height:18px;display:block}.live-event-dot{background:#ff5c4d;border-radius:50%;flex:0 0 6px;width:6px;height:6px;margin-inline-start:auto;box-shadow:0 0 6px #ff5c4d99}.live-event-count{color:#fff1ce;font-variant-numeric:tabular-nums;white-space:nowrap;background:#00000047;border:1px solid #ffffff29;border-radius:999px;flex:none;align-items:center;gap:5px;margin-inline-start:auto;padding:2px 6px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.live-event-count .live-event-dot{margin-inline-start:0}.attacking .live-event-dot{background:#60a5fa;box-shadow:0 0 6px #60a5fa99}.friendly .live-event-dot{background:#4ade80;box-shadow:0 0 6px #4ade8099}.has-drawer .important-alerts{width:calc(100vw / var(--ui-scale,1) - var(--drawer-space,460px) - 48px);left:16px;transform:none}#drawer[data-panel=alerts] #drawer-body{flex-direction:column;gap:9px;display:flex}@media (width<=700px){.important-alerts,.has-drawer .important-alerts{width:calc(100vw / var(--ui-scale,1) - 16px);scrollbar-width:thin;scrollbar-color:#a7915c #233e33;flex-wrap:nowrap;padding-bottom:3px;top:107px;left:8px;overflow-x:auto;transform:none}.important-alert{flex:0 0 178px;min-width:0}.important-alert strong{font-size:11px}.important-alert button{padding:7px 8px}}.oasis-summary{z-index:3;border-bottom:1px solid var(--line);background:#19382ff5;padding:8px 0 12px;position:sticky;top:0}.oasis-summary h3{margin:5px 0 7px;font-size:12px}.oasis-resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:10px;display:grid}.oasis-resource-grid>div{background:#ffffff08;border-radius:6px;justify-items:center;gap:4px;padding:6px 2px;display:grid}.oasis-resource-grid svg{width:23px;height:23px}.oasis-resource-grid b{font-size:15px}.oasis-resource-grid small{white-space:nowrap;font-size:8px}.oasis-summary .biome-bonuses>div{gap:4px;padding:5px}.oasis-summary .biome-bonuses svg{width:20px;height:20px}.bonus-suspended strong{color:#e1a18c;text-decoration:line-through}.oasis-ribbon-info{color:#dfd8b9;flex-direction:column;justify-content:center;gap:7px;padding:8px 16px;font-size:12px;display:flex}.oasis-wall-card,.oasis-level-card{flex:0 0 105px}.action-btn.action-burn{color:#ffb3a6;background:#3a1414;border-color:#b84533}.action-btn.action-burn:hover{color:#fff;background:#541b1b;border-color:#e05640}.action-upgrade-oasis{margin-top:8px}.oasis-report-defense{background:#76412944;border:1px solid #df9a64;border-radius:9px;gap:7px;padding:12px;display:grid}.oasis-report-defense meter{width:100%;height:16px}.oasis-report-defense strong{color:#f5cb84;font-size:12px}.oasis-report-defense small{font-size:11px}@media (width<=700px){.oasis-resource-grid b{font-size:13px}.oasis-resource-grid small{font-size:7px}.oasis-summary{padding-top:3px}.oasis-ribbon-info{padding:8px;font-size:10px}.oasis-summary .stat-line{margin:0;padding:3px 0}}#drawer{max-height:calc(100dvh / var(--ui-scale,1) - 110px);flex-direction:column;display:flex;top:94px;bottom:auto;overflow:hidden}#drawer[hidden]{display:none}#drawer .drawer-heading,#drawer-tabs{flex-shrink:0}#drawer-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9a87555e transparent;flex:0 auto;min-height:0;padding-bottom:4px;overflow:hidden auto}#drawer-body>*{flex-shrink:0}#drawer .panel-footer,#drawer .report-actions{flex-shrink:0;padding-bottom:4px;position:static}#drawer .report-actions{flex-wrap:wrap}#drawer .report-actions>*{flex:100px;min-height:34px}#drawer[data-panel=lobby],#drawer[data-panel=rooms]{max-height:none;bottom:16px}#drawer[data-panel=lobby] #drawer-body,#drawer[data-panel=rooms] #drawer-body{flex:1}#drawer-body::-webkit-scrollbar{width:5px}#drawer-body::-webkit-scrollbar-track{background:0 0}#drawer-body::-webkit-scrollbar-thumb{background:#9a875566;border-radius:6px}@media (width>=701px){.command-deck{--panel-lane:max(400px,var(--drawer-space,0px));left:calc((100vw / var(--ui-scale,1) - var(--panel-lane)) / 2);width:min(1000px,calc(100vw / var(--ui-scale,1) - var(--panel-lane) - 32px))}}button.action-capture{color:#efc3ae;background:linear-gradient(135deg,#623e354d,#4e37302b);border-color:#bf80645c}button.action-blockade{color:#ead593;background:linear-gradient(135deg,#82703744,#5e512627);border-color:#d0b36666}button.action-reinforce{color:#c9dfb5;background:linear-gradient(135deg,#47704d55,#294b372e);border-color:#96bc8166}button.action-capture:hover:not(:disabled){background:#76483766}button.action-blockade:hover:not(:disabled){background:#82703766}button.action-reinforce:hover:not(:disabled){background:#47704d77}.attack-objectives{border:0;margin:0;padding:0}.attack-objectives legend{color:#d9c59c;margin-bottom:8px;font-size:12px}.attack-objectives>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.objective-card{text-align:start;background:#ffffff04;border-color:#cab77b33;grid-template-columns:25px 1fr;gap:4px 8px;padding:10px;display:grid}.objective-card>span{color:#d5be85;grid-row:1/3;font-size:21px}.objective-card strong{font-size:12px}.objective-card small{color:#c7cbb7;font-size:10px;line-height:1.6}.objective-card.active{background:#7667373b;border-color:#d8be78}.objective-card:disabled{opacity:.48}.city-objective-progress{background:#c7ab5812;border:1px solid #c7ab5833;border-radius:8px;gap:6px;padding:10px;display:grid}.city-objective-progress strong{color:#e8ce94}.city-objective-progress meter{width:100%}@media (width<=700px){.has-live-events #drawer{top:calc(116px + var(--events-height,72px))}.objective-card{grid-template-columns:18px 1fr;padding:7px}.objective-card>span{font-size:17px}.objective-card strong{font-size:11px}.objective-card small{font-size:9px}}.unit-portrait{background-size:100% 100%;position:relative;overflow:visible;background-position:50%!important}.unit-help{top:-4px;color:#ffe6a9;cursor:help;z-index:2;background:#234639;border:1px solid #edcf8e;border-radius:50%;place-items:center;width:18px;height:18px;font:700 12px/1 Tahoma;display:grid;position:absolute;inset-inline-end:-4px}.unit-help:focus-visible{outline-offset:2px;outline:2px solid #ffdb87}.unit-tooltip{pointer-events:auto;max-height:calc(100dvh - 16px);overflow:auto}.unit-stat-grid>span{grid-template-columns:22px 1fr;align-items:center;gap:3px 7px;display:grid}.unit-stat-grid svg{color:#dfc987;grid-row:1/3;width:21px;height:21px}.unit-stat-grid small{font-size:9px}.unit-stat-grid b{font-size:15px}.unit-counters{border-top:1px solid #ffffff20;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:9px;display:grid}.unit-counters section{align-content:start;gap:5px;display:grid}.unit-counters strong{font-size:11px}.unit-counters span{justify-content:space-between;gap:7px;font-size:10px;display:flex}.unit-counters .strong{color:#b8d79e}.unit-counters .weak{color:#efae91}.unit-tabs .unit-portrait{flex-shrink:0;width:36px;height:36px}.train-portrait>.unit-portrait{flex-shrink:0;width:84px;height:84px}.unit-tabs{flex-wrap:wrap;max-height:none;overflow:visible}.report-army{border-top:1px solid var(--line);padding-top:7px}.report-army>header{color:#e8c783;justify-content:space-between;gap:8px;font-size:11px;display:flex}.report-army>header small{font-size:9px}@media (width<=700px){#drawer{max-height:calc(100dvh / var(--ui-scale,1) - var(--command-height) - 120px);top:102px;bottom:auto}#drawer[data-panel=rooms]{max-height:none;top:75px;bottom:12px}#drawer[data-panel=lobby]{max-height:none;top:75px;bottom:58px}.unit-help{width:16px;height:16px;font-size:10px}.report-army>header{font-size:10px}}@media (height<=700px){#drawer{top:82px}.oasis-summary{position:static}.unit-tabs button{padding:6px;font-size:10px}.train-portrait>.unit-portrait{width:50px;height:50px}}.city-objective-progress meter{appearance:none;background:#122b24;border:1px solid #b9a56e44;border-radius:6px;height:9px;overflow:hidden}.city-objective-progress meter::-webkit-meter-bar{background:#122b24;border:0;border-radius:6px;height:7px}.city-objective-progress meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#8a7444,#d4bb79);border-radius:6px}.city-objective-progress meter::-moz-meter-bar{background:#c5ae6e;border-radius:6px}@media (width<=700px) and (height<=650px){:root{--command-height:158px}}.upgrade-cost-tip{z-index:1060;pointer-events:none;white-space:nowrap;background:linear-gradient(135deg,#183027f7,#0e211df8);border:1px solid #d6bd7899;border-radius:9px;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;display:flex;position:fixed;box-shadow:0 8px 22px #05131499}.upgrade-cost-tip[hidden]{display:none}.uct-row{align-items:center;gap:10px;display:flex}.uct-item{font-variant-numeric:tabular-nums;color:#eff5df;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:2px 5px;font-size:12px;font-weight:700;display:inline-flex}.uct-item svg{flex-shrink:0;width:15px;height:15px}.uct-item.lack{background:#dc262638;border-color:#f871718c}.uct-item.lack b{color:#ff5c5c}.uct-note{color:#e7c97f;font-size:10.5px}.uct-note.max{color:#9fd8ac}.uct-note.lack,.requirement-lack{color:#ff5c5c;background:#dc262638;border:1px solid #f871718c;border-radius:6px;padding:2px 7px;font-weight:700}.army-card.home-army .army-card-btn{background:linear-gradient(#25483a,#173026);border-color:#7cd49873}.army-card.selected .army-card-btn{border-color:#66f0a5;box-shadow:0 0 12px #66f0a56b,inset 0 0 6px #66f0a524}.army-select-toggle{top:-4px;color:#e8dec0;z-index:4;cursor:pointer;opacity:0;background:#172e27;border:1px solid #ecddb58c;border-radius:50%;place-items:center;width:19px;height:19px;padding:0;font-size:11px;font-weight:700;line-height:17px;transition:opacity .14s,transform .12s,background .14s;display:grid;position:absolute;inset-inline-start:-4px}.army-card:hover .army-select-toggle,.army-card:focus-within .army-select-toggle,.army-card.selected .army-select-toggle,.army-shelf.multi-active .army-select-toggle{opacity:1}.army-select-toggle:hover{border-color:#ffe4a1;transform:scale(1.1)}.army-card.selected .army-select-toggle{color:#fff;background:#2f7d57;border-color:#93f5be}.army-casualties-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.army-casualties-grid>div{background:#10251f8c;border:1px solid #cebf8c33;border-radius:8px;justify-items:center;gap:2px;padding:7px 4px;display:grid}.army-casualties-grid small{color:#c8d3be;font-size:10px}.army-casualties-grid b{font-variant-numeric:tabular-nums;color:#f6edd2;font-size:14px}.army-casualties-grid b.warn{color:#fbbf24}.army-casualties-grid b.danger{color:#f87171}.army-loot-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.army-loot-row>div{background:#10251f80;border:1px solid #cebf8c2e;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px 3px;display:flex}.army-loot-row svg{width:17px;height:17px}.army-loot-row b{color:#ffe6a5;font-variant-numeric:tabular-nums;font-size:12px}.army-units-editor{gap:6px;display:grid}.army-units-editor-head{color:#e6d5a7;justify-content:space-between;align-items:center;font-size:12px;display:flex}.army-inspector-unit{background:#10251f8c;border:1px solid #cebf8c33;border-radius:9px;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.army-inspector-unit .unit-portrait{border-radius:7px;width:38px;height:38px}.army-inspector-unit-info{min-width:0}.army-inspector-unit-info strong{color:#f6edd2;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.army-inspector-unit-info small{color:#b7c6b3;font-size:10px;display:block}.army-inspector-qty{align-items:center;gap:4px;display:flex}.army-inspector-qty input{text-align:center;font-variant-numeric:tabular-nums;width:58px;padding:4px 5px;font-size:12px}.army-inspector-qty .mini-pill{border-radius:5px;min-width:0;padding:3px 6px;font-size:10px}.army-inspector-chip{background:#10251f8c;border:1px solid #66f0a54d;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:flex}.army-inspector-hint{color:#c8dfc2;text-align:center;background:#386c4f40;border:1px solid #66f0a547;border-radius:7px;padding:6px 8px;font-size:10px;line-height:1.45}.army-count-banner{background:linear-gradient(135deg,#19372be0,#0e221ceb);border:1px solid #d6bd786b;border-radius:9px;gap:3px;padding:8px 10px;display:grid}.army-count-banner.hostile{background:linear-gradient(135deg,#401b18d9,#201010e6);border-color:#eb766673}.army-count-banner .acb-main{justify-content:space-between;align-items:center;gap:8px;display:flex}.army-count-banner .acb-label{color:#e4dec6;align-items:center;gap:6px;font-size:12px;display:inline-flex}.army-count-banner .acb-label svg{color:#e7c673;width:15px;height:15px}.army-count-banner.hostile .acb-label svg{color:#fca5a5}.army-count-banner .acb-total{font-variant-numeric:tabular-nums;color:#ffe6a5;font-size:17px;font-weight:800}.army-count-banner.hostile .acb-total{color:#fecaca}.army-count-banner .acb-sub{color:#bfd0b8;font-size:10.5px}.map-cursor-badge{pointer-events:none;z-index:60;background:#0e1e19db;border:1.5px solid #ffffff42;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:fixed;top:0;left:0;transform:translate(12px,-36px);box-shadow:0 4px 14px #00000073}.map-cursor-badge[hidden]{display:none}.map-cursor-badge[data-intent=attack]{background:#3a1010e6;border-color:#ef4444;box-shadow:0 0 14px #ef44448c}.map-cursor-badge[data-intent=ally]{background:#0f3420e6;border-color:#22c55e;box-shadow:0 0 14px #22c55e8c}.map-cursor-badge[data-intent=move]{background:#182e26e0;border-color:#e8c776;box-shadow:0 0 10px #e8c77659}.map-cursor-badge svg{width:22px;height:22px}.radial-menu{z-index:58;pointer-events:none;width:0;height:0;position:fixed}.radial-menu[hidden]{display:none}.radial-center-dot{background:#f0d48c;border:2px solid #163026;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 12px #f0d48cb3}.radial-arc-ring{pointer-events:none;background:radial-gradient(circle at 50% 100%,#142c2485 0%,#10241e24 72%,#0000 100%);border:2px dashed #f0d48c57;border-bottom:0;border-radius:196px 196px 0 0;width:196px;height:98px;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.radial-action{pointer-events:auto;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;margin:-8px;padding:8px;display:flex;position:absolute;transform:translate(-50%,-50%)}.radial-action-label{color:#fff2ce;white-space:nowrap;background:#0f221cf0;border:1px solid #e8ce8e73;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #00000073}.radial-action-icon{color:#fff3cf;background:linear-gradient(#2b4c3d,#172f26);border:2px solid #d5ba76;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .12s,border-color .14s,background .14s;display:grid;box-shadow:0 4px 14px #0000008c}.radial-action-icon svg{width:21px;height:21px}.radial-action.danger .radial-action-icon{color:#ffe4e6;background:linear-gradient(#6b2420,#3e1412);border-color:#f87171}.radial-action.friendly .radial-action-icon{color:#dcfce7;background:linear-gradient(#1f5c36,#133921);border-color:#4ade80}.radial-action.warn .radial-action-icon{color:#fef3c7;background:linear-gradient(#6d531d,#443310);border-color:#fbbf24}.radial-action:hover .radial-action-icon{border-color:#fff3b0;transform:scale(1.14);box-shadow:0 0 18px #ffe28a8c}@media (width<=700px){.army-select-toggle{opacity:1}}.unit-portrait>.unit-art{filter:drop-shadow(0 3px 2px #071d1940);width:100%;height:100%;display:block;overflow:hidden}.training-summary{background:linear-gradient(120deg,#c8ac5419,#6b9e6d0b);border:1px solid #d7c28b40;border-radius:9px;grid-template-columns:1fr 1fr;gap:4px 12px;padding:10px 12px;display:grid}.training-summary>div{justify-content:space-between;align-items:center;gap:6px;display:flex}.training-summary strong{color:#e9d296;font-variant-numeric:tabular-nums;font-size:18px}.training-summary p,.training-summary>small{color:#c8d4b9;grid-column:1/-1;font-size:10px;line-height:1.6}.unit-tabs.recruitment-roster{grid-template-columns:repeat(var(--roster-count,5),minmax(0,1fr));gap:5px;display:grid}.recruitment-roster>button{background:#ffffff04;border:1px solid #d2c38e30;flex-direction:column;align-items:center;gap:3px;padding:7px 3px;display:flex}.recruitment-roster>button>.unit-portrait{width:58px;height:58px}.recruitment-roster>button>span:not(.unit-portrait){overflow-wrap:anywhere;font-size:9px;line-height:1.5}.recruitment-roster>button>small{color:#a9c99f;font-size:9px}.recruitment-roster .unit-locked .unit-art,.training-roadmap .locked .unit-art{filter:grayscale(.8);opacity:.5}.recruitment-roster .unit-locked>small{color:#c2b591}.recruitment-roster>button.active{background:#b79d4c1c;border-color:#e1c278;box-shadow:inset 0 0 15px #d6b86612}.recruit-showcase{border-bottom:1px solid var(--line);background:radial-gradient(at 25% 70%,#d8b8661a,#0000 70%);align-items:center;gap:14px;padding:8px 10px;display:flex}.recruit-showcase>.unit-portrait{flex-shrink:0;width:105px;height:105px}.recruit-showcase h3{color:#f1dfac;font-size:16px}.recruit-showcase small{margin-top:4px;font-size:10px;display:block}.recruit-lock{text-align:center;background:#cfb57509;border:1px dashed #c3ae6a44;border-radius:10px;padding:10px}.recruit-lock .recruit-showcase{border:0;justify-content:center;padding:0}.recruit-lock p{color:#ebcd8f;margin:8px 0;font-size:12px}.training-roadmap{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.training-roadmap>div{text-align:center;border:1px solid var(--line);background:#ffffff04;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px;display:flex}.training-roadmap .unlocked{border-color:#88b98a44}.training-roadmap span:not(.unit-portrait){font-size:10px}.training-roadmap small{font-size:9px}.recruit-progress{background:#8eae6112;border:1px solid #a9ca8140;border-radius:8px;padding:9px 11px}.recruit-progress>div{color:#d5e3b5;justify-content:space-between;gap:8px;font-size:11px;display:flex}.recruit-progress progress{accent-color:#c3d88e;background:#102820;border:0;border-radius:4px;width:100%;height:7px;margin-top:9px;display:block;overflow:hidden}.recruit-progress progress::-webkit-progress-bar{background:#102820}.recruit-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#719b64,#dce7a0)}.recruit-progress progress::-moz-progress-bar{background:#c3d88e}.building-card.level-up .building-open{animation:1.8s ease-out building-achieved}@keyframes building-achieved{0%,30%{border-color:#ffdf8b;box-shadow:0 0 20px #e7c76988,inset 0 0 18px #e7c76944}to{box-shadow:none}}.achievement{z-index:48;pointer-events:auto;background:linear-gradient(125deg,#354934f5,#18352ff5);border:1px solid #e5c98099;border-radius:12px;grid-template-columns:36px 1fr 24px;align-items:start;gap:10px;width:min(340px,100vw - 40px);padding:14px;animation:.3s ease-out achievement-in;display:grid;position:fixed;top:82px;left:20px;box-shadow:0 8px 30px #10251f55}.achievement>span{color:#f4d68c;background:#d6b96818;border:1px solid #e1c17d66;border-radius:50%;place-items:center;width:36px;height:36px;font-size:24px;display:grid}.achievement strong{color:#ffe3a3;font-size:14px;display:block}.achievement p{color:#d9e2c6;margin-top:5px;font-size:11px;line-height:1.7}.achievement button{background:0 0;width:24px;height:24px;padding:0;font-size:19px;line-height:1}@keyframes achievement-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (height<=850px){.recruitment-roster>button>.unit-portrait{width:44px;height:44px}.recruit-showcase>.unit-portrait{width:76px;height:76px}.training-summary{padding:7px 10px}.training-summary strong{font-size:15px}.recruitment-roster>button{padding:4px}}@media (width<=700px){.achievement{width:calc(100vw - 24px);top:106px;left:12px}.training-roadmap .unit-portrait{width:42px;height:42px}.training-summary>div{flex-wrap:wrap;gap:3px}.recruitment-roster>button>.unit-portrait{width:45px;height:45px}}@media (prefers-reduced-motion:reduce){.building-card.level-up .building-open,.achievement{animation:none}.building-card.level-up .building-open{border-color:#ffdf8b}}.toast{bottom:calc(var(--command-height) + 76px)}@media (width>=701px){.has-drawer .work-queue{right:calc(var(--drawer-space,400px) + 32px);max-width:260px}}@media (width<=700px){.unit-tabs.recruitment-roster{grid-template-columns:repeat(3,minmax(0,1fr))}}.world-chat{left:16px;bottom:calc(var(--command-height) + 18px);z-index:23;-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#102b24e8,#18372ccc);border:1px solid #d8e9ce38;border-radius:12px;width:240px;position:fixed;overflow:hidden;box-shadow:0 10px 28px #10251f26}.chat-toggle{color:#f0d497;letter-spacing:.4px;background:#ffffff08;border:0;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;font-size:11px;font-weight:700;display:flex}.chat-toggle>span:last-child{font-size:17px;line-height:14px}#chat-content{padding:0 9px 9px}#chat-messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7a27366 transparent;flex-direction:column;gap:7px;height:190px;padding:3px 3px 8px;display:flex;overflow-y:auto}.chat-message{overflow-wrap:anywhere;background:#071e1645;border-radius:8px;padding:6px 8px;font-size:11px;line-height:1.45}.chat-message .chat-author{color:#e5ca8e;justify-content:space-between;gap:8px;margin-bottom:2px;font-size:9px;display:flex}.chat-message .chat-author time{color:#b8c5b5;direction:ltr;font-size:8px}.chat-message.own{background:#6f69312e}.chat-message.system{color:#ead9aa;background:#b89b4d1f;border:1px solid #d8bb6b2e}.chat-empty{color:#c1cdbd;text-align:center;margin:auto;font-size:10px}#chat-form{border-top:1px solid #d8e9ce26;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding-top:8px;display:grid}#chat-form input{background:#0a211bbd;padding:7px 8px;font-size:11px}#chat-form .chat-send{background:#b69a5552;border-color:#dbc17d66;padding:6px 10px;font-size:10px}.has-drawer .world-chat{width:260px}.world-chat.lobby-chat{z-index:26;width:min(540px,100vw - 32px);bottom:16px;left:50%;right:auto;transform:translate(-50%)}.world-chat.lobby-chat #chat-messages{height:175px}@media (width>=701px){.has-drawer .world-chat.lobby-chat{--lobby-lane:calc(max(460px,var(--drawer-space,0px)) + 16px);left:calc((100vw - var(--lobby-lane)) / 2);width:min(540px,calc(100vw - var(--lobby-lane) - 32px))}}.resource-transfer,.village-alliances,.alliance-requests{background:#0b231b45;border:1px solid #d9c58b30;border-radius:9px;gap:9px;padding:12px;display:grid}.resource-transfer h3,.village-alliances h3,.alliance-requests h3{color:#e5cb91;font-size:13px}.resource-transfer .choice-field{margin:0}.transfer-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.transfer-grid label{margin:0}.transfer-grid label>span{align-items:center;gap:5px;display:flex}.transfer-grid svg{width:17px;height:17px}.transfer-grid input{margin-top:4px;padding:6px}.alliance-names{flex-wrap:wrap;gap:5px;display:flex}.alliance-names span{color:#d6e7c7;background:#59855722;border:1px solid #9cc49b44;border-radius:6px;padding:4px 7px;font-size:10px}.alliance-actions{flex-wrap:wrap;gap:6px;display:flex}.alliance-actions button{white-space:nowrap;flex:1}.alliance-request{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 0;font-size:11px;display:grid}.alliance-request .alliance-actions{grid-column:1/-1}[dir=rtl] .chat-message{text-align:right}@media (width<=1100px){.world-chat{bottom:calc(var(--command-height) + 14px)}}@media (width<=700px){.world-chat{left:8px;bottom:calc(var(--command-height) + 12px);background:linear-gradient(145deg,#102b24ed,#18372cdd);width:min(280px,100vw - 16px)}#chat-messages{height:150px}.has-drawer .world-chat{display:none}.has-drawer .world-chat.lobby-chat{display:block}.world-chat.lobby-chat{z-index:26;width:calc(100vw - 16px);bottom:10px;left:50%;right:auto;transform:translate(-50%)}.world-chat.lobby-chat #chat-messages{height:150px}.resource-transfer,.village-alliances,.alliance-requests{padding:9px}}@media (height<=650px){#chat-messages{height:115px}}.game-guide{color:#f3eee1;background:linear-gradient(160deg,#0d1f19f7,#091612fa);border:1px solid #e3c17a57;border-radius:18px;flex-direction:column;width:min(1040px,100vw - 28px);max-width:100vw;height:min(760px,100vh - 28px);max-height:100vh;margin:auto;padding:0;display:flex;overflow:hidden;box-shadow:0 28px 80px #000000a6}.game-guide:not([open]){display:none}.game-guide::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050e0bb8}.guide-head{background:linear-gradient(90deg,#e3c17a1f,#14302666);border-bottom:1px solid #e3c17a2e;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex}.guide-title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.guide-badge-icon{color:#f4d68c;background:#e3c17a29;border:1px solid #e3c17a66;border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.guide-badge-icon svg{width:22px;height:22px}.guide-title-wrap h2{color:#f8e5b2;margin:0;font-size:19px;line-height:1.25}.guide-title-wrap p{color:#b7cbbd;margin:2px 0 0;font-size:12px}.guide-head-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.guide-tribe-pills{background:#00000047;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.guide-tribe-pill{color:#c2d4c7;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 9px;font-size:11px;transition:background .15s,color .15s}.guide-tribe-pill:hover{color:#fff;background:#ffffff14}.guide-tribe-pill.active{color:#ffe39b;background:#e3c17a3d;font-weight:600}.guide-close{color:#f3eee1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:9px;width:34px;height:34px;font-size:20px;line-height:1}.guide-close:hover{background:#ef444433;border-color:#f8717173}.guide-shell{flex:1;grid-template-columns:225px 1fr;min-height:0;display:grid}.guide-nav{background:#07130f8c;border-inline-end:1px solid #ffffff14;flex-direction:column;gap:6px;padding:14px 12px;display:flex;overflow-y:auto}.guide-tab{text-align:start;color:#c8d7cd;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;transition:all .15s;display:flex}.guide-tab-num{color:#d6c38d;background:#ffffff14;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.guide-tab:hover{color:#fff;background:#ffffff0f}.guide-tab.active{color:#ffebb6;background:linear-gradient(90deg,#e3c17a38,#e3c17a0f);border-color:#e3c17a5c;font-weight:600}.guide-tab.active .guide-tab-num{color:#16241d;background:#e3c17a}.guide-content{flex-direction:column;gap:18px;padding:20px 24px 26px;display:flex;overflow-y:auto}.guide-hero{background:radial-gradient(circle at 100% 0,#e3c17a21,#122b22a6);border:1px solid #e3c17a40;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.guide-hero h3{color:#fce2a6;margin:0 0 6px;font-size:18px}.guide-hero p{color:#d8e3da;margin:0;font-size:13px;line-height:1.65}.guide-hero-art{background:#0000003d;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;place-items:center;width:92px;height:92px;padding:6px;display:grid}.guide-hero-art .building-art,.guide-hero-art .unit-art,.guide-hero-art .oasis-art,.guide-hero-art svg{width:100%;height:100%;display:block}.guide-steps{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;display:grid}.guide-step-card{background:#ffffff09;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:8px;padding:13px;display:flex}.guide-step-head{align-items:center;gap:8px;display:flex}.guide-step-badge{color:#14221b;background:#e3c17a;border-radius:999px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.guide-step-card strong{color:#f6e4b5;font-size:13.5px}.guide-step-card p{color:#cad8ce;margin:0;font-size:12.2px;line-height:1.55}.guide-step-visual{background:#07140fa6;border:1px solid #ffffff12;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:74px;padding:6px;display:flex}.guide-step-visual .building-art,.guide-step-visual .unit-art,.guide-step-visual .oasis-art{width:58px;height:58px;display:block}.guide-example{border-inline-start:4px solid #e3c17a;border-top:1px solid #e3c17a2e;border-bottom:1px solid #e3c17a1f;background:#e3c17a17;border-inline-end:1px solid #e3c17a1f;border-radius:12px;padding:13px 16px}.guide-example strong{color:#ffe39f;margin-bottom:4px;font-size:13px;display:block}.guide-example p,.guide-example li{color:#e6ebdf;margin:0;font-size:12.5px;line-height:1.65}.guide-grid-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:11px;display:grid}.guide-media-card{background:#ffffff09;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:11px;padding:11px;display:flex}.guide-thumb{background:#07140fb8;border:1px solid #e3c17a38;border-radius:10px;flex-shrink:0;place-items:center;width:60px;height:60px;padding:4px;display:grid;overflow:hidden}.guide-thumb .building-art,.guide-thumb .unit-art,.guide-thumb .oasis-art,.guide-thumb svg{width:100%;height:100%;display:block}.guide-media-body{min-width:0}.guide-media-body strong{color:#f7e3b3;margin-bottom:3px;font-size:13px;display:block}.guide-tag{color:#9ae6b4;background:#48bb7829;border:1px solid #48bb7857;border-radius:999px;margin-bottom:4px;padding:2px 7px;font-size:10.5px;display:inline-block}.guide-tag.gold{color:#ffe39f;background:#e3c17a26;border-color:#e3c17a59}.guide-tag.red{color:#fca5a5;background:#ef444424;border-color:#ef444459}.guide-media-body p{color:#c7d6cc;margin:0;font-size:12px;line-height:1.5}.guide-resource-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.guide-res-pill{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:9px;padding:10px;display:flex}.guide-res-pill svg{flex-shrink:0;width:24px;height:24px}.guide-res-pill strong{color:#f5e2b5;font-size:12.5px;display:block}.guide-res-pill small{color:#b7c8bc;font-size:11px}.guide-diagram{background:#06110db8;border:1px solid #ffffff1a;border-radius:12px;padding:14px}.guide-diagram-title{color:#f6e1ae;margin-bottom:10px;font-size:13px;font-weight:600}.guide-keys-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.guide-key-card{background:#ffffff09;border:1px solid #ffffff1a;border-radius:11px;padding:12px}.guide-kbd{color:#ffe8ad;background:#e3c17a2e;border:1px solid #e3c17a6b;border-radius:6px;margin-bottom:6px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-block}.guide-key-card p{color:#cad8ce;margin:0;font-size:12px;line-height:1.55}.guide-split-preview{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.guide-mock-box{background:#0b1c16cc;border:1px solid #ffffff1f;border-radius:11px;padding:12px}.guide-mock-box.green{background:#38a1691f;border-color:#48bb7866}.guide-mock-box strong{color:#fce2a6;margin-bottom:5px;font-size:12.5px;display:block}.guide-mock-box.green strong{color:#9ae6b4}.guide-mock-box p{color:#d2dfd6;margin:0;font-size:12px;line-height:1.55}.guide-foot{background:#07130fb8;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 22px;display:flex}.guide-foot small{color:#9cb2a4;font-size:11.5px}.guide-foot-btns{gap:8px;display:flex}@media (width<=780px){.guide-shell{grid-template-columns:1fr}.guide-nav{border-inline-end:0;border-bottom:1px solid #ffffff14;flex-direction:row;padding:10px;overflow-x:auto}.guide-tab{white-space:nowrap;width:auto;padding:7px 10px}.guide-tribe-pills{display:none}.guide-resource-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-menu{color:#f6edda;width:min(440px,calc(100vw / var(--ui-scale,1) - 28px));max-height:calc(100dvh / var(--ui-scale,1) - 32px);zoom:var(--ui-scale,1);background:linear-gradient(155deg,#294638,#152e28);border:1px solid #d8b87099;border-radius:18px;padding:20px 22px;overflow:auto;box-shadow:0 25px 90px #071a13aa}.game-menu::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071b16aa}.game-menu header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.game-menu h2{margin-top:4px;font-size:24px;font-weight:700}.game-menu header button{width:40px;height:40px;padding:0;font-size:23px}.game-menu .menu-note{color:#cdd8c7;margin:7px 0;font-size:12.5px;line-height:1.7}.sound-settings{background:#061d182e;border:1px solid #d9c49433;border-radius:12px;margin:12px 0;padding:14px 16px}.sound-settings h3{color:#efcf8f;margin:0 0 12px;font-size:16px;font-weight:700}.sound-settings label{justify-content:space-between;align-items:center;font-size:13.5px;font-weight:700;display:flex}.sound-settings output{color:#f6e1b8;font-variant-numeric:tabular-nums;font-weight:800}.sound-settings input[type=range]{accent-color:#e3c17a;cursor:pointer;direction:ltr;background:0 0;border:0;width:100%;height:28px;margin:8px 0;padding:0;display:block}.sound-actions{gap:8px;display:flex}.sound-actions button{flex:1;min-height:40px;font-size:12px}.sound-actions button[aria-pressed=true]{color:#ffe2c4;background:#75433666;border-color:#dda176}.game-menu>.wide{width:100%;min-height:44px;margin-top:10px;display:block}.game-menu .menu-exit{color:#f0c5ab;background:#5e392c44;border-color:#c9936d66}.game-menu footer{color:#a9b9a6;justify-content:center;align-items:center;gap:10px;margin-top:18px;font-size:11px;display:flex}.game-menu kbd{color:#edd7a5;border:1px solid #c1bb9270;border-radius:5px;padding:3px 7px;font:11px system-ui}#menu-error{color:#ffb6a6;margin:10px 0;font-size:12px}#resume-match{margin-top:12px}#resume-match .menu-note{font-size:12px;line-height:1.7}@media (width<=480px){.game-menu{padding:20px}.sound-settings{margin:16px 0;padding:14px}.game-menu h2{font-size:22px}}.tutorial-coach{top:138px;z-index:26;color:#f3eee1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(155deg,#0e221bf0,#091612f5);border:1px solid #e3c17a73;border-radius:14px;flex-direction:column;gap:9px;width:min(335px,100vw - 32px);padding:13px 14px 12px;display:flex;position:fixed;inset-inline-start:16px;box-shadow:0 18px 44px #0000008c}.tutorial-coach[hidden]{display:none!important}.tutorial-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tutorial-kicker{color:#f7d98e;letter-spacing:.4px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.tutorial-progress-pill{color:#ffeaad;background:#e3c17a29;border:1px solid #e3c17a59;border-radius:999px;padding:2px 7px;font-size:10.5px}.tutorial-skip-btn{color:#cbd8ce;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:7px;padding:3px 8px;font-size:11px}.tutorial-skip-btn:hover{color:#fff;background:#ef444433;border-color:#f8717173}.tutorial-bar{background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}.tutorial-bar-fill{background:linear-gradient(90deg,#48bb78,#e3c17a);border-radius:999px;height:100%;transition:width .28s}.tutorial-body h3{color:#fce5aa;margin:0 0 4px;font-size:14.5px}.tutorial-body p{color:#d6e2d9;margin:0;font-size:12.2px;line-height:1.55}.tutorial-tip{color:#b7f4cb;background:#48bb781f;border:1px solid #48bb7847;border-radius:8px;margin-top:6px;padding:6px 9px;font-size:11.4px;line-height:1.45}.tutorial-checklist{background:#00000040;border:1px solid #ffffff12;border-radius:9px;flex-direction:column;gap:4px;padding:7px 8px;display:flex}.tutorial-check-item{color:#9cb0a3;align-items:center;gap:7px;font-size:11.4px;display:flex}.tutorial-check-item.active{color:#ffe8ad;font-weight:600}.tutorial-check-item.done{color:#86efac;opacity:.85;text-decoration:line-through}.tutorial-check-dot{background:#ffffff0d;border:1px solid #fff3;border-radius:999px;flex-shrink:0;place-items:center;width:16px;height:16px;font-size:10px;display:grid}.tutorial-check-item.active .tutorial-check-dot{color:#ffe8ad;background:#e3c17a40;border-color:#e3c17a}.tutorial-check-item.done .tutorial-check-dot{color:#86efac;background:#4ade803d;border-color:#4ade80}.tutorial-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.tutorial-btn{color:#e9eee4;cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:8px;padding:5px 10px;font-size:11.5px}.tutorial-btn:hover{background:#ffffff24}.tutorial-btn.primary{color:#fff2c6;background:linear-gradient(#e3c17a57,#bf964a42);border-color:#e3c17a8c;font-weight:600}.tutorial-spotlight-ring{z-index:25;pointer-events:none;border:2.5px solid #f7d98e;border-radius:12px;transition:left .2s,top .2s,width .2s,height .2s;animation:1.3s ease-in-out infinite tutorialPulse;position:fixed;box-shadow:0 0 0 9999px #040c092e,0 0 22px #f7d98ebf}.tutorial-spotlight-ring[hidden]{display:none!important}.tutorial-spotlight-tag{bottom:calc(100% + 7px);white-space:nowrap;color:#15241c;background:#f5d179;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000073}@keyframes tutorialPulse{0%,to{box-shadow:0 0 0 3px #f7d98e47,0 0 18px #f7d98ea6}50%{box-shadow:0 0 0 7px #f7d98e1f,0 0 28px #f7d98ef2}}@media (width<=780px){.tutorial-coach{width:min(300px,100vw - 24px);top:108px}}.debug-overlay{z-index:85;-webkit-backdrop-filter:blur(10px);color:#e6edf3;zoom:var(--ui-scale,1);background:#080c11d6;border:1px solid #adc6b833;border-radius:11px;flex-direction:column;width:404px;max-width:calc(100vw - 24px);max-height:calc(100vh - 108px);font:600 11.5px/1.35 DM Sans,Cairo,system-ui,sans-serif;display:flex;position:fixed;top:84px;left:16px;overflow:hidden;box-shadow:0 14px 38px #0000008f,inset 0 1px #ffffff0f}.debug-overlay[hidden]{display:none}.debug-overlay.is-collapsed{width:auto;min-width:248px}.debug-header{cursor:grab;touch-action:none;background:#121a22e6;border-bottom:1px solid #adc6b824;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.debug-header:active{cursor:grabbing}.debug-title{align-items:center;gap:7px;min-width:0;display:flex}.debug-dot{background:#64748b;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px}.debug-dot.good{color:#4ade80;background:#4ade80}.debug-dot.warn{color:#fbbf24;background:#fbbf24}.debug-dot.bad{color:#f87171;background:#f87171}.debug-title strong{color:#f3e4b8;letter-spacing:.3px;white-space:nowrap;font-size:11.5px}.debug-title kbd{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;padding:2px 5px;font:700 9.5px/1 ui-monospace,Cascadia Code,Consolas,monospace}.debug-actions{align-items:center;gap:4px;display:flex}.debug-actions button{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:5px;place-items:center;width:22px;height:22px;padding:0;font-size:12px;line-height:1;display:grid}.debug-actions button:hover{color:#fff;background:#ffffff29;border-color:#e3c17a99}.debug-strip{font-variant-numeric:tabular-nums;direction:ltr;background:#0c1218b8;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font:700 11px/1.2 ui-monospace,Cascadia Code,Consolas,monospace;display:flex}.debug-overlay.is-collapsed .debug-strip{border-bottom:0}.debug-strip>span{white-space:nowrap;align-items:center;gap:4px;display:flex}.debug-strip label{color:#8b9bb0;text-transform:uppercase;margin:0;font-size:9.5px;display:inline}.debug-body{flex-direction:column;gap:8px;padding:8px 10px 10px;display:flex;overflow-y:auto}.debug-overlay.is-collapsed .debug-body{display:none}.debug-section{background:#ffffff08;border:1px solid #ffffff12;border-radius:7px;padding:6px 8px}.debug-section h4{letter-spacing:.5px;color:#e3c17a;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 0 5px;font-size:10px;font-weight:700;display:flex}.debug-section h4 span{color:#94a3b8;direction:ltr;font-size:9.5px;font-weight:600}.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px;display:grid}.debug-row{justify-content:space-between;align-items:baseline;gap:6px;font-size:10.5px;display:flex}.debug-row>span:first-child{color:#9aa9bc;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.debug-val{font-variant-numeric:tabular-nums;color:#e6edf3;white-space:nowrap;direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-weight:700}.debug-val.good{color:#4ade80}.debug-val.warn{color:#fbbf24}.debug-val.bad{color:#f87171}.debug-val.muted{color:#94a3b8}.debug-entities-chips{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.debug-chip{color:#b8c6d6;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;display:inline-flex}.debug-chip b{font-variant-numeric:tabular-nums;color:#f8fafc;font-family:ui-monospace,Cascadia Code,Consolas,monospace}#toggle-debug{place-items:center;display:grid}#toggle-debug svg{width:17px;height:17px}#toggle-debug[aria-pressed=true]{color:#e3c17a;background:#1c362deb;border-color:#e3c17ad9}@media (width<=700px){.debug-overlay{width:min(320px,100vw - 16px);font-size:10.5px;top:68px;left:8px}}.admin-overlay{z-index:90;-webkit-backdrop-filter:blur(12px);color:#f1f5f9;zoom:var(--ui-scale,1);background:#0b1117eb;border:1px solid #e7c67359;border-radius:12px;flex-direction:column;width:410px;max-width:calc(100vw - 24px);max-height:calc(100vh - 108px);font:500 12.5px/1.4 Cairo,DM Sans,system-ui,sans-serif;display:flex;position:fixed;top:84px;right:16px;overflow:hidden;box-shadow:0 18px 46px #000000a6,inset 0 1px #ffffff14}.admin-overlay[hidden]{display:none}.admin-overlay.is-collapsed{width:auto;min-width:240px}.admin-header{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#2c220ee6,#141d24eb);border-bottom:1px solid #e7c67340;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.admin-header:active{cursor:grabbing}.admin-title{color:#f7df9d;align-items:center;gap:7px;font-weight:700;display:flex}.admin-badge{color:#fde68a;background:#eab30833;border:1px solid #eab30873;border-radius:999px;padding:1px 6px;font-size:10px}.admin-controls{gap:5px;display:flex}.admin-controls button{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:6px;width:24px;height:24px;font-weight:700}.admin-controls button:hover{background:#e7c67338;border-color:#e7c6737a}.admin-body{flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex;overflow-y:auto}.admin-section{background:#ffffff09;border:1px solid #ffffff17;border-radius:9px;flex-direction:column;gap:7px;padding:9px 10px;display:flex}.admin-section-title{color:#f7df9d;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:700;display:flex}.admin-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.admin-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.admin-field{color:#cbd5e1;flex-direction:column;gap:2px;font-size:11px;display:flex}.admin-overlay input,.admin-overlay select{box-sizing:border-box;color:#f8fafc;width:100%;font:inherit;background:#080d12e0;border:1px solid #ffffff29;border-radius:6px;padding:5px 7px;font-size:12px}.admin-btn{color:#f1f5f9;cursor:pointer;font:inherit;background:#ffffff14;border:1px solid #ffffff29;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:600;transition:background .14s,border-color .14s}.admin-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.admin-btn:disabled{opacity:.45;cursor:not-allowed}.admin-btn.active,.admin-btn.primary{color:#111827;background:linear-gradient(135deg,#b8892c,#d4a644);border-color:#f3d27a;font-weight:700}.admin-btn.danger{color:#fecaca;background:#b91c1c47;border-color:#f8717173}.admin-btn.danger:hover:not(:disabled){background:#dc26266b}.admin-speed-bar{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.admin-bot-rooms{flex-direction:column;gap:4px;max-height:120px;display:flex;overflow-y:auto}.admin-bot-room-item{background:#00000047;border:1px solid #ffffff12;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:4px 7px;font-size:11.5px;display:flex}.admin-muted{color:#94a3b8;font-size:11px}.world-chat.menu-chat{z-index:65;bottom:16px}.spectator-bar{z-index:25;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:8px 14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.spectator-bar[hidden]{display:none}.spectator-pill{color:#f7df9d;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.spectator-follow-list{flex-wrap:wrap;gap:5px;max-width:52vw;display:flex}.spectator-follow-btn{color:#e2e8f0;cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px;display:inline-flex}.spectator-follow-btn:hover{background:#e7c67333;border-color:#e7c67373}.hud-btn-admin{color:#fde68a!important;border-color:#eab30873!important}.welcome-admin-btn{margin-top:8px;color:#fde68a!important;border-color:#eab30880!important}@media (width<=720px){.has-drawer .world-chat.menu-chat{display:block}}#drawer[data-panel=rooms]{width:min(520px,100vw - 32px)}.rooms-browser{flex-direction:column;gap:12px;display:flex}.rooms-create-card{background:#0a1612b8;border:1px solid #dabb7238;border-radius:10px;flex-direction:column;gap:9px;padding:12px;display:flex}.rooms-create-grid{grid-template-columns:1fr 126px;align-items:end;gap:8px;display:grid}.rooms-create-grid label{color:#cbd5e1;flex-direction:column;gap:4px;margin:0;font-size:11.5px;display:flex}.rooms-list-header{justify-content:space-between;align-items:center;gap:8px;padding-top:2px;display:flex}.rooms-list-title{color:#f3d27a;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.rooms-count-badge{color:#f7df9d;background:#e7c67329;border:1px solid #e7c67357;border-radius:999px;padding:1px 7px;font-size:11px}.rooms-list{flex-direction:column;gap:8px;display:flex}.room-card{background:linear-gradient(155deg,#10241ed9,#0b1814e6);border:1px solid #b6ccae2e;border-radius:10px;flex-direction:column;gap:8px;padding:11px 12px;transition:border-color .15s,transform .15s;display:flex}.room-card:hover{border-color:#e7c6736b}.room-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.room-card-name{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;font-weight:700;overflow:hidden}.room-card-badges{flex-shrink:0;align-items:center;gap:5px;display:flex}.room-pill{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.room-pill.lobby{color:#6ee7b7;background:#10b9812e;border:1px solid #34d39966}.room-pill.live{color:#fde047;background:#eab3082e;border:1px solid #facc1573}.room-pill.speed{color:#93c5fd;background:#3b82f62e;border:1px solid #60a5fa66}.room-card-meta{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:10px;font-size:11.5px;display:flex}.room-card-actions{gap:8px;display:flex}.room-card-actions button{flex:1 1 0;justify-content:center;align-items:center;gap:5px;min-height:33px;font-size:12px;display:inline-flex}.rooms-empty{text-align:center;color:#94a3b8;border:1px dashed #b6ccae40;border-radius:10px;padding:20px 12px;font-size:12px}@media (width<=560px){.rooms-create-grid{grid-template-columns:1fr}}