:root{--bg:#09110f;--panel:#111b18;--panel2:#17231f;--panel3:#1c2a25;--line:#2b4038;--ink:#eff8f3;--muted:#99aea5;--green:#73e6a4;--green2:#a9f6c6;--amber:#f2c76d;--red:#fb8686;--blue:#83bffd;--shadow:0 18px 50px #0007;--r:16px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(circle at 30% -20%,#1d3a2f 0,#0b1411 33%,#08100e 72%);color:var(--ink);overflow-x:hidden}button,select,input{font:inherit}button{cursor:pointer}.hud{position:sticky;top:0;z-index:30;background:#08100eed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 6px 24px #0005}.hud-top{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;gap:18px;align-items:center;padding:10px 18px}.brand{font-weight:900;letter-spacing:.12em;font-size:13px}.brand b{color:var(--green)}.xp-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:4px}.xp{height:13px;border-radius:999px;background:#1c2925;border:1px solid #2d433b;overflow:hidden}.xp>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#48c97e,#b6ffcf);transition:width .35s ease;box-shadow:0 0 18px #48c97e88}.hud-bottom{display:flex;gap:18px;padding:7px 18px;border-top:1px solid #1e2c27;color:var(--muted);font-size:12px}.hud-bottom b{color:var(--ink)}.shell{display:grid;grid-template-columns:238px minmax(0,1fr)}.side{position:sticky;top:75px;height:calc(100vh - 75px);padding:14px 10px;border-right:1px solid var(--line);background:#0b1311dd;overflow:auto}.side button{width:100%;text-align:left;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:10px;padding:10px 12px;margin:2px 0}.side button:hover,.side button.active{color:var(--ink);background:#17231f;border-color:#2c4039}.side .sep{height:1px;background:#24362f;margin:10px}.main{padding:20px;min-width:0}.hero{position:relative;min-height:150px;border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:14px;background:#122019}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#09110ff2 0,#09110fa8 45%,#09110f22),var(--hero);background-size:cover;background-position:center}.hero-content{position:relative;padding:25px;max-width:720px}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}h1{font-size:30px;margin:5px 0 7px}h2{font-size:17px;margin:0 0 10px}h3{font-size:13px;margin:0 0 7px;color:#dceae3}.sub{color:var(--muted);font-size:13px;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.c{background:linear-gradient(180deg,#121d19,#0f1815);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:0 10px 28px #0003;min-width:0}.s3{grid-column:span 3}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.s12{grid-column:span 12}.kpi{font-size:28px;font-weight:850}.muted{color:var(--muted)}.tiny{font-size:11px}.small{font-size:12px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.btn{border:1px solid #365148;background:#1a2924;color:var(--ink);padding:8px 11px;border-radius:9px}.btn:hover{filter:brightness(1.12)}.btn.primary{background:#1e6d4d;border-color:#319267}.btn.warn{background:#634818;border-color:#957036}.btn.danger{background:#622b2b;border-color:#984545}.btn:disabled{opacity:.35;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #334941;background:#1c2925;border-radius:999px;padding:3px 7px;font-size:11px;color:#caddd4}.star{color:var(--amber);letter-spacing:.03em}.meter{height:8px;border-radius:999px;background:#26352f;overflow:hidden}.meter i{display:block;height:100%;background:var(--green);transition:width .25s}.list{display:grid;gap:8px}.item{background:#17231f;border:1px solid #293e36;border-radius:11px;padding:10px}.scroll{max-height:430px;overflow:auto;padding-right:4px}.trait{display:grid;grid-template-columns:90px 1fr 40px;align-items:center;gap:7px;margin:5px 0;font-size:11px}.trait .bar{height:6px;background:#26362f;border-radius:999px;overflow:hidden}.trait .bar i{height:100%;display:block;background:#6ee49f}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}.strain.selected{outline:2px solid #69dda0}.stage{font-weight:700;color:var(--green2)}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:8px;border-bottom:1px solid #263831;text-align:left}th{color:var(--muted);font-weight:650}.priority{border-left:3px solid var(--amber);background:#211d13;border-radius:9px;padding:10px}.queue-person{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#355549,#1f302a);display:grid;place-items:center;font-weight:800;color:#c6ffdc}.tag-good{color:var(--green)}.tag-bad{color:var(--red)}.tag-warn{color:var(--amber)}.shop-floor{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.shelves{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.shelf{min-height:130px;background:linear-gradient(#1a2924,#111a17);border:1px solid #32493f;border-radius:12px;padding:10px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lane{min-height:160px;border:1px dashed #365046;border-radius:12px;padding:8px;background:#0e1714}.lock{opacity:.55;filter:saturate(.5)}.modal-back{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:60;padding:20px}.modal{width:min(650px,100%);max-height:85vh;overflow:auto;background:#111b18;border:1px solid #3d554c;border-radius:18px;padding:18px;box-shadow:var(--shadow)}#toast-root{position:fixed;right:16px;bottom:16px;z-index:80;display:grid;gap:8px}.toast{background:#15211d;border:1px solid #3c574d;border-radius:11px;padding:10px 12px;box-shadow:var(--shadow);min-width:230px;animation:pop .2s ease}.toast.level{border-color:#8cdbaa;box-shadow:0 0 40px #53d88b33}.spark{position:fixed;pointer-events:none;z-index:90;color:var(--green);animation:spark 1s ease forwards}@keyframes pop{from{transform:translateY(8px);opacity:0}to{opacity:1}}@keyframes spark{to{transform:translateY(-60px);opacity:0}}.footer-note{margin:20px 0 50px;color:#667c72;font-size:11px;text-align:center}.danger-zone{border-color:#613b3b}.tabbar{display:flex;gap:6px;overflow:auto;margin-bottom:10px}.tabbar button{white-space:nowrap}.empty{padding:24px;text-align:center;color:var(--muted);border:1px dashed #32463e;border-radius:12px}.price{font-weight:800;color:#dfffe9}@media(max-width:980px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.side button{min-width:max-content}.s3,.s4,.s5,.s6,.s7,.s8{grid-column:span 12}.shop-floor{grid-template-columns:1fr}.hud-top{grid-template-columns:1fr}.brand{display:none}.main{padding:12px}.hero{min-height:130px}.hero-content{padding:18px}.shelves{grid-template-columns:1fr}.hud-bottom{overflow:auto;white-space:nowrap}}
.parent-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.strain-picker{display:grid;gap:7px;max-height:310px;padding-right:5px}.grow-pick{width:100%;display:grid;grid-template-columns:minmax(145px,.7fr) minmax(360px,1.3fr);gap:12px;align-items:center;text-align:left;background:#14201c;border:1px solid #2c4239;border-radius:11px;padding:10px;color:var(--ink)}.grow-pick:hover{background:#192a24;border-color:#477061}.grow-pick.selected{outline:2px solid var(--green);background:#183126}.grow-pick small{display:block;color:var(--muted);margin-top:3px}.pick-stars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;font-size:11px}.pick-stars>span{white-space:nowrap}.contract-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:9px;margin-top:10px}.contract h3{font-size:15px;margin:9px 0}.contract-req{display:grid;gap:5px;margin:8px 0 12px;font-size:12px}.contract-req span{background:#101a17;border:1px solid #263c34;border-radius:8px;padding:6px}.scroll{scrollbar-gutter:stable}.scroll::-webkit-scrollbar,.side::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb,.side::-webkit-scrollbar-thumb{background:#365148;border-radius:999px;border:2px solid #15211d}.scroll::-webkit-scrollbar-track,.side::-webkit-scrollbar-track{background:#101815}@media(max-width:760px){.grow-pick{grid-template-columns:1fr}.pick-stars{grid-template-columns:repeat(2,1fr)}}

/* v5 interaction stability */
@media(max-width:980px){
  .side{position:sticky;top:86px;z-index:26;scrollbar-gutter:stable both-edges;overscroll-behavior-x:contain}
}
.parent-actions .btn{touch-action:manipulation}
.strain-picker{overscroll-behavior:contain}