*{box-sizing:border-box}body{margin:0}:root{--bg-root:#f4f5f7;--bg-root-rgb:244, 245, 247;--bg-card:#fff;--bg-card-rgb:255, 255, 255;--bg-card-hover:#f9fafb;--bg-input:#fff;--bg-input-rgb:255, 255, 255;--bg-overlay:#fffc;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border-subtle:#0000000f;--border-default:#0000001f;--border-strong:#0003;--accent-main:#0f172a;--accent-main-hover:#334155;--accent-blue:#2563eb;--accent-red:#ef4444;--accent-green:#10b981;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px -2px #0000000d;--shadow-md:0 12px 32px -4px #0000000f;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-float:0 25px 50px -12px #00000040;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--font-heading:"Outfit", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace}[data-theme=dark]{--bg-root:#0b0c0e;--bg-root-rgb:11, 12, 14;--bg-card:#121316;--bg-card-rgb:18, 19, 22;--bg-card-hover:#1a1b1f;--bg-input:#0b0c0e;--bg-input-rgb:11, 12, 14;--bg-overlay:#09090bcc;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-subtle:#ffffff0f;--border-default:#ffffff1f;--border-strong:#fff3;--accent-main:#fff;--accent-main-hover:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#111827;min-height:100vh;transition:background-color .4s,color .4s;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.layout{isolation:isolate;background:linear-gradient(135deg, rgba(var(--bg-root-rgb), .7), rgba(var(--bg-root-rgb), .92));flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.layout:before,.layout:after{content:"";pointer-events:none;position:fixed;inset:0}.layout:before{background-image:var(--app-backdrop);filter:saturate(1.08)contrast(1.03);opacity:.44;z-index:-2;background-position:50%;background-size:cover;transform:scale(1.02)}.layout:after{background:radial-gradient(circle at 15% 10%, #ffffffa8, transparent 34%), linear-gradient(90deg, rgba(var(--bg-root-rgb), .88), rgba(var(--bg-root-rgb), .66) 46%, rgba(var(--bg-root-rgb), .9)), linear-gradient(180deg, rgba(var(--bg-root-rgb), .32), rgba(var(--bg-root-rgb), .84));z-index:-1}[data-theme=dark] .layout:before{opacity:.34;filter:saturate(.95)contrast(1.08)brightness(.72)}[data-theme=dark] .layout:after{background:radial-gradient(circle at 15% 10%, #ffffff14, transparent 34%), linear-gradient(90deg, rgba(var(--bg-root-rgb), .9), rgba(var(--bg-root-rgb), .72) 46%, rgba(var(--bg-root-rgb), .92)), linear-gradient(180deg, rgba(var(--bg-root-rgb), .48), rgba(var(--bg-root-rgb), .9))}.content-wrapper{flex:1;display:flex;position:relative;overflow:hidden}.dashboard-layout{gap:24px;width:100%;max-width:1760px;height:100%;margin:0 auto;padding:28px;display:flex}.dashboard-layout.is-layer-empty{place-items:center;max-width:900px;padding:clamp(32px,7vh,84px) 28px 72px;display:grid}.dashboard-layout.is-layer-empty .config-sidebar{will-change:transform;place-self:center;gap:18px;width:min(620px,100%)}.dashboard-layout.is-layer-empty .config-sidebar .section-header{color:var(--text-primary);justify-content:center;padding-left:0}.dashboard-layout.is-layer-empty .config-sidebar .section-header h2{font-size:18px}.dashboard-layout.is-layer-empty .map-card{background:linear-gradient(180deg, rgba(var(--bg-card-rgb), .86), rgba(var(--bg-card-rgb), .64));justify-content:center;width:100%;min-height:260px;padding:34px;box-shadow:0 34px 90px -58px #0f172ab8,inset 0 1px #ffffffad}.dashboard-layout.is-layer-empty .searchable-select.massive-select .select-trigger{min-height:82px;padding:18px 54px 18px 24px;font-size:20px}.dashboard-layout.is-layer-empty .config-main{display:none}.dashboard-layout.is-layer-selected .config-sidebar,.dashboard-layout.is-layer-selected .config-main,.map-card,.faction-card,.map-image-wrapper{will-change:transform, opacity}.config-sidebar{flex-direction:column;flex-shrink:0;gap:16px;width:clamp(300px,23vw,380px);display:flex}.config-main{flex-direction:column;flex:1;gap:16px;min-width:0;height:100%;display:flex}.custom-select-wrapper,.faction-card>select.standard-select,.bg-select-wrapper>select.standard-select{display:none}.section-header{color:var(--text-secondary);align-items:center;gap:8px;padding-left:4px;display:flex}.section-header h2{font-family:var(--font-heading);margin:0;font-size:16px;font-weight:600}.navbar{background:rgba(var(--bg-card-rgb), .62);z-index:30;-webkit-backdrop-filter:blur(24px)saturate(1.18);border:1px solid #ffffff85;border-radius:18px;flex-shrink:0;justify-content:space-between;align-items:center;height:68px;margin:14px 24px 0;padding:0 18px;display:flex;position:sticky;top:14px;box-shadow:0 22px 58px -42px #0f172ab8,inset 0 1px #ffffffa3}.nav-left{align-items:center;gap:12px;display:flex}.logo-box{background:rgba(var(--bg-card-rgb), .82);width:42px;height:42px;color:var(--text-primary);border:1px solid #ffffff8a;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 12px 28px -20px #0f172ab3,inset 0 1px #ffffff9e}.logo-img{object-fit:cover;width:100%;height:100%;display:block}.nav-titles{align-items:baseline;gap:12px;display:flex}.nav-titles h1{font-family:var(--font-heading);order:1;font-size:18px;font-weight:700;line-height:1}.nav-titles span{display:none}.nav-titles .nav-subtitle{color:var(--text-secondary);border-left:1px solid var(--border-strong);order:2;padding-left:12px;font-size:13px;font-weight:500;display:inline-flex}[data-theme=dark] .navbar{background:rgba(var(--bg-card-rgb), .68);border-color:#ffffff14;box-shadow:0 22px 58px -42px #000000e0,inset 0 1px #ffffff14}.nav-right{align-items:center;gap:8px;display:flex}.icon-btn{border-radius:var(--radius-full);background:rgba(var(--bg-card-rgb), .48);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:1px solid #ffffff6b;justify-content:center;align-items:center;transition:background-color .2s,color .2s,transform .2s,border-color .2s;display:flex}.icon-btn:hover{background:rgba(var(--bg-card-rgb), .82);color:var(--text-primary);border-color:var(--border-default);transform:translateY(-1px)}.icon-btn.active{background:var(--bg-card-hover);color:var(--accent-main)}.card{background:rgba(var(--bg-card-rgb), .72);border-radius:var(--radius-lg);box-shadow:0 24px 70px -54px #0f172a8f, var(--shadow-sm);-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12);border:1px solid #ffffff8f;transition:box-shadow .24s,transform .24s,border-color .24s,background-color .24s}.card:hover{box-shadow:0 28px 78px -50px #0f172aa8, var(--shadow-md);border-color:#ffffffb8;transform:translateY(-1px)}[data-theme=dark] .card{background:rgba(var(--bg-card-rgb), .74);border-color:#ffffff14}.card-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.card-header h2{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:12px;font-size:20px;font-weight:600;display:flex}.map-card{flex-direction:column;gap:20px;padding:24px;display:flex}.custom-select-wrapper{position:relative}select.massive-select{appearance:none;background:rgba(var(--bg-input-rgb), .72);border:2px solid var(--border-default);border-radius:var(--radius-md);width:100%;font-family:var(--font-heading);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-xs);padding:16px 20px;font-size:18px;font-weight:600;transition:border-color .2s,box-shadow .2s,background-color .2s,transform .2s}select.massive-select:focus{border-color:var(--accent-blue);background:rgba(var(--bg-input-rgb), .92);outline:none;box-shadow:0 0 0 4px #2563eb1a}.searchable-select{z-index:20;width:100%;position:relative}.select-trigger{border-radius:var(--radius-md);background:linear-gradient(180deg, rgba(var(--bg-input-rgb), .84), rgba(var(--bg-input-rgb), .64));width:100%;min-height:54px;color:var(--text-primary);font-family:var(--font-heading);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(1.08);backdrop-filter:blur(14px)saturate(1.08);border:1px solid #ffffff9e;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:12px 44px 12px 16px;font-size:15px;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff94,0 14px 32px -28px #0f172a7a}.select-trigger:hover,.searchable-select.is-open .select-trigger{background:rgba(var(--bg-input-rgb), .9);border-color:#2563eb52;box-shadow:0 0 0 4px #2563eb14,0 18px 38px -30px #0f172a8f}.select-value,.select-meta{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.select-value{display:block}.select-value.is-placeholder{color:var(--text-tertiary)}.select-meta{color:var(--text-secondary);font-family:var(--font-body);grid-column:1/-1;margin-top:2px;font-size:12px;font-weight:600;display:block}.select-chevron{color:var(--text-tertiary);transition:transform .2s,color .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)rotate(90deg)}.searchable-select.is-open .select-chevron{color:var(--accent-blue);transform:translateY(-50%)rotate(-90deg)}.select-popover{z-index:80;border:1px solid var(--border-default);border-radius:var(--radius-md);background:rgba(var(--bg-card-rgb), .94);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(22px)saturate(1.1);backdrop-filter:blur(22px)saturate(1.1);transform-origin:50% 0;will-change:transform, opacity;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.select-search-row{border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary);align-items:center;gap:10px;padding:10px 12px;display:flex}.select-search-row input{width:100%;color:var(--text-primary);font-family:var(--font-body);z-index:1;background:0 0;border:0;outline:0;font-size:14px;position:relative}.select-options{max-height:min(340px,42vh);padding:6px;overflow-y:auto}.select-option{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;will-change:transform, opacity;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;transition:background-color .18s,color .18s,transform .18s;display:flex}.select-option:hover,.select-option.is-selected{color:var(--accent-blue);background:#2563eb1a}.select-option:hover{transform:translate(2px)}.select-option small{color:var(--text-secondary);font-size:12px;font-weight:600}.select-empty{text-align:center;color:var(--text-tertiary);padding:28px 12px;font-size:13px}.searchable-select.massive-select .select-trigger{border-width:2px;min-height:62px;padding:14px 48px 14px 20px;font-size:18px}.searchable-select.massive-select .select-value{max-width:100%}.searchable-select.massive-select .select-meta{margin-top:4px;font-size:12px}[data-theme=dark] .select-trigger{border-color:#ffffff17;box-shadow:inset 0 1px #ffffff14,0 14px 32px -28px #000000c7}.map-stats{flex-wrap:wrap;gap:12px;display:flex}.stat-pill{background:rgba(var(--bg-root-rgb), .64);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;padding:6px 16px;font-size:14px;display:inline-flex}.stat-pill span{color:var(--text-secondary);margin-right:8px}.stat-pill strong{color:var(--text-primary);font-weight:600}.alert-box{color:var(--accent-red);border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.map-image-wrapper{aspect-ratio:16/9;border-radius:var(--radius-md);width:100%;box-shadow:0 18px 42px -32px #0f172a8a, var(--shadow-sm);border:1px solid var(--border-subtle);cursor:pointer;position:relative;overflow:hidden}.map-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .4s,opacity .28s}.lazy-image{opacity:0;transition:opacity .28s,transform .4s}.lazy-image.is-loaded{opacity:1}.map-image-wrapper{background:linear-gradient(135deg, rgba(var(--bg-card-rgb), .44), rgba(var(--bg-root-rgb), .28)), repeating-linear-gradient(45deg, #94a3b814 0 10px, transparent 10px 20px)}.map-image-wrapper:hover img{transform:scale(1.035)}.map-overlay{background:linear-gradient(to top, var(--bg-overlay) 0%, transparent 100%);opacity:.1;pointer-events:none;position:absolute;inset:0}.map-hint{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;opacity:0;background:#0009;padding:4px 10px;font-size:12px;font-weight:600;transition:opacity .3s;position:absolute;bottom:12px;right:12px}.map-image-wrapper:hover .map-hint{opacity:1}.map-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.map-modal-content{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.map-modal-img{object-fit:contain;border-radius:var(--radius-md);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:90vw;max-height:90vh;box-shadow:0 0 40px #00000080}.modal-close-btn{color:#fff;cursor:pointer;z-index:110;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:24px;right:24px}.modal-close-btn:hover{background:#fff3;transform:scale(1.1)}.map-modal-hint-bottom{color:#ffffffe6;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:110;background:#0009;padding:8px 16px;font-size:13px;font-weight:500;position:absolute;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.factions-container{flex:1;gap:24px;min-height:0;display:flex;position:relative}.faction-card{background:rgba(var(--bg-card-rgb), .72);--faction-card-accent-rgb:37, 99, 235;--faction-card-deep-rgb:15, 23, 42;--faction-flag-height:clamp(148px, 28%, 214px);--faction-flag-opacity:.9;flex-direction:column;flex:1;gap:20px;min-width:0;height:100%;padding:24px;display:flex;position:relative;overflow:visible}.faction-card.has-faction-bg{background:radial-gradient(120% 70% at 0% 0%, rgba(var(--faction-card-accent-rgb), .46), transparent 58%), linear-gradient(145deg, rgba(var(--faction-card-accent-rgb), .34), rgba(var(--faction-card-deep-rgb), .2) 42%, rgba(var(--bg-card-rgb), .82) 100%);box-shadow:0 18px 42px -28px #0f172a47, var(--shadow-sm);border-color:#0f172a14}.faction-card.has-faction-bg:before,.faction-card.has-faction-bg:after{content:"";pointer-events:none;border-radius:inherit;position:absolute}.faction-card.has-faction-bg:before{height:var(--faction-flag-height);background-image:var(--faction-card-flag);filter:saturate(1.12)contrast(1.04);opacity:0;z-index:0;will-change:opacity, transform;background-position:top;background-repeat:no-repeat;background-size:cover;transition:opacity .58s,transform .72s;top:0;left:0;right:0;transform:translateY(-4px)scale(1.015);-webkit-mask-image:linear-gradient(#000 0% 62%,#000000b8 78%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#000000b8 78%,#0000 100%)}.faction-card.has-faction-bg.is-flag-loaded:before{opacity:var(--faction-flag-opacity);transform:translateY(0)scale(1)}.faction-card.has-faction-bg:after{background:linear-gradient(180deg, rgba(var(--bg-card-rgb), .2) 0%, rgba(var(--bg-card-rgb), .36) 42%, rgba(var(--bg-card-rgb), .82) 100%), radial-gradient(90% 52% at 0% 0%, rgba(var(--faction-card-accent-rgb), .18), transparent 66%), radial-gradient(76% 44% at 100% 100%, rgba(var(--faction-card-deep-rgb), .2), transparent 62%);z-index:0;inset:0}.faction-card>*{z-index:1;position:relative}.factions-container{isolation:isolate}.faction-card:has(.searchable-select.is-open){z-index:40}.faction-card>.searchable-select,.faction-card .bg-select-wrapper,.faction-card .searchable-select.is-open{z-index:90}.faction-card .select-popover{z-index:120}[data-theme=dark] .faction-card.has-faction-bg{background:radial-gradient(120% 70% at 0% 0%, rgba(var(--faction-card-accent-rgb), .34), transparent 58%), linear-gradient(145deg, rgba(var(--faction-card-accent-rgb), .22), rgba(var(--faction-card-deep-rgb), .34) 42%, rgba(var(--bg-card-rgb), .86) 100%);--faction-flag-opacity:.58;border-color:#ffffff14}[data-theme=dark] .faction-card.has-faction-bg:after{background:linear-gradient(180deg, rgba(var(--bg-card-rgb), .28) 0%, rgba(var(--bg-card-rgb), .56) 48%, rgba(var(--bg-card-rgb), .86) 100%), radial-gradient(90% 52% at 0% 0%, rgba(var(--faction-card-accent-rgb), .16), transparent 66%), radial-gradient(76% 44% at 100% 100%, #00000057, transparent 62%)}.faction-card .card-header{justify-content:space-between;margin-bottom:0}.tag-offense,.tag-defense{border-radius:var(--radius-full);letter-spacing:.5px;padding:4px 10px;font-size:12px;font-weight:700}.tag-offense{color:var(--accent-red);background:#ef44441a}.tag-defense{color:var(--accent-blue);background:#2563eb1a}.standard-select{appearance:none;background:rgba(var(--bg-input-rgb), .68);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;padding:14px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s,background-color .2s,transform .2s}.standard-select:focus{border-color:var(--accent-blue);background:rgba(var(--bg-input-rgb), .9);box-shadow:0 0 0 4px #2563eb1a}.faction-details{will-change:transform, opacity;flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.faction-banner{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px)saturate(1.12);backdrop-filter:blur(12px)saturate(1.12);will-change:transform, opacity;background:#ffffff94;border:1px solid #ffffff94;align-items:center;gap:16px;min-height:92px;padding:18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff9e,0 14px 32px -26px #0f172a6b}.faction-banner:after{content:"";z-index:0;pointer-events:none;opacity:.62;background:linear-gradient(110deg,#ffffff85,#0000 38%,#fff3 72%,#0000);position:absolute;inset:0}.faction-banner-content{z-index:2;align-items:center;gap:16px;width:100%;display:flex;position:relative}.faction-banner-content>*{will-change:transform, opacity}.faction-banner-content .faction-flag-img{display:none}.faction-banner-content .faction-badge-img{object-fit:contain;filter:drop-shadow(0 10px 18px #0f172a38);width:72px;height:72px}.faction-banner-content .name{font-family:var(--font-heading);text-shadow:0 2px 10px #ffffff61,0 1px 2px #0f172a2e;font-size:28px;font-weight:800}.faction-unit-name{min-width:0;color:var(--text-primary);flex-direction:column;flex:1;gap:3px;display:flex}.faction-unit-name strong{white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-heading);font-size:17px;font-weight:800;line-height:1.2;display:block;overflow:hidden}.faction-unit-name span{color:var(--text-secondary);font-size:12px;font-weight:700}[data-theme=dark] .faction-banner:after{background:linear-gradient(110deg,#ffffff1f,#0000 38%,#ffffff0f 72%,#0000)}[data-theme=dark] .faction-banner-content .name{color:#f8fafc;text-shadow:0 2px 12px #00000070}[data-theme=dark] .faction-banner{background:#1213169e;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff14,0 14px 32px -26px #0009}.bg-select-wrapper{z-index:8;will-change:transform, opacity;align-items:center;display:flex;position:relative}.bg-select-wrapper .standard-select{padding-left:48px}.bg-select-wrapper .searchable-select{flex:1}.bg-select-wrapper .select-trigger{min-height:64px}.bg-select-wrapper .select-value{font-size:16px}.bg-select-wrapper .select-meta{margin-top:3px;font-size:12px}.vs-badge{background:linear-gradient(145deg, rgba(var(--bg-card-rgb), .94), rgba(var(--bg-card-rgb), .72));-webkit-backdrop-filter:blur(18px)saturate(1.14);backdrop-filter:blur(18px)saturate(1.14);border-radius:var(--radius-full);width:64px;height:64px;color:var(--accent-main);z-index:12;font-family:var(--font-heading);letter-spacing:0;isolation:isolate;-webkit-user-select:none;user-select:none;border:1px solid #ffffffb8;justify-content:center;place-items:center;font-size:18px;font-style:italic;font-weight:900;transition:transform .22s,box-shadow .22s,color .22s,background-color .22s,border-color .22s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 46px -28px #0f172ab3,inset 0 1px #ffffffd1}.vs-badge:before,.vs-badge:after{content:"";pointer-events:none;position:absolute}.vs-badge:before{border-radius:inherit;opacity:.9;z-index:-1;background:radial-gradient(circle,#2563eb29,#0000 58%);border:1px solid #2563eb38;inset:-8px}.vs-badge:after{z-index:-2;background:linear-gradient(90deg,#0000,#0f172a33,#0000);width:96px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .vs-badge{background:linear-gradient(145deg, rgba(var(--bg-card-rgb), .94), rgba(var(--bg-card-rgb), .72));border-color:#ffffff1f;box-shadow:0 22px 46px -28px #000000e6,inset 0 1px #ffffff14}[data-theme=dark] .vs-badge:after{background:linear-gradient(90deg,#0000,#ffffff29,#0000)}.vs-badge:hover{color:var(--accent-blue);border-color:#2563eb5c;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 26px 56px -28px #2563eb94,inset 0 1px #ffffffe6}.vs-badge:active{transform:translate(-50%,-50%)scale(.98)}.assets-panel{background:rgba(var(--bg-root-rgb), .58);border:1px solid var(--border-subtle);border-radius:var(--radius-md);will-change:transform, opacity;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex}.assets-header{will-change:transform, opacity;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.assets-title-row{align-items:center;gap:10px;min-width:0;display:flex}.assets-header h5{min-width:0;font-family:var(--font-heading);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.asset-type-icon{object-fit:contain;opacity:1;filter:none;mix-blend-mode:normal;will-change:transform, opacity;flex:0 0 28px;width:28px;height:28px;-webkit-mask:none;mask:none}.search-wrapper{flex:0 0 180px;width:180px;position:relative}.search-icon{color:var(--text-tertiary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-wrapper input{border:1px solid var(--border-default);border-radius:var(--radius-full);background:rgba(var(--bg-input-rgb), .72);width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;padding:8px 12px 8px 36px;font-size:13px;transition:border-color .2s,box-shadow .2s,background-color .2s}.search-wrapper input:focus{border-color:var(--accent-blue);background:rgba(var(--bg-input-rgb), .9);box-shadow:0 0 0 3px #2563eb1a}.assets-list-wrapper{flex-direction:column;flex:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.asset-card{background:rgba(var(--bg-card-rgb), .7);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform, opacity;align-items:center;padding:12px 16px;transition:transform .2s,border-color .2s,box-shadow .2s,background-color .2s;display:flex}.asset-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);background:rgba(var(--bg-card-rgb), .9);transform:translate(4px)}.asset-count{color:var(--accent-main);background:rgba(var(--bg-card-rgb), .8);border-radius:var(--radius-full);text-align:center;min-width:40px;margin-right:16px;padding:4px 12px;font-size:14px;font-weight:700}.asset-name{flex:1;font-size:14px;font-weight:500}.asset-arrow{color:var(--text-tertiary);opacity:0;transition:opacity .2s,transform .2s,color .2s;transform:translate(-10px)}.asset-card:hover .asset-arrow{opacity:1;color:var(--accent-main);transform:translate(0)}.empty-notice{text-align:center;color:var(--text-tertiary);border:1px dashed var(--border-default);border-radius:var(--radius-md);padding:32px;font-size:14px;font-style:italic}.empty-dashboard{background:rgba(var(--bg-card-rgb), .62);border:1px dashed var(--border-default);border-radius:var(--radius-lg);color:var(--text-tertiary);font-family:var(--font-heading);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.presets-drawer{background:linear-gradient(180deg, rgba(var(--bg-card-rgb), .82), rgba(var(--bg-card-rgb), .68));-webkit-backdrop-filter:blur(26px)saturate(1.16);opacity:0;pointer-events:none;z-index:60;will-change:transform, opacity;border:1px solid #ffffff94;border-radius:18px;flex-direction:column;width:min(420px,100vw - 48px);display:flex;position:fixed;top:96px;bottom:24px;right:24px;overflow:hidden;transform:translate(460px);box-shadow:-18px 28px 78px -48px #0f172ad1,inset 0 1px #ffffff9e}.presets-drawer.is-open{pointer-events:auto}.drawer-inner{flex-direction:column;width:100%;height:100%;display:flex}.drawer-header{background:rgba(var(--bg-card-rgb), .42);will-change:transform, opacity;border-bottom:1px solid #ffffff57;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.drawer-title{align-items:center;gap:12px;min-width:0;display:flex}.drawer-title>div{min-width:0}.drawer-header h3{font-family:var(--font-heading);font-size:18px;font-weight:700;line-height:1.1}.drawer-header span{color:var(--text-secondary);margin-top:4px;font-size:12px;font-weight:700;display:block}.drawer-copy-all{border-radius:var(--radius-sm);color:var(--accent-blue);cursor:pointer;background:#2563eb1a;border:1px solid #2563eb3d;flex:none;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:800;transition:transform .2s,background-color .2s,border-color .2s,opacity .2s;display:inline-flex}.drawer-copy-all:hover:not(:disabled){background:#2563eb29;border-color:#2563eb6b;transform:translateY(-1px)}.drawer-copy-all:disabled{cursor:not-allowed;opacity:.42}.presets-list{flex-direction:column;flex:1;gap:12px;padding:18px;display:flex;overflow-y:auto}.empty-presets{height:200px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.preset-card{background:rgba(var(--bg-input-rgb), .72);border:1px solid var(--border-default);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s}.preset-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);background:rgba(var(--bg-input-rgb), .9);transform:translateY(-1px)}.preset-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.preset-title{font-family:var(--font-heading);color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.4}.preset-time{color:var(--text-secondary);background:rgba(var(--bg-card-rgb), .72);border-radius:var(--radius-full);padding:2px 8px;font-size:11px}.preset-code{font-family:var(--font-mono);color:var(--text-secondary);background:rgba(var(--bg-card-rgb), .72);border-radius:var(--radius-sm);word-break:break-all;border:1px solid var(--border-subtle);margin-bottom:16px;padding:12px;font-size:12px}.preset-actions{gap:8px;display:flex}.action-btn{border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.action-btn:hover{background:rgba(var(--bg-card-rgb), .72);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px)}.action-btn.danger:hover{color:var(--accent-red);border-color:var(--accent-red);background:#ef44440d}.fab-container{pointer-events:none;z-index:50;justify-content:center;display:flex;position:fixed;bottom:24px;left:0;right:0}.fab-content{background:rgba(var(--bg-card-rgb), .72);-webkit-backdrop-filter:blur(26px)saturate(1.16);pointer-events:auto;will-change:transform, opacity;border:1px solid #ffffff8a;border-radius:18px;align-items:center;gap:12px;width:min(980px,100vw - 40px);padding:12px;display:flex;box-shadow:0 28px 70px -44px #0f172ac7,inset 0 1px #ffffff9e}.fab-code{background:linear-gradient(180deg, rgba(var(--bg-input-rgb), .88), rgba(var(--bg-input-rgb), .64));will-change:transform, opacity;border:1px solid #0f172a14;border-radius:14px;flex:1;align-items:center;gap:12px;min-width:0;padding:10px 14px;display:flex;box-shadow:inset 0 1px #ffffff80}.fab-icon{color:var(--accent-blue);flex:none}.fab-code-text{flex-direction:column;gap:3px;min-width:0;display:flex}.fab-code-text span{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.fab-code code{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.25;overflow:hidden}.fab-buttons{flex:none;gap:10px;display:flex}.btn-primary,.btn-secondary{font-family:var(--font-heading);cursor:pointer;will-change:transform, opacity;border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:background-color .2s,transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--accent-main);color:var(--bg-root);box-shadow:0 16px 30px -22px #0f172ae6}[data-theme=dark] .btn-primary{color:#000}.btn-primary:hover{background:var(--accent-main-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:rgba(var(--bg-card-rgb), .72);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:rgba(var(--bg-root-rgb), .78);border-color:var(--border-strong)}.global-toast{background:var(--accent-main);color:var(--bg-root);border-radius:var(--radius-full);box-shadow:var(--shadow-xl);z-index:9999;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;display:flex;position:fixed;top:32px;left:50%;transform:translate(-50%)}[data-theme=dark] .global-toast{color:#000}.asset-manager-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.asset-manager-modal{background:rgba(var(--bg-root-rgb), .86);border-radius:var(--radius-lg);width:100%;max-width:1200px;height:90vh;box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(22px)saturate(1.08);backdrop-filter:blur(22px)saturate(1.08);flex-direction:column;display:flex;overflow:hidden}.asset-manager-header{border-bottom:1px solid var(--border-subtle);background:rgba(var(--bg-card-rgb), .78);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.asset-manager-header h2{font-family:var(--font-heading);color:var(--text-primary);font-size:20px;font-weight:700}.asset-manager-content{flex:1;padding:32px;overflow-y:auto}.asset-instruction{color:var(--accent-blue);border-radius:var(--radius-md);background:#2563eb1a;margin-bottom:32px;padding:16px;font-size:14px}.asset-grid{flex-direction:column;gap:48px;display:flex}.asset-section h3{font-family:var(--font-heading);color:var(--text-primary);border-bottom:2px solid var(--border-subtle);margin-bottom:20px;padding-bottom:12px;font-size:18px;font-weight:600}.asset-items{gap:20px;display:flex}.bg-asset-list{flex-direction:column;gap:16px;display:flex}.bg-asset-row{background:rgba(var(--bg-card-rgb), .72);border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);grid-template-columns:2fr 1fr 1fr;align-items:center;gap:24px;padding:16px 24px;display:grid}.bg-asset-name{font-family:var(--font-heading);color:var(--text-primary);font-size:16px;font-weight:700}.asset-dropzone{background:rgba(var(--bg-card-rgb), .72);border:2px dashed var(--border-strong);border-radius:var(--radius-md);cursor:pointer;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:140px;padding:16px;transition:border-color .2s,transform .2s,background-color .2s,box-shadow .2s;display:flex;position:relative}.asset-dropzone:hover,.asset-dropzone:focus{border-color:var(--accent-blue);background:var(--bg-card-hover)}.asset-dropzone img{object-fit:contain;filter:drop-shadow(0 4px 6px #0000001a);width:100%;height:80px}.asset-label{color:var(--text-primary);text-align:center;font-size:14px;font-weight:600}.paste-hint{color:var(--text-tertiary);opacity:0;font-size:12px;transition:opacity .2s;position:absolute;bottom:8px}.asset-dropzone:hover .paste-hint,.asset-dropzone:focus .paste-hint{opacity:1;color:var(--accent-blue)}@media (width<=1400px){.dashboard-layout{flex-direction:column;height:auto;padding:24px;overflow-y:auto}.config-sidebar{width:100%}.config-main{min-height:800px}.map-image-wrapper{max-width:500px}}@media (width<=1024px){.factions-container{flex-direction:column;gap:16px;height:auto}.faction-card{height:auto;min-height:600px}.vs-badge{margin:16px auto;position:relative;top:auto;left:auto;transform:none}.vs-badge:hover{transform:scale(1.06)}.vs-badge:active{transform:scale(.98)}.fab-container{padding:0 16px;bottom:16px}.fab-content{border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:100%;padding:20px}.fab-code{border-radius:var(--radius-md);width:100%}.fab-buttons{width:100%}.fab-buttons button{flex:1}}@media (width<=768px){.navbar{padding:0 16px}.nav-titles span{display:none}.dashboard-layout{gap:16px;padding:16px}.card{padding:20px}.presets-drawer{z-index:40;max-width:100%;position:absolute;top:0;bottom:0;right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}