: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}