:root{
  --bg:#080b10;--bg2:#0d1219;--panel:#121b27;--panel2:#172333;--panel3:#1b2a3d;
  --line:#2b3746;--line2:#425267;--text:#f3f6fa;--muted:#a5b1c0;--soft:#d9e0e8;
  --orange:#ff9d2f;--orange2:#ffbe73;--red:#d43b33;--danger:#ef6268;--green:#65d695;--blue:#67a9ff;
  --shadow:0 18px 48px rgba(0,0,0,.34);--radius:16px;
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:
radial-gradient(circle at 18% -10%,rgba(255,157,47,.14),transparent 30%),
radial-gradient(circle at 96% 9%,rgba(212,59,51,.11),transparent 28%),var(--bg);min-height:100vh}
button,input,select{font:inherit}button{color:inherit}.app-shell{max-width:1580px;margin:auto;padding:20px 22px 30px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:4px 2px 18px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:54px;height:54px;border:1px solid var(--line2);border-radius:15px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#1b2634,#0d1219 68%);box-shadow:var(--shadow),inset 0 0 0 2px rgba(255,157,47,.08);color:var(--orange2)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:3px;font-size:clamp(26px,3vw,40px);letter-spacing:-.8px}.subtitle{margin:0;color:var(--muted);font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--orange2);font-weight:900;margin-bottom:4px}.top-status{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-pill,.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#0b1119;color:var(--muted);padding:8px 11px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap}.pill{padding:6px 9px}.pill.good{border-color:#285f3d;color:#7af0a3;background:rgba(49,229,91,.06)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(101,214,149,.65)}
.main-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;padding:7px;border:1px solid var(--line);background:rgba(9,14,21,.91);border-radius:15px;position:sticky;top:8px;z-index:50;backdrop-filter:blur(12px)}.nav-btn,.button,.quick-card{border:1px solid var(--line);background:#0d151f;color:var(--soft);border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer;transition:.16s ease}.nav-btn:hover,.button:hover,.quick-card:hover{border-color:var(--line2);transform:translateY(-1px)}.nav-btn.active{background:rgba(255,157,47,.14);border-color:rgba(255,157,47,.52);box-shadow:inset 0 -2px 0 var(--orange);color:#fff}.button.primary{background:linear-gradient(135deg,var(--orange),var(--red));border-color:rgba(255,255,255,.14);color:#fff;font-weight:950}.button.danger{border-color:#6f2830;color:#ff858d;background:rgba(255,89,100,.08)}.button.wide{width:100%}.view{display:none}.view.active{display:block}
.panel{background:linear-gradient(180deg,rgba(18,28,41,.985),rgba(9,15,23,.985));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(180deg,#18263a,#142132);border-bottom:1px solid var(--line)}.panel-head.compact{padding:13px 16px}.panel-head h2{margin:0;font-size:16px}.panel-body{padding:18px}.compact-body{padding-top:6px}.hero-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:16px}.hero-panel,.server-panel{min-height:245px}.quick-actions{padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-card{text-align:left;padding:16px;min-height:135px;background:linear-gradient(180deg,#101a26,#0a121b)}.quick-card .quick-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(255,157,47,.09);border:1px solid rgba(255,157,47,.28);color:var(--orange2);font-size:20px;margin-bottom:14px}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:13px}.quick-card small{font-size:10px;color:var(--muted);line-height:1.45;margin-top:5px}.server-note{margin-top:12px;border:1px solid var(--line);background:#09111a;border-radius:11px;padding:12px;color:var(--muted);font-size:11px;line-height:1.55}.server-note b{color:var(--orange2)}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.metric{background:linear-gradient(180deg,#101925,#0a1119);border:1px solid var(--line);border-radius:15px;padding:15px}.metric span{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.metric strong{display:block;font-size:24px}.metric small{color:var(--muted);font-size:10px}.metric.accent{border-color:rgba(255,157,47,.45);background:linear-gradient(180deg,rgba(255,157,47,.11),rgba(212,59,51,.045) 58%,#0a1119)}.metric.accent strong{color:var(--orange2)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-card{padding:16px;display:flex;gap:13px;align-items:flex-start}.info-card h3{margin-bottom:6px;font-size:14px}.info-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.info-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#0b141f;border:1px solid var(--line2);color:var(--orange2);font-weight:1000}
.field{display:block}.field>span{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:6px}.field input,.field select,.db-tools input,.db-tools select{width:100%;background:#081019;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 12px;outline:none}.field input:focus,.field select:focus,.db-tools input:focus,.db-tools select:focus{border-color:rgba(255,157,47,.68);box-shadow:0 0 0 3px rgba(255,157,47,.10)}.input-unit{display:flex;border:1px solid var(--line);border-radius:10px;background:#081019;overflow:hidden}.input-unit input{border:0;border-radius:0;font-size:18px;font-weight:900}.input-unit b{display:flex;align-items:center;padding:0 10px;background:#101a25;color:var(--muted);border-left:1px solid var(--line);font-size:10px;white-space:nowrap}.field-grid{display:grid;gap:12px}.field-grid.two{grid-template-columns:repeat(2,1fr)}.field-grid.four{grid-template-columns:repeat(4,1fr)}.top-gap{margin-top:12px}.margin-top{margin-top:14px}.check-field{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);background:#09111a;border-radius:11px;padding:11px}.check-field input{margin-top:3px;accent-color:var(--orange)}.check-field span{font-size:11px}.check-field b,.check-field small{display:block}.check-field small{color:var(--muted);font-size:9px;margin-top:3px;line-height:1.4}.divider{height:1px;background:var(--line);margin:16px 0}
.planner-layout{display:grid;grid-template-columns:325px 1fr;gap:15px;align-items:start}.planner-sidebar{position:sticky;top:76px}.planner-sidebar>.field,.planner-sidebar>.check-field,.planner-sidebar>.button{margin-left:15px;margin-right:15px}.planner-sidebar>.field,.planner-sidebar>.check-field{margin-top:14px}.planner-sidebar>.button{margin-top:10px;width:calc(100% - 30px)}.planner-main{display:grid;gap:14px;min-width:0}.target-list{padding:14px;display:grid;gap:8px}.target-list.empty-state{color:var(--muted);font-size:12px}.target-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#09111a}.target-row strong{font-size:12px}.target-row span{color:var(--orange2);font-weight:900}.remove-target{border:1px solid #5f2830;background:rgba(239,98,104,.08);color:#ff8a92;border-radius:8px;padding:6px 9px;cursor:pointer}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px}.summary-chip{border:1px solid var(--line);background:#0c141e;border-radius:12px;padding:11px}.summary-chip span{font-size:9px;color:var(--muted);display:block;margin-bottom:3px}.summary-chip strong{font-size:17px}.summary-chip.accent strong{color:var(--orange2)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.table-wrap{overflow:auto}.table-panel table{width:100%;border-collapse:collapse;font-size:12px}.table-panel th{text-align:left;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.8px;background:#0a1119}.table-panel td,.table-panel th{padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.tag{display:inline-block;border:1px solid var(--line2);border-radius:99px;padding:3px 7px;font-size:8px;color:var(--muted)}.tag.craft{color:#7af0a3;border-color:#2d6742}.tag.raw{color:#ffd081;border-color:#685128}
.section-grid{display:grid;gap:14px}.two-col{grid-template-columns:1.1fr .9fr}.ammo-rows{padding:14px;display:grid;gap:8px}.ammo-row{display:grid;grid-template-columns:1fr 145px 36px;gap:8px}.ammo-row select,.ammo-row input{width:100%;background:#081019;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px}.ammo-remove{border:1px solid #5f2830;background:rgba(239,98,104,.08);color:#ff8a92;border-radius:9px;cursor:pointer}.resource-cards{padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.resource-card{border:1px solid var(--line);background:#09111a;border-radius:11px;padding:12px}.resource-card span{display:block;color:var(--muted);font-size:9px;margin-bottom:4px}.resource-card strong{font-size:18px}.notes-list{display:grid;gap:9px;color:var(--muted);font-size:11px;line-height:1.55}.note-item{border:1px solid var(--line);background:#09111a;border-radius:10px;padding:10px}.note-item b{color:var(--orange2)}
.base-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:14px}.statics-number{border:1px solid var(--line);background:#09111a;border-radius:12px;padding:14px}.statics-number span,.statics-number small{display:block;color:var(--muted);font-size:10px}.statics-number strong{display:block;font-size:34px;color:var(--orange2);margin:4px 0}.support-advice{margin-top:12px;color:var(--soft);font-size:11px;line-height:1.5}.warning-box{margin-top:12px;border:1px solid #6d5422;background:rgba(255,185,70,.06);color:#d9c28f;border-radius:10px;padding:11px;font-size:10px;line-height:1.5}.warning-box b{color:#ffd26f}
.vehicle-stats{padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.vehicle-stat{border:1px solid var(--line);background:#09111a;border-radius:11px;padding:12px}.vehicle-stat span{display:block;color:var(--muted);font-size:9px;margin-bottom:4px}.vehicle-stat strong{font-size:17px}.database-head{align-items:flex-end}.db-tools{display:flex;gap:8px;min-width:min(560px,60vw)}.db-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px}.db-card{border:1px solid var(--line);background:#09111a;border-radius:13px;overflow:hidden}.db-card-head{padding:11px;background:#121e2c;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.db-card-head strong{font-size:12px}.db-card-body{padding:11px}.recipe-flow{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:10px}.flow-chip{border:1px solid var(--line);border-radius:999px;padding:5px 7px;background:#0c151f}.recipe-meta{margin-top:10px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px}
footer{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;color:#758292;font-size:9px;padding:24px 10px 8px;text-align:center}
@media(max-width:1180px){.hero-grid,.base-grid,.planner-layout,.two-col{grid-template-columns:1fr}.planner-sidebar{position:static}.quick-actions{grid-template-columns:repeat(2,1fr)}.db-cards{grid-template-columns:repeat(2,1fr)}.planner-sidebar>.field,.planner-sidebar>.check-field,.planner-sidebar>.button{margin-left:15px;margin-right:15px}.planner-sidebar>.button{width:calc(100% - 30px)}}
@media(max-width:820px){.app-shell{padding:12px}.topbar{align-items:flex-start;flex-direction:column}.top-status{justify-content:flex-start}.metrics-grid,.info-grid,.result-grid,.field-grid.four,.summary-strip,.resource-cards{grid-template-columns:repeat(2,1fr)}.db-tools{min-width:0;width:100%;flex-direction:column}.database-head{align-items:stretch;flex-direction:column}.db-cards{grid-template-columns:1fr}.vehicle-stats{grid-template-columns:1fr}.ammo-row{grid-template-columns:1fr 110px 36px}}
@media(max-width:560px){.quick-actions,.metrics-grid,.info-grid,.result-grid,.field-grid.two,.field-grid.four,.summary-strip,.resource-cards{grid-template-columns:1fr}.main-nav{top:4px}.nav-btn{flex:1 1 30%;font-size:11px;padding:9px}.brand-mark{width:46px;height:46px}.target-row{grid-template-columns:1fr auto}.target-row .remove-target{grid-column:1/-1}.ammo-row{grid-template-columns:1fr 90px 34px}}

/* SDN polish v5 */
.brand-mark{width:64px;height:64px;overflow:hidden;padding:4px}
.brand-mark img{width:100%;height:100%;display:block;object-fit:contain;border-radius:10px}
.info-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.info-grid{grid-template-columns:1fr}}

/* SDN Bloodmoon planner */
.bloodmoon-panel{border-color:rgba(212,59,51,.45);background:linear-gradient(180deg,rgba(212,59,51,.055),rgba(20,28,39,.98))}
.bloodmoon-controls{display:grid;grid-template-columns:minmax(160px,220px) minmax(180px,250px) auto;gap:12px;align-items:end}
.bloodmoon-status{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);line-height:1.5}
.bloodmoon-status strong{color:var(--text)}
.bloodmoon-results{margin-top:14px}
.bloodmoon-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.bloodmoon-results .resource-card small{display:block;margin-top:5px;color:var(--muted)}
@media(max-width:760px){.bloodmoon-controls{grid-template-columns:1fr}.bloodmoon-controls .button{width:100%}.bloodmoon-actions .button{width:100%}}


/* SDN Discord navigation link */
.main-nav .discord-nav{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.main-nav .discord-nav::after{content:" ↗";font-size:.8em;opacity:.72}