:root,html[data-theme="dark"]{--bg:#090e1b;--surface:#111c30;--surface2:#17263e;--ink:#eff5ff;--muted:#a7bad1;--border:#2c405d;--accent:#b4f45e;--glow:#36d9eb12;--panel:#111c30;--text:#eff5ff}
html[data-theme="light"]{--bg:#eef3f8;--surface:#fff;--surface2:#e9f0f8;--ink:#14263d;--muted:#50657d;--border:#c3d1e1;--accent:#3d6810;--glow:#41a4c812;--panel:#fff;--text:#14263d}
body{background:linear-gradient(90deg,#4f84ba07 1px,transparent 1px),linear-gradient(#4f84ba07 1px,transparent 1px),radial-gradient(ellipse at 85% 0%,#289eb31a,transparent 55%),var(--bg);background-size:40px 40px,40px 40px,auto,auto}
.wrap{max-width:1180px;padding:32px 24px 50px}header{align-items:flex-start;padding:12px 0 30px;gap:20px;border-bottom:1px solid var(--border)}
.brand-mark{font-family:Consolas,monospace;color:var(--accent);letter-spacing:.17em;font-size:11px}.brand-mark:before{background:var(--accent);box-shadow:none;width:9px;height:9px}
h1{font-size:clamp(36px,5vw,62px);line-height:1.03;letter-spacing:-.055em;font-weight:850;margin:8px 0 16px}h1 em{font-style:normal;color:var(--accent)}header p{color:var(--muted);font-size:13px;line-height:1.6}
.header-tools{padding-top:10px;max-width:350px}.pill{color:var(--accent);border-radius:6px;font-family:Consolas,monospace;background:var(--surface);font-size:11px}.pill:before{content:'● ';font-size:9px}.theme-switch{border-radius:6px;color:var(--ink);min-height:42px}
.view-tabs{display:flex;gap:8px;margin:22px 0 24px;padding:5px;width:fit-content;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.view-tabs button{background:transparent;border:0;border-radius:6px;padding:13px 24px;color:var(--muted);font-size:13px;min-height:46px}.view-tabs button.active{background:var(--accent);color:var(--bg);box-shadow:none;font-weight:850}html[data-theme="light"] .view-tabs button.active{color:white}
.game-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.game-tag{font-family:Consolas,monospace;font-size:11px;color:var(--accent);letter-spacing:.12em}.game-intro p{color:var(--muted);font-size:12px;margin:0}
.stats{margin:0 0 22px;gap:12px}.stat{border:1px solid var(--border);border-radius:10px;padding:22px 20px;background:var(--surface);box-shadow:0 5px 0 #0002}.stat:before{width:4px}.stat b{font-family:Consolas,monospace;font-size:42px;letter-spacing:-.06em;margin-bottom:9px}.stat span{font-size:12px;color:var(--muted)}
.panel,.insights-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:none;padding:22px;margin:18px 0;color:var(--ink)}.panel>strong{font-size:16px;color:var(--ink)}.panel>strong:before{content:'+ ';color:var(--accent);font-family:Consolas,monospace}
.insights-panel h3{color:var(--ink);font-size:14px;margin:0 0 12px}.insight-item{color:var(--ink);background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:12px;font-size:13px}.insight-metric{background:var(--surface2);border-color:var(--border)}.insight-metric span{color:var(--muted)}.insight-metric b{color:var(--ink)}
input,select,button{border-radius:6px;min-height:44px}input,select{background:var(--surface2);border:1px solid var(--border);color:var(--ink)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}
button.primary{background:var(--accent);border:1px solid var(--accent);color:#17230a;box-shadow:0 3px 0 #648c2f;font-weight:800}button.primary:hover{background:#c9ff82;color:#17230a;filter:none}html[data-theme="light"] button.primary{background:#406d16;color:white}button.ghost{background:var(--surface2);border-color:var(--border);color:var(--ink)}button.danger{background:transparent;color:#ff9da9;border-color:var(--border)}button:focus-visible{outline:3px solid #36cee4;outline-offset:3px}
.toolbar{gap:9px}.toolbar #email{background:#38cee4;color:#07242d;border-color:#38cee4;box-shadow:0 3px 0 #127e8d}.mail-recipients{font-size:12px;color:var(--muted);margin:4px 0 16px}.mail-recipients strong{color:var(--ink)}.tablewrap{border-color:var(--border);border-radius:8px}th{font-family:Consolas,monospace;letter-spacing:.08em;background:var(--surface2);color:var(--muted)}td{font-size:13px}.tablewrap tbody tr td{border-bottom-color:var(--surface)}.tablewrap tbody tr select{border-color:var(--border);color:var(--ink);background:var(--surface2)}.rename-product{min-width:36px;min-height:36px;padding:4px}
.tablewrap tbody tr.missing td{background:#382131;color:#ffdce2}.tablewrap tbody tr.low td{background:#392f20;color:#ffe4b4}.tablewrap tbody tr.stocked td{background:#183832;color:#c9f8e7}
.notice,.footer,.muted,#count{color:var(--muted)}.footer{font-size:11px;line-height:1.7}.metric{background:var(--surface);border-color:var(--border);border-radius:10px}.metric b{color:var(--ink);font-family:Consolas,monospace}.metric span,.stats-heading p,.stats-note{color:var(--muted)}.stats-heading h2{color:var(--ink)}.activity-item,.ongoing-item{border-color:var(--border);color:var(--ink)}.activity-item small,.activity-item time{color:var(--muted)}
#toast{background:var(--accent);color:#152109;border:1px solid #d9ffa1;border-radius:8px;z-index:1500;max-width:calc(100vw - 32px)}
@media(max-width:650px){.wrap{padding:22px 14px 32px}header{padding:0 0 20px;gap:12px}h1{font-size:43px;margin-bottom:12px}.header-tools{width:100%;max-width:none;padding:0;gap:8px;justify-content:space-between}.pill{font-size:10px;padding:9px}.theme-switch{font-size:11px;padding:8px}.view-tabs{width:100%;margin:18px 0}.view-tabs button{flex:1;padding:11px}.game-intro{display:block}.game-intro p{margin-top:7px;line-height:1.5}.stats{gap:7px;margin-top:14px}.stat{padding:15px 9px}.stat b{font-size:32px}.stat span{font-size:10px}.panel,.insights-panel{padding:16px;border-radius:10px}.add{margin-top:13px}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar input,.toolbar select,.toolbar #email{grid-column:1/-1}.toolbar #export,.toolbar #importBtn{font-size:11px;padding:10px 5px}.mail-recipients{line-height:1.6}tbody{gap:12px}.tablewrap tbody tr{border:1px solid var(--border);border-radius:9px;box-shadow:0 4px 0 #0002}.tablewrap tbody tr td:first-child{padding-top:12px;font-size:14px}.tablewrap tbody tr td:nth-child(5) button{min-height:40px;min-width:40px}.insight-grid{grid-template-columns:1fr 1fr}}
