:root{--void:#070a10;--bg:#0e1420;--surface-1:#151d2c;--surface-2:#1d2738;--surface-3:#273349;--line:#2c3a52;--line-soft:#1c2536;--line-strong:#3a4b68;--ink:#eaf1fb;--ink-muted:#93a6c2;--ink-dim:#586985;--text-heading:#eaf1fb;--text-body:#93a6c2;--text-muted:#586985;--blue:#3d9bff;--blue-bright:#6bb6ff;--blue-deep:#1e4e82;--green:#2ee57e;--green-bright:#5bffa1;--green-deep:#15633b;--red:#ff4d4d;--red-bright:#ff7a7a;--red-deep:#8a1f1f;--amber:#ffb020;--amber-bright:#ffd45c;--explosion:#ff9a1f;--amber-wash:#2c2008;--tier-1:#ffd45c;--tier-2:#ffa33f;--tier-3:#ff7036;--tier-4:#ff4d4d;--tier-5:#e0252f;--tier-6:#b3121c;--font-display:"Chakra Petch","Barlow",system-ui,sans-serif;--font-body:"Barlow",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 14px #00000073;--shadow-3:0 16px 40px #0000008c;--glow-blue:0 0 16px #3d9bff8c;--glow-green:0 0 16px #2ee57e8c;--glow-red:0 0 16px #ff4d4d8c;--glow-soft:0 0 8px #6bb6ff59;--text-glow-blue:0 0 14px #3d9bff80;--text-glow-green:0 0 14px #2ee57e80;--text-glow-red:0 0 14px #ff4d4d80;--grad-sky:linear-gradient(180deg,#0e1a2e 0%,#0a111e 55%,#070a10 100%);--grad-scanline:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px);--ease-out:cubic-bezier(.22,1,.36,1);--ease-snap:cubic-bezier(.34,1.56,.64,1);--space-1:4px;--space-2:6px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:22px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--z-base:1;--z-overlay:50;--z-modal:100;--z-toast:200}body{touch-action:none;color:#fff;background-color:#111;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.bp-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--line);z-index:5;background:#0a101ab8;height:42px;padding:0 14px;display:flex;position:relative}.df-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--line);background:#0a101ad1;height:42px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.bp-logo,.df-logo{font-family:var(--font-display);letter-spacing:.14em;color:var(--blue);text-shadow:var(--text-glow-blue);font-size:13px;font-weight:700}.bp-sep{background:var(--line);width:1px;height:16px}.bp-sep.tall{height:18px}.bp-screen-title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text-heading);font-size:12px;font-weight:600}.df-sep{background:var(--line);width:1px;height:16px}.df-screen-title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text-heading);font-size:12px;font-weight:600}.bp-cmdr{border:1px solid var(--line);background:var(--surface-1);border-radius:999px;align-items:center;gap:7px;padding:3px 4px 3px 8px;display:flex}.bp-cmdr-avatar{background:linear-gradient(150deg, var(--blue-bright), var(--blue));color:#04111f;width:22px;height:22px;font-family:var(--font-display);box-shadow:var(--glow-blue);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.bp-cmdr-meta{flex-direction:column;line-height:1;display:flex}.bp-cmdr-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:8px}.bp-cmdr-name{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;max-width:84px;font-size:11px;font-weight:600;overflow:hidden}.bp-cmdr-logout{border:1px solid var(--line);background:var(--surface-2);width:26px;height:26px;color:var(--text-body);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .12s var(--ease-out), border-color .12s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex}.bp-cmdr-logout:hover{color:var(--red);border-color:var(--red)}#defense-hud .bp-cmdr{pointer-events:auto}.bp-modal-scrim{z-index:40;-webkit-backdrop-filter:blur(3px);background:#070a10c7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bp-modal{border:1px solid var(--line-strong);border-top:3px solid var(--red);background:var(--surface-1);width:330px;box-shadow:var(--shadow-3);border-radius:16px;overflow:hidden}.bp-modal-body{padding:18px 20px 16px}.bp-modal-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-heading);font-size:15px;font-weight:700}.bp-modal-text{font-family:var(--font-body);color:var(--text-body);margin-top:7px;font-size:12px;line-height:1.45}.bp-modal-name{color:var(--text-heading);font-weight:600}.bp-modal-actions{gap:var(--space-3);padding:0 20px 18px;display:flex}.bp-toast{z-index:20;background:linear-gradient(180deg,var(--green-bright),var(--green));color:#04130b;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--glow-green),var(--shadow-2);animation:salvo-toast-in .22s var(--ease-snap);border-radius:10px;padding:10px 22px;font-size:13px;font-weight:700;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.cp-toast{z-index:20;background:linear-gradient(180deg,var(--green-bright),var(--green));color:#04130b;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--glow-green),var(--shadow-2);animation:salvo-toast-in .22s var(--ease-snap);border-radius:10px;padding:10px 22px;font-size:13px;font-weight:700;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@keyframes salvo-toast-in{0%{opacity:0;transform:translate(-50%,12px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.bp-btn-ghost{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text-heading);flex:1;font-size:12px}.bp-btn-deploy{letter-spacing:.05em;background:var(--surface-3);color:var(--text-muted);cursor:not-allowed;border:none;flex:1.4;font-size:13px;font-weight:700}.bp-btn-deploy.ready{background:linear-gradient(180deg,var(--green-bright),var(--green));color:#04130b;cursor:pointer;box-shadow:var(--glow-green)}.bp-btn-danger{background:linear-gradient(180deg,var(--red-bright),var(--red));color:#fff;box-shadow:var(--glow-red);border:none;flex:1;font-size:12px;font-weight:700}.lp-cta{width:100%;height:46px;margin-top:var(--space-4);justify-content:center;align-items:center;gap:var(--space-3);font-family:var(--font-display);letter-spacing:.04em;-webkit-tap-highlight-color:transparent;transition:all .14s var(--ease-out);background:var(--surface-3);color:var(--text-muted);cursor:not-allowed;border:none;border-radius:9px;font-size:14px;font-weight:700;display:flex}.lp-cta.ready{background:linear-gradient(180deg,var(--blue-bright),var(--blue));color:#04111f;cursor:pointer;box-shadow:var(--glow-blue)}.lp-cta.ready:hover{filter:brightness(1.08)}.rz-ready{background:linear-gradient(180deg,var(--blue-bright),var(--blue));color:#04111f;width:100%;height:42px;font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;box-shadow:var(--glow-blue);-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;flex:none;font-size:14px;font-weight:700}.rz-ready:disabled{background:var(--surface-3);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.lp-status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:1.6s ease-in-out infinite salvo-caret}.df-alert-dot{background:var(--amber-bright);width:7px;height:7px;box-shadow:0 0 8px var(--amber-bright);border-radius:50%;animation:1.1s ease-in-out infinite salvo-warn}@keyframes salvo-caret{0%,to{opacity:1}50%{opacity:0}}@keyframes salvo-warn{0%,to{opacity:.5}50%{opacity:1}}#app-wrapper{background-color:#1a1a1a;width:100vw;height:100dvh;position:relative;overflow:hidden}#defense-stage{z-index:1;pointer-events:none;background:var(--void);justify-content:center;align-items:center;display:none;position:absolute;inset:0;overflow:hidden}#defense-stage.show{display:flex}#defense-card{transform-origin:50%;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--grad-sky);width:844px;height:390px;box-shadow:var(--shadow-3);pointer-events:auto;flex:none;position:relative;overflow:hidden}#game-container{position:absolute;inset:0}#game-container canvas,canvas{display:block}#ui-layer{z-index:10;pointer-events:none;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.panel{pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;padding:1rem}#attack-ui{pointer-events:auto;background:var(--void);justify-content:center;align-items:center;width:100%;height:100%;display:none;overflow:hidden}#command-card,#command-card *{box-sizing:border-box}#command-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--grad-sky);width:844px;height:390px;box-shadow:var(--shadow-3);font-family:var(--font-body);color:var(--text-heading);-webkit-user-select:none;user-select:none;transform-origin:50%;flex:none;position:relative;overflow:hidden}.cp-main{z-index:4;gap:14px;height:calc(100% - 42px);padding:11px 14px;display:flex;position:relative}.cp-gridcol{gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.cp-grid-head{align-items:baseline;gap:var(--space-3);display:flex}.cp-grid-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--red);text-shadow:var(--text-glow-red);font-size:10px;font-weight:600}.cp-grid-hint{font-family:var(--font-mono);letter-spacing:.04em;font-size:9px}.cp-boardrow{display:flex}.cp-rowlabels{flex-direction:column;width:14px;padding-top:14px;display:flex}.cp-rowlabels span{height:24px;font-family:var(--font-mono);color:var(--text-muted);justify-content:center;align-items:center;font-size:8px;display:flex}.cp-collabels{height:14px;display:flex}.cp-collabels span{text-align:center;width:24px;font-family:var(--font-mono);color:var(--text-muted);font-size:8px;line-height:14px}.cp-board{border:1px solid var(--red-deep);border-radius:var(--radius-sm);background:#1c101066;width:240px;height:240px;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #00000080,0 0 14px #ff4d4d2e}.cp-cells{grid-template-rows:repeat(10,24px);grid-template-columns:repeat(10,24px);display:grid;position:absolute;inset:0}.cp-randbtn{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);height:34px;color:var(--text-heading);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;margin-top:2px;font-size:11px;font-weight:600}.cp-arsenal{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.cp-tabs{background:var(--surface-1);border:1px solid var(--line);border-radius:9px;gap:5px;padding:3px;display:flex}.cp-tab{cursor:pointer;height:30px;font-family:var(--font-display);letter-spacing:.03em;color:var(--text-muted);transition:all .12s var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:7px;flex:1;font-size:11px;font-weight:600}.cp-tab.active{background:var(--surface-3);color:var(--text-heading);box-shadow:var(--shadow-1)}.cp-scroll{flex-direction:column;flex:1;gap:5px;min-height:0;padding-right:3px;display:flex;overflow-y:auto}.cp-pane{flex-direction:column;flex:1;gap:7px;min-height:0;display:flex}.cp-sites{grid-template-columns:1fr 1fr 1fr;gap:5px;display:grid}.cp-alloc-head{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.cp-budget{flex-direction:column;flex-shrink:0;gap:9px;width:176px;display:flex}.cp-donut-panel{align-items:center;gap:var(--space-3);border:1px solid var(--line);background:var(--surface-1);border-radius:12px;flex-direction:column;padding:11px 10px;display:flex}.cp-donut-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:9px;font-weight:600}.cp-donut{width:98px;height:98px;position:relative}.cp-donut-center{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.cp-donut-remaining{font-family:var(--font-mono);font-size:23px;font-weight:700;line-height:1}.cp-donut-sub{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:8px}.cp-donut-stats{justify-content:center;gap:14px;width:100%;display:flex}.cp-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.cp-stat-val{font-family:var(--font-mono);font-size:13px;font-weight:700}.cp-stat-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:8px}.cp-stat-sep{background:var(--line);width:1px}.cp-alloc-prog{border:1px solid var(--line);background:var(--surface-1);border-radius:9px;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.cp-alloc-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:8px}.cp-alloc-val{font-family:var(--font-mono);font-size:12px;font-weight:700}.cp-submit{height:46px;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;background:var(--surface-3);color:var(--text-muted);cursor:not-allowed;border:none;border-radius:10px;margin-top:auto;font-size:13px;font-weight:700}.cp-submit.ready{background:linear-gradient(180deg, var(--red-bright), var(--red));color:#fff;cursor:pointer;box-shadow:var(--glow-red)}@keyframes salvo-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes salvo-sel-pulse{0%,to{box-shadow:0 0 0 1px var(--red-bright), 0 0 10px #ff4d4d80}50%{box-shadow:0 0 0 1px var(--red-bright), 0 0 16px #ff4d4dd9}}#command-card ::-webkit-scrollbar{width:5px}#command-card ::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}#register-ui{pointer-events:auto;background:var(--void);justify-content:center;align-items:center;width:100%;height:100%;display:none;overflow:hidden}#landing-card,#landing-card *{box-sizing:border-box}#landing-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--grad-sky);width:844px;height:390px;box-shadow:var(--shadow-3);font-family:var(--font-body);color:var(--text-heading);-webkit-user-select:none;user-select:none;transform-origin:50%;flex:none;position:relative;overflow:hidden}@keyframes salvo-streak{0%{opacity:0;transform:translate(0)}8%{opacity:1}70%{opacity:1}to{transform:translate(var(--dx), var(--dy));opacity:1}}@keyframes salvo-bloom{0%,72%{opacity:0;transform:scale(0)}80%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes salvo-spin{to{transform:rotate(360deg)}}.lp-grid{pointer-events:none;background-image:linear-gradient(#3a4b681a 1px,#0000 1px),linear-gradient(90deg,#3a4b681a 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.lp-fx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lp-streak{transform-origin:bottom;border-radius:2px;width:2px;position:absolute;top:-40px}.lp-bloom{border-radius:50%;position:absolute}.lp-skyline{opacity:.35;pointer-events:none;justify-content:space-around;align-items:flex-end;height:30px;padding:0 40px;display:flex;position:absolute;bottom:0;left:0;right:0}.lp-bldg{background:var(--blue-deep);border-top:2px solid var(--blue)}.lp-scanline{background:var(--grad-scanline);pointer-events:none;position:absolute;inset:0}.lp-vignette{pointer-events:none;background:radial-gradient(120% 80% at 50% 8%,#0000 40%,#070a108c 100%);position:absolute;inset:0}.lp-content{z-index:3;align-items:center;gap:38px;height:100%;padding:0 46px;display:flex;position:relative}.lp-left{gap:var(--space-5);flex-direction:column;flex:1;min-width:0;display:flex}.lp-phases{gap:var(--space-2);flex-direction:column;max-width:368px;display:flex}.lp-phase{border:1px solid var(--line);background:#151d2c8c;border-radius:10px;align-items:center;gap:11px;padding:7px 12px;display:flex}.lp-phase-num{font-family:var(--font-mono);font-size:13px;font-weight:700;line-height:1}.lp-phase-body{flex-direction:column;gap:1px;min-width:0;display:flex}.lp-phase-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-heading);font-size:11px;font-weight:600}.lp-panel{border:1px solid var(--line-strong);border-top:3px solid var(--blue);-webkit-backdrop-filter:blur(6px);width:312px;box-shadow:var(--glow-blue), var(--shadow-3);background:#101622d1;border-radius:16px;flex-shrink:0;padding:20px 20px 18px;position:relative}.lp-status{align-items:center;gap:var(--space-3);margin-bottom:3px;display:flex}.lp-status-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-size:9px}.lp-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-heading);margin:0 0 6px;font-size:19px;font-weight:700}.lp-field-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:9px;display:block}.lp-input{border:1px solid var(--line-strong);background:var(--surface-1);width:100%;height:44px;color:var(--text-heading);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;transition:border-color .12s var(--ease-out), box-shadow .12s var(--ease-out);border-radius:9px;outline:none;padding:0 14px;font-size:15px}.lp-input::placeholder{color:var(--text-muted)}.lp-input:focus{border-color:var(--blue)!important;box-shadow:0 0 0 1px var(--blue), var(--glow-blue)!important}.lp-error{font-family:var(--font-mono);letter-spacing:.04em;color:var(--red-bright);text-align:center;min-height:1.2em;margin-top:8px;font-size:10px}.lp-deploy{z-index:30;-webkit-backdrop-filter:blur(3px);background:#070a10db;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:none;position:absolute;inset:0}.lp-deploy.show{display:flex}.lp-spinner{border:3px solid var(--surface-3);border-top-color:var(--blue-bright);width:50px;height:50px;box-shadow:var(--glow-blue);border-radius:50%;animation:.85s linear infinite salvo-spin}.lp-deploy-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--blue-bright);text-shadow:var(--text-glow-blue);font-size:14px;font-weight:700}.lp-deploy-sub{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10px}#defense-hud{z-index:12;pointer-events:none;font-family:var(--font-body);color:var(--text-heading);position:absolute;inset:0}#defense-hud *{box-sizing:border-box}.df-brand{align-items:center;gap:10px;display:flex}.df-topright{align-items:center;gap:12px;display:flex}.df-alert{align-items:center;gap:7px;display:flex}.df-alert-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--amber-bright);font-size:11px;font-weight:700}.df-round{align-items:center;gap:8px;display:flex}.df-round-k{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-body);text-transform:uppercase;font-size:11px}.df-round-v{font-family:var(--font-mono);letter-spacing:.04em;color:var(--amber-bright);font-size:13px;font-weight:700}#df-sectors{pointer-events:none;z-index:11;height:28px;position:absolute;bottom:14px;left:0;right:0}.df-group{flex-direction:column;justify-content:flex-end;gap:2px;height:28px;padding:0 3px;display:flex;position:absolute;bottom:0}.df-group-label{height:9px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ship,var(--text-muted));white-space:nowrap;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex;overflow:hidden}.df-group-dot{background:var(--ship);width:5px;height:5px;box-shadow:0 0 6px var(--ship);border-radius:50%;flex-shrink:0}.df-group-cells{border-top:2px solid var(--ship,var(--line-strong));box-shadow:0 -7px 16px -9px var(--ship,transparent);gap:2px;display:flex}.df-sector{border:1px solid color-mix(in srgb, var(--ship,var(--line-strong)) 45%, var(--line));background:color-mix(in srgb, var(--ship,transparent) 10%, #0d121c9e);border-top:none;border-radius:0 0 5px 5px;flex-direction:row;flex:1;align-items:center;gap:0;min-width:0;height:17px;padding:0 7px;display:flex}.df-sector-label{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-heading);z-index:1;font-size:10px;font-weight:700;line-height:1;position:relative}.df-group--open .df-group-cells{border-top-style:dashed;border-top-color:var(--line-strong);box-shadow:none}.df-group--open .df-group-label{display:none}.df-group--open .df-sector{border:1px dashed var(--line-strong);background:0 0;border-top:none}#df-sectors:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='16' preserveAspectRatio='none'%3E%3Cpath d='M0 8 Q35 5 70 8 T140 8' fill='none' stroke='%233d9bff' stroke-width='1' stroke-opacity='0.35'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='16' preserveAspectRatio='none'%3E%3Cpath d='M0 9 Q22.5 6.5 45 9 T90 9' fill='none' stroke='%2300bbf9' stroke-width='1.1' stroke-opacity='0.55'/%3E%3C/svg%3E");background-position:0 0,0 0;background-repeat:repeat-x,repeat-x;background-size:140px 100%,90px 100%;height:16px;animation:11s linear infinite df-waterline;position:absolute;bottom:1px;left:0;right:0}@keyframes df-waterline{to{background-position:-140px 0,90px 0}}@media (prefers-reduced-motion:reduce){#df-sectors:before{animation:none}}.df-sector-sub{display:none}.df-sector--down{position:relative;overflow:hidden;box-shadow:0 0 9px #ff6e1e73;background:#1c0e08eb!important;border-color:#ff7828bf!important}.df-sector--down:before,.df-sector--down:after{content:"";pointer-events:none;transform-origin:50% 100%;mix-blend-mode:screen;z-index:0;height:100%;position:absolute;bottom:0;left:0;right:0}.df-sector--down:before{filter:blur(1.5px);background-image:radial-gradient(60% 120% at 25% 100%,#ffaa28f2 0%,#ff5a1480 40%,#0000 70%),radial-gradient(55% 130% at 55% 100%,#ff7814f2 0%,#c8280a66 45%,#0000 72%),radial-gradient(60% 115% at 82% 100%,#ffbe3ce6 0%,#ff501473 42%,#0000 70%);animation:.6s ease-in-out infinite alternate df-flame-1}.df-sector--down:after{filter:blur(1px);background-image:radial-gradient(45% 90% at 35% 100%,#ffeb96f2 0%,#ff962866 45%,#0000 70%),radial-gradient(40% 100% at 68% 100%,#ffdc78e6 0%,#ff8c1e59 50%,#0000 72%);animation:.45s ease-in-out infinite alternate df-flame-2}@keyframes df-flame-1{0%{opacity:.85;transform:scaleY(.95)translateY(0)}to{opacity:1;transform:scaleY(1.18)translateY(-1px)}}@keyframes df-flame-2{0%{opacity:.9;transform:scaleY(1.05)translate(-.5px)}to{opacity:.7;transform:scaleY(.9)translate(.5px)}}@media (prefers-reduced-motion:reduce){.df-sector--down:before,.df-sector--down:after{animation:none}}.df-sector--down .df-sector-label{color:#fff;z-index:1;text-shadow:0 0 6px #ff781ef2}#resolution-ui{z-index:20;pointer-events:auto;background:var(--void);justify-content:center;align-items:center;display:none;position:absolute;inset:0;overflow:hidden}#resolution-card,#resolution-card *{box-sizing:border-box}#resolution-card{transform-origin:50%;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--grad-sky);width:844px;height:390px;box-shadow:var(--shadow-3);color:var(--text-heading);font-family:var(--font-body);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.rz-content{gap:var(--space-4);flex-direction:column;flex:1;min-height:0;padding:16px 22px 14px;display:flex}.rz-body{flex:1;align-items:center;gap:26px;min-height:0;display:flex}.rz-table{border-collapse:collapse;text-align:left;font-family:var(--font-mono);flex:1;font-size:12px}.rz-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--line-strong);padding:5px 6px;font-size:9px;font-weight:600}.rz-table th.rz-val,.rz-table td.rz-val{text-align:right}.rz-table td{border-bottom:1px solid var(--line-soft);padding:5px 6px}.rz-metric{color:var(--text-body)}.rz-val{font-weight:700}.rz-right{flex-direction:column;flex:none;align-items:center;gap:9px;display:flex}.rz-grids{gap:var(--space-5);display:flex}.rz-grid-col{flex-direction:column;align-items:center;gap:5px;display:flex}.rz-grid-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:9px}.rz-grid{background:var(--surface-1);border:1px solid var(--line);gap:1px!important;width:132px!important;height:132px!important;padding:2px!important}.rz-legend{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);gap:14px;font-size:9px;display:flex}.rz-legend span{align-items:center;gap:5px;display:inline-flex}.rz-chip{color:#fff;border-radius:2px;justify-content:center;align-items:center;width:12px;height:12px;font-size:9px;font-weight:700;display:inline-flex;position:relative}.weapon-info h3{margin:0 0 5px}.buy-controls{align-items:center;gap:10px;display:flex}#blueprint-ui{pointer-events:auto;background:var(--void);justify-content:center;align-items:center;width:100%;height:100%;display:none;overflow:hidden}#blueprint-card,#blueprint-card *{box-sizing:border-box}#blueprint-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--grad-sky);width:844px;height:390px;box-shadow:var(--shadow-3);font-family:var(--font-body);color:var(--text-heading);-webkit-user-select:none;user-select:none;transform-origin:50%;flex:none;position:relative;overflow:hidden}.bp-scanline{background:var(--grad-scanline);pointer-events:none;z-index:1;position:absolute;inset:0}.bp-brand,.bp-counter{align-items:center;gap:10px;display:flex}.bp-counter-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-body);text-transform:uppercase;font-size:11px}.bp-counter-label.dim{color:var(--text-muted)}#bp-count{font-family:var(--font-mono);letter-spacing:.04em;color:var(--amber-bright);font-size:13px;font-weight:700}#bp-count.complete{color:var(--green)}.bp-main{gap:var(--space-5);z-index:4;height:calc(100% - 42px);padding:11px 16px;display:flex;position:relative}.bp-gridcol{flex-direction:column;display:flex}.bp-collabels{height:16px;padding-left:18px;display:flex}.bp-collabels span{text-align:center;width:30px;font-family:var(--font-mono);color:var(--text-muted);font-size:9px;line-height:16px}.bp-boardrow{display:flex}.bp-rowlabels{flex-direction:column;width:18px;display:flex}.bp-rowlabels span{height:30px;font-family:var(--font-mono);color:var(--text-muted);justify-content:center;align-items:center;font-size:9px;display:flex}#bp-board{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:300px;height:300px;box-shadow:inset 0 0 24px #00000080, var(--glow-soft);touch-action:none;background:#070c148c;position:relative;overflow:hidden}.bp-gridlines{pointer-events:none;grid-template-rows:repeat(10,30px);grid-template-columns:repeat(10,30px);display:grid;position:absolute;inset:0}.bp-gridlines div{border-bottom:1px solid #3a4b6847;border-right:1px solid #3a4b6847}.bp-blocks{position:absolute;inset:0}.bp-tray{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.bp-tray-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-body);font-size:10px;font-weight:600}.bp-shiplist{flex-direction:column;gap:5px;display:flex}.bp-hint{align-items:center;gap:var(--space-2);border:1px solid var(--line-soft);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;background:#151d2c80;padding:5px 9px;font-size:8px;line-height:1.3;display:flex}.bp-actions{gap:var(--space-3);margin-top:auto;display:flex}.bp-btn{border-radius:var(--radius-sm);height:40px;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;font-weight:600}.bp-btn-clear{color:var(--text-body)}@keyframes salvo-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.bp-topright{align-items:center;gap:12px;display:flex}@media (height<=480px) and (orientation:landscape){.overlay-panel h2{margin-top:2px!important;margin-bottom:var(--space-1)!important;font-size:1em!important}.overlay-panel table{margin-bottom:var(--space-1)!important;font-size:.7em!important}.overlay-panel table td,.overlay-panel table th{padding:2px!important}.overlay-panel .grid-10x10{gap:1px!important;width:100px!important;height:100px!important;padding:1px!important}.overlay-panel div[style*="gap: 15px"]{gap:var(--space-3)!important;margin:4px 0!important}#ready-next-round-btn,#restart-game-btn,#activate-cpu-btn{padding:var(--space-2)!important;font-size:.85em!important}#waiting-ui div[style*="margin: 20px"]{margin:6px 0!important;font-size:.8em!important}#blueprint-ui .grid-10x10{gap:1px!important;width:180px!important;height:180px!important;padding:2px!important}#blueprint-ui div[style*="width: 280px"]{gap:var(--space-1)!important;width:220px!important}#blueprint-ui div[style*="padding: 8px"],#blueprint-ui div[style*="padding: 12px"]{padding:var(--space-1)!important;font-size:.7em!important}#submit-blueprint-btn,#random-blueprint-btn{padding:var(--space-2)!important;font-size:.85em!important}#attack-grid{gap:1px!important;width:170px!important;height:170px!important;padding:1px!important}#attack-ui .top-bar{padding:var(--space-1) var(--space-3)!important}#attack-ui div[style*="gap: 8px"]{gap:var(--space-1)!important;padding:var(--space-1)!important}.shop-card{padding:2px 4px!important}.shop-card-info h4{font-size:.85em!important}.shop-card-info p{font-size:.75em!important}#strike-allocation-list{gap:2px!important}#budget-chart-container{margin-bottom:2px!important}#submit-payload-btn{padding:var(--space-2)!important;font-size:.9em!important}#random-attack-btn{margin-top:var(--space-1)!important;padding:2px 6px!important;font-size:.75em!important}}.top-bar{background:#222;border-bottom:2px solid #444;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 180px;display:flex}.arsenal-grid{flex-grow:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;padding:1rem;display:grid;overflow-y:auto}.weapon-card{background:#333;border:2px solid #555;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.weapon-info p{color:#aaa;margin:0;font-size:.9em}button{background:var(--blue);color:#fff;border:none;border-radius:4px;padding:10px 15px;font-size:1.1em;font-weight:700}button:disabled{color:#888;background:#555}.action-bar{background:#222;border-top:2px solid #444;padding:1rem}.action-bar button{background:#e24a4a;width:100%;padding:15px;font-size:1.2em}.overlay-panel{border:2px solid var(--blue);pointer-events:auto;text-align:center;z-index:20;box-sizing:border-box;background:#111111f2;border-radius:12px;flex-direction:column;align-items:center;width:90%;max-width:540px;padding:1.5rem;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #4a90e24d}.grid-10x10{box-sizing:border-box;background:#222;border:2px solid #444;border-radius:8px;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);gap:2px;width:300px;height:300px;padding:4px;display:grid}.grid-cell{cursor:pointer;aspect-ratio:1;background:#111;border:1px solid #222;border-radius:2px;transition:background .15s}.grid-cell.selected{background:var(--green);box-shadow:inset 0 0 4px #fff9}.grid-cell.hover-valid{box-shadow:inset 0 0 6px #fff6;background:#4ae27d8c!important}.grid-cell.hover-invalid{box-shadow:inset 0 0 6px #fff6;background:#e24a4a8c!important}.ship-selector-card{color:#ccc;cursor:pointer;box-sizing:border-box;background:#222;border:1px solid #444;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.8em;transition:all .15s;display:flex}.ship-selector-card:hover{border-color:var(--blue);background:#292929}.ship-selector-card.active{color:#fff;background:#2d261a;border-color:#ffd35c;box-shadow:0 0 6px #ffd35c26}.ship-selector-card.placed{color:#99c794;background:#1a261a;border-color:#2e4d2e}.ship-selector-card.placed.active{background:#2e281d;border-color:#ffd35c}.grid-cell.targeted{background:#e24a4a;box-shadow:inset 0 0 4px #fff9}.grid-cell.hit{position:relative;background:#f33!important}.grid-cell.hit:after{content:"";background:#fff;border-radius:50%;width:50%;height:50%;position:absolute;top:25%;left:25%}.grid-cell.miss{position:relative;background:#444!important}.grid-cell.miss:after{content:"×";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-cell.intercepted{position:relative;background:var(--blue)!important}.grid-cell.intercepted:after{content:"◆";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shop-card{background:#222;border:1px solid #444;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.8em;display:flex}.shop-card-info h4{color:#fff;margin:0;font-size:.95em}.shop-card-info p{color:#aaa;margin:0;font-size:.85em}.shop-card-controls{align-items:center;gap:6px;display:flex}.shop-card-controls button{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:3px;padding:2px 6px;font-size:.95em;font-weight:700}.shop-card-controls button:disabled{color:#666;background:#333}#turn-device-screen{color:#fff;z-index:99999;text-align:center;box-sizing:border-box;background:#111;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:sans-serif;display:none;position:fixed;top:0;left:0}#turn-device-screen .message-box{border:2px solid var(--blue);background:#222222e6;border-radius:12px;flex-direction:column;align-items:center;gap:10px;max-width:80%;padding:24px;display:flex;box-shadow:0 0 20px #4a90e24d}@keyframes rotate-phone{0%{transform:rotate(0)}50%{transform:rotate(-90deg)}to{transform:rotate(0)}}.phone-icon{transform-origin:50%;animation:2s ease-in-out infinite rotate-phone}.overlay-panel{scrollbar-width:thin;max-height:96vh;overflow-y:auto}@media (height<=480px) and (orientation:landscape){.overlay-panel{border-radius:8px!important;width:96%!important;max-width:600px!important;padding:.5rem 1rem!important;box-shadow:0 0 10px #4a90e233!important}}