:root{--gm-950:#0d0f10;--gm-900:#14181b;--gm-800:#1c2126;--gm-700:#252c33;--gm-600:#2e3740;--gm-500:#3d4a55;--gm-400:#5a6a77;--gm-300:#8a9aa6;--gm-200:#b8c4cc;--gm-100:#dde4e8;--gm-50:#f0f3f5;--green-900:#1a3325;--green-800:#1f3d2c;--green-700:#2a5239;--green-600:#356648;--green-500:#3f7a56;--green-400:#4d9268;--green-300:#6ab585;--green-200:#9dd4b2;--green-100:#ced;--accent:#3f7a56;--accent-bright:#6ab585;--accent-dim:#2a5239;--text-primary:#e8edf0;--text-secondary:#8a9aa6;--text-muted:#5a6a77;--border:#ffffff12;--border-strong:#ffffff21;--score-high:#6ab585;--score-mid:#f0c860;--score-low:#f96;--danger-bg:#7a3535;--danger-text:#ffbcbc;--card-bg:var(--gm-700);--form-bg:var(--gm-800);--input-bg:var(--gm-900);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-body:"Barlow", sans-serif;--font-display:"Barlow Condensed", sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--gm-950);color:var(--text-primary);min-height:100vh;font-size:16px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}#site-header{background:var(--gm-900);border-bottom:1px solid var(--border);z-index:100;align-items:center;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:10px;display:flex}.logo-mark{background:var(--accent);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);font-size:22px;font-weight:800}.wordmark-accent{color:var(--accent-bright)}.header-right{align-items:center;gap:6px;margin-left:auto;display:flex}.home-link{font-family:var(--font-mono);color:var(--text-muted);border-right:1px solid var(--border);align-items:center;gap:5px;margin-right:4px;padding-right:10px;font-size:11px;text-decoration:none;transition:color .15s;display:flex}.home-link:hover{color:var(--accent-bright)}.mantis-dot{background:var(--green-300);width:7px;height:7px;box-shadow:0 0 6px var(--green-300);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.mantis-label{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.back-to-home{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--gm-800);color:var(--text-secondary);font-family:var(--font-body);align-items:center;gap:6px;margin:12px 32px 0;padding:6px 12px;font-size:13px;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.back-to-home:hover{color:var(--text-primary);border-color:var(--accent)}#tab-nav{background:var(--gm-900);border-bottom:2px solid var(--border);gap:0;padding:0 32px;display:flex}#tab-nav button{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-2px;padding:14px 18px;font-size:14px;font-weight:500;transition:color .15s;display:flex}#tab-nav button:hover{color:var(--text-secondary)}#tab-nav button.active{color:var(--accent-bright);border-bottom-color:var(--accent);font-weight:700}#app{width:100%;max-width:1000px;margin:0 auto;padding:24px 32px}.panel{background:var(--gm-800);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);background:var(--gm-700);align-items:center;gap:10px;padding:14px 20px;display:flex}.panel-header:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;width:3px;height:18px}.panel-title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);font-size:17px;font-weight:700}.panel-body{padding:20px}.form-grid{flex-wrap:wrap;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field.half{flex:calc(50% - 8px)}.field.full{flex:100%}.field-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:13px;font-weight:600}.field-label .req{color:var(--accent-bright);margin-left:3px}input,select,textarea{background:var(--input-bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);outline:none;width:100%;padding:10px 12px;font-size:15px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a9aa6' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;padding-right:36px}textarea{resize:vertical;min-height:80px;font-family:var(--font-body)}.form-actions{margin-top:20px}.btn{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 22px;font-size:15px;font-weight:700;transition:all .15s;display:inline-flex}.btn:hover{opacity:.85;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--gm-600);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-ghost{color:var(--accent-bright);border:1px solid var(--accent-dim);background:0 0}.btn-danger{color:#ffbcbc;background:#7a3535}.btn-sm{padding:7px 14px;font-size:13px}.btn-xs{padding:5px 12px;font-size:12px}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:4px;transition:color .15s;display:inline-flex}.btn-icon:hover{color:#f99}.badge{font-family:var(--font-mono);letter-spacing:.04em;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-green{background:var(--green-900);color:var(--green-300);border:1px solid var(--green-700)}.badge-gray{background:var(--gm-600);color:var(--gm-200);border:1px solid var(--gm-500)}.badge-red{color:#f99;background:#3a1a1a;border:1px solid #7a3535}.badge-blue{color:#7ab8ff;background:#1a2a3a;border:1px solid #2a4a6a}.card{background:var(--gm-700);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s;overflow:hidden}.card:hover{border-color:var(--accent-dim)}.card-header{cursor:pointer;align-items:center;gap:14px;padding:14px 18px;display:flex}.card-title{font-family:var(--font-display);letter-spacing:.03em;font-size:18px;font-weight:700}.card-title-sm{font-family:var(--font-display);font-size:17px;font-weight:700}.card-title-lg{font-family:var(--font-display);font-size:18px;font-weight:700}.card-meta{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.card-subtitle{color:var(--text-secondary);margin-top:3px;font-size:13px}.badge-row{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.card-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.card-chevron.expanded{transform:rotate(180deg)}.card-details{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 24px;padding:16px 18px;display:grid}.detail-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:3px;font-size:11px;font-weight:600}.detail-value{font-family:var(--font-body);color:var(--text-primary);font-size:14px}.card-body{padding:14px 16px}.card-footer{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.card-stack{flex-direction:column;gap:12px;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.card-grid-sm{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px 20px;display:grid}.detail-grid-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-family:var(--font-display)}.empty-state{text-align:center;color:var(--text-muted);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;padding:40px 20px;font-size:16px}.empty-state:before{content:"⊘";opacity:.3;margin-bottom:8px;font-size:32px;display:block}.section-divider{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--border);flex:1;height:1px}.stat-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:3px;font-size:11px;font-weight:600}.stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:15px;font-weight:600}.stat-value.connected{color:var(--green-300)}.score-high{color:var(--score-high)}.score-mid{color:var(--score-mid)}.score-low{color:var(--score-low)}.data-lg{font-family:var(--font-mono);font-size:28px;font-weight:700;line-height:1}.data-md{font-family:var(--font-mono);font-size:20px;font-weight:600;line-height:1}.data-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-top:2px;font-size:10px}.round-count{font-family:var(--font-display);color:var(--accent-bright);font-size:28px;font-weight:800;line-height:1}.round-count-unit{color:var(--text-muted);margin-left:3px;font-size:12px;font-weight:500}.inv-item{background:var(--gm-700);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px 14px;display:flex}.inv-item-name{font-family:var(--font-body);font-size:14px;font-weight:600}.inv-item-qty{font-family:var(--font-mono);color:var(--accent-bright);font-size:20px;font-weight:600}.inv-item-unit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.velocity-stats{flex-wrap:wrap;gap:24px;margin-bottom:12px;display:flex}.velocity-stats .stat-value{color:var(--accent-bright)}.shot-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.shot-tag{font-family:var(--font-mono);background:var(--gm-600);border:1px solid var(--gm-500);color:var(--gm-200);border-radius:3px;padding:3px 8px;font-size:11px;font-weight:500}.velocity-input-row{gap:8px;margin-top:8px;display:flex}.velocity-input-row input{flex:1;max-width:200px}.notes-row{color:var(--text-secondary);border-top:1px solid var(--border);padding-top:10px;font-size:13px}.loading{text-align:center;color:var(--text-muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;padding:40px;font-size:14px}@media (width<=640px){#site-header{height:50px;padding:0 14px}.wordmark{font-size:17px}.home-link span{display:none}.home-link{margin-right:2px;padding-right:8px}.mantis-label{display:none}#tab-nav{scrollbar-width:none;-ms-overflow-style:none;padding:0 4px;overflow-x:auto}#tab-nav::-webkit-scrollbar{display:none}#tab-nav button{white-space:nowrap;flex-shrink:0;padding:12px 14px;font-size:12px}#app{padding:14px}.field.half{flex:100%}.panel-body{padding:14px}.panel-header,.card-header{padding:12px 14px}.card-details{grid-template-columns:1fr 1fr;gap:10px 16px;padding:12px 14px}.form-actions .btn{justify-content:center;width:100%}.velocity-input-row{flex-direction:column}.velocity-input-row input{max-width:100%}.card-grid,.card-grid-sm{grid-template-columns:1fr}}