.guided-tutorial-layer{position:fixed;z-index:5000;top:0;right:0;bottom:0;left:0;pointer-events:none}.guided-tutorial-scrim{position:absolute;top:0;right:0;bottom:0;left:0}.guided-tutorial-scrim.full{background:#010507b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.guided-tutorial-scrim.focused>i{position:absolute;display:block;background:#010507b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.guided-tutorial-scrim.focused>.top{top:0;right:0;left:0}.guided-tutorial-scrim.focused>.left{left:0}.guided-tutorial-scrim.focused>.right{right:0}.guided-tutorial-scrim.focused>.bottom{right:0;bottom:0;left:0}.tutorial-highlight{z-index:5001!important;pointer-events:none!important;border-radius:10px;box-shadow:0 0 0 4px var(--theme-accent),0 0 0 8px rgba(var(--theme-accent-rgb),.22),0 18px 50px #0000008f!important}.guided-tutorial-card{--tutorial-top: 50%;--tutorial-left: 50%;position:fixed;z-index:5002;top:var(--tutorial-top);left:var(--tutorial-left);width:min(360px,calc(100vw - 36px));display:grid;gap:14px;padding:17px;pointer-events:auto;border:1px solid rgba(var(--theme-accent-rgb),.36);border-radius:16px;color:#edf4e7;background:linear-gradient(150deg,#141a19fc,#080c0cfc);box-shadow:0 28px 80px #000000ad,inset 0 1px #ffffff12;animation:guided-tutorial-enter .18s ease-out both}.guided-tutorial-card>header{display:flex;align-items:start;justify-content:space-between;gap:12px}.guided-tutorial-card>header>div{display:grid;gap:3px}.guided-tutorial-card>header span{color:var(--theme-accent);font:800 .62rem/1.1 Consolas,monospace;letter-spacing:.11em;text-transform:uppercase}.guided-tutorial-card>header strong{color:#748077;font:700 .61rem/1.2 Consolas,monospace;letter-spacing:.05em}.guided-tutorial-close{width:30px;min-width:30px;min-height:30px;padding:0;display:grid;place-items:center;border-color:#ffffff1a;color:#a8b1aa;background:#ffffff08}.guided-tutorial-progress{display:grid;grid-template-columns:repeat(var(--tutorial-step-count, 5),1fr);gap:5px}.guided-tutorial-progress i{height:3px;border-radius:2px;background:#ffffff1a;transition:background .2s ease,transform .2s ease}.guided-tutorial-progress i.active{background:var(--theme-accent);transform:scaleY(1.35)}.guided-tutorial-copy{display:grid;gap:8px}.guided-tutorial-copy h2{margin:0;color:#f4f8f0;font-size:1.16rem;line-height:1.18}.guided-tutorial-copy p{margin:0;color:#aeb9b0;font-size:.78rem;line-height:1.55}.guided-tutorial-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.guided-tutorial-card>footer>div{display:flex;gap:7px}.guided-tutorial-card>footer button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:.68rem}.guided-tutorial-skip{padding-inline:0!important;border-color:transparent!important;color:#89938c!important;background:transparent!important}.guided-tutorial-primary{border-color:var(--theme-accent)!important;color:#0b0e0c!important;background:var(--theme-accent)!important}@media (max-width: 620px),(max-height: 560px){.guided-tutorial-card{top:auto;right:10px;bottom:10px;left:10px;width:auto}.guided-tutorial-copy p{font-size:.72rem}.guided-tutorial-card>footer{align-items:stretch;flex-direction:column-reverse}.guided-tutorial-card>footer>div{justify-content:flex-end}.guided-tutorial-skip{justify-content:flex-start!important}}.guided-tutorial-layer{z-index:3000}.guided-tutorial-card{width:min(360px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto}.guided-tutorial-card button{min-height:44px}.web-tutorial-invite{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:12px;border:1px solid var(--border);border-radius:14px}.web-tutorial-invite>span{flex:1 1 180px}@media (max-width:480px){.guided-tutorial-card{top:auto!important;bottom:18px;left:18px!important;max-height:65dvh}.guided-tutorial-card footer{flex-wrap:wrap;gap:8px}}.emulator-management{display:grid;gap:12px;margin-bottom:16px;min-width:0}.emulator-management-actions{display:flex;flex-wrap:wrap;gap:8px}.emulator-management button{min-height:44px}.emulator-management-form,.emulator-management-confirm,.emulator-clone-status{display:grid;gap:10px;padding:14px;border:1px solid rgba(200,245,50,.3);border-radius:14px;background:#0a1614bf;overflow-wrap:anywhere}.emulator-management-form label,.emulator-management-confirm label{display:grid;gap:6px}.emulator-management-form input,.emulator-management-confirm select{width:100%;min-width:0;min-height:44px}.emulator-manual-row{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.emulator-management summary{cursor:pointer;min-height:44px;padding:10px 0}@media (max-width: 520px){.emulator-management-actions>button{flex:1 1 100%}}.attack-loadout-studio{position:relative;min-height:590px;display:grid;grid-template-rows:minmax(350px,1fr) auto;gap:10px;padding:12px;overflow:hidden;border:1px solid rgba(116,206,255,.26);border-radius:18px;background:radial-gradient(circle at 50% 38%,rgba(45,157,190,.16),transparent 32%),linear-gradient(160deg,#071626fa,#040d18fa);box-shadow:inset 0 1px #ffffff0d}.studio-top-actions{position:absolute;z-index:5;top:14px;display:flex;gap:8px}.studio-top-left{left:14px}.studio-top-right{right:14px}.studio-top-actions button{position:relative;width:68px;min-height:58px;display:grid;place-items:center;gap:2px;padding:7px 5px;border-color:#80c4e847;color:#c8eaff;background:linear-gradient(160deg,#19425ce6,#081b2bf5);box-shadow:inset 0 1px #ffffff12}.studio-top-actions button.active,.studio-top-actions button.configured{border-color:#63e6b6ad;color:#dffff7;background:linear-gradient(160deg,#1f7e73eb,#093336fa);box-shadow:inset 0 1px #ffffff14,0 0 15px #2dd5a02e}.studio-top-actions button span{font-size:.59rem;font-weight:800}.studio-config-check{position:absolute;top:4px;right:4px;padding:2px;border-radius:50%;color:#06271f;background:#64e4ad}.studio-top-actions button.needs-attention{z-index:2;border-color:#ffcf58;color:#fff3bf;background:linear-gradient(160deg,#875912f5,#372307fa);animation:studio-attention-pulse .9s ease-in-out infinite alternate}.studio-attention-sign{position:absolute;top:3px;right:3px;padding:2px;border-radius:50%;color:#2f1b00;background:#ffd45f}.studio-map-column{position:relative;width:100%;min-width:0;display:grid;justify-items:center;align-content:center;gap:7px;padding-top:8px}.studio-map-heading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:35px}.studio-selected-unit{min-width:170px;display:flex;align-items:center;justify-content:center;gap:8px;color:#dff6ff}.studio-selected-unit>div{display:grid}.studio-selected-unit small{color:#7899b2;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}.studio-selected-unit strong{font-size:.8rem}.studio-unit-kind{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(126,199,255,.35);border-radius:9px;color:#a5ddff;background:#4491c11f}.studio-unit-kind.spell{color:#86efc0;border-color:#67e5a66b;background:#21695433}.studio-unit-kind.hero{color:#dbc1ff;border-color:#b17dff6b;background:#522f7d38}.studio-unit-kind.siege{color:#ffc58f;border-color:#ffa6586b;background:#763d1d38}.studio-editor-mode{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(126,199,255,.22);border-radius:999px;background:#051623b8}.studio-editor-mode button{min-height:25px;padding:3px 10px;border:0;border-radius:999px;color:#789bb1;background:transparent;box-shadow:none;font-size:.59rem}.studio-editor-mode button:hover,.studio-editor-mode button:focus-visible{border:0;border-radius:999px;transform:none;box-shadow:none}.studio-editor-mode button.active{color:#eafff8;background:#23a5896b;box-shadow:inset 0 0 0 1px #69ebbe6b}.studio-diamond{position:relative;width:min(560px,68vw);height:330px;filter:drop-shadow(0 16px 28px rgba(0,0,0,.28))}.studio-zone{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;color:transparent;background:#46718f42;transition:filter .16s ease,background .16s ease}.studio-zone span{opacity:0}.studio-zone.outer,.studio-zone.outer.active,.studio-zone.inner,.studio-zone.inner.active{background:transparent;filter:none}.studio-zone:hover:not(:disabled),.studio-zone:active:not(:disabled),.studio-zone:focus-visible{border:0!important;outline:0;background:transparent;box-shadow:none;filter:none;transform:none}.studio-zone:disabled{cursor:default;opacity:.34}.studio-zone.zone-upper-left.outer{clip-path:polygon(0% 39%,0% 49%,50% 10%,42% 0%)}.studio-zone.zone-upper-right.outer{clip-path:polygon(100% 39%,100% 49%,50% 10%,58% 0%)}.studio-zone.zone-lower-left.outer{clip-path:polygon(0% 51%,0% 61%,42% 100%,50% 90%)}.studio-zone.zone-lower-right.outer{clip-path:polygon(100% 51%,100% 61%,58% 100%,50% 90%)}.studio-zone.zone-upper-left.inner{clip-path:polygon(48.5% 14%,48.5% 48%,18% 48%)}.studio-zone.zone-upper-right.inner{clip-path:polygon(51.5% 14%,82% 48%,51.5% 48%)}.studio-zone.zone-lower-left.inner{clip-path:polygon(18% 52%,48.5% 52%,48.5% 86%)}.studio-zone.zone-lower-right.inner{clip-path:polygon(51.5% 52%,82% 52%,51.5% 86%)}.studio-zone-art{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.studio-zone-art path{fill:none;stroke:#4c89b085;stroke-width:24;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .16s ease,filter .16s ease}.studio-zone-art path.active{stroke:#65c9ff;filter:drop-shadow(0 0 6px rgba(83,199,255,.62))}.studio-zone-art polygon{fill:#3674684d;stroke:#4b918170;stroke-width:4;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .16s ease,stroke .16s ease,filter .16s ease}.studio-zone-art polygon.active{fill:#5fe1a5b8;stroke:#75edb6;filter:drop-shadow(0 0 6px rgba(76,229,164,.5))}.studio-core{position:absolute;z-index:6;left:50%;top:50%;width:66px;height:66px;display:grid;grid-template-columns:auto auto;place-content:center;align-items:center;gap:0 5px;transform:translate(-50%,-50%);border:1px solid rgba(166,219,248,.25);border-radius:50%;color:#d9f3ff;background:#05131feb;pointer-events:none}.studio-core strong{font-size:.86rem}.studio-core small{grid-column:1 / -1;color:#7898ae;font-size:.52rem;text-align:center}.studio-placement-layer{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}.studio-placement-layer.interactive{pointer-events:auto;cursor:crosshair}.studio-strategy-plan{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;opacity:.52;pointer-events:none}.studio-strategy-plan.selected{z-index:3;opacity:1}.studio-placement-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.studio-placement-line line{fill:none;stroke-linecap:round;stroke-dasharray:22 13;vector-effect:non-scaling-stroke}.studio-placement-line line.outline{stroke:#020c15f2;stroke-width:18;filter:drop-shadow(0 0 6px rgba(0,0,0,.9))}.studio-placement-line line.deployment{stroke:var(--placement-color, #fff0a6);stroke-width:9;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--placement-color, #ffd466) 70%,transparent))}.studio-placement-point,.studio-line-handle{position:absolute;z-index:5;width:22px;height:22px;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid #f7fbff;border-radius:50%;color:#061725;background:var(--placement-color, #ffd466);box-shadow:0 0 0 3px #03121ecc,0 4px 12px #0000006b;font-size:.66rem;font-weight:900;pointer-events:none}.studio-placement-point.preview{width:8px;height:8px;border-width:1px;background:#e8fbff;box-shadow:0 0 0 2px #125370c7}.studio-placement-tag{position:absolute;z-index:7;min-width:25px;min-height:18px;display:grid;place-items:center;padding:2px 5px;transform:translate(-50%,calc(-100% - 7px));border:1px solid color-mix(in srgb,var(--placement-color, #8bdcff) 75%,white);border-radius:7px;color:#061725;background:var(--placement-color, #8bdcff);box-shadow:0 3px 9px #00000061;font-size:.56rem;font-weight:900;line-height:1;pointer-events:none}.studio-line-handle{width:18px;height:18px;background:var(--placement-color, #ffca4f)}.studio-line-handle.end{filter:brightness(.78)}.studio-mode-dock{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.studio-mode-dock button{min-height:29px;padding:4px 10px;border-color:#7ec7ff38;color:#9dbbd0;background:#0e273aad;font-size:.63rem}.studio-mode-dock button.active{color:#eafff9;border-color:#63e6b68f;background:#2299894d}.studio-mode-dock label{display:inline-flex;align-items:center;gap:5px;color:#88a5b9;font-size:.61rem}.studio-mode-dock input{width:48px;min-height:29px;padding:3px 6px}.studio-simple-hint{min-height:29px;display:flex;align-items:center;color:#83a9bf;font-size:.62rem;letter-spacing:.015em}.studio-army-strategy-card{position:absolute;z-index:8;left:4px;bottom:3px;width:min(245px,24vw);display:grid;gap:7px;padding:9px;border:1px solid rgba(126,199,255,.2);border-radius:12px;background:linear-gradient(155deg,#0d2739f0,#061622f5);box-shadow:0 10px 28px #0000004d,inset 0 1px #ffffff0a}.studio-army-strategy-card.active{border-color:#63e6b66b;background:linear-gradient(155deg,#12453df0,#061c23f7)}.studio-army-strategy-head{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) 27px;align-items:center;gap:7px}.studio-army-strategy-head>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(126,199,255,.24);border-radius:9px;color:#9edaff;background:#3f89b124}.studio-army-strategy-card.active .studio-army-strategy-head>span{border-color:#63e6b659;color:#8ce8c4;background:#2a8c6c2e}.studio-army-strategy-head>div{min-width:0;display:grid}.studio-army-strategy-head small{color:#7899ad;font-size:.49rem;text-transform:uppercase;letter-spacing:.06em}.studio-army-strategy-head strong{overflow:hidden;color:#dff4ff;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.studio-army-strategy-head button{width:27px;min-width:27px;height:27px;min-height:27px;display:grid;place-items:center;padding:0;border-color:#7ec7ff33;border-radius:8px;color:#99bed2;background:#0c2535d1}.studio-army-strategy-card select{width:100%;min-width:0;height:31px;padding:4px 7px;border:1px solid rgba(126,199,255,.2);border-radius:8px;color:#dff4ff;background:#0a202d;font-size:.59rem}.studio-auto-army-button{width:100%;min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 8px;border-color:#63e6b661;border-radius:8px;color:#9bf0cf;background:#1f705738;font-size:.59rem;font-weight:850}.studio-auto-army-button:hover:not(:disabled){border-color:#63e6b6ad;color:#e9fff7;background:#268b6a52}.studio-auto-army-button:disabled{opacity:.5;cursor:wait}.studio-auto-army-button .spinner{width:12px;height:12px}.studio-army-strategy-warning,.studio-army-strategy-hint{min-width:0;display:flex;align-items:center;gap:5px;color:#7998aa;font-size:.5rem;line-height:1.2}.studio-army-strategy-warning{color:#f0c979}.studio-army-strategy-warning svg{flex:0 0 auto}.studio-army-bar{position:relative;z-index:10;min-width:0;overflow:visible}.studio-army-bar .army-loadout-preview{display:block;width:100%;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.studio-army-bar .army-loadout-head,.studio-army-bar .army-loadout-legend{display:none}.studio-army-bar .army-battle-bar{gap:10px;justify-content:safe center;padding:15px 18px;overflow-y:visible;border:1px solid rgba(119,189,225,.22);border-radius:15px;background:linear-gradient(180deg,#163448b8,#071826d1);box-shadow:inset 0 1px #ffffff09,0 7px 20px #00000029}.studio-army-bar .army-battle-bar.has-card-popup{z-index:30;padding-top:15px;overflow:visible}.studio-army-bar .army-slot-wrap{width:88px;min-width:88px;max-width:88px;flex-basis:88px}.studio-army-bar .army-loadout-slot{height:108px;min-height:108px;padding:32px 8px 8px;overflow:hidden;border-radius:12px}.studio-army-bar .army-loadout-slot .army-slot-icon{width:31px;height:31px;border-radius:9px}.studio-army-bar .army-loadout-slot .army-slot-icon.has-unit-art{width:47px;height:47px;overflow:hidden;border:0;border-radius:10px;background:#0411196b;box-shadow:0 4px 10px #00000047}.studio-army-bar .army-loadout-slot .army-slot-icon.has-unit-art img{width:100%;height:100%;display:block;object-fit:contain}.studio-army-bar .army-loadout-slot:has(.has-unit-art){padding-top:23px}.studio-army-bar .army-loadout-slot strong{display:-webkit-box;min-height:1.35em;overflow:hidden;font-size:.64rem;line-height:1.1;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.studio-army-bar .army-loadout-slot small{max-width:100%;overflow:hidden;font-size:.51rem;text-overflow:ellipsis;white-space:nowrap}.studio-army-bar .army-slot-qty,.studio-army-bar .army-slot-status{top:6px;right:6px;min-width:20px;height:21px;min-height:21px;padding:2px 6px;border-color:#96cfed52;border-radius:8px;background:#030f19f7;box-shadow:0 2px 6px #00000052;font-size:.52rem}.studio-army-bar .army-card-corner-action{top:6px;left:6px;width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;max-width:23px!important;max-height:23px!important;border-radius:8px;background:#030f19f7;box-shadow:0 2px 6px #00000052}.studio-army-bar .army-card-corner-action.remove{color:#ff8e96;border-color:#ff687380;background:#300d14fa}.studio-army-bar .army-card-corner-action.remove:disabled{visibility:hidden}.studio-army-bar .army-card-corner-action.toggle{color:#9ab0bf;border-color:#90b6cd47}.studio-army-bar .army-card-corner-action.toggle.is-on{color:#05261d;border-color:#68efb7d1;background:#61e0aa}.studio-army-bar .army-loadout-slot.is-off{opacity:.7;filter:saturate(.55)}.studio-army-bar .army-loadout-slot.selected{border-color:#76ddff;box-shadow:0 0 0 1px #5dcdff80,0 5px 15px #0003}.studio-army-bar .army-loadout-slot.army-add-slot{padding-top:10px}.studio-army-bar .army-loadout-slot.army-add-slot strong{min-height:0}.studio-army-bar .army-loadout-slot.army-add-slot small{white-space:normal;line-height:1.05}.studio-config-backdrop{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;border-radius:inherit;background:#020911c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio-config-modal{width:min(680px,96%);max-height:min(660px,94%);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(104,211,230,.36);border-radius:17px;color:#dff5ff;background:linear-gradient(155deg,#0e2639fc,#04111efc);box-shadow:0 24px 70px #0000009e,inset 0 1px #ffffff12}.studio-config-modal.panel-order{width:min(920px,98%)}.studio-config-modal>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid rgba(126,199,255,.15);background:#12364c7a}.studio-config-modal>header>div{display:grid}.studio-config-modal>header small{color:#769cb4;font-size:.57rem;letter-spacing:.08em;text-transform:uppercase}.studio-config-modal>header strong{font-size:.9rem}.studio-config-modal-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(99,230,182,.36);border-radius:10px;color:#83ebc5;background:#268e7b2e}.studio-config-close{width:34px;min-height:34px;padding:0;display:grid;place-items:center}.studio-config-body{min-height:0;overflow:auto;padding:15px}.studio-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px}.studio-config-block{min-width:0;display:grid;align-content:start;gap:11px;padding:13px;border:1px solid rgba(126,199,255,.14);border-radius:12px;background:#061725ad}.studio-config-block>strong{color:#d7f2ff;font-size:.76rem}.studio-config-block label{display:grid;gap:6px}.studio-config-block .window-toggle-row{align-items:stretch}.studio-config-modal>footer{display:flex;justify-content:flex-end;gap:8px;padding:11px 15px;border-top:1px solid rgba(126,199,255,.14);background:#030e19b8}.studio-config-save{display:inline-flex;align-items:center;gap:6px;border-color:#63e6b68c!important;color:#eafff7!important;background:linear-gradient(160deg,#1f8e77f2,#0c4d48fa)!important}.studio-modal-choreography .attack-choreography{margin:0}.studio-modal-choreography .attack-choreography-head .choreography-toggle{display:none}.studio-map-start{position:absolute;right:10px;bottom:3px;min-width:118px;min-height:42px;padding:7px 14px;border-radius:11px;font-size:.72rem;font-weight:800;letter-spacing:.01em}.service-config-footer .studio-start-locked,.studio-map-start.studio-start-locked{cursor:pointer;opacity:.58;border-color:#85a4b747;color:#8ca2b1;background:linear-gradient(160deg,#253540db,#121d26f0);box-shadow:none}.service-config-footer .studio-start-locked:hover,.studio-map-start.studio-start-locked:hover{opacity:.72;border-color:#ffcd5061;color:#c9b875}.service-config-footer .studio-start-ready,.studio-map-start.studio-start-ready{border-color:#63e6b68c;color:#effff9;background:linear-gradient(160deg,#1f8e77f2,#0c4d48fa);box-shadow:0 7px 20px #159a7b33}@media (max-width: 760px),(max-height: 760px){.attack-loadout-studio{min-height:520px;padding:8px}.studio-top-actions{top:8px;gap:5px}.studio-top-left{left:8px}.studio-top-right{right:8px}.studio-top-actions button{width:54px;min-height:48px}.studio-top-actions button span{display:none}.studio-diamond{width:min(470px,82vw);height:270px}.studio-army-strategy-card{width:min(210px,27vw);gap:5px;padding:7px}.studio-army-strategy-hint{display:none}.studio-army-bar .army-slot-wrap{width:82px;min-width:82px;max-width:82px;flex-basis:82px}.studio-army-bar .army-loadout-slot{min-width:100%;height:102px;min-height:102px;padding:30px 7px 7px}.studio-army-bar .army-loadout-slot.army-add-slot{padding-top:9px}.studio-config-backdrop{padding:7px}.studio-config-modal{width:100%;max-height:98%}.studio-config-body{padding:10px}}.studio-config-modal{border-color:#ffffff1f;border-radius:12px;color:#f3f5ef;background:linear-gradient(155deg,#15191a,#090c0d);box-shadow:0 28px 90px #000000a3,inset 0 1px #ffffff09}.studio-config-modal>header{border-bottom-color:#ffffff17;background:#121617eb}.service-config-footer .studio-start-ready,.studio-map-start.studio-start-ready,.studio-config-save{border-color:var(--theme-accent)!important;color:#090b0b!important;background:var(--theme-accent)!important;box-shadow:0 8px 20px rgba(var(--theme-accent-rgb),.12)}.attack-loadout-studio{border-color:rgba(var(--theme-accent-rgb),.16);border-radius:10px;background:radial-gradient(circle at 50% 38%,rgba(var(--theme-accent-rgb),.065),transparent 31%),linear-gradient(160deg,#101415,#090c0d);box-shadow:inset 0 1px #ffffff09}.studio-top-actions button{border-color:#ffffff1c;border-radius:8px;color:#879195;background:linear-gradient(160deg,#171c1d,#0e1213);box-shadow:inset 0 1px #ffffff06}.studio-top-actions button:hover:not(:disabled){border-color:rgba(var(--theme-accent-rgb),.24);color:#eaf4df;background:rgba(var(--theme-accent-rgb),.05)}.studio-top-actions button.active,.studio-top-actions button.configured{border-color:rgba(var(--theme-accent-rgb),.42);color:#edffc0;background:linear-gradient(160deg,rgba(var(--theme-accent-rgb),.12),rgba(var(--theme-accent-rgb),.045));box-shadow:inset 0 1px #ffffff09,0 0 18px rgba(var(--theme-accent-rgb),.08)}.studio-config-check{color:#090b0b;background:var(--theme-accent)}.studio-selected-unit{color:#eef2eb}.studio-selected-unit small{color:#737d81}.studio-unit-kind,.studio-unit-kind.spell,.studio-unit-kind.hero,.studio-unit-kind.siege{border-color:rgba(var(--theme-accent-rgb),.2);border-radius:7px;color:var(--theme-accent);background:rgba(var(--theme-accent-rgb),.055)}.studio-editor-mode{border-color:#ffffff1c;background:#0d1112}.studio-editor-mode button{color:#747e82}.studio-editor-mode button.active{color:#090b0b;background:var(--theme-accent);box-shadow:none}.studio-zone-art path{stroke:#75826775}.studio-zone-art path.active{stroke:var(--theme-accent);filter:drop-shadow(0 0 6px rgba(var(--theme-accent-rgb),.45))}.studio-zone-art polygon{fill:#57694b3d;stroke:#73895d61}.studio-zone-art polygon.active{fill:rgba(var(--theme-accent-rgb),.34);stroke:var(--theme-accent);filter:drop-shadow(0 0 6px rgba(var(--theme-accent-rgb),.32))}.studio-core{border-color:rgba(var(--theme-accent-rgb),.2);color:#eaf5df;background:#111617}.studio-core small,.studio-simple-hint{color:#788286}.studio-mode-dock button{border-color:#ffffff1a;color:#818b8f;background:#121617}.studio-mode-dock button.active{border-color:rgba(var(--theme-accent-rgb),.36);color:#ecffbd;background:rgba(var(--theme-accent-rgb),.075)}.studio-mode-dock label{color:#7f898d}.studio-army-strategy-card,.studio-army-strategy-card.active{border-color:#ffffff1c;border-radius:8px;background:linear-gradient(155deg,#171c1d,#0d1112)}.studio-army-strategy-card.active{border-color:rgba(var(--theme-accent-rgb),.3);background:linear-gradient(155deg,rgba(var(--theme-accent-rgb),.07),#0d1112)}.studio-army-strategy-head>span,.studio-army-strategy-card.active .studio-army-strategy-head>span{border-color:rgba(var(--theme-accent-rgb),.2);border-radius:7px;color:var(--theme-accent);background:rgba(var(--theme-accent-rgb),.055)}.studio-army-strategy-head small{color:#707a7e}.studio-army-strategy-head strong{color:#e9eee7}.studio-army-strategy-head button{border-color:#ffffff1a;color:#929b9f;background:#111516}.studio-army-strategy-card select{border-color:#ffffff1c;color:#e6ebe4;background:#0b0f10}.studio-army-strategy-warning,.studio-army-strategy-hint{color:#727c80}.studio-army-bar .army-battle-bar{border-color:#ffffff1a;border-radius:9px;background:linear-gradient(180deg,#15191a,#0c1011)}.studio-army-bar .army-loadout-slot{border-color:#ffffff1c;border-radius:8px;color:#dce2db;background:#111516}.studio-army-bar .army-loadout-slot:hover{border-color:rgba(var(--theme-accent-rgb),.28);background:rgba(var(--theme-accent-rgb),.04)}.studio-army-bar .army-loadout-slot.selected{border-color:var(--theme-accent);box-shadow:0 0 0 1px rgba(var(--theme-accent-rgb),.26),0 6px 18px #00000038}.studio-army-bar .army-loadout-slot .army-slot-icon{border-color:rgba(var(--theme-accent-rgb),.18);color:var(--theme-accent);background:rgba(var(--theme-accent-rgb),.05)}.studio-army-bar .army-slot-qty,.studio-army-bar .army-slot-status,.studio-army-bar .army-card-corner-action{border-color:#ffffff21;background:#0b0f10}.studio-army-bar .army-card-corner-action.toggle.is-on{border-color:var(--theme-accent);color:#090b0b;background:var(--theme-accent)}.studio-army-bar .army-loadout-slot.army-add-slot{border-style:dashed;color:#a9b2aa;background:transparent}.studio-config-backdrop{background:#030404d1}.studio-config-modal{border-color:#ffffff1f;border-radius:10px;color:#edf1eb;background:linear-gradient(155deg,#171b1c,#090c0d)}.studio-config-modal>header{border-bottom-color:#ffffff17;background:#131718}.studio-config-modal>header small{color:#747e82}.studio-config-block{border-color:#ffffff17;border-radius:8px;background:#101415}.studio-config-block>strong{color:#e8ede6}.studio-config-modal>footer{border-top-color:#ffffff14;background:#0c1011}.service-config-footer .studio-start-locked,.studio-map-start.studio-start-locked{border-color:#ffffff1a;color:#6e777b;background:#141819}.studio-modal-choreography .attack-choreography{border-color:#ffffff17;border-radius:8px;background:linear-gradient(145deg,#121617,#0c1011);box-shadow:none}.studio-diamond{width:min(540px,66vw,63vh);height:auto;aspect-ratio:1.72 / 1;isolation:isolate;filter:drop-shadow(0 18px 28px rgba(0,0,0,.34))}.attack-loadout-studio{min-height:540px;grid-template-rows:minmax(300px,1fr) auto}.studio-diamond:before{content:"";position:absolute;z-index:0;top:1.8%;right:2.6%;bottom:1.8%;left:2.6%;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:radial-gradient(circle at 50% 50%,rgba(var(--theme-accent-rgb),.055),transparent 43%),repeating-linear-gradient(0deg,transparent 0 23px,rgba(var(--theme-accent-rgb),.018) 23px 24px),repeating-linear-gradient(90deg,transparent 0 35px,rgba(var(--theme-accent-rgb),.018) 35px 36px),#0c1110}.studio-zone-art{z-index:2}.studio-zone-art .studio-field-surface{fill:#0f1613b8;stroke:rgba(var(--theme-accent-rgb),.13);stroke-width:7;vector-effect:non-scaling-stroke}.studio-zone-art .studio-field-ring{fill:none;stroke:rgba(var(--theme-accent-rgb),.075);stroke-width:2;vector-effect:non-scaling-stroke}.studio-zone-art .studio-field-ring.inner-ring{stroke-dasharray:7 10}.studio-field-grid line{stroke:rgba(var(--theme-accent-rgb),.055);stroke-width:1;vector-effect:non-scaling-stroke}.studio-field-nodes circle{fill:#111715;stroke:rgba(var(--theme-accent-rgb),.32);stroke-width:2;vector-effect:non-scaling-stroke}.studio-zone-art>path{stroke:#7b89706b;stroke-width:18}.studio-zone-art>path.active{stroke:var(--theme-accent);filter:drop-shadow(0 0 7px rgba(var(--theme-accent-rgb),.48))}.studio-zone-art>polygon.inner{fill:#75895e17;stroke:#8ea37633;stroke-width:2}.studio-zone-art>polygon.inner.active{fill:rgba(var(--theme-accent-rgb),.24);stroke:var(--theme-accent);filter:drop-shadow(0 0 7px rgba(var(--theme-accent-rgb),.3))}.studio-zone.zone-upper-left.inner{clip-path:polygon(48.5% 17.5%,48.5% 48.5%,17.5% 48.5%)}.studio-zone.zone-upper-right.inner{clip-path:polygon(51.5% 17.5%,82.5% 48.5%,51.5% 48.5%)}.studio-zone.zone-lower-left.inner{clip-path:polygon(17.5% 51.5%,48.5% 51.5%,48.5% 82.5%)}.studio-zone.zone-lower-right.inner{clip-path:polygon(51.5% 51.5%,82.5% 51.5%,51.5% 82.5%)}.studio-zone.zone-upper-left.outer{clip-path:polygon(0 46%,0 54%,54% 0,46% 0)}.studio-zone.zone-upper-right.outer{clip-path:polygon(46% 0,54% 0,100% 46%,100% 54%)}.studio-zone.zone-lower-left.outer{clip-path:polygon(0 46%,0 54%,46% 100%,54% 100%)}.studio-zone.zone-lower-right.outer{clip-path:polygon(46% 100%,54% 100%,100% 54%,100% 46%)}.studio-core{width:60px;height:60px;border:1px solid rgba(var(--theme-accent-rgb),.3);color:#eaffb8;background:radial-gradient(circle at 50% 38%,rgba(var(--theme-accent-rgb),.12),transparent 58%),#101514;box-shadow:0 0 0 7px #0a0e0db8,0 0 0 8px rgba(var(--theme-accent-rgb),.08),0 10px 26px #0000006b}.studio-core small{color:#87917f;font:700 .5rem/1 Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}.studio-placement-point.preview{border-color:#eaf5de;background:#eaf5de;box-shadow:0 0 0 2px #0d1210e6,0 0 9px var(--placement-color, var(--theme-accent))}.studio-placement-tag.distributed{transform:translate(-50%,-50%)}@media (max-width: 760px),(max-height: 760px){.attack-loadout-studio{min-height:460px;grid-template-rows:minmax(245px,1fr) auto}.studio-diamond{width:min(460px,82vw,60vh);height:auto;aspect-ratio:1.72 / 1}}@media (max-height: 650px){.attack-loadout-studio{min-height:410px;grid-template-rows:minmax(215px,1fr) auto;gap:7px;padding:8px}.studio-diamond{width:min(400px,76vw,56vh)}.studio-map-heading{min-height:28px}.studio-army-strategy-hint,.studio-simple-hint{display:none}.studio-army-bar .army-battle-bar{padding-block:10px}}.studio-plan-locked-card button{border-color:var(--theme-accent);color:#090b0b;background:var(--theme-accent);font-weight:800}.studio-top-actions button.plan-locked{color:#8a9292;border-color:#ffffff17;background:#111516}.studio-plan-lock{position:absolute;top:4px;right:4px;color:#d4a94d}.studio-plan-locked-card{min-height:170px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;border:1px solid rgba(var(--theme-accent-rgb),.16);border-radius:9px;background:radial-gradient(260px 150px at 0 0,rgba(var(--theme-accent-rgb),.07),transparent 72%),#101415}.studio-plan-locked-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(var(--theme-accent-rgb),.2);border-radius:9px;color:var(--theme-accent);background:rgba(var(--theme-accent-rgb),.055)}.studio-plan-locked-card>div{display:grid;gap:5px}.studio-plan-locked-card small{color:var(--theme-accent);font:700 .56rem/1 Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.studio-plan-locked-card strong{color:#f0f3ed;font-size:.88rem}.studio-plan-locked-card p{max-width:540px;margin:0;color:#858f91;font-size:.68rem;line-height:1.45}@media (max-width: 760px),(max-height: 620px){.studio-plan-locked-card{grid-template-columns:auto 1fr}.studio-plan-locked-card button{grid-column:1 / -1;justify-self:end}}.service-attack-editor{min-width:0;width:100%;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.service-attack-editor .studio-map-heading{flex-wrap:wrap}.service-attack-editor .studio-diamond{width:min(100%,600px);height:auto;aspect-ratio:1.72 / 1}.service-attack-editor .studio-editor-mode button,.service-attack-editor .studio-mode-dock button{min-height:44px;font-size:.8rem}.service-attack-editor .studio-mode-dock{flex-wrap:wrap;max-width:100%}.service-attack-target,.service-attack-delay{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0}.service-attack-target select{flex:1;min-width:120px}.service-attack-delay input{width:80px}.service-attack-editor .studio-placement-layer.interactive{touch-action:none}@media (max-width: 420px){.service-attack-editor{padding:8px}.service-attack-editor .studio-selected-unit{min-width:0}.service-attack-editor .studio-map-heading{gap:8px}.service-attack-editor .studio-core{transform:translate(-50%,-50%) scale(.7)}.service-attack-editor .studio-placement-tag{font-size:9px}}.upgrade-lane-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.upgrade-lane-card{min-height:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--muted);text-align:left}.upgrade-lane-card.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface-1));color:var(--ink)}.upgrade-lane-card span{font-size:11px;font-weight:800;text-transform:uppercase}@media (max-width: 900px){.upgrade-lane-grid{grid-template-columns:1fr}}.auto-upgrade-dashboard{display:grid;gap:.65rem}.upgrade-lanes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.upgrade-lane-card{min-width:0;display:grid;gap:.28rem;padding:.65rem;border:1px solid rgba(126,199,255,.13);border-radius:12px;background:#05121f94}.upgrade-lane-card.available{border-color:#4adea347;background:#1a695014}.upgrade-lane-card.busy,.upgrade-lane-card.waiting{border-color:#fabe4b38;background:#7c4f1414}.upgrade-lane-card.disabled,.upgrade-lane-card.empty{opacity:.72}.upgrade-lane-head{min-width:0;display:flex;align-items:center;gap:.4rem}.upgrade-lane-head>strong{min-width:0;overflow:hidden;color:#edf7ff;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.upgrade-lane-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(126,199,255,.16);border-radius:9px;color:#8fd2ff;background:#7ec7ff12}.upgrade-lane-status{margin-left:auto;padding:.17rem .38rem;border-radius:99px;color:#9cafbe;background:#96a9b817;font-size:.58rem;font-weight:800;letter-spacing:.025em;white-space:nowrap}.upgrade-lane-status.available{color:#78e6bb;background:#4adea31a}.upgrade-lane-status.busy,.upgrade-lane-status.waiting{color:#ffd17b;background:#fabe4b1a}.upgrade-lane-primary{overflow:hidden;color:#dcecf8;font-size:.73rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.upgrade-lane-secondary{overflow:hidden;color:var(--muted);font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.service-account-browser{display:grid;gap:.45rem;padding-top:.1rem}.service-account-nav{display:grid;grid-template-columns:34px minmax(180px,1fr) 34px auto;align-items:stretch;gap:.38rem}.service-account-arrow,.service-account-current,.service-account-list-btn{min-height:38px;border:1px solid rgba(126,199,255,.17);border-radius:10px;color:#dcecf7;background:#061523a3}.service-account-arrow{display:grid;place-items:center;padding:0}.service-account-current{min-width:0;display:flex;align-items:center;gap:.48rem;padding:.32rem .55rem;text-align:left}.service-account-copy,.service-account-row-copy{min-width:0;display:grid}.service-account-copy strong,.service-account-row-copy strong{overflow:hidden;color:#edf8ff;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.service-account-copy small,.service-account-row-copy small{overflow:hidden;color:var(--muted);font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.service-account-position{margin-left:auto;color:#8ecdf6;font-size:.68rem;font-weight:800;font-variant-numeric:tabular-nums}.service-account-list-btn{display:inline-flex;align-items:center;justify-content:center;gap:.36rem;padding:0 .65rem;font-size:.67rem;white-space:nowrap}.service-account-list-btn.active{border-color:#7ec7ff6b;color:#9fd8ff;background:#7ec7ff1a}.account-cycle-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#718494}.account-cycle-dot.active,.account-cycle-dot.switching{background:#65cfff;box-shadow:0 0 0 4px #65cfff17}.account-cycle-dot.completed{background:#4adea3}.account-cycle-dot.waiting{background:#fabe4b}.account-cycle-dot.error{background:#ff7885}.service-account-summary{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:.5rem;color:var(--muted);font-size:.61rem}.service-account-summary strong{color:#dceefa}.service-account-progress{height:5px;overflow:hidden;border-radius:99px;background:#ffffff12}.service-account-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#52dca9,#83e5be);transition:width .22s ease}.service-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;max-height:190px;overflow-y:auto;padding:.4rem;border:1px solid rgba(126,199,255,.13);border-radius:11px;background:#030e1980}.service-account-row{min-width:0;min-height:43px;display:flex;align-items:center;gap:.45rem;padding:.42rem .5rem;border:1px solid rgba(126,199,255,.09);border-radius:9px;color:inherit;background:#091c2c80;text-align:left}.service-account-row.selected{border-color:#7ec7ff61;background:#215e822e}.service-account-row-status{margin-left:auto;color:#9cafbe;font-size:.58rem;font-weight:800;white-space:nowrap}.service-account-row-status.completed{color:#70dfb4}.service-account-row-status.active,.service-account-row-status.switching{color:#79d0ff}.service-account-row-status.waiting{color:#ffd17b}.service-account-row-status.error{color:#ff99a3}@media (max-width: 620px){.upgrade-lanes-grid{grid-template-columns:minmax(0,1fr)}.service-account-nav{grid-template-columns:34px minmax(0,1fr) 34px}.service-account-list-btn{grid-column:1 / -1}.service-account-list{grid-template-columns:minmax(0,1fr)}}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#eaf3ff;font-size:16px;line-height:1.4;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--font-title: clamp(1.15rem, 2.5vw, 1.5rem);--font-h2: clamp(1rem, 2vw, 1.25rem);--font-h3: 1rem;--font-body: .95rem;--font-caption: .8rem;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 4px 12px rgba(6, 14, 24, .22);--shadow-md: 0 8px 22px rgba(4, 11, 22, .35);--control-h: 44px;--control-h-compact: 36px;--cfg-btn-h: 32px;--cfg-btn-font: .8rem;--bg-1: #07101b;--bg-2: #0f2237;--card1: #11233a;--card2: #0b1a2d;--surface-1: rgba(7, 17, 28, .82);--surface-2: rgba(255, 255, 255, .03);--ink: #eaf3ff;--muted: #9db9d3;--text-strong: #e9f2ff;--text-soft: #dbe9ff;--border: rgba(148, 181, 213, .26);--border-strong: #385f86;--primary: #7ec7ff;--primary-soft: rgba(107, 195, 255, .16);--danger: #ff9696;--success: #74f6a3;--focus-ring: 0 0 0 2px rgba(126, 199, 255, .35)}*{box-sizing:border-box}html,body,#root{height:100dvh;min-height:100dvh;overflow:hidden;overflow-x:hidden}body{margin:0;background-color:#0f2439;background-image:linear-gradient(180deg,#173650,#10273d 45%,#07101b);background-repeat:no-repeat;background-attachment:fixed;color:var(--ink);font-size:var(--font-body);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}input,textarea,select{-webkit-user-select:text;user-select:text}.page{max-width:1120px;margin:0 auto;padding:var(--space-4);display:grid;gap:var(--space-3)}.page-shell{padding-bottom:0;scroll-padding-bottom:0}.page-shell:not(.auth-shell){height:100dvh;max-height:100dvh;overflow:hidden;padding-bottom:0;grid-template-rows:auto minmax(0,1fr) auto}.dashboard-active-services{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:var(--space-2);scroll-padding-bottom:var(--space-2)}.dashboard-active-services-wrap{min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--space-2)}.dashboard-active-services-wrap .service-config-head{margin-top:0}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:var(--space-4)}.auth-card{width:min(460px,100%);border:1px solid var(--border);border-radius:var(--radius-lg);background:#07111ce6;padding:var(--space-4);box-shadow:var(--shadow-sm)}.auth-brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.auth-brand h1{margin:0;font-size:var(--font-title)}.auth-form{display:grid;gap:var(--space-2)}.auth-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.auth-actions-recovery{flex-direction:column;align-items:stretch}.auth-input-with-btn{position:relative;display:block}.auth-input-with-btn>input{width:100%;padding-right:38px}.auth-eye-btn{min-height:24px;min-width:24px;width:24px;padding:0;border:1px solid rgba(126,199,255,.3);border-radius:8px;background:#7ec7ff1a;color:#dcecff;display:inline-flex;align-items:center;justify-content:center}.auth-eye-btn.input-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.auth-eye-btn:hover:not(:disabled){border-color:#7ec7ff99;background:#7ec7ff33}.auth-remember-row{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;background:#ffffff08}.link-btn{background:transparent;border:0;color:#9dd2ff;text-decoration:underline;min-height:auto;padding:0;box-shadow:none}.link-btn:hover:not(:disabled){color:#d3eaff;background:transparent}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm)}.app-console-hero{border-radius:var(--radius-lg);background:radial-gradient(900px 300px at 0% 0%,rgba(107,195,255,.16),transparent 60%),linear-gradient(180deg,var(--card1),var(--card2));border:1px solid var(--border)}.app-topbar{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-2);align-items:stretch;flex-wrap:nowrap;position:sticky;top:0;z-index:1300}.app-topbar-main{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center;flex-wrap:nowrap}.app-topbar-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);width:100%}.client-selector-label{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-width:0;font-size:var(--font-caption);color:var(--text-soft)}.client-selector-label select{max-width:min(280px,100%);min-width:0;min-height:32px;padding:5px 28px 5px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff0f;color:var(--text)}.top-active-services-indicator{justify-self:end;font-size:var(--font-caption);font-weight:700;color:var(--text-soft);border:1px solid var(--border);border-radius:var(--radius-pill);background:#6bc3ff1f;padding:6px 12px;white-space:nowrap}.app-brand{display:flex;align-items:center;gap:var(--space-2)}.app-logo{width:36px;height:36px;object-fit:contain}.app-brand h1{margin:0;font-size:var(--font-title)}.app-brand p{margin:0;color:#b9d1ea;font-size:var(--font-caption)}.app-brand p{display:none}.app-top-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;justify-content:flex-end;flex-wrap:nowrap;min-width:0}.top-action-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:var(--control-h-compact);border-radius:var(--radius-sm);padding:0 var(--space-3);font-size:var(--font-caption);font-weight:700;white-space:nowrap}.top-action-btn.icon-only{width:var(--control-h-compact);min-width:var(--control-h-compact);min-height:var(--control-h-compact);padding:0;justify-content:center;gap:0}.install-pwa-btn{min-height:var(--control-h-compact);border-radius:var(--radius-pill);padding:0 var(--space-3);font-size:var(--font-caption);font-weight:700;white-space:nowrap}.install-pwa-btn.ready{border-color:#7ec7ffa6;background:#7ec7ff2e;color:#e8f4ff}.logout-icon-btn{width:var(--control-h);min-width:var(--control-h);min-height:var(--control-h);padding:0;display:inline-flex;align-items:center;justify-content:center}.status-pill{border-radius:var(--radius-pill);padding:6px var(--space-3);font-size:var(--font-caption);font-weight:700;border:1px solid transparent}.status-pill.online{color:#b7f2d1;background:#46c97b2b;border-color:#46c97b59}.status-pill.offline{color:#ffd4d4;background:#ff60602b;border-color:#ff606059}.onboarding-inline-alert{border:1px solid rgba(255,196,104,.38);background:linear-gradient(180deg,#ffc4681f,#ffc4680a);width:min(760px,100%);margin:0 auto;min-height:190px;display:grid;place-content:center;justify-items:center;text-align:center}.onboarding-inline-title{font-weight:700;color:#ffe8c2}.onboarding-inline-desc{margin-top:4px;color:#f2dbb8;font-size:.9rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.grid{display:grid;gap:var(--space-2)}.login-grid{grid-template-columns:1fr 1fr auto}label{display:grid;gap:6px;font-size:var(--font-caption);color:var(--text-soft)}input,select,button,textarea{min-height:var(--control-h);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#0e2339;color:var(--ink);padding:0 var(--space-3);font:inherit;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .1s ease}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus-visible,select:focus-visible,button:focus-visible,textarea:focus-visible{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}input[type=checkbox],input[type=radio]{min-height:auto;width:16px;height:16px;padding:0;accent-color:var(--primary)}textarea{min-height:120px;resize:vertical;padding:var(--space-2) var(--space-3)}button{cursor:pointer;font-weight:700;touch-action:manipulation}button:active:not(:disabled){transform:none}button:hover:not(:disabled){border-color:var(--primary);background:#2972a666}button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.btn-loading{display:inline-flex;align-items:center;gap:var(--space-2)}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.row{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.between{justify-content:space-between}.ok{color:var(--success)}.warn{color:#ffc76d}.muted{color:var(--muted)}.actions{display:flex;gap:var(--space-2);align-items:center}.wrap{flex-wrap:wrap}.mt8{margin-top:var(--space-2)}.mb8{margin-bottom:var(--space-2)}.h3{margin:0 0 var(--space-2);font-size:var(--font-h3);font-weight:700;letter-spacing:.01em}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);gap:var(--space-2)}.service-card{border:1px solid #2f526f;border-radius:var(--radius-md);background:#0c1b2bbf;padding:var(--space-2)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1) var(--space-2);margin-top:var(--space-2);color:#cbe4ff;font-size:var(--font-caption)}.resources{margin-top:var(--space-2);display:grid;gap:6px}.resource-row2{display:grid;gap:var(--space-1);font-size:var(--font-caption)}.track{width:100%;height:8px;border-radius:999px;overflow:hidden;background:#0b1828;border:1px solid #27435e}.fill{height:100%}.fill.gold{background:linear-gradient(90deg,#f4d35e,#c9a227)}.fill.elixir{background:linear-gradient(90deg,#b388ff,#7e57c2)}.fill.dark{background:linear-gradient(90deg,#6f59a8,#3f2d6c)}.stream{width:100%;max-width:720px;border-radius:var(--radius-sm);border:1px solid #365a78;cursor:crosshair;touch-action:none;-webkit-user-drag:none;user-drag:none}.stream-preview-wrap{position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid rgba(107,195,255,.35);border-radius:var(--radius-md);background:radial-gradient(120% 120% at 50% 0%,#44a4ff1f,#060d19 60%);display:flex;align-items:center;justify-content:center;overflow:hidden}.stream-preview-image{display:block;width:100%;height:100%;object-fit:cover;background:#060d19;cursor:pointer;touch-action:none;-webkit-user-drag:none;user-drag:none}.stream-fallback-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.stream-video{object-fit:cover;background:#060d19}.stream-video-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:1;transition:opacity .2s ease}.stream-video-hidden{opacity:0;pointer-events:none}.stream-preview-placeholder{color:var(--muted);font-size:.9rem}.stream-starting{display:inline-flex;align-items:center;gap:8px}.stream-starting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#060d1980,#060d19b3);pointer-events:none}.stream-preview-help{border:1px solid rgba(122,214,255,.5);background:linear-gradient(135deg,#2f74c447,#1d427c38),#07142ab8;border-radius:var(--radius-md);padding:var(--space-3);color:#e8f2ff}.stream-preview-help-body{margin:0;color:#d8e8ff;line-height:1.35}.stream-preview-help-compact{padding:var(--space-2)}.emulator-list{display:grid;gap:var(--space-2)}.emulator-divider{margin-top:.2rem;padding-top:.45rem;border-top:1px dashed var(--border);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.emulator-row{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--surface-2)}.emulator-name{min-width:0;overflow-wrap:anywhere;font-weight:600;color:var(--text-soft)}.emulator-actions{justify-content:flex-end;gap:6px}.emulator-icon-btn{width:var(--control-h-compact);min-width:var(--control-h-compact);min-height:var(--control-h-compact);padding:0}.switch-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:.92rem}.switch-btn{width:52px;min-width:52px;min-height:32px;border-radius:var(--radius-pill);padding:2px;border:1px solid var(--border);background:#ffffff14;display:inline-flex;align-items:center}.switch-btn.on{background:#6cde9938;border-color:#6cde9980}.switch-dot{width:24px;height:24px;border-radius:50%;background:var(--ink);transition:transform .18s ease;transform:translate(0)}.switch-btn.on .switch-dot{transform:translate(20px)}.volume-slider-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-2);align-items:center}.volume-slider-row>input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:auto;height:22px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.volume-slider-row>input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#6bc3ffe6,#a37bffe6);border:1px solid rgba(107,195,255,.45)}.volume-slider-row>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;margin-top:-6px;border:1px solid rgba(207,225,255,.95);background:#cfe1ff;box-shadow:0 0 0 2px #0c1f34bf}.volume-slider-row>input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#6bc3ffe6,#a37bffe6);border:1px solid rgba(107,195,255,.45)}.volume-slider-row>input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:1px solid rgba(207,225,255,.95);background:#cfe1ff;box-shadow:0 0 0 2px #0c1f34bf}.volume-icon{display:inline-flex;align-items:center;justify-content:center;color:#cfe1ff}.volume-value{min-width:44px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-soft)}.json{font-family:Consolas,Courier New,monospace}.pre{white-space:pre-wrap;word-break:break-word;margin:0;min-height:320px;max-height:480px;overflow:auto}.error{border-color:#ff727273!important;box-shadow:0 0 0 2px #ff72722e}.service-cats{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.cat{border-radius:var(--radius-pill);padding:0 var(--space-3)}.cat.active{border-color:#7ec7ff;background:#7ec7ff2e}.service-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.65rem}.service-modal-grid{max-height:56vh;overflow:auto;padding-right:.2rem}.service-select-card{text-align:left;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);border-radius:var(--radius-md);padding:.75rem;display:flex;flex-direction:column;gap:.45rem}.service-select-card:hover{border-color:#6bc3ff66;background:#6bc3ff14}.service-select-card.active{border-color:#6bc3ff99;background:#6bc3ff1f}.service-select-desc{margin:0;font-size:.86rem;color:var(--muted)}.svc{text-align:left;padding:var(--space-2);border-radius:var(--radius-sm)}.svc.active{border-color:#8cd4ff;background:#0e3e6473}.svc-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.service-config-headline{flex-wrap:wrap}.icon-action-btn{width:var(--control-h-compact);min-width:var(--control-h-compact);min-height:var(--control-h-compact);padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.svc-icon{display:inline-flex;align-items:center;justify-content:center;color:#95cfff;min-width:22px}.svc-config{border:1px solid #2e5475;border-radius:var(--radius-md);background:#0a1928b3;padding:var(--space-2);display:grid;gap:var(--space-2)}.svc-config h4{margin:0}.service-icon-wrap{width:36px;height:36px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--border);color:#cfe1ff;flex-shrink:0}.service-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.service-config-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:.8rem;display:grid;gap:.7rem}.upgrade-targets-panel{display:grid;gap:10px}.village-progress-panel{display:grid;gap:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-2) 86%,#000 14%);padding:10px}.village-progress-head,.village-progress-group-top,.village-progress-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.village-progress-head>div:first-child{display:grid;gap:2px;min-width:0}.village-progress-head strong{font-size:14px}.village-progress-head span,.village-progress-group-meta,.village-progress-row span{color:var(--muted);font-size:12px}.village-progress-pill{min-height:28px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 8px;color:var(--text);background:#ffffff0f;white-space:nowrap}.village-progress-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.village-progress-stats>div{min-height:58px;display:grid;align-content:center;gap:3px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);padding:8px;min-width:0}.village-progress-stats span{color:var(--muted);font-size:11px}.village-progress-stats strong{font-size:13px;line-height:1.2;overflow-wrap:anywhere}.village-progress-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.village-progress-group{display:grid;gap:5px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff09;padding:7px;min-width:0}.village-progress-group-top span,.village-progress-group-top strong{font-size:12px}.village-progress-bar{height:5px;overflow:hidden;border-radius:999px;background:#ffffff14}.village-progress-bar span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.village-progress-pending{display:grid;gap:6px}.village-progress-service-card{grid-column:1 / -1}.village-progress-service-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.village-progress-service-head>div{display:grid;gap:3px;min-width:220px}.village-progress-service-head span{color:var(--muted);font-size:12px}.village-progress-empty{min-height:86px;display:grid;place-items:center;gap:6px;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius-sm);background:#ffffff06}.village-progress-table{display:grid;gap:5px;max-height:360px;overflow:auto;padding-right:2px}.village-progress-row{display:grid;grid-template-columns:44px minmax(160px,1.4fr) 70px minmax(110px,.9fr) 78px;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);padding:8px;font-size:12px;gap:8px}.village-progress-thumb{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:#ffffff0d;overflow:hidden;color:var(--muted)}.village-progress-thumb img{max-width:40px;max-height:40px;object-fit:contain;display:block}.village-progress-row>div:nth-child(2){display:grid;gap:2px;min-width:0}.village-progress-row strong,.village-progress-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 760px){.village-progress-stats,.village-progress-groups{grid-template-columns:1fr}.village-progress-row{grid-template-columns:44px 1fr;gap:4px;align-items:start}.village-progress-row>div:nth-child(n+3){grid-column:2}}.upgrade-target-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.upgrade-target-toolbar select{min-height:34px}.upgrade-target-list{display:grid;gap:6px}.upgrade-target-list-title{color:var(--muted);font-size:12px;font-weight:700}.upgrade-target-grid{display:grid;grid-template-columns:1fr;gap:6px;max-height:320px;overflow:auto;padding-right:2px}.upgrade-target-card{min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;text-align:left;border:1px solid var(--border);background:var(--surface-1);border-radius:var(--radius-sm);padding:9px 10px;line-height:1.2}.upgrade-target-card.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface-1))}.upgrade-target-main{display:grid;gap:3px;min-width:0}.upgrade-target-main strong,.upgrade-target-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.upgrade-target-main strong{font-size:13px}.upgrade-target-main small{font-size:11px}.upgrade-target-count{min-width:74px;min-height:24px;display:inline-grid;align-self:center;place-items:center;border-radius:var(--radius-sm);background:#ffffff14;font-size:12px;font-weight:600;padding:2px 8px;white-space:nowrap}.upgrade-target-count.pending{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text)}.service-config-card button:not(.icon-action-btn):not(.unit-remove-btn):not(.upgrade-target-card){min-height:var(--cfg-btn-h);padding:4px 10px;font-size:var(--cfg-btn-font);border-radius:var(--radius-sm)}.cfg-block button:not(.icon-action-btn):not(.unit-remove-btn){min-height:var(--cfg-btn-h);padding:4px 10px;font-size:var(--cfg-btn-font);border-radius:var(--radius-sm)}.service-config-title{font-size:.86rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.65rem}.service-config-head{border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;background:var(--surface-2);margin-top:.75rem}.active-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;align-items:start}.active-services-filter-bar{position:sticky;top:0;z-index:8;display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;padding:.25rem 0 .45rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none}.active-services-filter-wrap .active-services-filter-bar{position:static;top:auto;margin-bottom:0;padding:0}.active-services-filter-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.active-services-filter-actions{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:auto}.active-services-filter-btn{min-height:var(--control-h-compact);border-radius:var(--radius-pill);padding:.15rem .7rem;font-size:var(--font-caption);text-transform:capitalize}.active-services-filter-btn.icon-only{width:32px;min-width:32px;min-height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.active-services-filter-btn.active{border-color:#7ec7ffb3;background:#6bc3ff33;color:#eaf4ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.active-service-card{min-width:0;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;background:linear-gradient(180deg,#132234e6,#0c1828e6 58%,#08101cf2),var(--surface-2);display:flex;flex-direction:column;gap:.45rem;position:relative;isolation:isolate;z-index:0}.active-service-card.is-starting{border-color:#7ec7ff9e;box-shadow:0 0 0 1px #7ec7ff40 inset}.active-service-corner-btn{position:absolute;top:.42rem;right:.42rem;width:22px;min-width:22px;min-height:22px;padding:0;border-radius:999px;border:1px solid rgba(130,165,196,.45);background:#0f18238c;color:#bfd7eb;display:inline-flex;align-items:center;justify-content:center;opacity:.9;z-index:3}.active-service-corner-btn:hover:not(:disabled){opacity:1;background:#1c2d3eb8;border-color:#9bc4e8b8}.active-service-corner-btn.is-ok{border-color:#51d688bf;background:#194a31b3;color:#c7f6db;opacity:1}.active-service-corner-btn.is-error{border-color:#f7b148cc;background:#56350eb8;color:#ffe3b3;opacity:1}.active-service-corner-btn:disabled{opacity:.4}.active-service-mini-card{min-width:0;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg,#132234e0,#0b1624eb),var(--surface-2);width:100%;min-height:104px;height:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.55rem;padding:.48rem .55rem;position:relative}.active-service-mini-card.is-starting{border-color:#7ec7ff9e}.active-service-mini-main{display:flex;align-items:center;gap:.55rem;min-width:0}.active-service-mini-card.is-stopped{opacity:.6}.active-service-mini-card .service-icon-wrap{margin:0;flex:0 0 auto}.active-service-mini-text{min-width:0;display:flex;flex-direction:column;gap:.12rem;flex:1 1 auto}.active-service-mini-title{font-size:.75rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-service-mini-sub{font-size:.66rem;color:var(--text-soft);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-service-mini-metric{font-size:.65rem;color:#d8e6f4;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-service-mini-actions{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.28rem;margin-top:auto;padding-top:.35rem}.active-service-mini-actions button{min-height:20px;padding:.08rem .36rem;font-size:.62rem;border-radius:var(--radius-sm)}.active-mini-icon-btn{width:22px;min-width:22px;min-height:22px;padding:0}.active-service-mini-card:after{content:"";position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:999px;background:#4bd07a}.active-service-mini-card.is-stopped:after{background:#ff9a57}.active-service-mini-card.is-starting:after{background:#7ec7ff}.dashboard-active-services-wrap .active-services-grid.mini{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:.55rem}.active-service-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.45rem}.active-service-title{overflow-wrap:anywhere;font-weight:700;line-height:1.1}.active-service-head>div{min-width:0}.active-service-head .service-icon-wrap{flex-shrink:0}.active-service-window{overflow-wrap:anywhere;font-size:.8rem;color:var(--muted)}.active-service-action{font-size:.82rem;margin-bottom:.5rem;color:var(--text-soft)}.active-service-starting{display:inline-flex;align-items:center;gap:8px;margin-bottom:.5rem;color:#d7ecff;font-size:.84rem;font-weight:600}.active-service-mini-starting{display:inline-flex;align-items:center;gap:6px;font-size:.65rem;color:#d7ecff;font-weight:600}.rest-cycle-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 10px;border:1px solid var(--border);background:#ffffff08;margin-bottom:8px}.rest-cycle-chip.running{border-color:#7ec7ff73;background:#7ec7ff1f}.rest-cycle-chip.resting{border-color:#ffc66b73;background:#ffc66b1f}.rest-ring{--rest-progress: 0%;width:14px;height:14px;border-radius:50%;background:conic-gradient(currentColor var(--rest-progress),rgba(255,255,255,.2) 0);display:inline-block}.rest-cycle-chip.running .rest-ring{color:#7ec7ff}.rest-cycle-chip.resting .rest-ring{color:#ffc66b}.rest-text{color:var(--text-soft);font-size:.78rem;letter-spacing:.01em}.active-service-finished{font-size:1.05rem;font-weight:700;margin:.75rem 0 .65rem;color:var(--text-soft)}.active-service-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .5rem}.active-service-metric{font-size:.77rem;color:var(--muted)}.active-service-metric strong{color:var(--text-soft);font-weight:700}.active-service-actions{display:flex;width:100%;justify-content:center;align-items:center;gap:.4rem;margin-top:auto;padding-top:.6rem;flex-wrap:wrap;position:relative;z-index:2}.active-service-actions button{min-height:var(--control-h-compact);padding:.2rem .5rem;font-size:var(--font-caption)}.active-stop-btn{border:1px solid rgba(255,120,120,.35);background:#ff787814;color:#ffd7d7;font-weight:600}.active-stop-btn:hover:not(:disabled){border-color:#ff78788c;background:#ff787824;color:#ffe7e7}.active-service-resources{margin-top:.6rem;display:grid;gap:.45rem}.resource-row{display:grid;gap:.2rem}.resource-row-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.75rem;color:var(--muted)}.resource-row-head strong{color:var(--text-soft);font-weight:700}.resource-track{height:7px;border-radius:999px;background:#ffffff1a;overflow:hidden}.resource-fill{height:100%;width:0%;border-radius:999px}.resource-fill.gold{background:linear-gradient(90deg,#f3bf56,#ffdd8a)}.resource-fill.elixir{background:linear-gradient(90deg,#9d7eff,#c0a6ff)}.resource-fill.dark{background:linear-gradient(90deg,#7b8aa3,#b8c1d1)}.walls-box{margin-top:.6rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem;background:var(--surface-2)}.walls-box-enhanced{display:grid;gap:.5rem}.walls-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.walls-stat-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;padding:.42rem .5rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem}.walls-stat-icon{color:#95cfff;display:inline-flex;align-items:center}.walls-stat-label{font-size:.72rem;color:var(--muted);text-transform:lowercase}.walls-stat-value{font-size:.78rem;color:var(--text-soft)}.walls-copy-btn:hover:not(:disabled){background:#6bc3ff33;border-color:#4e7ea8}.walls-levels{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.42rem .5rem;display:grid;gap:.3rem}.walls-levels-title{font-size:.72rem;color:var(--muted);text-transform:lowercase;margin-bottom:.1rem}.walls-level-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.walls-level-badge{min-width:52px;border-radius:999px;border:1px solid #486b89;background:#4d759247;color:#d7e6f5;font-size:.68rem;padding:.12rem .45rem}.walls-level-count{font-size:.76rem;color:var(--text-soft)}.cfg-block{border:1px solid #2a4c6a;border-radius:var(--radius-sm);padding:var(--space-2);display:grid;gap:var(--space-2)}.cfg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem .8rem;align-content:start}.clients-list{display:grid;gap:8px}.client-empty-state{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:10px;background:#ffffff05;display:grid;gap:6px}.client-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;padding:10px}.client-row-main{display:grid;gap:4px;min-width:0}.client-session-row{width:100%;min-height:64px;display:grid;grid-template-columns:12px minmax(0,1fr) 24px;align-items:center;gap:10px;color:inherit;text-align:left}.client-session-row.is-selected{border-color:#63e6b680;background:#63e6b617;box-shadow:inset 0 0 0 1px #63e6b614}.client-session-status{width:10px;height:10px;border-radius:999px;background:#64748b;box-shadow:0 0 0 4px #64748b1f}.client-session-status.is-online{background:#63e6b6;box-shadow:0 0 0 4px #63e6b61f}.client-session-selected{display:grid;place-items:center;color:#63e6b6}.client-id{font-size:.82rem;color:var(--text-soft);font-family:Consolas,Courier New,monospace;word-break:break-all}.service-config-card .cfg-grid>*{margin:0}.resource-goal-mode{grid-column:1 / -1;display:inline-flex;gap:6px}.resource-goal-mode>button{min-height:var(--cfg-btn-h);padding:4px 10px;border:1px solid #34546f;background:#142d4273;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.resource-goal-mode>button.active{border-color:#7ad6ff8c;color:var(--text-soft);background:#2d639659}.resource-goal-explainer{grid-column:1 / -1;display:flex;align-items:flex-start;gap:8px;padding:9px 11px;border:1px solid rgba(70,184,190,.28);border-radius:10px;background:#227e891a;color:#a9cad2;font-size:.76rem;line-height:1.4}.resource-goal-explainer svg{flex:0 0 auto;margin-top:1px;color:#59c9c0}.resource-duo-row{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.resource-goal-card.total{grid-column:1 / -1}.resource-goal-card .rest-cycle-input-row{grid-template-columns:minmax(0,1fr)}.attack-end-chip{grid-column:1 / -1}.rest-cycle-wrap{grid-column:1 / -1;display:grid;gap:8px}.rest-cycle-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.rest-cycle-card{border:1px solid #355370;border-radius:var(--radius-sm);background:#11293f73;padding:8px;display:grid;gap:6px;min-width:0}.rest-cycle-label{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:var(--muted)}.rest-cycle-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;min-width:0}.rest-cycle-input-row>input{min-height:var(--control-h-compact);width:100%;min-width:0}.rest-cycle-unit{font-size:.74rem;color:var(--muted);white-space:nowrap}.rest-cycle-help{font-size:.74rem;color:var(--muted)}.toggle-pill{grid-column:1 / -1;display:inline-flex;align-items:center}.toggle-pill input{position:absolute;opacity:0;pointer-events:none}.toggle-pill-body{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid #4b4f8f;border-radius:var(--radius-sm);background:#382d7338;color:#d8dcff;font-size:.82rem;cursor:pointer}.toggle-pill input:checked+.toggle-pill-body{background:#5649ad61;border-color:#ada1ffcc;color:#f1efff}.toggle-pill.compact{grid-column:auto}.toggle-pill.compact .toggle-pill-body{min-height:26px;padding:3px 7px;font-size:.72rem}.toggle-pill.pro-locked .toggle-pill-body{border-color:#d4a0178c;background:#d4a01717;color:#d4a017;cursor:not-allowed;opacity:.82}.toggle-pill.pro-locked input{pointer-events:none}.pro-locked-btn{border-color:#d4a0178c!important;background:#d4a01717!important;color:#d4a017!important}.pro-locked-btn:disabled{opacity:1;cursor:not-allowed;box-shadow:none}.army-config-card>.army-config-heading,.army-config-card>.army-loadout-preview,.army-config-card>.cfg-grid,.army-config-card>.attack-choreography{grid-column:1 / -1}.army-config-heading{grid-column:1 / -1;display:flex;align-items:center;gap:11px}.army-config-heading>span{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(99,230,182,.35);border-radius:11px;color:#7ce6c8;background:#63e6b617;font-size:.8rem;font-weight:900}.army-config-heading>div{min-width:0;display:grid;gap:2px}.army-config-heading strong{color:#f1f9ff;font-size:.92rem}.army-config-heading small{color:var(--muted);font-size:.72rem;line-height:1.35}.army-loadout-preview{min-width:0;container-type:inline-size;display:grid;gap:10px;padding:13px;overflow:hidden;border:1px solid rgba(126,199,255,.25);border-radius:15px;background:radial-gradient(440px 140px at 0 0,rgba(55,174,220,.11),transparent 68%),linear-gradient(145deg,#08192af5,#05111ef0)}.army-loadout-head{display:flex;align-items:end;justify-content:space-between;gap:14px}.army-loadout-head>div{display:grid;gap:2px}.army-loadout-head .eyebrow{color:#6bc3ff;font-size:.61rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.army-loadout-head strong{color:#eff8ff;font-size:.87rem}.army-loadout-head>span{max-width:340px;color:var(--muted);font-size:.69rem;line-height:1.35;text-align:right}.army-battle-bar{min-width:0;display:flex;gap:7px;padding:8px;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid rgba(138,185,218,.21);border-radius:13px;background:linear-gradient(180deg,#233c4fb8,#0b1b29e0);scrollbar-width:none}.army-battle-bar::-webkit-scrollbar{display:none}.army-loadout-slot{position:relative;width:66px;min-width:66px;max-width:82px;flex:1 0 66px;height:104px;min-height:104px;display:grid;grid-template-rows:1fr auto auto;place-items:center;align-content:center;gap:2px;padding:11px 6px 7px;overflow:hidden;border:1px solid rgba(126,199,255,.34);border-radius:11px;color:#eaf8ff;background:linear-gradient(160deg,#1c4966f2,#091c2dfa);box-shadow:inset 0 1px #ffffff0f;text-align:center}button.army-loadout-slot{cursor:pointer}.army-loadout-slot .army-slot-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#a6e3ff;background:#7ec7ff1f}.army-loadout-slot strong{max-width:100%;overflow:hidden;color:#f5fbff;font-size:.68rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.army-loadout-slot small{color:#8ba5b9;font-size:.55rem;white-space:nowrap}.army-slot-qty,.army-slot-status{position:absolute;z-index:2;top:5px;right:5px;min-width:24px;height:20px;min-height:20px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 5px;border:1px solid rgba(255,255,255,.34);border-radius:999px;color:#fff;background:#040d17d1;font-size:.61rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.army-slot-qty,.army-slot-status,.army-slot-status svg{vertical-align:middle}.army-slot-status svg{display:block;flex:0 0 auto}.army-slot-ability{position:absolute;z-index:2;top:5px;left:5px;width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(255,214,102,.72);border-radius:999px;color:#fff2a8;background:#744908e6;box-shadow:0 0 0 2px #ffc43a1a}.army-slot-ability svg{display:block}.army-loadout-slot.has-ability{border-color:#ffd25bb8;box-shadow:inset 0 1px #ffffff14,0 0 0 2px #ffc43a14}.army-loadout-slot.has-ability small{color:#ffe48f;font-weight:800}.army-loadout-slot.hero{border-color:#b17dff75;background:linear-gradient(160deg,#522f7df0,#191535fa)}.army-loadout-slot.hero .army-slot-icon{color:#ddc4ff;background:#b17dff24}.army-loadout-slot.siege{border-color:#ffa6587a;background:linear-gradient(160deg,#763d1df0,#2d1914fa)}.army-loadout-slot.siege .army-slot-icon{color:#ffc083;background:#ffa65824}.army-loadout-slot.spell{border-color:#67e5a675;background:linear-gradient(160deg,#216954f0,#0d2b29fa)}.army-loadout-slot.spell .army-slot-icon{color:#91f1c7;background:#67e5a624}.army-loadout-slot.is-off{opacity:.5;filter:saturate(.45);border-style:dashed;background:#0e1a27e6}.army-loadout-slot.is-off:hover{opacity:.82;filter:saturate(.8);border-color:#7ec7ffa6}.army-loadout-slot.active:hover{transform:translateY(-1px);filter:brightness(1.1)}.army-loadout-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#91a9bc;font-size:.62rem}.army-loadout-legend span{display:inline-flex;align-items:center;gap:5px}.army-loadout-legend i{width:7px;height:7px;border-radius:50%;background:#6bc3ff}.army-loadout-legend i.hero{background:#b17dff}.army-loadout-legend i.siege{background:#ffa658}.army-loadout-legend i.spell{background:#67e5a6}.army-toggle-row{grid-column:1 / -1;display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:2px}.toggle-with-info{display:inline-flex;align-items:center;gap:4px}.toggle-info-dot{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(245,158,11,.55);color:#d97706;background:#f59e0b1a;cursor:help}.attack-toggle-row{grid-column:1 / -1;display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.window-toggle-row{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.setup-option-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.setup-option-row .toggle-pill,.setup-option-row .toggle-pill-body{width:100%;min-width:0}.setup-option-row .toggle-pill-body{justify-content:center;padding-inline:6px;white-space:nowrap}.request-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px}.request-mode-grid>button{min-height:var(--cfg-btn-h);padding:4px 10px;border:1px solid #3b5876;border-radius:var(--radius-sm);background:#10243880;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.78rem}.request-mode-grid>button.active{border-color:#7ad6ffb3;background:#2d639673;color:#f1fbff}.heroes-selector{grid-column:1 / -1;display:grid;gap:6px}.heroes-selector-label{font-size:.78rem;color:var(--muted)}.heroes-selector-row{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.heroes-selector-row>button{min-width:34px;min-height:var(--cfg-btn-h);padding:4px 10px;border:1px solid #34546f;border-radius:var(--radius-sm);background:#142d4273;color:var(--text-soft);font-weight:700}.heroes-selector-row>button.active{border-color:#7ad6ffb3;background:#2d639673;color:#f1fbff}.chk{display:inline-flex;align-items:center;gap:6px;min-height:var(--control-h)}.window-row-list{display:grid;gap:6px}.window-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.window-row>button{min-height:var(--cfg-btn-h);min-width:var(--cfg-btn-h);width:var(--cfg-btn-h);padding:0}.unit-wrap{border:1px solid rgba(126,199,255,.18);border-radius:13px;padding:11px;display:grid;gap:8px;background:#06142194}.section-head.mini{margin-bottom:6px}.unit-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:6px;min-width:0}.unit-index-chip{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 6px;border:1px solid #34546f;border-radius:var(--radius-sm);background:#142d428c;color:var(--text-soft);white-space:nowrap}.unit-multiplier{color:var(--muted);font-size:.82rem;font-weight:700}.unit-qty-input{width:52px;text-align:center;font-variant-numeric:tabular-nums}.unit-qty-controls{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.unit-qty-buttons{display:inline-flex;align-items:center;gap:4px}.unit-qty-btn{min-height:26px;min-width:34px;padding:0 6px;font-size:.78rem}.unit-row .toggle-pill.compact .toggle-pill-body{min-height:28px;padding:3px 6px;gap:4px;white-space:nowrap}.unit-remove-btn{min-height:28px;min-width:28px;width:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,120,120,.45);background:#ff545424;color:#ffc9c9}.unit-remove-btn:hover{background:#ff545438}.attack-choreography{grid-column:1 / -1;border:1px solid rgba(107,195,255,.28);border-radius:var(--radius-md);background:radial-gradient(circle at 8% 0%,rgba(70,155,230,.14),transparent 34%),linear-gradient(145deg,#0a1b2bf5,#0c2235d1);padding:14px;display:grid;gap:14px;box-shadow:inset 0 1px #ffffff09}.attack-choreography-head,.choreography-panel-title,.hero-ability-name{display:flex;align-items:center;gap:9px}.attack-choreography-head{justify-content:space-between;align-items:flex-start}.attack-choreography-head>div{display:grid;gap:3px}.attack-choreography .eyebrow{color:#7ed3ff;font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.attack-choreography-head strong{font-size:1rem}.attack-choreography-head p,.choreography-note{margin:0;color:var(--muted);font-size:.76rem}.choreography-reset{min-height:30px;padding:4px 9px;display:inline-flex;align-items:center;gap:5px;font-size:.74rem}.choreography-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:10px}.choreography-panel{border:1px solid rgba(122,174,215,.18);border-radius:var(--radius-sm);background:#05111c7a;padding:10px;display:grid;align-content:start;gap:9px;min-width:0}.choreography-panel-title{color:#bfe8ff}.choreography-panel-title>div{display:grid;gap:1px}.choreography-panel-title strong{font-size:.82rem}.choreography-panel-title span{color:var(--muted);font-size:.68rem}.deployment-sequence,.hero-ability-list{display:grid;gap:6px}.deployment-step{min-height:43px;display:grid;grid-template-columns:24px 30px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid rgba(116,159,194,.16);border-radius:9px;background:#ffffff09;padding:5px 6px}.deployment-step-number{color:#7293ad;font-size:.7rem;font-weight:800;text-align:center}.deployment-step-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#a9dcff;background:#48a4e121}.deployment-step-icon.hero{color:#ffd76f;background:#ebb53721}.deployment-step-icon.spells{color:#c7a8ff;background:#9d69e624}.deployment-step>div:nth-child(3),.hero-ability-name span{display:grid;gap:1px;min-width:0}.deployment-step strong,.hero-ability-name strong{font-size:.76rem}.deployment-step small,.hero-ability-name small{color:var(--muted);font-size:.65rem}.deployment-step-actions{display:inline-flex;gap:3px}.deployment-step-actions button{width:27px;min-width:27px;min-height:27px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:7px}.hero-ability-row{min-height:48px;display:grid;grid-template-columns:minmax(105px,1fr) auto;align-items:center;gap:7px;border:1px solid rgba(116,159,194,.16);border-radius:9px;background:#ffffff08;padding:6px 7px}.hero-ability-row.enabled{grid-template-columns:minmax(105px,1fr) auto 58px;border-color:#f4c44a52;background:#f4c44a0e}.hero-ability-name{color:#f3ce6d}.ability-delay{position:relative;display:flex;align-items:center}.ability-delay input{width:58px;height:30px;padding:3px 20px 3px 6px;text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ability-delay input::-webkit-inner-spin-button,.ability-delay input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.ability-delay span{position:absolute;right:7px;color:var(--muted);font-size:.7rem;pointer-events:none}.choreography-note{display:flex;align-items:flex-start;gap:5px}.multi-account-remote-guide{display:grid;gap:9px;padding:12px;border:1px solid rgba(54,179,255,.28);border-radius:12px;background:#36b3ff14}.multi-account-remote-guide-head{display:flex;align-items:flex-start;gap:8px;color:#bfe8ff}.multi-account-remote-guide-head>div{display:grid;gap:2px}.multi-account-remote-guide-head span,.multi-account-remote-guide li{color:var(--muted);font-size:.74rem;line-height:1.45}.multi-account-remote-guide ol{margin:0;padding-left:22px;display:grid;gap:4px}.profile-list{display:grid;gap:var(--space-2)}.profile-item{border:1px solid #2a4f70;border-radius:var(--radius-sm);background:#0b1e2f99;padding:var(--space-2);display:flex;justify-content:space-between;gap:var(--space-2);align-items:center}.small{font-size:var(--font-caption)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.app-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.app-stats-panel{display:grid;gap:.75rem}.app-stats-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.app-stats-hero-item{border:1px solid rgba(107,195,255,.32);border-radius:var(--radius-md);background:linear-gradient(180deg,#152a3fc7,#0a1624c7);padding:.55rem .65rem;display:grid;gap:.2rem}.app-stats-hero-label{font-size:.68rem;color:#b8cde6;text-transform:uppercase;letter-spacing:.04em}.app-stats-hero-value{font-size:.96rem;font-weight:800;color:var(--text-strong);line-height:1.1;word-break:break-word}.app-stats-prestige-meta{margin-top:.35rem;display:inline-flex;align-items:center;gap:.4rem}.app-stats-prestige-level{font-size:.72rem;color:#d9e8f8}.app-stats-prestige-badge{width:26px;height:26px;object-fit:contain}.app-stats-card{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg,#142436cc,#09131fd6),var(--surface-2);padding:.65rem;min-height:92px;text-align:left}.app-stats-head{display:flex;align-items:center;justify-content:flex-start;gap:.45rem;margin-bottom:.35rem}.app-stats-icon{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border)}.app-stats-icon svg{width:14px;height:14px;display:block}.app-stats-card.gold .app-stats-icon{background:#f5c54229;color:#f5c542}.app-stats-card.elixir .app-stats-icon{background:#8ee8ff29;color:#8ee8ff}.app-stats-card.dark .app-stats-icon{background:#b388ff29;color:#b388ff}.app-stats-card.walls .app-stats-icon{background:#c2d4f229;color:#c2d4f2}.app-stats-card.attack .app-stats-icon{background:#ff8a6529;color:#ff8a65}.app-stats-card.time .app-stats-icon{background:#a7f0c529;color:#a7f0c5}.app-stats-card.user .app-stats-icon{background:#6bc3ff29;color:#6bc3ff}.app-stats-card.prestige .app-stats-icon{background:#f6d27b29;color:#f6d27b}.app-stats-card.instances .app-stats-icon{background:#a37bff29;color:#a37bff}.app-stats-label{font-size:.67rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0}.app-stats-value{font-size:1rem;font-weight:800;color:var(--text-strong);line-height:1.1;word-break:break-word}.app-ambassador-panel{border:1px solid rgba(107,195,255,.32);border-radius:var(--radius-md);background:linear-gradient(180deg,#132234d9,#0a1421e0);padding:.75rem;display:grid;gap:.55rem}.app-ambassador-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.app-ambassador-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.app-ambassador-link-row{display:flex;gap:.5rem;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.app-ambassador-link-row input{flex:1;min-width:0}.app-ambassador-link-row button{white-space:nowrap}.app-trial-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);border-radius:16px;padding:10px 12px;border:1px solid var(--border)}.app-trial-banner.is-active{background:linear-gradient(135deg,#ffc4542e,#ff7b481f);border-color:#ffc45459}.app-trial-banner.is-expired{background:linear-gradient(135deg,#ff6b6b29,#ff9f431a);border-color:#ff6b6b59}.app-trial-banner-main{display:flex;flex-direction:column;gap:2px;min-width:0}.app-trial-banner-main strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.app-trial-banner-main span{font-size:13px;color:var(--text)}.app-trial-banner-cta{flex:0 0 auto;border:0;border-radius:999px;padding:8px 12px;font-weight:700;background:#ffffffe6;color:#182033}.app-ambassador-link-row.is-highlighted{padding:.45rem;border:1px solid rgba(245,194,73,.72);border-radius:14px;background:linear-gradient(135deg,#f5c24929,#ffdf8014);box-shadow:0 0 0 1px #ffd6662e,0 12px 30px #c991203d;transform:translateY(-1px);animation:ambassadorCopyGlow 1.2s ease-in-out 2}.app-ambassador-link-row.is-highlighted input{border-color:#f5c24994;background:#1f1909db}.app-ambassador-link-row.is-highlighted button{border-color:#ffdc78db;background:linear-gradient(135deg,#ffd86b,#d89b1d);color:#241704;font-weight:700;box-shadow:0 10px 24px #c48f1e47}@keyframes ambassadorCopyGlow{0%,to{box-shadow:0 0 0 1px #ffd6662e,0 12px 30px #c991203d}50%{box-shadow:0 0 0 2px #ffdf8059,0 16px 36px #d6a23057}}.app-ambassador-progress{height:8px;border-radius:999px;background:#5f80a747;overflow:hidden}.app-ambassador-progress-fill{height:100%;background:linear-gradient(90deg,#31c48d,#3b82f6)}.app-ambassador-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.app-ambassador-reward-card{border:1px solid rgba(107,195,255,.25);border-radius:10px;background:#081828a6;padding:.5rem;display:grid;gap:.2rem}.app-ambassador-reward-card strong{font-size:.88rem;line-height:1.1}.app-ambassador-reward-card span{color:var(--muted);font-size:.72rem}.stat{border:1px solid #2a4f70;border-radius:var(--radius-sm);background:#0b1e2f99;padding:var(--space-2);display:grid;gap:var(--space-1)}.stat span{font-size:var(--font-caption);color:var(--muted)}#app-shop-paypal{margin-bottom:.65rem}.app-shop-checkout{width:100%;min-height:var(--control-h);font-weight:800}.app-profile-panel{display:grid;gap:.75rem}.app-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.app-profile-card,.app-profile-section{border:1px solid rgba(107,195,255,.24);border-radius:var(--radius-md);background:#0a1726c7;padding:.75rem}.app-profile-card{display:grid;gap:.3rem}.app-profile-card strong{font-size:1rem;line-height:1.2}.app-profile-label{color:var(--muted);font-size:var(--font-caption)}.app-profile-section{display:grid;gap:.6rem}.app-profile-section-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.app-profile-subscriptions{display:grid;gap:.5rem}.app-profile-subscription-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;border:1px solid rgba(107,195,255,.16);border-radius:10px;background:#ffffff08;padding:.6rem .7rem}.app-profile-actions{display:flex;justify-content:stretch}.app-profile-actions .app-shop-checkout{text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.bottom-nav{position:relative;z-index:10;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:var(--space-2);padding:10px var(--space-3) calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0a1522d1,#070f18f5);border-top:1px solid #2c4e6d}.bottom-nav button{min-height:var(--control-h);font-weight:700;align-self:end}.bottom-nav button.active{border-color:#8ecbff;background:#4ea0e040}.bottom-nav .middle-cta{min-height:60px;font-size:.95rem}.bottom-nav-middle{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;justify-self:stretch}.bottom-nav-middle .middle-cta{width:100%}.app-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#040a10a8;display:grid;justify-items:center;align-content:start;padding:var(--space-4);overflow-y:auto;overflow-x:hidden}.app-modal{width:min(920px,100%);max-height:calc(100dvh - 110px);overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:#07111cf5;padding:var(--space-3);box-shadow:var(--shadow-md)}.app-modal-store{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.app-modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.app-modal-close{min-height:var(--control-h-compact);width:var(--control-h-compact);min-width:var(--control-h-compact);padding:0}.ad-gate-backdrop{z-index:1900}.ad-gate-modal{width:min(760px,100%)}.ad-gate-media-wrap{margin:10px 0}.ad-gate-media{width:100%;max-height:380px;border-radius:var(--radius-md);object-fit:contain;background:#0b111b}.ad-gate-html{max-height:380px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);padding:10px;background:#fff;color:#0f172a}.mini-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1700;background:#03080eb8;display:grid;place-items:center;padding:var(--space-3)}.mini-modal{width:min(460px,100%);border:1px solid var(--border);border-radius:var(--radius-md);background:#07111cfa;padding:var(--space-3);display:grid;gap:var(--space-2);box-shadow:var(--shadow-md)}.mini-modal-lg{width:min(760px,100%);max-height:72dvh;overflow:auto}.start-confirmation-backdrop{z-index:2200}.start-confirmation-modal{width:min(780px,100%);max-height:calc(100dvh - 24px);overflow:auto;gap:14px;padding:18px;border-color:#63e6b647;background:radial-gradient(circle at 8% 0%,rgba(99,230,182,.11),transparent 34%),#07111cfc}.start-confirmation-heading{min-width:0;display:flex;align-items:center;gap:10px}.start-confirmation-heading .h3{margin:1px 0 0}.start-confirmation-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,192,92,.35);border-radius:11px;color:#ffd27d;background:#ffb2561a}.start-confirmation-intro{margin:-4px 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}.start-confirmation-content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px}.start-confirmation-checklist,.start-confirmation-summary{min-width:0;padding:13px;border:1px solid rgba(126,199,255,.16);border-radius:13px;background:#05121ead}.start-confirmation-checklist h4,.start-confirmation-summary h4{margin:0 0 10px;color:#eef9ff;font-size:.78rem}.start-confirmation-checklist{display:grid;align-content:start;gap:8px}.start-confirmation-check{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;color:#d8edf5;font-size:.75rem;line-height:1.35}.start-confirmation-check svg{color:#63e6b6}.start-confirmation-summary dl{display:grid;gap:0;margin:0}.start-confirmation-summary dl>div{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);gap:10px;padding:7px 0;border-top:1px solid rgba(148,181,213,.1)}.start-confirmation-summary dl>div:first-child{padding-top:0;border-top:0}.start-confirmation-summary dt{color:var(--muted);font-size:.68rem}.start-confirmation-summary dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#effaff;font-size:.72rem;text-align:right}.start-confirmation-hide{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:#c7dce7;font-size:.75rem;cursor:pointer}.start-confirmation-hide input{width:16px;height:16px;accent-color:#63e6b6}.start-confirmation-actions{justify-content:flex-end}.start-confirmation-submit{display:inline-flex;align-items:center;gap:6px;border-color:#63e6b67a;background:#63e6b629}@media (max-width: 680px){.start-confirmation-content{grid-template-columns:minmax(0,1fr)}.start-confirmation-modal{width:100%;max-height:calc(100dvh - 12px);padding:14px;border-radius:16px}.start-confirmation-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:sticky;bottom:-14px;z-index:2;margin:0 -14px -14px;padding:10px 14px 14px;border-top:1px solid rgba(126,199,255,.14);background:linear-gradient(180deg,#07111cdb,#07111cfc 28%)}.start-confirmation-actions>button{width:100%;min-height:46px}}.live-notif-stack{position:fixed;top:var(--space-3);left:50%;transform:translate(-50%);z-index:1800;width:min(92vw,380px);display:grid;gap:var(--space-2)}.live-notif{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px var(--space-3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-md);font-size:.9rem}.live-notif.warning{background:#ffb25629;border-color:#ffb25673;color:#ffe2b2}.live-notif.success{background:#6cde9929;border-color:#6cde9973;color:#c9f5db}@media (max-width: 980px){.cfg-grid{grid-template-columns:1fr}.unit-row{grid-template-columns:auto auto minmax(0,1fr) auto auto}.unit-remove-btn{margin-left:0}.stats-grid{grid-template-columns:1fr 1fr}.service-config-grid{grid-template-columns:1fr}.app-topbar{flex-direction:column;align-items:stretch}.app-topbar-main,.app-topbar-nav{width:100%}.app-top-actions{justify-content:flex-end}.emulator-row{align-items:flex-start}.active-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.page{padding:var(--space-3)}.split,.login-grid{grid-template-columns:1fr}}@media (max-width: 640px){.page-shell:not(.auth-shell){overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.auth-shell,.auth-card{padding:var(--space-3)}.auth-actions{flex-direction:column;align-items:stretch}.app-topbar{padding:var(--space-2) var(--space-3);gap:6px}.app-topbar-main{align-items:center}.app-topbar-nav{width:100%;grid-template-columns:minmax(0,1fr);align-items:stretch}.client-selector-label{width:100%;flex-direction:column;align-items:stretch;gap:6px}.client-selector-label select{width:100%;max-width:100%}.top-active-services-indicator{justify-self:stretch;text-align:center;white-space:normal}.app-brand h1{font-size:1rem}.status-pill{font-size:var(--font-caption);padding:6px var(--space-2)}.logout-icon-btn{width:var(--control-h-compact);min-width:var(--control-h-compact);min-height:var(--control-h-compact)}.top-action-btn,.install-pwa-btn{min-height:var(--control-h-compact);padding:0 var(--space-2);font-size:var(--font-caption);border-radius:var(--radius-sm)}.app-top-actions{gap:4px}.bottom-nav{gap:6px;padding:var(--space-2) var(--space-2) 10px}.bottom-nav button{min-height:var(--control-h);font-size:.82rem;padding:0 6px}.bottom-nav .middle-cta{min-height:54px;font-size:.84rem}.app-modal-backdrop{padding:6px}.app-modal{width:100%;max-height:calc(100dvh - 72px);border-radius:var(--radius-md);padding:var(--space-2)}.app-modal-head{margin-bottom:8px}.app-modal-head .h3{font-size:1rem;margin-bottom:0}.app-modal .section-head{flex-direction:column;align-items:stretch}.app-modal .service-config-header{flex-direction:row;align-items:center}.app-modal .actions{width:100%;flex-wrap:wrap}.app-modal .service-config-header .actions{margin-left:auto;width:auto;flex-wrap:nowrap}.app-modal .actions>*{flex:1 1 auto;min-width:120px}.app-modal .service-config-header .actions>*{flex:0 0 auto;min-width:auto}.service-select-grid{grid-template-columns:1fr}.service-modal-grid{max-height:45vh}.app-stats-hero{grid-template-columns:1fr}.profile-item{flex-direction:column;align-items:stretch}.unit-row{align-items:center;grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:4px}.unit-remove-btn{margin-left:0;width:28px}.unit-index-chip{min-width:44px;padding:3px 5px}.unit-qty-input{width:48px}.emulator-row{flex-direction:column;align-items:stretch;gap:10px}.emulator-actions{justify-content:flex-end}.active-services-grid{grid-template-columns:1fr}.dashboard-active-services-wrap .active-services-grid.mini{grid-template-columns:minmax(0,1fr)}}@media (max-width: 420px){.page{padding:var(--space-2)}.app-stats-grid{grid-template-columns:1fr}.app-stats-card{min-height:82px}.app-ambassador-grid,.app-profile-grid{grid-template-columns:1fr}.app-profile-subscription-row{flex-direction:column;align-items:stretch}.app-ambassador-link-row{flex-direction:column}.app-ambassador-link-row button{width:100%}.app-ambassador-reward-grid{grid-template-columns:1fr}.service-config-title{font-size:.8rem}.service-select-grid,.active-services-grid,.dashboard-active-services-wrap .active-services-grid.mini{grid-template-columns:1fr}}.service-config-header{flex-direction:row;align-items:center}.service-config-header .actions{margin-left:auto;width:auto}.service-config-header .actions>*{flex:0 0 auto;min-width:auto}@media (max-width: 760px){.choreography-grid{grid-template-columns:1fr}.attack-choreography-head{align-items:stretch}.hero-ability-row{grid-template-columns:minmax(100px,1fr) auto}.hero-ability-row.enabled{grid-template-columns:minmax(100px,1fr) auto 58px}}.page{max-width:1240px}.dashboard-active-services-wrap{grid-template-rows:auto minmax(0,1fr)}.eyebrow{display:block;color:#6ee7c4;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.active-services-filter-wrap{padding:.65rem .8rem;background:#06101c75}.services-section-heading{display:grid;gap:1px;min-width:150px}.services-section-heading strong{font-size:.94rem}.services-section-heading small{color:var(--muted);font-size:.67rem}.dashboard-active-services{padding:0;border:0;border-radius:18px;background:transparent}.active-services-grid.single-instance:not(.mini){grid-template-columns:minmax(0,1fr)}.active-services-grid.single-instance:not(.mini) .active-service-card{min-height:190px;padding:18px;border-radius:18px;background:linear-gradient(125deg,#14304af0,#081423f5 64%),var(--surface-2)}.active-services-grid.single-instance:not(.mini) .service-icon-wrap{width:46px;height:46px;border-color:#7ec7ff5c;background:#7ec7ff1a}.active-services-grid.single-instance:not(.mini) .active-service-title{font-size:1.05rem}.active-services-grid.single-instance:not(.mini) .active-service-actions{margin-top:auto;justify-content:flex-end}.active-service-history-label{margin-top:2px;color:#7896ae;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.active-service-card.is-stopped .rest-cycle-chip{display:none}.dashboard-empty-state{grid-column:1 / -1;min-height:210px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:28px;border:1px dashed rgba(126,199,255,.3);border-radius:18px;background:#0a1b2d8a}.dashboard-empty-state p{margin:3px 0 0;color:var(--muted)}.dashboard-empty-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#7ee6c7;background:#63e6b61a;border:1px solid rgba(99,230,182,.22)}.app-modal-service-config{width:min(1180px,100%);max-height:calc(100dvh - 32px);padding:14px;overflow:hidden}.app-modal-service-config>.app-modal-head{margin-bottom:10px}.app-modal-service-config .svc-config{height:calc(100dvh - 104px);min-height:520px;padding:0;gap:0;overflow:hidden;border-radius:18px;background:#06101cdb}.app-modal-service-config .service-config-header{min-height:68px;margin:0;padding:12px 16px;border-bottom:1px solid var(--border);background:#0e2033db}.service-config-workspace{min-height:0;display:grid;grid-template-columns:190px minmax(0,1fr) 245px;overflow:hidden}.service-config-sections{min-width:0;display:flex;flex-direction:column;gap:6px;padding:14px 10px;border-right:1px solid var(--border);background:#050e199e}.service-config-sections button{width:100%;min-height:58px;display:grid;grid-template-columns:24px 18px minmax(0,1fr);align-items:center;gap:8px;padding:8px;text-align:left;border-color:transparent;background:transparent;color:#a9bfd4}.service-config-sections button:hover:not(:disabled){background:#7ec7ff12}.service-config-sections button.active{border-color:#63e6b647;background:linear-gradient(90deg,#22a7942b,#3e8cca14);color:#efffff}.service-config-sections button>span:last-child{min-width:0;display:grid;gap:1px}.service-config-sections small{color:#7794ad;font-size:.62rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-config-step{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:#82a3bd;background:#ffffff0d;font-size:.65rem;font-weight:800}.service-config-sections button.active .service-config-step{color:#06271f;background:#6ee7c4}.service-config-main{min-width:0;min-height:0;overflow-y:auto;padding:16px}.service-config-main .service-config-grid{grid-template-columns:minmax(0,1fr)}.service-config-main .service-config-card{padding:16px;border-radius:16px;background:#11253a9e}.service-config-main .service-config-card.army-config-card{grid-template-columns:repeat(2,minmax(0,1fr))}.service-config-footer{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-top:1px solid var(--border);background:#091727f0}.service-config-footer .actions{flex:0 0 auto;margin-left:auto}.service-config-next{border-color:#63e6b67a;background:#21998947}.attack-pattern-designer{display:grid;gap:14px;margin-bottom:14px;padding:16px;border:1px solid rgba(99,230,182,.22);border-radius:16px;background:radial-gradient(circle at 30% 40%,rgba(65,211,176,.08),transparent 42%),#06111eb8}.attack-pattern-intro h5{margin:5px 0 4px;font-size:1rem}.attack-pattern-intro p{margin:0;color:var(--muted);font-size:.78rem}.attack-pattern-layout{display:grid;grid-template-columns:minmax(290px,1.15fr) minmax(220px,.85fr);align-items:center;gap:26px}.attack-diamond-wrap{min-width:0;display:grid;justify-items:center;gap:16px}.attack-diamond{position:relative;width:260px;height:260px;transform:rotate(45deg);border:1px solid rgba(126,199,255,.18);border-radius:24px;background:linear-gradient(135deg,#15354cbd,#081726e0);box-shadow:inset 0 0 40px #040c168c,0 18px 35px #0000002e}.attack-diamond:before{content:"";position:absolute;top:38px;right:38px;bottom:38px;left:38px;border:1px dashed rgba(126,199,255,.22);border-radius:18px}.attack-side-btn{position:absolute;z-index:2;width:132px;min-height:34px;padding:4px 8px;transform:rotate(-45deg);border:1px solid rgba(128,165,197,.36);background:#0a1827ed;color:#91abc2;font-size:.65rem;transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease}.attack-side-btn.active{border-color:#63e6b6d9;background:linear-gradient(135deg,#20a58ff2,#2574b0f2);color:#f4fffc;box-shadow:0 0 0 3px #63e6b61c,0 8px 20px #0a5a5e4d}.attack-diamond .attack-side-btn:not(.active):hover{border-color:#f6be5ce6;background:linear-gradient(135deg,#623f18f5,#332a39f5);color:#ffe1a3;box-shadow:0 0 0 3px #f6be5c1a,0 8px 20px #26170852}.attack-diamond .attack-side-btn.active:hover{border-color:#8ff4d5;background:linear-gradient(135deg,#19b897,#2084c1);color:#fff;box-shadow:0 0 0 4px #63e6b62e,0 9px 23px #08696861}.side-upper-left{top:29px;left:-29px}.side-upper-right{top:29px;right:-29px}.side-lower-left{bottom:29px;left:-29px}.side-lower-right{right:-29px;bottom:29px}.attack-diamond-core{position:absolute;top:86px;right:86px;bottom:86px;left:86px;z-index:1;display:grid;place-items:center;align-content:center;gap:1px;transform:rotate(-45deg);border:1px solid rgba(126,199,255,.28);border-radius:16px;color:#dff8ff;background:#071320e0}.attack-diamond-core strong{font-size:1.1rem}.attack-diamond-core span{color:#7f9ab0;font-size:.58rem;text-transform:uppercase}.attack-preset-row{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.attack-preset-row button{min-height:30px;padding:4px 9px;font-size:.67rem;border-radius:999px;background:#ffffff09}.attack-preset-row button.active{border-color:#63e6b68c;color:#a8f3dc;background:#22a79426}.attack-role-placements{display:grid;gap:10px}.attack-role-card{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid rgba(148,181,213,.2);border-radius:13px;background:#ffffff09}.attack-role-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#6ee7c4;background:#63e6b61a}.attack-role-card label{width:100%;min-width:0;display:grid;gap:5px;color:#cfe0ee;font-size:.72rem}.attack-role-card select{width:100%}.attack-hero-placement-card{align-items:flex-start}.attack-hero-placement{display:grid;flex:1 1 auto;min-width:0;gap:6px;color:#cfe0ee;font-size:.72rem}.attack-hero-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.attack-hero-side-grid label{gap:3px}.attack-hero-side-grid label small{color:#88a5bb;font-size:.62rem}.attack-hero-side-grid select{min-height:32px;padding-block:4px}.attack-pattern-note{display:flex;align-items:flex-start;gap:8px;padding:10px;color:#92afc4;font-size:.7rem;line-height:1.35}.attack-pattern-note svg{flex:0 0 auto;color:#63e6b6}@media (max-width: 900px){.service-config-workspace{grid-template-columns:152px minmax(0,1fr)}.attack-pattern-layout{grid-template-columns:minmax(0,1fr)}.attack-diamond{width:230px;height:230px}.attack-diamond-core{top:76px;right:76px;bottom:76px;left:76px}}@media (max-width: 680px){.dashboard-empty-state{grid-template-columns:auto minmax(0,1fr)}.dashboard-empty-state button{grid-column:1 / -1}.app-modal-service-config{padding:8px}.app-modal-service-config .svc-config{height:calc(100dvh - 86px);min-height:0}.service-config-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.service-config-sections{flex-direction:row;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid var(--border)}.service-config-sections button{width:auto;min-width:118px;min-height:44px;grid-template-columns:22px 16px auto}.service-config-sections small{display:none}.service-config-main{padding:10px}.service-config-main .service-config-card.army-config-card{grid-template-columns:minmax(0,1fr)}.army-config-card>*{grid-column:1 / -1}.service-config-footer{min-height:58px}.service-config-footer>.muted{display:none}.attack-pattern-designer{padding:12px 8px}.attack-diamond{width:198px;height:198px}.attack-side-btn{width:112px;font-size:.58rem}.side-upper-left,.side-upper-right{top:22px}.side-lower-left,.side-lower-right{bottom:22px}.attack-diamond-core{top:65px;right:65px;bottom:65px;left:65px}}.attack-pattern-layout{grid-template-columns:minmax(0,1fr);gap:18px}.attack-diamond-wrap{width:100%;max-width:560px;margin-inline:auto}.attack-diamond{width:360px;height:280px;transform:none;border:0;border-radius:0;background:transparent;box-shadow:none}.attack-diamond:before{content:"";position:absolute;top:39px;right:79px;bottom:39px;left:79px;transform:rotate(45deg);border:1px solid rgba(126,199,255,.3);border-radius:24px;background:linear-gradient(135deg,#15354cc7,#081726e6);box-shadow:inset 0 0 38px #040c1694,0 18px 35px #0000002e}.attack-diamond:after{content:"";position:absolute;top:78px;right:118px;bottom:78px;left:118px;transform:rotate(45deg);border:1px dashed rgba(126,199,255,.23);border-radius:17px}.attack-side-btn{width:138px;min-height:36px;font-size:.66rem}.side-upper-left{top:50px;left:28px;transform:rotate(-38deg)}.side-upper-right{top:50px;right:28px;transform:rotate(38deg)}.side-lower-left{bottom:50px;left:28px;transform:rotate(38deg)}.side-lower-right{right:28px;bottom:50px;transform:rotate(-38deg)}.attack-diamond-core{inset:auto;top:50%;left:50%;width:94px;height:94px;transform:translate(-50%,-50%);border-radius:24px}.attack-preset-row{width:min(100%,500px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.attack-preset-row button{width:100%}.attack-role-placements{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,560px);margin-inline:auto}.attack-pattern-note{grid-column:1 / -1}.stopped-service-summary{width:min(100%,380px);grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 680px){.attack-pattern-layout{gap:14px}.attack-diamond{width:280px;height:230px}.attack-diamond:before{top:36px;right:61px;bottom:36px;left:61px;border-radius:20px}.attack-diamond:after{top:70px;right:95px;bottom:70px;left:95px;border-radius:14px}.attack-side-btn{width:116px;min-height:32px;font-size:.58rem}.side-upper-left{top:42px;left:6px}.side-upper-right{top:42px;right:6px}.side-lower-left{bottom:42px;left:6px}.side-lower-right{right:6px;bottom:42px}.attack-diamond-core{width:78px;height:78px;border-radius:20px}.attack-preset-row{grid-template-columns:repeat(2,minmax(0,1fr))}.attack-role-placements{grid-template-columns:minmax(0,1fr)}.attack-pattern-note{grid-column:1}}.bottom-nav{width:min(660px,calc(100% - 24px));justify-self:center;align-self:end;align-items:stretch;gap:6px;margin:0 auto 10px;padding:6px;border:1px solid rgba(126,199,255,.25);border-radius:20px;background:#07121fe0;box-shadow:0 16px 42px #01081061;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 10px;border:1px solid transparent;border-radius:14px;background:transparent;color:#8ca8bf;font-size:.7rem;font-weight:700;box-shadow:none}.bottom-nav button:hover:not(:disabled){border-color:#7ec7ff33;background:#7ec7ff12;color:#dcefff}.bottom-nav button.active{border-color:#7ec7ff57;background:#4ea0e029;color:#eff8ff}.bottom-nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#ffffff0b}.bottom-nav-middle{justify-content:flex-end;gap:4px}.bottom-nav .middle-cta{min-height:58px;transform:translateY(-5px);border-color:#63e6b680;background:linear-gradient(135deg,#1f9e8bf0,#2574b0f0);color:#f5fffc;box-shadow:0 9px 24px #0f686f47}.bottom-nav .middle-cta .bottom-nav-icon{background:#ffffff1f}.dashboard-empty-state{grid-template-columns:auto minmax(0,1fr)}@media (max-width: 680px){.bottom-nav{width:calc(100% - 12px);margin-bottom:6px;padding:5px;border-radius:17px}.bottom-nav button{min-height:50px;padding:5px 4px;font-size:.66rem}.bottom-nav .middle-cta{min-height:54px;transform:translateY(-3px);font-size:.7rem}.bottom-nav-icon{width:26px;height:26px}}.bottom-nav{width:min(580px,calc(100% - clamp(12px,3vw,32px)));grid-template-columns:minmax(0,1fr) minmax(0,1.16fr) minmax(0,1fr);margin-bottom:clamp(4px,1.2vh,10px);padding:clamp(4px,.7vw,6px)}.bottom-nav button,.bottom-nav .middle-cta{min-width:0;min-height:clamp(46px,7vh,54px);transform:none}.bottom-nav button>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav-icon{width:clamp(24px,3.2vh,28px);height:clamp(24px,3.2vh,28px)}@media (max-height: 700px){.active-services-grid.single-instance:not(.mini) .active-service-card{min-height:150px}.app-modal-backdrop{padding:6px}.app-modal-service-config{max-height:calc(100dvh - 12px);padding:8px}.app-modal-service-config .svc-config{height:calc(100dvh - 88px);min-height:0}.app-modal-service-config .service-config-header{min-height:54px;padding:8px 12px}.service-config-main{padding:10px}.service-config-footer{min-height:52px;padding:6px 10px}.attack-pattern-designer{gap:8px;padding:10px}.attack-pattern-layout{gap:8px}.attack-diamond{width:300px;height:220px}.attack-diamond:before{top:31px;right:70px;bottom:31px;left:70px;border-radius:19px}.attack-diamond:after{top:65px;right:105px;bottom:65px;left:105px;border-radius:13px}.attack-side-btn{width:116px;min-height:30px;font-size:.58rem}.side-upper-left{top:35px;left:17px}.side-upper-right{top:35px;right:17px}.side-lower-left{bottom:35px;left:17px}.side-lower-right{right:17px;bottom:35px}.attack-diamond-core{width:76px;height:76px;border-radius:19px}.attack-preset-row button{min-height:27px;padding-block:3px}.attack-role-card{padding:8px}}.app-modal:not(.app-modal-service-config):not(.ad-gate-modal){width:min(980px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;overflow:auto;border-color:#7ec7ff3d;border-radius:22px;background:radial-gradient(620px 240px at 0 0,rgba(54,179,255,.09),transparent 62%),#06101cfa;box-shadow:0 28px 80px #0000007a}.app-modal:not(.app-modal-service-config):not(.ad-gate-modal)>.app-modal-head{position:sticky;top:0;z-index:5;min-height:68px;margin:0;padding:13px 18px;border-bottom:1px solid rgba(126,199,255,.16);background:#081523eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-modal:not(.app-modal-service-config):not(.ad-gate-modal)>.app-modal-head+*{padding:16px 18px 18px}.app-modal-title{min-width:0;display:grid;gap:2px}.app-modal-title .h3{margin:0;color:#f5faff;font-size:clamp(1rem,2vw,1.22rem);line-height:1.2}.app-modal-eyebrow{color:#6bc3ff;font-size:.63rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.app-modal-close{display:inline-grid;place-items:center;flex:0 0 auto;border-color:#ffffff1f;border-radius:11px;color:#b8cde3;background:#ffffff0b}.app-modal-close:hover{color:#fff;border-color:#7ec7ff61;background:#7ec7ff1a}.modal-intro{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:13px 14px;border:1px solid rgba(99,230,182,.22);border-radius:15px;background:linear-gradient(120deg,#28b2961c,#36b3ff0f)}.modal-intro-icon,.settings-section-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(99,230,182,.26);border-radius:12px;color:#78e5c6;background:#63e6b617}.modal-intro>div:last-child{min-width:0;display:grid;gap:3px}.modal-intro strong{color:#f2fbff;font-size:.9rem}.modal-intro span{color:var(--muted);font-size:.76rem;line-height:1.4}.app-modal-add-service{width:min(1060px,calc(100vw - 32px))!important}.app-modal-add-service .service-cats{width:fit-content;max-width:100%;display:inline-flex;flex-wrap:nowrap;gap:4px;margin:0 0 14px;padding:4px;overflow-x:auto;border:1px solid rgba(126,199,255,.17);border-radius:13px;background:#030d188c}.app-modal-add-service .cat{min-height:34px;flex:0 0 auto;border-color:transparent;border-radius:9px;color:#9eb5ca;background:transparent;box-shadow:none}.app-modal-add-service .cat.active{color:#071521;border-color:#7ec7ffb3;background:linear-gradient(135deg,#75d7be,#6bc3ff);box-shadow:0 6px 18px #36b3ff2e}.app-modal-add-service .service-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible;gap:10px;padding:0}.app-modal-add-service .service-select-card{position:relative;min-height:130px;padding:13px;overflow:hidden;border-color:#7ec7ff2b;border-radius:15px;background:linear-gradient(155deg,#11273adb,#071422e0);transition:border-color .15s ease,transform .15s ease,background .15s ease}.app-modal-add-service .service-select-card:after{content:"→";position:absolute;right:13px;bottom:10px;color:#7ec7ff75;font-size:1rem}.app-modal-add-service .service-select-card:hover:not(:disabled){transform:translateY(-2px);border-color:#63e6b66b;background:linear-gradient(155deg,#18364aeb,#081b2bf0)}.app-modal-add-service .service-select-card .svc-head{justify-content:flex-start;padding:0;background:transparent}.app-modal-add-service .service-select-card .svc-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(126,199,255,.22);border-radius:10px;color:#83d7ff;background:#7ec7ff14}.app-modal-add-service .service-select-card strong{color:#eef8ff;font-size:.84rem;line-height:1.25}.app-modal-add-service .service-select-desc{padding-right:18px;color:#8fa9bf;font-size:.75rem;line-height:1.4}.app-modal-stats,.app-modal-store{width:min(900px,calc(100vw - 32px))!important}.app-stats-panel{gap:12px}.app-stats-hero{gap:9px}.app-stats-hero-item{min-height:98px;align-content:center;padding:13px 14px;border-color:#7ec7ff33;background:radial-gradient(180px 80px at 0 0,rgba(126,199,255,.1),transparent 72%),#091929cc}.app-stats-hero-value{font-size:clamp(1rem,2.2vw,1.35rem)}.app-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.app-stats-card{min-height:104px;display:grid;align-content:space-between;padding:13px;border-color:#7ec7ff26}.app-stats-icon{width:30px;height:30px;border-radius:9px}.app-stats-icon svg{width:16px;height:16px}.app-stats-value{font-size:clamp(1rem,2.2vw,1.28rem)}.app-profile-grid{gap:9px}.app-profile-card,.app-profile-section{border-color:#7ec7ff2b;border-radius:15px;background:linear-gradient(145deg,#0e2234d1,#071320d6)}.app-profile-card{min-height:100px;align-content:center;padding:14px}.app-profile-card strong{color:#f2f8ff;font-size:1.12rem}.app-profile-section{padding:14px}.app-profile-section>.mini-note:only-child,.app-profile-section-head+.mini-note{min-height:78px;display:grid;place-items:center;border:1px dashed rgba(126,199,255,.2);border-radius:12px;color:#86a0b6;background:#020d174d}.app-profile-actions .app-shop-checkout{min-height:46px;border:1px solid rgba(99,230,182,.38);border-radius:13px;color:#061a18;background:linear-gradient(135deg,#78e5c6,#6bc3ff);box-shadow:0 10px 28px #36b3ff29}.app-modal-settings{width:min(780px,calc(100vw - 32px))!important}.settings-panel{display:grid;gap:12px}.settings-section{display:grid;gap:13px;padding:15px;border:1px solid rgba(126,199,255,.17);border-radius:16px;background:#091827b8}.settings-section-head{display:flex;align-items:center;gap:11px}.settings-section-head>div:last-child{min-width:0;display:grid;gap:2px}.settings-section-head strong{color:#f0f8ff;font-size:.87rem}.settings-section-head span{color:var(--muted);font-size:.73rem;line-height:1.35}.settings-section .cfg-grid{gap:10px}.settings-section label{padding:11px;border:1px solid rgba(126,199,255,.12);border-radius:12px;background:#030e1966}.settings-notification-copy{display:grid;gap:4px;padding:0 2px}.settings-notification-copy strong{color:#dcecff;font-size:.78rem}.settings-account-actions{display:flex}.settings-account-actions button{min-height:38px}.settings-footer{position:sticky;bottom:-18px;z-index:3;display:flex;justify-content:flex-end;gap:8px;margin:0 -18px -18px;padding:12px 18px;border-top:1px solid rgba(126,199,255,.14);background:#07121ff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.settings-footer button{min-width:108px}.app-modal-emulators,.app-modal-client-links{width:min(940px,calc(100vw - 32px))!important}.modal-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.modal-summary-strip>div{min-height:66px;display:grid;align-content:center;gap:2px;padding:10px 13px;border:1px solid rgba(126,199,255,.16);border-radius:13px;background:#091c2cad}.modal-summary-strip span{color:var(--muted);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.modal-summary-strip strong{color:#eff9ff;font-size:1.15rem}.emulator-divider{display:flex;align-items:center;gap:8px;border:0}.emulator-divider:after{content:"";height:1px;flex:1;background:#7ec7ff1f}.emulator-row{min-height:58px;padding:9px 11px;border-color:#7ec7ff24;border-radius:13px;background:#071624b8}.app-modal .warning{border-color:#f59e0b52;border-radius:13px;background:#f59e0b14}.app-modal .spinner{border-color:#7ec7ff38;border-top-color:#76d8ff}@media (max-width: 820px){.app-modal-add-service .service-modal-grid,.app-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.app-modal-backdrop{padding:8px}.app-modal:not(.app-modal-service-config):not(.ad-gate-modal){width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px);border-radius:17px}.app-modal:not(.app-modal-service-config):not(.ad-gate-modal)>.app-modal-head{min-height:60px;padding:10px 13px}.app-modal:not(.app-modal-service-config):not(.ad-gate-modal)>.app-modal-head+*{padding:12px 13px 14px}.modal-intro{align-items:flex-start}.app-modal-add-service .service-modal-grid{grid-template-columns:minmax(0,1fr)}.app-modal-add-service .service-select-card{min-height:112px}.app-stats-hero,.app-profile-grid{grid-template-columns:minmax(0,1fr)}.app-stats-hero-item,.app-profile-card{min-height:78px}.app-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-section{padding:12px}.settings-section .cfg-grid{grid-template-columns:minmax(0,1fr)}.settings-footer{bottom:-14px;margin:0 -13px -14px;padding:10px 13px}.settings-footer button{min-width:0;flex:1}.modal-summary-strip>div{min-height:58px;padding:8px 10px}}@media (max-height: 680px) and (min-width: 621px){.app-modal:not(.app-modal-service-config):not(.ad-gate-modal){max-height:calc(100dvh - 16px)}.app-modal:not(.app-modal-service-config):not(.ad-gate-modal)>.app-modal-head{min-height:58px;padding-block:9px}.app-modal:not(.app-modal-service-config):not(.ad-gate-modal)>.app-modal-head+*{padding-top:12px}.modal-intro{padding-block:10px;margin-bottom:10px}.app-modal-add-service .service-select-card{min-height:108px}}@media (max-width: 680px){.logout-icon-btn,.top-action-btn.icon-only,.icon-action-btn,.app-modal-close{min-width:44px;width:44px;min-height:44px;height:44px}.install-pwa-btn,.client-selector-label select{min-height:44px}.app-modal-service-config .service-config-main button,.app-modal-service-config .service-config-main select,.app-modal-service-config .service-config-main input:not([type=checkbox]):not([type=radio]){min-height:44px}.army-loadout-head{align-items:flex-start;flex-direction:column;gap:4px}.army-loadout-head>span{max-width:none;text-align:left}.army-loadout-preview{padding:10px}}@container (max-width: 760px){.army-inline-editor{grid-template-columns:minmax(0,1fr) auto}.army-inline-editor>.unit-remove-btn{grid-column:2;grid-row:1}.army-inline-editor .unit-qty-controls,.army-inline-add{grid-column:1 / -1}.army-inline-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.army-inline-add button{justify-content:center;white-space:normal;text-align:center}.army-compact-summary>span{min-width:58px}}.service-config-workspace.army-focus-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.app-modal-service-config .svc-config{grid-template-rows:auto minmax(0,1fr) auto}.army-focus-workspace .service-config-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px 10px;border-right:0;border-bottom:1px solid var(--border)}.army-focus-workspace .service-config-sections button{min-height:42px;grid-template-columns:22px 16px minmax(0,1fr);padding:6px 9px}.army-focus-workspace .service-config-sections button small{display:none}.army-focus-workspace .service-config-main{padding:12px 14px}.army-focus-workspace .service-config-grid{max-width:none}.army-compact-summary{display:flex!important;align-items:center;justify-content:flex-end;gap:6px!important}.army-compact-summary>span{min-width:70px;display:grid;gap:0;padding:5px 9px;border:1px solid rgba(126,199,255,.16);border-radius:9px;color:#8da7bc;background:#05121e9e;font-size:.57rem;text-align:left}.army-compact-summary strong{color:#eefaff;font-size:.82rem}.army-loadout-slot.selected{border-color:#8ce6ff;box-shadow:0 0 0 3px #6bc3ff29,inset 0 1px #ffffff14}.army-inline-editor{min-width:0;display:grid;grid-template-columns:minmax(130px,1fr) auto auto auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(126,199,255,.22);border-radius:11px;background:#051320b8}.army-inline-editor.spell{border-color:#67e5a640}.army-inline-editor-title{min-width:0;display:flex;align-items:center;gap:8px;color:#8fd7fa}.army-inline-editor.spell .army-inline-editor-title{color:#83e6b9}.army-inline-editor-title>span{min-width:0;display:grid;gap:1px}.army-inline-editor-title strong{color:#eef9ff;font-size:.76rem}.army-inline-editor-title small{color:var(--muted);font-size:.59rem}.army-inline-editor .unit-qty-controls{flex-wrap:nowrap}.army-inline-editor .unit-qty-input{width:46px}.army-inline-add{display:inline-flex;gap:5px}.army-inline-add button{min-height:29px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:.61rem}.attack-choreography.is-collapsed{padding:10px 13px;gap:0}.attack-choreography.is-collapsed .attack-choreography-head{align-items:center}.choreography-head-actions{display:inline-flex;align-items:center;gap:6px}.choreography-toggle{min-height:31px;padding:4px 10px;border-color:#7ec7ff4d;color:#cfeeff;background:#7ec7ff14;font-size:.68rem}@media (max-width: 760px){.army-focus-workspace .service-config-sections{display:flex}.army-focus-workspace .service-config-sections button{min-width:112px}.army-inline-editor{grid-template-columns:minmax(0,1fr) auto}.army-inline-editor .unit-qty-controls,.army-inline-add{grid-column:1 / -1}.army-inline-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.army-inline-add button{justify-content:center}.army-compact-summary>span{min-width:58px}}.service-config-workspace:not(.army-focus-workspace){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr)}.service-config-workspace:not(.army-focus-workspace)>.service-config-sections{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:6px;padding:7px 10px;border-right:0;border-bottom:1px solid var(--border)}.service-config-workspace:not(.army-focus-workspace)>.service-config-sections button{min-height:42px;grid-template-columns:22px 16px minmax(0,1fr);padding:6px 9px}.service-config-workspace:not(.army-focus-workspace)>.service-config-sections button small{display:none}.service-config-workspace:not(.army-focus-workspace)>.service-config-main{grid-column:1 / -1;grid-row:2}.service-config-workspace:not(.army-focus-workspace)>.service-config-summary{grid-column:2;grid-row:1;width:auto;min-width:0;display:flex;align-items:center;gap:8px;padding:7px 10px;overflow:hidden;border-left:1px solid var(--border);border-bottom:1px solid var(--border)}.service-config-workspace:not(.army-focus-workspace)>.service-config-summary>.eyebrow,.service-config-workspace:not(.army-focus-workspace)>.service-config-summary>h5,.service-config-workspace:not(.army-focus-workspace)>.service-config-summary>.service-config-ready{display:none}.service-config-workspace:not(.army-focus-workspace)>.service-config-summary dl{display:flex;align-items:center;gap:0}.service-config-workspace:not(.army-focus-workspace)>.service-config-summary dl>div{min-width:82px;max-width:120px;padding:1px 10px;border-bottom:0;border-left:1px solid rgba(148,181,213,.13)}.service-config-workspace:not(.army-focus-workspace)>.service-config-summary dl>div:first-child{border-left:0}.service-config-workspace:not(.army-focus-workspace)>.service-config-summary dl>div:nth-child(n+4){display:none}.service-config-workspace:not(.army-focus-workspace)>.service-config-summary dt{font-size:.56rem}.service-config-workspace:not(.army-focus-workspace)>.service-config-summary dd{font-size:.69rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-config-main .attack-pattern-layout{grid-template-columns:minmax(430px,1.4fr) minmax(250px,.6fr);align-items:center;gap:20px}.service-config-main .attack-diamond-wrap{max-width:650px}.service-config-main .attack-role-placements{align-self:center;grid-template-columns:minmax(0,1fr)}@media (max-width: 1050px){.service-config-workspace:not(.army-focus-workspace){grid-template-columns:minmax(0,1fr)}.service-config-workspace:not(.army-focus-workspace)>.service-config-sections{grid-column:1}.service-config-workspace:not(.army-focus-workspace)>.service-config-summary{display:none}.service-config-main .attack-pattern-layout{grid-template-columns:minmax(0,1fr)}.service-config-main .attack-role-placements{width:min(100%,650px);grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:auto}.service-config-main .attack-pattern-note{grid-column:1 / -1}}@media (max-width: 680px){.service-config-workspace:not(.army-focus-workspace)>.service-config-sections{display:flex;overflow-x:auto}.service-config-workspace:not(.army-focus-workspace)>.service-config-sections button{min-width:112px}.service-config-main .attack-role-placements{grid-template-columns:minmax(0,1fr)}.service-config-main .attack-pattern-note{grid-column:1}}.service-config-workspace:not(.army-focus-workspace){grid-template-columns:minmax(0,1fr)}.service-config-workspace:not(.army-focus-workspace)>.service-config-sections{grid-column:1 / -1}.service-config-main .service-config-card.attack-config-card{padding:0;border:0;background:transparent}.attack-config-surface{padding:12px;border:1px solid rgba(99,230,182,.22);border-radius:16px;background:radial-gradient(circle at 30% 40%,rgba(65,211,176,.08),transparent 42%),#06111eb8}.attack-config-surface .attack-pattern-designer{gap:8px;margin:0;padding:0;border:0;border-radius:0;background:transparent}.attack-config-surface .attack-pattern-layout{gap:12px}.attack-config-surface .attack-diamond{width:330px;height:240px}.attack-config-surface .attack-diamond:before{top:34px;right:71px;bottom:34px;left:71px}.attack-config-surface .attack-diamond:after{top:68px;right:106px;bottom:68px;left:106px}.attack-config-surface .side-upper-left{top:40px;left:20px}.attack-config-surface .side-upper-right{top:40px;right:20px}.attack-config-surface .side-lower-left{bottom:40px;left:20px}.attack-config-surface .side-lower-right{right:20px;bottom:40px}.attack-settings-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(126,199,255,.14)}.attack-settings-strip .attack-toggle-row{display:contents}.attack-settings-strip .rest-cycle-card{width:auto;min-width:190px;margin:0;padding:6px 8px}.attack-settings-strip .attack-end-chip{display:flex;align-items:center;gap:8px;min-height:34px}.attack-settings-strip .attack-end-chip .rest-cycle-label{white-space:nowrap}.attack-settings-strip .rest-cycle-input-row{max-width:76px}@media (max-width: 1050px),(max-height: 780px){.service-config-main{padding:8px 10px}.attack-config-surface{padding:10px}.attack-config-surface .attack-pattern-intro p{display:none}.attack-config-surface .attack-pattern-layout{grid-template-columns:minmax(380px,1.35fr) minmax(230px,.65fr);gap:10px}.attack-config-surface .attack-diamond{width:300px;height:210px}.attack-config-surface .attack-diamond:before{top:29px;right:66px;bottom:29px;left:66px}.attack-config-surface .attack-diamond:after{top:59px;right:98px;bottom:59px;left:98px}.attack-config-surface .attack-side-btn{width:112px;min-height:29px}.attack-config-surface .side-upper-left{top:33px;left:20px}.attack-config-surface .side-upper-right{top:33px;right:20px}.attack-config-surface .side-lower-left{bottom:33px;left:20px}.attack-config-surface .side-lower-right{right:20px;bottom:33px}.attack-config-surface .attack-diamond-core{width:74px;height:74px}.attack-config-surface .attack-role-card{padding:7px 9px}}@media (max-width: 760px){.attack-config-surface .attack-pattern-layout{grid-template-columns:minmax(0,1fr)}.attack-config-surface .attack-role-placements{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.attack-config-surface .attack-pattern-note{grid-column:1 / -1}}*{scrollbar-width:thin;scrollbar-color:#2f8f99 #091827}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#091827;border-radius:999px}*::-webkit-scrollbar-thumb{min-height:34px;border:2px solid #091827;border-radius:999px;background:linear-gradient(180deg,#3c9ba8,#286b82)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#58c6bb,#338da2)}*::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#6ee6cf,#3ca1ad)}*::-webkit-scrollbar-corner{background:#091827}:root{--theme-accent: #c8ff3d;--theme-accent-rgb: 200, 255, 61;--theme-accent-hover: #dcff82;--theme-accent-text: #eaffb7;--theme-accent-strong: #9bc82d;--bg-1: #080a0b;--bg-2: #0d1112;--card1: #141819;--card2: #0b0e0f;--surface-1: rgba(14, 17, 18, .94);--surface-2: rgba(255, 255, 255, .025);--ink: #f3f5ef;--muted: #899195;--text-strong: #f4f6f0;--text-soft: #c9ceca;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .17);--primary: var(--theme-accent);--primary-soft: rgba(var(--theme-accent-rgb), .1);--success: var(--theme-accent);--focus-ring: 0 0 0 2px rgba(var(--theme-accent-rgb), .27);--radius-sm: 7px;--radius-md: 9px;--radius-lg: 12px;--shadow-sm: 0 8px 24px rgba(0, 0, 0, .28);--shadow-md: 0 20px 52px rgba(0, 0, 0, .46)}:root[data-theme-color=cyan]{--theme-accent: #3de8ff;--theme-accent-rgb: 61, 232, 255;--theme-accent-hover: #86f2ff;--theme-accent-text: #c1f8ff;--theme-accent-strong: #20b9d0}:root[data-theme-color=violet]{--theme-accent: #a987ff;--theme-accent-rgb: 169, 135, 255;--theme-accent-hover: #c5adff;--theme-accent-text: #e1d7ff;--theme-accent-strong: #8060d8}:root[data-theme-color=coral]{--theme-accent: #ff716b;--theme-accent-rgb: 255, 113, 107;--theme-accent-hover: #ff9b96;--theme-accent-text: #ffd0cd;--theme-accent-strong: #d8514c}body{background-color:#080a0b;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(720px 460px at 50% -10%,rgba(var(--theme-accent-rgb),.075),transparent 68%),linear-gradient(180deg,#0b0e0f,#080a0b);background-size:56px 56px,56px 56px,auto,auto}.page-shell:not(.auth-shell){padding-top:10px}.app-console-hero{border-color:#ffffff1c;background:linear-gradient(180deg,#131718f5,#0b0e0ff5);box-shadow:inset 0 1px #ffffff09,0 14px 34px #0000003d}.app-topbar{border-radius:10px}.app-brand{gap:10px}.app-logo{width:33px;height:33px;padding:5px;border-radius:7px 7px 11px;background:var(--theme-accent);filter:saturate(.72) contrast(1.08)}.app-brand h1{font-weight:900;letter-spacing:.07em;text-transform:uppercase}.app-version-badge{border-color:rgba(var(--theme-accent-rgb),.25);border-radius:5px;color:#b9c590;background:rgba(var(--theme-accent-rgb),.06);font-family:Consolas,monospace}.top-active-services-indicator{border-color:rgba(var(--theme-accent-rgb),.18);border-radius:6px;background:rgba(var(--theme-accent-rgb),.045);color:#8c948f}.top-active-services-indicator strong{color:var(--theme-accent)}input,select,button,textarea{border-color:var(--border-strong);border-radius:7px;background:#111516}button:hover:not(:disabled){border-color:rgba(var(--theme-accent-rgb),.5);background:rgba(var(--theme-accent-rgb),.075)}input:focus-visible,select:focus-visible,button:focus-visible,textarea:focus-visible{border-color:var(--theme-accent)}input[type=checkbox],input[type=radio]{accent-color:var(--theme-accent)}.link-btn{color:var(--theme-accent)}.active-services-filter-wrap{border-color:#ffffff17;background:#0c0f10e6}.eyebrow,.app-modal-eyebrow{color:var(--theme-accent);font-family:Consolas,monospace}.services-section-heading strong{letter-spacing:-.01em}.active-services-filter-btn.active{border-color:rgba(var(--theme-accent-rgb),.45);color:var(--theme-accent-text);background:rgba(var(--theme-accent-rgb),.1)}.active-service-card,.active-services-grid.single-instance:not(.mini) .active-service-card{overflow:hidden;border-color:#ffffff1a;border-radius:10px;background:linear-gradient(135deg,rgba(var(--theme-accent-rgb),.035),transparent 42%),linear-gradient(180deg,#141819f7,#0a0d0efa);box-shadow:inset 0 1px #ffffff06,0 14px 30px #0003;animation:clashy-service-card-enter .36s cubic-bezier(.2,.8,.2,1) both;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.active-service-card:hover{border-color:rgba(var(--theme-accent-rgb),.2);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff09,0 18px 38px #00000042}.active-service-card.is-starting{border-color:rgba(var(--theme-accent-rgb),.5);box-shadow:0 0 0 1px rgba(var(--theme-accent-rgb),.12) inset}.active-service-card.is-starting:before{content:"";position:absolute;z-index:4;inset:0 auto auto -35%;width:35%;height:1px;background:linear-gradient(90deg,transparent,var(--theme-accent),transparent);box-shadow:0 0 12px rgba(var(--theme-accent-rgb),.55);animation:clashy-service-scan 1.45s ease-in-out infinite}.active-service-head{align-items:center;gap:10px}.active-service-service-identity{display:grid;gap:3px}.active-service-title{color:#f1f4ee;font-size:.98rem;font-weight:800;letter-spacing:-.015em}.active-service-window{color:#788287;font:700 .64rem/1.2 Consolas,monospace}.service-runtime-status{display:inline-flex;align-items:center;gap:7px;min-height:28px;margin-left:8px;padding:0 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#929b9e;background:#ffffff06;font:800 .6rem/1 Consolas,monospace;letter-spacing:.055em;text-transform:uppercase}.service-runtime-orbit{position:relative;width:9px;height:9px;display:grid;place-items:center}.service-runtime-orbit:before,.service-runtime-orbit i{content:"";position:absolute;border-radius:50%}.service-runtime-orbit:before{top:2px;right:2px;bottom:2px;left:2px;background:currentColor;box-shadow:0 0 8px currentColor}.service-runtime-orbit i{top:0;right:0;bottom:0;left:0;border:1px solid currentColor;opacity:.3}.service-runtime-status.running{border-color:rgba(var(--theme-accent-rgb),.22);color:var(--theme-accent);background:rgba(var(--theme-accent-rgb),.055)}.service-runtime-status.running .service-runtime-orbit i{animation:clashy-status-ring 1.8s ease-out infinite}.service-runtime-status.starting{border-color:rgba(var(--theme-accent-rgb),.28);color:var(--theme-accent-text);background:rgba(var(--theme-accent-rgb),.075)}.service-runtime-status.starting .service-runtime-orbit i{border-style:dashed;animation:clashy-status-spin 1.1s linear infinite}.service-runtime-status.paused{border-color:#ffc66b3d;color:#ffc66b;background:#ffc66b0f}.service-runtime-status.stopped{color:#7b8589}.active-service-village-identity{gap:8px;padding:0 0 0 12px;border:0;border-left:1px solid rgba(255,255,255,.1);border-radius:0;background:transparent}.active-service-village-identity>.town-hall-visual{width:48px;height:44px;border:0;border-radius:0;background:transparent}.active-service-village-identity>.town-hall-visual img{width:46px;height:42px}.active-service-village-identity>.town-hall-visual strong{right:-2px;bottom:-2px}.active-service-current-step{display:flex;align-items:center;gap:9px;min-height:34px;margin:1px 0 7px;padding:0 10px;border-left:2px solid var(--theme-accent);border-radius:0 6px 6px 0;color:#d8ddd7;background:linear-gradient(90deg,rgba(var(--theme-accent-rgb),.055),transparent 70%)}.active-service-current-step span{color:var(--theme-accent);font:800 .56rem/1 Consolas,monospace;letter-spacing:.09em;text-transform:uppercase}.active-service-current-step strong{font-size:.76rem}.upgrade-wait-card{border-color:#fabe4b2e;border-radius:8px;background:linear-gradient(110deg,#fabe4b0e,#ffffff03)}.upgrade-wait-icon{border-color:#fabe4b2e;border-radius:8px;color:#f3bd53;background:#fabe4b0e}.upgrade-wait-time strong{color:#f2c66f}.active-service-metrics{gap:7px}.active-service-metric{display:grid;gap:4px;min-height:52px;padding:9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:7px;color:#697378;background:#ffffff05;font:700 .59rem/1.2 Consolas,monospace;letter-spacing:.04em;text-transform:uppercase;animation:clashy-metric-enter .32s ease both}.active-service-metric:nth-child(2){animation-delay:45ms}.active-service-metric:nth-child(3){animation-delay:90ms}.active-service-metric:nth-child(4){animation-delay:135ms}.active-service-metric strong{display:block;color:#eef2eb;font-family:inherit;font-size:.88rem;letter-spacing:0}.active-service-actions{justify-content:flex-end;border-top:1px solid rgba(255,255,255,.065)}.active-service-actions .icon-action-btn{width:34px;min-width:34px;min-height:34px;padding:0;border-radius:7px}.active-service-resources{gap:8px}.resource-row{gap:5px}.resource-row-head{align-items:center;color:#899397;font-size:.67rem}.resource-row-head>span{font-weight:700}.resource-row-head strong{display:inline-flex;align-items:baseline;color:#edf2eb;font:800 .7rem/1 Consolas,monospace;font-variant-numeric:tabular-nums}.resource-capacity{color:#7c8589}.resource-percent{min-width:34px;margin-left:8px;color:#a2aaad;font-size:.58rem;text-align:right}.resource-value{display:inline-block;animation:clashy-resource-number .3s cubic-bezier(.2,.8,.2,1) both}.resource-track{position:relative;height:8px;overflow:hidden;border:1px solid rgba(255,255,255,.045);background:linear-gradient(90deg,transparent 24.8%,rgba(255,255,255,.07) 25%,transparent 25.2%,transparent 49.8%,rgba(255,255,255,.07) 50%,transparent 50.2%,transparent 74.8%,rgba(255,255,255,.07) 75%,transparent 75.2%),#202526;box-shadow:inset 0 1px 2px #00000073}.resource-fill{position:relative;overflow:hidden;transition:width .72s cubic-bezier(.22,.8,.25,1)}.resource-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%);background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.48) 50%,transparent 80%);animation:clashy-resource-glint 3.4s ease-in-out infinite}.resource-fill.gold{box-shadow:0 0 9px #ffc75233}.resource-fill.elixir{box-shadow:0 0 9px #b277ff33}.resource-fill.dark{box-shadow:0 0 9px #abb8d129}@keyframes clashy-resource-glint{0%,58%{transform:translate(-120%);opacity:0}68%{opacity:.8}88%,to{transform:translate(120%);opacity:0}}@keyframes clashy-resource-number{0%{opacity:.35;filter:blur(3px);transform:translateY(2px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.walls-box.walls-box-enhanced{gap:9px;padding:10px;border-color:#ffffff16;border-radius:8px;background:#ffffff03}.walls-progress-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px 12px}.walls-progress-copy{display:grid;gap:3px}.walls-progress-copy>span{color:#778187;font:700 .59rem/1 Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}.walls-progress-copy>strong{color:#f0f3ee;font:800 1.05rem/1 Consolas,monospace}.walls-progress-copy>strong small{color:#737d81;font-size:.68rem}.walls-progress-percent{color:var(--theme-accent);font:800 .76rem/1 Consolas,monospace}.walls-progress-track{grid-column:1 / -1;height:7px;overflow:hidden;border-radius:99px;background:#202526;box-shadow:inset 0 1px 2px #00000073}.walls-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#769c25,var(--theme-accent));box-shadow:0 0 10px rgba(var(--theme-accent-rgb),.25);transition:width .72s cubic-bezier(.22,.8,.25,1)}.walls-box-enhanced .walls-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:7px}.walls-box-enhanced .walls-stat-card{min-height:42px;padding:7px 9px;border:0;border-right:1px solid rgba(255,255,255,.07);border-radius:0;background:transparent}.walls-box-enhanced .walls-stat-card:last-child{border-right:0}.walls-box-enhanced .walls-stat-icon{color:var(--theme-accent)}.walls-box-enhanced .walls-stat-label{color:#778187;font-size:.65rem}.walls-box-enhanced .walls-stat-value{color:#edf1eb;font-family:Consolas,monospace}.walls-box-enhanced .walls-levels{gap:6px;padding:0;border:0;background:transparent}.walls-box-enhanced .walls-levels-title{margin:0;color:#778187;font:700 .58rem/1 Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}.walls-box-enhanced .walls-levels-grid{display:flex;flex-wrap:wrap;gap:6px}.walls-box-enhanced .walls-level-row{min-height:48px;flex:1 1 128px;padding:3px 8px 3px 3px;gap:7px;border-color:#ffffff13;border-radius:7px;background:#ffffff04}.walls-box-enhanced .walls-level-visual{width:44px;height:44px;flex-basis:44px}.walls-box-enhanced .walls-level-copy{display:flex;align-items:baseline;gap:7px}.walls-box-enhanced .walls-level-badge{padding:0;border:0;color:#899397;background:transparent;font:700 .59rem/1 Consolas,monospace;text-transform:uppercase}.walls-box-enhanced .walls-level-count{color:#eff3ed;font:800 .78rem/1 Consolas,monospace}.active-service-card .upgrade-lanes-grid{gap:7px}.active-service-card .upgrade-lane-card{min-height:88px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start;align-content:start;gap:6px;padding:9px;border-color:#ffffff16;border-radius:8px;background:#ffffff04}.active-service-card .upgrade-lane-head{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px}.active-service-card .upgrade-lane-head>strong{color:#edf2eb;font-size:.72rem}.active-service-card .upgrade-lane-icon{width:28px;height:28px;border-radius:6px;color:var(--theme-accent);border-color:rgba(var(--theme-accent-rgb),.16);background:rgba(var(--theme-accent-rgb),.045)}.active-service-card .upgrade-lane-status{padding:4px 6px;border-radius:5px;font:800 .53rem/1 Consolas,monospace;letter-spacing:.05em;text-transform:uppercase}.active-service-card .upgrade-lane-status.detecting{color:#9eb4bf;background:#7ec7ff12}.active-service-card .upgrade-lane-primary,.active-service-card .upgrade-lane-secondary{overflow:visible;text-overflow:clip;white-space:normal}.active-service-card .upgrade-lane-primary{color:#eef2ed;font:800 .72rem/1.25 Consolas,monospace}.active-service-card .upgrade-lane-secondary{color:#768085;font-size:.61rem;line-height:1.3}.active-service-card .upgrade-lane-card.available{border-color:#63e6b633;background:#63e6b606}.active-service-card .upgrade-lane-card.busy,.active-service-card .upgrade-lane-card.waiting{border-color:#fabe4b2e;background:#fabe4b06}.active-service-card .upgrade-lane-card.detecting{border-color:#7ec7ff24}.active-services-grid.single-instance:not(.mini) .active-service-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.active-services-grid.two-instances:not(.mini){grid-template-columns:repeat(2,minmax(0,1fr))}.active-services-grid.two-instances:not(.mini) .active-service-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}@keyframes clashy-service-card-enter{0%{opacity:0;transform:translateY(7px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes clashy-service-scan{0%{left:-35%;opacity:0}18%{opacity:1}75%,to{left:100%;opacity:0}}@keyframes clashy-status-ring{0%{transform:scale(.55);opacity:.65}75%,to{transform:scale(1.65);opacity:0}}@keyframes clashy-status-spin{to{transform:rotate(360deg)}}@keyframes clashy-metric-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 760px){.active-services-grid.single-instance:not(.mini) .active-service-metrics,.active-services-grid.two-instances:not(.mini) .active-service-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.active-services-grid.two-instances:not(.mini){grid-template-columns:1fr}.service-runtime-status{margin-left:auto}.active-service-village-identity{width:100%;margin-left:0;padding:8px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.1)}}@media (prefers-reduced-motion: reduce){.active-service-card,.active-service-metric,.service-runtime-status .service-runtime-orbit i,.active-service-card.is-starting:before{animation:none!important}.resource-fill:after,.resource-value{animation:none!important}.resource-fill{transition:none!important}.active-service-card:hover{transform:none}}.service-icon-wrap,.active-services-grid.single-instance:not(.mini) .service-icon-wrap{border-color:rgba(var(--theme-accent-rgb),.2);border-radius:7px;color:var(--theme-accent);background:rgba(var(--theme-accent-rgb),.065)}.town-hall-visual{border-color:#ffffff1a;border-radius:9px;background:#ffffff06}.town-hall-visual strong{border-color:rgba(var(--theme-accent-rgb),.36);color:#eaffb6;background:#18200c}.dashboard-empty-state{border-color:rgba(var(--theme-accent-rgb),.2);border-radius:10px;background:#0f1213c7}.bottom-nav{border-color:#ffffff1f;border-radius:12px;background:#0c0f10f0;box-shadow:0 18px 44px #00000080}.bottom-nav button{border-radius:8px;color:#858d90}.bottom-nav button:hover:not(:disabled){border-color:rgba(var(--theme-accent-rgb),.16);color:#f0f3ec;background:rgba(var(--theme-accent-rgb),.045)}.bottom-nav button.active{border-color:rgba(var(--theme-accent-rgb),.25);color:#eaffb5;background:rgba(var(--theme-accent-rgb),.08)}.bottom-nav-icon{border-radius:6px;background:#ffffff09}.bottom-nav .middle-cta{border-color:var(--theme-accent);color:#090b0b;background:var(--theme-accent);box-shadow:0 10px 26px rgba(var(--theme-accent-rgb),.14)}.bottom-nav .middle-cta:hover:not(:disabled){color:#090b0b;background:#d4ff68}.app-modal-backdrop{background:#020303c7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.app-modal,.app-modal:not(.app-modal-service-config):not(.ad-gate-modal),.app-modal-service-config,.army-builder-modal,.studio-config-modal{border-color:#ffffff1f;border-radius:12px;color:#f3f5ef;background:linear-gradient(155deg,#15191a,#090c0d);box-shadow:0 28px 90px #000000a3,inset 0 1px #ffffff09}.app-modal-head,.app-modal:not(.app-modal-service-config):not(.ad-gate-modal)>.app-modal-head,.army-builder-head,.studio-config-modal>header{border-bottom-color:#ffffff17;background:#121617eb}.app-modal-close:hover{border-color:rgba(var(--theme-accent-rgb),.35);color:var(--theme-accent);background:rgba(var(--theme-accent-rgb),.07)}.studio-config-modal-icon{border-color:rgba(var(--theme-accent-rgb),.22);color:var(--theme-accent);background:rgba(var(--theme-accent-rgb),.065)}.service-select-card,.service-config-card,.settings-section,.app-profile-card,.app-profile-section{border-color:#ffffff17;background:#ffffff06}.service-select-card:hover:not(:disabled){border-color:rgba(var(--theme-accent-rgb),.34);background:rgba(var(--theme-accent-rgb),.045)}.service-config-sections button.active{border-color:rgba(var(--theme-accent-rgb),.3);color:#efffc7;background:rgba(var(--theme-accent-rgb),.075)}.service-config-step,.service-config-sections button.active .service-config-step{color:#090b0b;background:var(--theme-accent)}.service-config-next,.service-config-footer .studio-start-ready,.studio-map-start.studio-start-ready,.studio-config-save{border-color:var(--theme-accent)!important;color:#090b0b!important;background:var(--theme-accent)!important;box-shadow:0 8px 20px rgba(var(--theme-accent-rgb),.12)}.auth-card{border-color:#ffffff1f;border-radius:12px;background:linear-gradient(155deg,#141819fa,#090c0dfa);box-shadow:0 28px 80px #00000080}.auth-eye-btn{border-color:rgba(var(--theme-accent-rgb),.2);color:#dfff91;background:rgba(var(--theme-accent-rgb),.05)}.auth-actions button[type=submit]{border-color:var(--theme-accent);color:#090b0b;background:var(--theme-accent);box-shadow:0 8px 20px rgba(var(--theme-accent-rgb),.12)}.auth-actions button[type=submit]:hover:not(:disabled){border-color:#d8ff79;color:#090b0b;background:#d8ff79}.app-trial-banner.is-active{border-color:rgba(var(--theme-accent-rgb),.22);background:rgba(var(--theme-accent-rgb),.055)}.app-trial-banner-cta{border-color:rgba(var(--theme-accent-rgb),.35);color:#dfff91;background:rgba(var(--theme-accent-rgb),.08)}html{color-scheme:dark;scroll-padding-bottom:100px}body{margin:0;min-width:0}.page-shell:not(.auth-shell){width:100%;max-width:1440px;min-width:0;height:auto;min-height:100dvh;overflow:visible;margin:auto;padding:16px 24px 108px;display:block}.page-shell:not(.auth-shell)>.dashboard-active-services-wrap{overflow:visible;min-height:0}.page-shell:not(.auth-shell)>.bottom-nav{display:flex;transform:none;position:fixed;inset:auto 0 0;width:min(100%,760px);height:auto;margin:auto;padding:10px 12px max(10px,env(safe-area-inset-bottom));z-index:60;background:#0e1212f5;border:1px solid var(--border);border-radius:16px 16px 0 0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.page-shell>.app-topbar{width:100%;margin:0 0 18px}.page-shell:not(.auth-shell)>.bottom-nav>button{flex:1 1 0;min-width:0;width:auto}.page-shell:not(.auth-shell)>.bottom-nav>.bottom-nav-middle{flex:1.4 1 0;width:auto;min-width:0}.page-shell:not(.auth-shell)>.bottom-nav .middle-cta{width:100%;min-width:0}@media (min-width:761px){.active-services-grid.single-instance:not(.mini){max-width:760px}}.app-client-selector-label,.app-client-selector-label select{min-width:0;max-width:100%}.active-service-actions{flex-wrap:wrap;gap:8px}.active-service-actions button{min-height:40px;min-width:40px}.active-service-mini-actions{flex-wrap:wrap}.active-service-window,.active-service-title,.removal-service-name{overflow-wrap:anywhere}.danger-action{color:#ff9696;display:inline-flex;align-items:center;justify-content:center;gap:8px}.removal-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:24px;color:var(--ink);background:#111617;border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow-md)}.removal-dialog::backdrop{background:#000a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.removal-dialog h2{margin-top:0;font-size:1.2rem}.removal-dialog p{color:#b5bfc1;line-height:1.6}.removal-dialog .actions{display:flex;justify-content:flex-end;gap:12px}.removal-dialog button{min-height:44px;padding:10px 16px}.app-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;overflow:clip;padding:24px;display:flex;align-items:center;justify-content:center}.app-modal{position:relative;inset:auto;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;width:min(1100px,100%);min-width:0}.app-modal-head{position:sticky;top:0;z-index:5;background:#101516}.app-modal-close{min-height:44px;min-width:44px}:focus-visible{outline:2px solid var(--theme-accent);outline-offset:3px}@media (max-width: 760px){.page-shell:not(.auth-shell){padding:max(12px,env(safe-area-inset-top)) 12px 108px}.app-topbar,.app-topbar-main{flex-wrap:wrap;gap:12px}.app-topbar-summary{width:100%;flex-wrap:wrap}.app-client-selector-label{flex:1}.app-client-selector-label select{width:100%}.active-services-grid,.active-services-grid.single-instance:not(.mini){grid-template-columns:minmax(0,1fr)}.active-service-card{width:100%;min-width:0}.active-service-actions button,.active-mini-icon-btn,.top-action-btn,.icon-action-btn{min-height:44px;min-width:44px}.active-services-filter-row{flex-wrap:wrap;gap:12px}.active-services-filter-actions{flex-wrap:wrap}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px;min-height:44px;max-width:100%}.app-modal-backdrop{padding:0;align-items:stretch}.app-modal,.app-modal.app-modal-service-config{width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:max(16px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.service-config-grid,.service-config-layout,.modal-grid,.grid.two,.store-grid{grid-template-columns:minmax(0,1fr)}.page-shell:not(.auth-shell)>.bottom-nav button{min-height:48px}.page-shell:not(.auth-shell)>.bottom-nav>button{flex:1 1 0;min-width:0;width:auto}.page-shell:not(.auth-shell)>.bottom-nav>.bottom-nav-middle{flex:1.4 1 0;width:auto;min-width:0}.page-shell:not(.auth-shell)>.bottom-nav .middle-cta{width:100%;min-width:0}.app-console-title{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.remote-option{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}.remote-option input{flex:0 0 auto;width:20px;height:20px}.current-service-options{display:grid;gap:12px}.current-service-options fieldset{border:1px solid var(--border);border-radius:8px}.remote-navigation{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.remote-navigation button,.remote-tools-tabs button,.remote-tools-toolbar button{display:flex;align-items:center;gap:8px;min-height:44px}.remote-tools-dialog{width:min(1160px,calc(100vw - 40px));max-height:calc(100dvh - 40px);box-sizing:border-box;padding:24px;border:1px solid var(--border);border-radius:16px;background:#101516;color:var(--ink);overscroll-behavior:contain}.remote-tools-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.remote-tools-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.remote-tools-head h2{margin:0}.remote-tools-head button{min-width:44px;min-height:44px}.remote-tools-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.remote-tools-tabs [aria-pressed=true]{border-color:var(--theme-accent);color:var(--theme-accent);background:var(--primary-soft)}.remote-tools-toolbar{display:flex;align-items:center;gap:12px;margin:12px 0}.remote-villages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}.remote-village,.remote-account{padding:16px;border:1px solid var(--border);border-radius:12px;background:#151b1c;min-width:0}.remote-village{display:grid;gap:12px}.remote-village p,.remote-village h3{margin:0}.remote-village-title{display:flex;align-items:center;gap:12px}.remote-village-title small,.remote-account small{display:block;color:var(--muted);overflow-wrap:anywhere}.remote-village progress{width:100%;accent-color:var(--theme-accent)}.remote-impact{display:flex;flex-wrap:wrap;gap:16px;margin:0}.remote-impact dt{color:var(--muted);font-size:.8rem}.remote-impact dd{margin:0}.remote-account-list{display:grid;gap:12px;margin:16px 0}.remote-account .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.remote-tools-dialog button{min-height:44px}.remote-account-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.remote-confirm{padding:12px;border:1px solid #8e4848;border-radius:8px;margin-top:12px}.remote-confirm button{margin-inline-end:8px}.remote-tools-dialog .army-builder-backdrop{position:static;padding:0;background:transparent}.remote-tools-dialog .army-builder-modal{max-height:none;width:100%}@media (max-width:760px){.remote-tools-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:16px}.remote-tools-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.remote-tools-tabs button{flex-direction:column;font-size:.8rem;padding:8px 4px}.remote-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.remote-navigation button{flex-direction:column;font-size:.75rem;padding:8px 4px}.army-builder-layout{display:flex;flex-direction:column}.army-builder-sidebar,.army-builder-main{width:100%;min-width:0}.army-builder-head{flex-wrap:wrap}}.page-shell>.app-topbar{position:relative;z-index:40}@media (max-width:760px){.app-modal-backdrop>.app-modal{box-sizing:border-box;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}}html,body,#root{height:auto;min-height:100%;max-height:none;overflow:visible}.page-shell:not(.auth-shell){max-height:none;height:auto;min-height:100dvh}.page-shell .dashboard-active-services{max-height:none;height:auto;overflow:visible}html:has(dialog[open]),body:has(dialog[open]){overflow:hidden}.app-modal-backdrop>.app-modal.app-modal-stream{display:flex;flex-direction:column;height:min(760px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);overflow:hidden}.app-modal-stream>.app-modal-head{flex:0 0 auto}.app-modal-stream>.stream-view-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}.stream-view-panel>:not(.stream-preview-wrap){flex:0 0 auto}.stream-view-panel .stream-preview-wrap{flex:1;min-height:100px;aspect-ratio:auto;background:#050808}.stream-view-panel .stream-preview-image{object-fit:contain;background:#050808;-webkit-user-select:none;user-select:none}html:has(.app-modal-stream),body:has(.app-modal-stream){overflow:hidden}@media (max-width:760px),(max-height:500px){.app-modal-backdrop:has(.app-modal-stream){padding:0}.app-modal-backdrop>.app-modal.app-modal-stream{width:100%!important;height:100dvh;max-height:100dvh;border-radius:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}@media (max-height:500px) and (orientation:landscape){.app-modal.app-modal-stream>.app-modal-head{min-height:48px;padding:2px 10px}.app-modal-stream .app-modal-eyebrow,.stream-view-panel .stream-window-name,.stream-view-panel .stream-preview-help{display:none}.app-modal.app-modal-stream>.stream-view-panel{padding:4px 8px 8px}}@media (max-width:760px){.remote-tools-dialog{max-width:100vw;width:100vw;top:0;right:0;bottom:0;left:0}.remote-tools-dialog .army-builder-layout{display:flex;flex-direction:column}.remote-tools-dialog .army-builder-sidebar,.remote-tools-dialog .army-builder-main{width:100%;min-width:0;max-width:none;box-sizing:border-box}.remote-tools-dialog .army-builder-sidebar{max-height:180px;overflow:auto}.remote-tools-dialog .army-builder-head{flex-wrap:wrap}.remote-tools-dialog .army-builder-studio-actions button{min-width:44px}.remote-tools-dialog .army-builder-modal{transform:none;animation:none}.remote-tools-dialog .army-builder-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;padding:0}.remote-tools-dialog .army-attack-plan-modal,.remote-tools-dialog .army-builder-settings-modal,.remote-tools-dialog .army-load-modal{width:100%;max-width:100%;max-height:100dvh;border-radius:0;box-sizing:border-box}.remote-tools-dialog .army-attack-plan-modal{height:100dvh}.remote-tools-dialog .army-plan-step button{min-width:44px}}