:root{
 --bg:#020b07;--panel:#061b12;--panel2:#08251a;--line:#13563c;--green:#4dff87;--green2:#a7ff38;
 --text:#f1fff7;--muted:#8eb8a3;--cyan:#39d9ff;--pink:#ff65c7;--amber:#ffbf4a;--red:#ff6d6d;
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 58% 20%,#0a2d1d 0,#03120c 36%,#010604 76%);color:var(--text);font:14px/1.4 Inter,Segoe UI,Arial,sans-serif}
button{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;padding:24px 14px;background:rgba(1,13,8,.96);border-right:1px solid #12452f;z-index:5}.brand{padding:0 8px 25px}.brandmark{font-size:32px;font-weight:950;letter-spacing:2px;color:var(--green);text-shadow:0 0 24px #36ff7a77}.brand small{letter-spacing:3px;color:#d8ffe6;font-size:9px}.sidebar nav{display:grid;gap:5px}.navbtn{border:1px solid transparent;background:transparent;color:#d9f5e5;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer}.navbtn:hover,.navbtn.active{border-color:#2de467;background:#0b3322;color:#fff}.navbtn.active{box-shadow:inset 3px 0 var(--green)}.side-foot{position:absolute;bottom:20px;left:22px;color:#6f9b83;font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
main{grid-column:2}.topbar{height:72px;position:sticky;top:0;z-index:4;display:grid;grid-template-columns:auto minmax(260px,1fr) auto;gap:12px;align-items:center;padding:10px 24px;background:#03130ded;border-bottom:1px solid #12452f;backdrop-filter:blur(14px)}.wallet{display:flex;gap:8px}.pill{padding:9px 12px;border:1px solid #1a6948;border-radius:10px;background:#072319}.drop b{color:var(--cyan)}.flower b{color:var(--pink)}.level{max-width:520px}.level small{color:#82a995}.xp{height:7px;background:#0a2b1d;border-radius:9px;margin-top:7px;overflow:hidden}.xp i{display:block;width:74%;height:100%;background:linear-gradient(90deg,var(--green),var(--green2))}.account{display:flex;gap:10px;align-items:center;color:#a4cbb6}.account button{background:#0a2b1d;border:1px solid #1d6448;color:#fff;border-radius:9px;padding:8px 11px}.mobile-menu{display:none}
.page{padding:26px;max-width:1600px;margin:auto}.eyebrow{color:var(--green);letter-spacing:2px;text-transform:uppercase;font-size:11px}.page h1{font-size:30px;margin:3px 0}.subtitle{color:var(--muted);margin:0 0 20px}
.grid{display:grid;gap:14px}.hero-grid{grid-template-columns:minmax(460px,1.5fr) minmax(310px,.72fr)}.card{background:linear-gradient(180deg,#082319e8,#04150fe8);border:1px solid #14593d;border-radius:14px;padding:16px;box-shadow:0 16px 45px #0005}.card h3{margin:0 0 12px}.plant-stage{min-height:410px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#164c2d 0,#071b12 44%,#03100b 78%)}.plant-stage:after{content:"";position:absolute;inset:auto 8% 0;height:1px;background:#3dff8266;box-shadow:0 -25px 80px #38ff7560}.plant{height:270px;display:grid;place-items:center;filter:drop-shadow(0 0 28px #53ff6b77)}.plant svg{width:235px;height:250px}.plant-meta{z-index:1}.stage-line{display:flex;justify-content:space-between;gap:12px}.progress{height:9px;background:#0b2b1f;border-radius:12px;overflow:hidden;margin-top:10px}.progress i{height:100%;display:block;background:linear-gradient(90deg,#2ef078,#b7ff39);width:50%}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{padding:12px;background:#051a12;border:1px solid #124c35;border-radius:10px}.stat small{display:block;color:#8cb7a0}.stat b{font-size:22px}.good{color:var(--green)}.warn{color:var(--amber)}.danger{color:var(--red)}
.harvest{margin-top:14px;padding-top:14px;border-top:1px solid #12452f}.harvest strong{color:var(--pink);font-size:18px}
.param-grid{grid-template-columns:repeat(7,1fr);margin-top:14px}.param{min-height:110px}.param .value{font-size:22px;font-weight:850;margin:7px 0 2px}.param small{color:var(--muted)}.badge{display:inline-block;padding:4px 7px;border-radius:7px;font-size:10px;border:1px solid #267752;background:#0b3424;color:#baffcf}.badge.attn{border-color:#846022;background:#33250d;color:#ffd780}
.event-grid{grid-template-columns:1fr 1fr;margin-top:14px}.event{border-color:#7b5c20;background:linear-gradient(180deg,#2a200d,#10140d)}.event .big{font-size:28px;color:var(--amber);font-weight:900}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice{padding:12px;border:1px solid #176044;background:#061d14;color:#fff;border-radius:10px;text-align:left;cursor:pointer}.choice:hover{border-color:var(--green);transform:translateY(-1px)}.choice b{display:block}.cost{color:var(--cyan);font-size:12px}.timeline{display:flex;gap:6px;align-items:center}.day{height:8px;flex:1;background:#0d3525;border-radius:9px}.day.done{background:#4df985}.day.now{background:#c5ff3d;box-shadow:0 0 12px #baff36}
.two{grid-template-columns:1fr 1fr}.rootbox{min-height:150px;background:radial-gradient(ellipse at top,#154329,#07140f 60%);position:relative;overflow:hidden}.roots{font-size:62px;text-align:center;filter:drop-shadow(0 0 12px #f5e8a555)}.list{display:grid;gap:8px}.row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #103d2c}.muted{color:var(--muted)}
.placeholder{min-height:560px;display:grid;place-items:center;text-align:center}.placeholder .icon{font-size:55px}.tester{position:fixed;right:14px;bottom:14px;z-index:8;padding:9px;border:1px solid #1c7350;background:#041a12eF;border-radius:10px;box-shadow:0 10px 40px #0008}.tester b{display:block;color:#b8ffd0;font-size:11px;margin-bottom:6px}.tester button{border:1px solid #24865c;background:#082a1d;color:#fff;border-radius:6px;padding:5px 7px;margin:2px;cursor:pointer}#toast{position:fixed;right:20px;top:88px;z-index:10;max-width:330px}
.toast{padding:12px 15px;background:#0a2d1f;border:1px solid #35dc80;border-radius:9px;margin-bottom:8px;box-shadow:0 12px 35px #0008}
@media(max-width:1050px){.hero-grid,.event-grid{grid-template-columns:1fr}.param-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.app{display:block}.sidebar{transform:translateX(-105%);transition:.2s;width:250px}.sidebar.open{transform:none}.topbar{height:auto;grid-template-columns:auto 1fr auto;padding:8px 10px}.mobile-menu{display:block;background:#082a1d;border:1px solid #1d6448;color:#fff;border-radius:8px;padding:8px}.wallet span,.account span,.level small{display:none}.level{grid-row:2;grid-column:1/-1}.page{padding:15px}.hero-grid,.two{grid-template-columns:1fr}.plant-stage{min-height:350px}.param-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.choices{grid-template-columns:1fr}.tester{left:10px;right:10px}.account button{padding:7px}.pill{padding:8px}.page h1{font-size:25px}}
.section{margin-top:14px}.cards3{grid-template-columns:repeat(3,1fr)}.primary{display:block;width:100%;margin-top:16px;padding:11px;border-radius:9px;border:1px solid #2a8c60;background:#0a3424;color:#fff;cursor:pointer}.primary:hover{border-color:var(--green)}.primary:disabled,.choice:disabled{opacity:.45;cursor:not-allowed}.icon{font-size:34px}.toolbar,.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.rankrow{display:grid;grid-template-columns:60px 1fr auto;gap:10px;padding:14px 8px;border-bottom:1px solid #103d2c}.meter{height:12px;background:#0a2b1d;border-radius:12px;overflow:hidden;margin-top:14px}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--green2))}.field{display:grid;gap:5px;margin:12px 0}.field label{color:var(--muted)}.field input{background:#04140e;border:1px solid #18573d;border-radius:8px;color:#dff7e9;padding:10px}
@media(max-width:900px){.cards3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cards3{grid-template-columns:1fr}.rankrow{grid-template-columns:45px 1fr auto}}
.badge.danger{border-color:#a33d3d;background:#3c1414;color:#ffb7b7}.badge.good{border-color:#2f7d53;background:#0a3424;color:#baffcf}
.observation{border-color:#3b7957;background:linear-gradient(180deg,#0b2a1d,#06170f)}
.observation h2{margin:5px 0 10px}.observation ul{margin:8px 0 0;padding-left:20px}.observation li{margin:5px 0;color:#d9f1e4}
.inspect-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.inspect-btn{border:1px solid #176044;background:#061d14;color:#fff;border-radius:9px;padding:10px;cursor:pointer}.inspect-btn:hover{border-color:var(--green)}
.intervention-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.slot{width:13px;height:13px;border-radius:50%;border:1px solid #2a8c60;background:#0b3424}.slot.used{background:#ffbf4a;border-color:#ffbf4a}.slot-label{color:var(--muted)}
.action-card{position:relative}.action-card .tag{font-size:10px;color:var(--muted);margin-top:7px}.action-card button{margin-top:12px}.action-card.disabled{opacity:.5}
.problem-strip{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.problem-chip{border:1px solid #6f4f1b;background:#2b200d;color:#ffd995;border-radius:8px;padding:5px 8px;font-size:11px}.problem-chip.critical{border-color:#9d3838;background:#351313;color:#ffb4b4}.problem-chip.recovering{border-color:#2a7950;background:#0b2d1f;color:#a9ffd0}
.trend{font-weight:800}.trend.up{color:#ffbf4a}.trend.down{color:#39d9ff}.trend.flat{color:#8eb8a3}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kpi{padding:10px;background:#051a12;border:1px solid #124c35;border-radius:10px}.kpi small{display:block;color:#8cb7a0}.kpi b{font-size:16px}
.note{padding:10px 12px;border-left:3px solid #39d9ff;background:#071c14;color:#b9daca;margin-top:10px}
.symptom-level{font-size:11px;color:#ffcf76;text-transform:uppercase;letter-spacing:1px}
.snapshot-table{width:100%;border-collapse:collapse}.snapshot-table th,.snapshot-table td{padding:8px;border-bottom:1px solid #103d2c;text-align:left}.snapshot-table th{color:#8eb8a3;font-size:11px}.snapshot-table td{font-size:12px}
.statusline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media(max-width:1050px){.inspect-grid{grid-template-columns:repeat(3,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.inspect-grid{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:1fr 1fr}}
.survival-alert{margin:0 0 14px;padding:11px 14px;border:1px solid #315c43;border-radius:10px;background:#082617;font-weight:800;letter-spacing:.01em}
.survival-alert.warn{border-color:#9a6b18;background:#2d2108;color:#ffd66b}
.survival-alert.danger{border-color:#8d3030;background:#2b1010;color:#ff9b9b}
.secondary{padding:8px 10px;border-radius:8px;border:1px solid #247552;background:#071f16;color:#dff7e9;cursor:pointer}.secondary:hover{border-color:var(--green)}

/* ===== H420 ALPHA 1.2 · VISUAL FINAL DRAFT ===== */
:root{
 --bg:#020806;--panel:#071b13;--panel2:#0a2419;--panel3:#0d2d20;
 --line:#1a5d43;--line2:#277a57;--green:#52ff88;--green2:#b4ff38;
 --text:#f5fff8;--muted:#8caf9d;--cyan:#49dcff;--pink:#ff69c9;--amber:#ffc35a;--red:#ff676f;
 --glow:0 0 32px rgba(82,255,136,.14);--shadow:0 18px 60px rgba(0,0,0,.42);
}
html{background:#010604}
body{
 background:
 radial-gradient(circle at 68% 8%,rgba(24,112,72,.20),transparent 24%),
 radial-gradient(circle at 52% 38%,rgba(20,91,58,.16),transparent 34%),
 linear-gradient(180deg,#020907 0,#010503 100%);
 min-height:100vh;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 84%)}
.app{grid-template-columns:238px 1fr}
.sidebar{width:238px;padding:28px 16px;background:linear-gradient(180deg,rgba(2,15,10,.985),rgba(2,10,7,.985));border-right:1px solid rgba(72,255,139,.14);box-shadow:18px 0 55px rgba(0,0,0,.24)}
.brand{padding:0 10px 28px;position:relative}.brand:after{content:"";position:absolute;left:10px;right:10px;bottom:13px;height:1px;background:linear-gradient(90deg,var(--green),transparent)}
.brandmark{font-size:34px;letter-spacing:3px;background:linear-gradient(180deg,#b7ffd0,#43ff80);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(70,255,127,.22))}
.brand small{font-size:8px;letter-spacing:4.4px;color:#8fc7a9}
.sidebar nav{gap:7px}.navbtn{position:relative;padding:12px 12px 12px 40px;border-radius:11px;color:#bfd6ca;transition:.18s ease}
.navbtn:before{position:absolute;left:13px;width:18px;text-align:center;opacity:.72;filter:grayscale(.2)}
.navbtn:nth-child(1):before{content:"◉"}.navbtn:nth-child(2):before{content:"⌁"}.navbtn:nth-child(3):before{content:"▤"}.navbtn:nth-child(4):before{content:"⬡"}.navbtn:nth-child(5):before{content:"✦"}.navbtn:nth-child(6):before{content:"◆"}.navbtn:nth-child(7):before{content:"♛"}.navbtn:nth-child(8):before{content:"●"}.navbtn:nth-child(9):before{content:"⚙"}
.navbtn:hover,.navbtn.active{background:linear-gradient(90deg,rgba(52,184,103,.20),rgba(13,67,44,.25));border-color:rgba(85,255,142,.34);box-shadow:inset 3px 0 var(--green),0 0 22px rgba(79,255,137,.05)}
.side-foot{left:26px;bottom:23px;color:#779d89}
main{min-width:0}.topbar{height:78px;padding:12px 30px;background:rgba(3,15,11,.86);border-bottom:1px solid rgba(76,255,139,.16);box-shadow:0 8px 35px rgba(0,0,0,.18)}
.pill{min-width:112px;padding:10px 13px;border-color:rgba(78,225,145,.30);background:linear-gradient(180deg,rgba(10,50,34,.9),rgba(5,29,20,.9));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.pill b{font-size:15px}.level b{font-size:12px;letter-spacing:.2px}.xp{height:6px;background:#0b2e20;box-shadow:inset 0 0 0 1px #123f2e}.account button{background:linear-gradient(180deg,#0d3928,#082519);border-color:#2a7b56}
.page{padding:34px 34px 70px;max-width:1680px}.page>div:first-child{margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#72ff9c}.page h1{font-size:34px;letter-spacing:-1px}.subtitle{font-size:13px;max-width:760px}
.card{background:linear-gradient(180deg,rgba(9,35,25,.94),rgba(4,19,13,.96));border-color:rgba(52,157,105,.40);border-radius:16px;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.025)}
.card:hover{border-color:rgba(75,206,137,.48)}
.garden-hud{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 14px}.garden-hud span{padding:7px 10px;border-radius:999px;border:1px solid rgba(70,202,133,.28);background:rgba(7,36,24,.78);font-size:11px;color:#b7d9c6}
.hero-grid{grid-template-columns:minmax(600px,1.65fr) minmax(330px,.70fr);gap:16px}
.plant-stage{min-height:510px;padding:0;isolation:isolate;background:
 radial-gradient(circle at 50% 44%,rgba(63,255,128,.18),rgba(16,65,42,.13) 27%,rgba(3,17,11,.9) 62%),
 linear-gradient(180deg,rgba(6,29,20,.88),rgba(2,12,8,.96));border-color:rgba(76,255,139,.34)}
.plant-stage:before{content:"";position:absolute;inset:42px 14% 100px;border:1px solid rgba(95,255,151,.12);border-radius:50%;box-shadow:0 0 0 30px rgba(61,255,123,.018),0 0 0 68px rgba(61,255,123,.012);z-index:-1}
.plant-stage:after{left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,#52ff88 22%,#b5ff3d 50%,#52ff88 78%,transparent);box-shadow:0 -16px 64px rgba(70,255,130,.33)}
.stage-badge{position:absolute;top:18px;left:18px;padding:6px 9px;border-radius:999px;border:1px solid rgba(72,231,139,.34);background:rgba(4,26,17,.84);font-size:9px;letter-spacing:1.7px;color:#9cffbc;z-index:2}
.plant-orbit{position:absolute;inset:64px 23% 118px;border:1px dashed rgba(112,255,163,.13);border-radius:50%;z-index:-1}
.plant-orbit:before,.plant-orbit:after{content:"";position:absolute;border-radius:50%;background:#5cff93;box-shadow:0 0 12px #5cff93}.plant-orbit:before{width:5px;height:5px;left:10%;top:24%}.plant-orbit:after{width:4px;height:4px;right:12%;bottom:20%}
.plant{height:360px;padding-top:35px}.plant svg{width:300px;height:320px;filter:drop-shadow(0 0 24px rgba(90,255,133,.25))}
.plant-meta{padding:18px 20px 20px;background:linear-gradient(180deg,transparent,rgba(1,11,7,.92));backdrop-filter:blur(2px)}.plant-id{display:block;color:#79ac91;letter-spacing:1.3px;font-size:9px}.stage-line b{font-size:15px}.day-chip{padding:6px 9px;border:1px solid #286c4d;background:#082c1f;border-radius:9px}.cycle-labels{display:flex;justify-content:space-between;margin-top:12px;color:#668b78;font-size:9px}.progress{height:8px;margin-top:5px;border:1px solid rgba(54,128,90,.45);background:#061b12}.progress i{box-shadow:0 0 16px rgba(87,255,135,.4)}
.bio-panel{padding:18px}.panel-kicker{font-size:9px;letter-spacing:2px;color:#68dc91;margin-bottom:3px}.bio-panel>h3{font-size:20px;margin-bottom:15px}.stat-grid{gap:9px}.stat{position:relative;overflow:hidden;padding:12px 10px 16px;background:linear-gradient(180deg,#071d14,#04140e);border-color:#16543b}.stat b{font-size:23px}.stat i{position:absolute;left:0;bottom:0;height:3px;width:var(--meter);background:linear-gradient(90deg,#43f981,#b0ff3b);box-shadow:0 0 10px rgba(83,255,133,.45)}.stat i.stress-meter{background:linear-gradient(90deg,#ffb03f,#ff5c65)}
.harvest{margin-top:18px}.yield-card{margin-top:12px;padding:13px;border-radius:12px;border:1px solid rgba(255,105,201,.28);background:linear-gradient(135deg,rgba(72,20,56,.22),rgba(9,35,24,.58));display:grid;grid-template-columns:1fr auto;gap:4px 12px}.yield-card span{color:#a9c6b6}.yield-card strong{font-size:24px;color:#ff91d5}.yield-card small{grid-column:1/-1;color:#7fa992}
.param-grid{gap:10px;margin-top:16px}.param{min-height:122px;padding:13px 14px;position:relative;overflow:hidden}.param:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(79,255,137,.42),transparent)}.param .value{font-size:24px;letter-spacing:-.6px}.param .badge+ .badge{margin-left:4px}.locked{background:linear-gradient(180deg,rgba(17,28,23,.72),rgba(7,14,10,.86));filter:saturate(.55)}
.diagnosis-row{margin-top:16px;gap:16px}.observation{padding:18px;border-color:rgba(87,195,131,.38);background:linear-gradient(135deg,rgba(8,44,28,.88),rgba(5,21,15,.93))}.observation h2{font-size:22px}.note{border-left-color:#53ddff;background:linear-gradient(90deg,rgba(18,72,80,.22),transparent);border-radius:0 8px 8px 0}
.inspect-grid{gap:9px}.inspect-btn{min-height:48px;background:linear-gradient(180deg,#09291d,#061b13);transition:.18s ease}.inspect-btn:hover{border-color:#5bff91;background:#0c3b28;box-shadow:0 0 18px rgba(65,255,128,.10)}
.intervention-shell{margin-top:16px}.integrated-interventions{padding-top:4px}.integrated-interventions>div:first-child h2{font-size:25px}.intervention-bar{padding:9px 11px;border-radius:10px;background:rgba(8,37,25,.55);border:1px solid rgba(46,129,89,.25)}
.action-card{padding:15px;border-radius:13px;border:1px solid rgba(41,130,89,.34);background:linear-gradient(180deg,rgba(8,33,23,.8),rgba(4,18,12,.8));transition:.18s ease}.action-card:hover{transform:translateY(-2px);border-color:rgba(82,255,136,.44);box-shadow:0 10px 25px rgba(0,0,0,.18)}.action-card>b{font-size:14px}.action-card .primary{background:linear-gradient(180deg,#0e4931,#0a3223);border-color:#2b9867}
.primary{background:linear-gradient(180deg,#0e4931,#092f21);border-color:#2b9867;box-shadow:inset 0 1px rgba(255,255,255,.03);transition:.18s ease}.primary:hover{background:linear-gradient(180deg,#135a3b,#0c3a28);box-shadow:0 0 20px rgba(63,255,126,.10)}
.cards3{gap:13px}.cards3>.card{min-height:220px}.cards3>.card .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#103c29,#082117);border:1px solid #1d6547}
.problem-chip{backdrop-filter:blur(6px)}.problem-strip{gap:6px}
.snapshot-table{font-size:12px}.snapshot-table thead{position:sticky;top:0;background:#071d14}
.tester{right:16px;bottom:16px;background:rgba(3,23,15,.92);border-color:rgba(76,255,139,.36);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.5)}.tester button{background:#092d1f;border-color:#287c57}.tester b{letter-spacing:.5px}
#toast{top:90px}.toast{background:linear-gradient(180deg,#0b3524,#072418);border-color:#44e484}
@media(max-width:1180px){.hero-grid{grid-template-columns:1fr}.plant-stage{min-height:460px}.param-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.app{display:block}.sidebar{width:260px}.topbar{padding:9px 12px}.page{padding:18px 14px 95px}.page h1{font-size:28px}.plant-stage{min-height:390px}.plant{height:280px}.plant svg{width:230px;height:245px}.param-grid{grid-template-columns:repeat(2,1fr)}.garden-hud{gap:5px}.garden-hud span{font-size:10px}.diagnosis-row{grid-template-columns:1fr}.tester{overflow-x:auto;white-space:nowrap}.yield-card{grid-template-columns:1fr}.yield-card strong{font-size:21px}}

/* ===== H420 ALPHA 1.3 · MOTION UI ===== */
html{scroll-behavior:smooth;scrollbar-color:#1e7c55 #03110b;scrollbar-width:thin}
body::-webkit-scrollbar,.page::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-track,.page::-webkit-scrollbar-track{background:#03110b}body::-webkit-scrollbar-thumb,.page::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1b6a49,#2dcf78);border:2px solid #03110b;border-radius:999px}
.page.page-enter{animation:pageIn .34s cubic-bezier(.2,.75,.25,1)}@keyframes pageIn{from{opacity:.25;transform:translateY(10px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
.navbtn{overflow:hidden}.navbtn:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(89,255,145,.08),transparent);transition:transform .45s ease}.navbtn:hover:after{transform:translateX(110%)}
.navbtn:nth-child(1):before{content:"⌂"}.navbtn:nth-child(2):before{content:"▥"}.navbtn:nth-child(3):before{content:"⚗"}.navbtn:nth-child(4):before{content:"◷"}.navbtn:nth-child(5):before{content:"⬡"}.navbtn:nth-child(6):before{content:"✦"}.navbtn:nth-child(7):before{content:"◆"}.navbtn:nth-child(8):before{content:"♛"}.navbtn:nth-child(9):before{content:"●"}.navbtn:nth-child(10):before{content:"⚙"}
.cycle-rail{position:sticky;top:88px;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 16px;padding:10px;border:1px solid rgba(73,222,137,.22);border-radius:14px;background:rgba(3,18,12,.82);backdrop-filter:blur(14px);box-shadow:0 12px 35px rgba(0,0,0,.22)}
.cycle-step{position:relative;display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;min-width:0;padding:7px 9px;border-radius:10px;color:#789b89;border:1px solid transparent;transition:.25s ease}.cycle-step:after{content:"";position:absolute;left:34px;right:-13px;top:22px;height:1px;background:#164a35;z-index:-1}.cycle-step:last-child:after{display:none}
.cycle-node{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid #2b6149;background:#061b12;box-shadow:inset 0 0 0 3px #03110b;font-size:12px}.cycle-step small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1px}.cycle-step b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.cycle-step.done{color:#a8f7c2}.cycle-step.done .cycle-node{border-color:#42e981;background:#0b4a2e;color:#d9ffe5}.cycle-step.done:after{background:linear-gradient(90deg,#42e981,#1a5c40)}.cycle-step.active{color:#fff;border-color:rgba(158,255,65,.34);background:linear-gradient(180deg,rgba(47,101,27,.34),rgba(9,43,27,.44));box-shadow:0 0 22px rgba(112,255,66,.08)}.cycle-step.active .cycle-node{border-color:#b8ff3d;color:#cfff74;box-shadow:0 0 16px rgba(176,255,61,.32),inset 0 0 0 3px #092014}
.plant-stage{transition:border-color .35s ease,box-shadow .35s ease}.plant-stage:hover{border-color:rgba(91,255,148,.58);box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 38px rgba(72,255,135,.08)}.plant svg{transform-origin:50% 86%;animation:plantBreath 5.4s ease-in-out infinite}.plant-orbit{animation:orbitPulse 4.8s ease-in-out infinite}
@keyframes plantBreath{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.012)}}@keyframes orbitPulse{0%,100%{opacity:.45;transform:scale(.985)}50%{opacity:.9;transform:scale(1.015)}}
.stat i,.progress i,.meter i{transition:width .7s cubic-bezier(.2,.8,.2,1)}.param,.stat,.yield-card,.observation,.action-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.param:hover,.stat:hover,.yield-card:hover{transform:translateY(-2px);border-color:rgba(82,255,136,.48);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.action-card{overflow:hidden}.action-card:after{content:"";position:absolute;inset:-100% auto -100% -35%;width:24%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);transition:left .55s ease}.action-card:hover:after{left:120%}.inspect-btn,.primary,.secondary,.tester button{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.inspect-btn:active,.primary:active,.secondary:active,.tester button:active{transform:scale(.98)}
.toast{animation:toastIn .25s ease both}@keyframes toastIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}.topbar{box-shadow:0 10px 38px rgba(0,0,0,.24),inset 0 -1px rgba(87,255,145,.04)}
@media(max-width:900px){.cycle-rail{grid-template-columns:repeat(5,minmax(145px,1fr));overflow-x:auto;scroll-snap-type:x proximity}.cycle-step{scroll-snap-align:start}.cycle-rail::-webkit-scrollbar{height:5px}}@media(max-width:760px){.cycle-rail{top:100px;margin-left:-2px;margin-right:-2px}.plant svg{animation-duration:6.5s}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page.page-enter,.plant svg,.plant-orbit,.toast{animation:none!important}.navbtn:after,.action-card:after{display:none}}

/* ===== H420 ALPHA 1.4 · CINEMATIC GARDEN ===== */
.brandmark{font-size:36px;letter-spacing:4px;background:linear-gradient(90deg,#f7fff9 0 25%,#5dff8f 25% 48%,#f7fff9 48%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.brand small{display:block;margin-top:2px;font-size:8px;letter-spacing:4.5px;color:#b9e9cc}.brand:before{content:"CULTIVÁ CONOCIMIENTO";position:absolute;left:10px;top:55px;font-size:6px;letter-spacing:2.2px;color:#4c8c68}
.plant-stage{min-height:570px;background:radial-gradient(ellipse at 50% 32%,rgba(30,111,61,.34),transparent 35%),linear-gradient(180deg,#061a11 0,#03100a 70%,#020906 100%);border-color:rgba(69,236,128,.34)}
.plant-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,255,107,.025) 1px,transparent 1px),linear-gradient(rgba(30,255,107,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at 50% 48%,#000,transparent 72%);pointer-events:none}
.plant.hydro-scene{height:420px;position:relative;display:block;overflow:hidden;isolation:isolate;filter:none;border-radius:12px;background:radial-gradient(ellipse at 50% 44%,rgba(32,125,69,.16),transparent 48%)}
.grow-light{position:absolute;z-index:4;top:2px;left:50%;transform:translateX(-50%);width:235px;height:22px;border:1px solid #315b42;border-radius:5px 5px 13px 13px;background:linear-gradient(180deg,#1a241e,#070b09);box-shadow:0 15px 35px rgba(208,255,213,.12)}
.grow-light:before{content:"";position:absolute;left:9%;right:9%;bottom:-45px;height:55px;background:linear-gradient(180deg,rgba(215,255,216,.13),transparent);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);filter:blur(3px)}
.grow-light i{display:inline-block;width:18px;height:5px;margin:8px 5px;background:#d8ffe1;border-radius:50%;box-shadow:0 0 12px #d8ffe1,0 0 24px rgba(112,255,154,.55)}
.plant-avatar{position:absolute;z-index:3;left:50%;top:27px;transform:translateX(-50%);width:275px;height:295px;filter:drop-shadow(0 0 18px rgba(68,255,116,.26))}
.plant-avatar svg{width:100%;height:100%;transform-origin:50% 86%;animation:plantBreath 5.4s ease-in-out infinite}
.hydro-tank{position:absolute;z-index:2;left:50%;bottom:15px;transform:translateX(-50%);width:330px;height:174px;border:3px solid rgba(123,224,255,.38);border-top:8px solid #1a2c25;border-radius:13px 13px 38px 38px;background:linear-gradient(180deg,rgba(10,95,111,.35),rgba(0,36,54,.74));box-shadow:inset 0 0 35px rgba(65,214,255,.16),0 0 40px rgba(38,181,255,.08)}
.hydro-tank:before{content:"";position:absolute;left:-20px;right:-20px;top:-16px;height:24px;border-radius:50%;border:5px solid #223b30;background:#0b1712;box-shadow:inset 0 0 0 2px #08100d,0 7px 20px #0008}
.waterline{position:absolute;left:4px;right:4px;top:16px;height:2px;background:#64e7ff;box-shadow:0 0 12px #36dfff}
.tank-label{position:absolute;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;color:#6dc9d8;font-size:8px;letter-spacing:1px}.tank-label b{color:#d8fbff}
.bubble{position:absolute;bottom:22px;width:7px;height:7px;border:1px solid rgba(166,244,255,.72);border-radius:50%;box-shadow:0 0 8px rgba(82,221,255,.45);animation:bubbleUp 4s linear infinite}.b1{left:12%;animation-delay:-.5s}.b2{left:28%;width:4px;height:4px;animation-delay:-2.1s}.b3{left:43%;animation-delay:-3.2s}.b4{left:61%;width:5px;height:5px;animation-delay:-1.3s}.b5{left:76%;animation-delay:-2.7s}.b6{left:88%;width:4px;height:4px;animation-delay:-.9s}@keyframes bubbleUp{0%{transform:translateY(0) scale(.7);opacity:0}15%{opacity:.85}100%{transform:translateY(-125px) scale(1.25);opacity:0}}
.scene-hud{position:absolute;z-index:5;top:42px;min-width:145px;padding:9px 11px;border:1px solid rgba(61,230,124,.25);border-radius:10px;background:rgba(2,22,14,.64);backdrop-filter:blur(8px);box-shadow:0 10px 28px rgba(0,0,0,.25)}.hud-left{left:10px}.hud-right{right:10px;text-align:right}.scene-hud small{display:block;color:#65e99a;font-size:7px;letter-spacing:1.5px}.scene-hud b{display:block;font-size:15px;margin:2px 0}.scene-hud span{color:#82ae97;font-size:9px}
.scene-scan{position:absolute;z-index:6;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(87,255,148,.045) 49%,rgba(87,255,148,.12) 50%,rgba(87,255,148,.045) 51%,transparent 100%);background-size:100% 120px;animation:sceneScan 7s linear infinite;mix-blend-mode:screen}@keyframes sceneScan{from{background-position:0 -140px}to{background-position:0 560px}}
.plant-orbit{position:absolute!important;z-index:1;left:50%;top:48%;transform:translate(-50%,-50%);width:82%;height:66%;border:1px solid rgba(75,255,138,.13);border-radius:50%;box-shadow:0 0 65px rgba(49,255,116,.05)}
.stage-badge{z-index:7}.plant-meta{z-index:7}.garden-hud span{backdrop-filter:blur(8px);background:rgba(5,30,19,.72)}.cycle-rail{top:78px;border-color:rgba(82,255,136,.26);box-shadow:0 15px 42px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.02)}
.tester-title{cursor:pointer!important;display:flex!important;align-items:center;justify-content:space-between;gap:14px;user-select:none}.tester-title span{transition:transform .2s}.tester.collapsed .tester-title span{transform:rotate(180deg)}.tester-actions{max-height:110px;overflow:hidden;transition:max-height .22s ease,opacity .18s ease}.tester.collapsed .tester-actions{max-height:0;opacity:0}.tester.collapsed{padding-bottom:7px}
@media(max-width:1180px){.plant-stage{min-height:535px}.plant.hydro-scene{height:390px}}@media(max-width:760px){.plant-stage{min-height:500px}.plant.hydro-scene{height:355px}.hydro-tank{width:265px;height:145px}.plant-avatar{width:235px;height:250px}.scene-hud{top:34px;min-width:112px;padding:7px}.scene-hud b{font-size:12px}.grow-light{width:190px}.tester{bottom:8px}.brand:before{top:52px}}@media(prefers-reduced-motion:reduce){.bubble,.scene-scan{animation:none!important}}

/* 1.4.1 · REAL SCENE PATCH */
.plant.hydro-scene{height:420px!important;position:relative!important;display:block!important;overflow:hidden!important;isolation:isolate;border-radius:12px;background:radial-gradient(ellipse at 50% 48%,rgba(24,112,61,.25),rgba(2,12,8,.15) 46%,rgba(1,8,5,.82) 82%)}
.plant-avatar{position:absolute;z-index:3;left:50%;top:0;transform:translateX(-50%);width:min(46%,320px);height:100%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 25px rgba(62,255,130,.2))}
.plant-photo{height:100%;width:auto;max-width:100%;object-fit:cover;border-radius:18px;box-shadow:0 0 0 1px rgba(100,255,166,.2),0 0 48px rgba(38,211,105,.16);filter:saturate(1.08) contrast(1.05) brightness(.92)}
.plant-avatar:has(.plant-photo):after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,14,9,.68),transparent 20%,transparent 80%,rgba(2,14,9,.68)),linear-gradient(180deg,transparent 72%,rgba(2,12,8,.55));pointer-events:none;border-radius:18px}
.scene-hud{position:absolute;z-index:7;top:46px;min-width:145px;padding:9px 11px;border:1px solid rgba(61,230,124,.25);border-radius:10px;background:rgba(2,22,14,.7);backdrop-filter:blur(8px)}.hud-left{left:14px}.hud-right{right:14px;text-align:right}.scene-hud small{display:block;color:#65e99a;font-size:7px;letter-spacing:1.5px}.scene-hud b{display:block;font-size:15px;margin:2px 0}.scene-hud span{color:#82ae97;font-size:9px}
.scene-scan{position:absolute;z-index:6;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(87,255,148,.025) 49%,rgba(87,255,148,.10) 50%,rgba(87,255,148,.025) 51%,transparent 100%);background-size:100% 130px;animation:sceneScan 7s linear infinite;mix-blend-mode:screen}
@keyframes sceneScan{from{background-position:0 -150px}to{background-position:0 570px}}
@media(max-width:760px){.plant-avatar{width:min(62%,260px)}.scene-hud{top:34px;min-width:105px;padding:7px}.scene-hud b{font-size:11px}}

/* ===== H420 ALPHA 1.5 · LIVING RDWC HERO ===== */
.plant-stage{min-height:620px!important;padding:14px!important;background:linear-gradient(180deg,#06160f 0%,#020b07 100%)!important;box-shadow:inset 0 0 90px rgba(20,110,59,.08),0 22px 60px rgba(0,0,0,.32)}
.plant.hydro-scene{height:475px!important;margin:0!important;background:radial-gradient(ellipse at 50% 38%,rgba(38,136,73,.26),transparent 46%),linear-gradient(180deg,rgba(3,20,12,.3),rgba(1,8,5,.88))!important;border:1px solid rgba(61,224,119,.08);border-radius:16px!important}
.plant-avatar{top:10px!important;width:min(54%,470px)!important;height:455px!important;filter:drop-shadow(0 0 35px rgba(55,255,126,.18))!important}
.rdwc-photo-wrap{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:22px;background:#020a06}
.plant-photo{height:100%!important;width:100%!important;max-width:none!important;object-fit:cover!important;object-position:50% 50%!important;border-radius:22px!important;box-shadow:0 0 0 1px rgba(90,255,151,.18),0 0 70px rgba(35,206,99,.14)!important;filter:saturate(1.12) contrast(1.06) brightness(.94)!important}
.rdwc-photo-wrap:before{content:"";position:absolute;z-index:3;inset:0;box-shadow:inset 0 0 45px 18px #03120b,inset 0 -35px 45px #020905;pointer-events:none;border-radius:22px}
.rdwc-photo-wrap:after{content:"RDWC · RAÍCES ACTIVAS";position:absolute;z-index:4;left:14px;bottom:13px;padding:6px 9px;border:1px solid rgba(102,230,255,.34);border-radius:7px;background:rgba(0,25,30,.66);color:#9defff;font-size:8px;letter-spacing:1.4px;backdrop-filter:blur(7px)}
.water-glow{position:absolute;z-index:2;left:10%;right:10%;bottom:5%;height:43%;border-radius:0 0 28px 28px;box-shadow:inset 0 0 42px rgba(64,220,255,.16),0 0 32px rgba(44,205,255,.08);pointer-events:none}
.root-bubbles{position:absolute;z-index:4;inset:48% 8% 7%;pointer-events:none}.root-bubbles i{position:absolute;bottom:4%;width:6px;height:6px;border:1px solid rgba(184,249,255,.8);border-radius:50%;animation:heroBubble 3.7s linear infinite}.root-bubbles i:nth-child(1){left:13%;animation-delay:-.3s}.root-bubbles i:nth-child(2){left:28%;width:4px;height:4px;animation-delay:-1.7s}.root-bubbles i:nth-child(3){left:43%;animation-delay:-2.8s}.root-bubbles i:nth-child(4){left:61%;width:5px;height:5px;animation-delay:-1.1s}.root-bubbles i:nth-child(5){left:76%;animation-delay:-2.2s}.root-bubbles i:nth-child(6){left:89%;width:4px;height:4px;animation-delay:-.7s}@keyframes heroBubble{0%{transform:translateY(0) scale(.7);opacity:0}18%{opacity:.9}100%{transform:translateY(-135px) scale(1.3);opacity:0}}
.young-stage{position:relative;width:72%;height:94%;border-radius:22px;background:radial-gradient(ellipse at 50% 34%,rgba(58,180,86,.18),transparent 42%),linear-gradient(180deg,#07180f,#020b07);overflow:hidden;box-shadow:inset 0 0 55px rgba(55,255,126,.05)}
.young-light{position:absolute;left:22%;right:22%;top:8px;height:10px;border-radius:8px;background:#dfffe7;box-shadow:0 0 18px #b8ffc9,0 18px 42px rgba(169,255,190,.18)}
.young-light:after{content:"";position:absolute;left:-20%;right:-20%;top:8px;height:190px;background:linear-gradient(180deg,rgba(184,255,201,.11),transparent);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}
.young-plant{position:absolute;z-index:3;left:50%;top:23%;transform:translateX(-50%);width:54%;height:46%;display:grid;place-items:center}.young-plant svg{width:100%!important;height:100%!important;filter:drop-shadow(0 0 18px rgba(82,255,124,.34));animation:plantBreath 5s ease-in-out infinite}
.young-pot{position:absolute;z-index:2;left:50%;top:60%;transform:translateX(-50%);width:150px;height:55px;border:7px solid #1a2821;border-radius:12px 12px 24px 24px;background:repeating-linear-gradient(90deg,#111d17 0 14px,#26352d 14px 21px);box-shadow:0 10px 28px #0008}.young-pot span{position:absolute;left:50%;top:-14px;transform:translateX(-50%);width:118px;height:22px;border-radius:50%;background:#4b321e;box-shadow:inset 0 0 0 5px #1b241f}
.young-water{position:absolute;z-index:1;left:24%;right:24%;top:68%;bottom:6%;border:2px solid rgba(92,222,255,.28);border-radius:8px 8px 25px 25px;background:linear-gradient(180deg,rgba(12,108,127,.22),rgba(0,38,58,.58));box-shadow:inset 0 0 32px rgba(71,220,255,.12)}.young-water:before{content:"";position:absolute;left:0;right:0;top:12px;height:2px;background:#5fe4ff;box-shadow:0 0 10px #3adfff}.young-water i{position:absolute;bottom:12px;width:5px;height:5px;border:1px solid #a8f4ff;border-radius:50%;animation:heroBubble 3.4s linear infinite}.young-water i:nth-child(1){left:20%}.young-water i:nth-child(2){left:40%;animation-delay:-1.2s}.young-water i:nth-child(3){left:65%;animation-delay:-2s}.young-water i:nth-child(4){left:82%;animation-delay:-.6s}
.day-1 .young-plant{width:25%;top:37%;height:25%}.day-2 .young-plant{width:31%;top:33%;height:30%}.day-3 .young-plant,.day-4 .young-plant{width:43%;top:27%;height:39%}.day-5 .young-plant,.day-6 .young-plant{width:51%;top:23%;height:45%}
.scene-hud{top:22px!important;min-width:150px!important;background:rgba(2,19,12,.82)!important}.hud-left{left:16px!important}.hud-right{right:16px!important}
.plant-orbit{width:92%!important;height:78%!important;opacity:.72!important}
.plant-meta{padding-top:10px!important}.plant-meta .progress{height:7px!important}
.tester.collapsed{width:auto!important;min-width:210px!important}.tester.collapsed .tester-title{padding-right:4px}
@media(max-width:1180px){.plant-stage{min-height:570px!important}.plant.hydro-scene{height:425px!important}.plant-avatar{height:405px!important;width:min(58%,410px)!important}}
@media(max-width:760px){.plant-stage{min-height:500px!important}.plant.hydro-scene{height:360px!important}.plant-avatar{height:340px!important;width:min(78%,310px)!important}.young-stage{width:90%}.scene-hud{min-width:104px!important}.rdwc-photo-wrap:after{font-size:7px}}

/* ===== H420 ALPHA 1.6 · LIVING ROOT ZONE ===== */
.rdwc-live{position:relative;width:92%;height:100%;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 50% 28%,rgba(47,170,82,.19),transparent 44%),linear-gradient(180deg,#06170e 0 49%,#031216 49% 100%);box-shadow:inset 0 0 60px rgba(48,255,126,.05),0 0 0 1px rgba(83,255,145,.08)}
.canopy-photo{position:absolute;z-index:5;left:50%;top:0;width:78%;height:55%;transform:translateX(-50%);overflow:hidden;filter:drop-shadow(0 13px 18px rgba(0,0,0,.55));transition:transform .8s ease}
.canopy-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06170e 0,transparent 12%,transparent 88%,#06170e 100%),linear-gradient(180deg,transparent 72%,#06170e 100%);pointer-events:none}
.canopy-photo .plant-photo{width:100%!important;height:145%!important;object-fit:cover!important;object-position:50% 3%!important;border-radius:0!important;box-shadow:none!important;filter:saturate(1.12) contrast(1.06) brightness(.96)!important}
.netpot-live{position:absolute;z-index:7;left:50%;top:46%;transform:translateX(-50%);width:176px;height:54px;border:6px solid #17231d;border-radius:12px 12px 25px 25px;background:linear-gradient(#101914,#060b08);box-shadow:0 10px 20px #000b,0 0 0 1px #32493b}
.netpot-live:before{content:"";position:absolute;left:-14px;right:-14px;top:-13px;height:23px;border:5px solid #1b2a21;border-radius:50%;background:#121b16;box-shadow:inset 0 0 0 2px #050806}
.netpot-live span,.netpot-live i{position:absolute;top:10px;bottom:7px;width:14px;border-radius:4px;background:#27372e}.netpot-live span{left:17px}.netpot-live i:nth-child(2){left:45px}.netpot-live i:nth-child(3){left:73px}.netpot-live i:nth-child(4){left:101px}.netpot-live i:nth-child(5){left:129px}.netpot-live i:nth-child(6){left:151px}
.root-chamber{position:absolute;z-index:3;left:50%;bottom:3%;transform:translateX(-50%);width:72%;height:50%;overflow:hidden;border:2px solid rgba(89,214,240,.25);border-radius:12px 12px 34px 34px;background:linear-gradient(180deg,rgba(6,80,95,.22),rgba(0,28,43,.72));box-shadow:inset 0 0 45px rgba(49,211,255,.12),0 0 35px rgba(27,184,255,.05)}
.water-surface{position:absolute;z-index:6;left:0;right:0;top:8px;height:3px;background:linear-gradient(90deg,transparent,#79edff 18%,#c8faff 50%,#79edff 82%,transparent);box-shadow:0 0 14px #4bdfff;animation:waterPulse 3.2s ease-in-out infinite}
@keyframes waterPulse{50%{opacity:.58;transform:scaleX(.96)}}
.live-roots{position:absolute;z-index:5;left:12%;right:12%;top:5%;width:76%;height:92%;overflow:visible;transform-origin:50% 0;filter:drop-shadow(0 0 5px rgba(244,230,187,.2))}
.live-roots g:first-child path{fill:none;stroke:#eadbb2;stroke-width:4;stroke-linecap:round;opacity:.9}.live-roots .root-fine path{fill:none;stroke:#cdbf98;stroke-width:2;stroke-linecap:round;opacity:.72}
.stage-day-7 .live-roots{transform:scaleY(.43)}.stage-day-8 .live-roots{transform:scaleY(.52)}.stage-day-9 .live-roots{transform:scaleY(.61)}.stage-day-10 .live-roots{transform:scaleY(.70)}.stage-day-11 .live-roots{transform:scaleY(.79)}.stage-day-12 .live-roots{transform:scaleY(.87)}.stage-day-13 .live-roots{transform:scaleY(.94)}.stage-day-14 .live-roots{transform:scaleY(1)}
.stage-day-7 .canopy-photo{transform:translateX(-50%) scale(.76)}.stage-day-8 .canopy-photo{transform:translateX(-50%) scale(.81)}.stage-day-9 .canopy-photo{transform:translateX(-50%) scale(.86)}.stage-day-10 .canopy-photo{transform:translateX(-50%) scale(.91)}.stage-day-11 .canopy-photo{transform:translateX(-50%) scale(.96)}.stage-day-12 .canopy-photo{transform:translateX(-50%) scale(1)}.stage-day-13 .canopy-photo{transform:translateX(-50%) scale(1.035)}.stage-day-14 .canopy-photo{transform:translateX(-50%) scale(1.06)}
.rdwc-caption{position:absolute;z-index:9;left:12px;bottom:11px;padding:6px 9px;border:1px solid rgba(104,232,255,.32);border-radius:7px;background:rgba(0,25,30,.72);color:#9defff;font-size:8px;letter-spacing:1.25px;backdrop-filter:blur(6px)}
.root-bubbles{z-index:8!important;inset:50% 5% 5%!important}.root-bubbles i:nth-child(7){left:52%;width:3px;height:3px;animation-delay:-3.1s}.root-bubbles i:nth-child(8){left:35%;width:5px;height:5px;animation-delay:-.15s}
.young-stage{width:88%!important}.young-plant{filter:drop-shadow(0 0 20px rgba(84,255,128,.22))}.day-1 .young-plant{width:31%!important}.day-2 .young-plant{width:38%!important}.day-3 .young-plant,.day-4 .young-plant{width:50%!important}.day-5 .young-plant,.day-6 .young-plant{width:59%!important}
.young-water{left:20%!important;right:20%!important}.young-pot{width:174px!important}
@media(max-width:1180px){.rdwc-live{width:96%}.root-chamber{width:76%}.canopy-photo{width:84%}}
@media(max-width:760px){.rdwc-live{width:100%}.canopy-photo{width:94%}.root-chamber{width:88%}.netpot-live{width:142px}.rdwc-caption{font-size:6px}.young-stage{width:100%!important}}
@media(prefers-reduced-motion:reduce){.water-surface{animation:none!important}}

/* ===== H420 ALPHA 1.7 · EQUIPMENT LAB ===== */
.equipment-card{position:relative;overflow:hidden;min-height:270px;padding:18px!important;background:linear-gradient(145deg,rgba(7,35,23,.96),rgba(3,19,14,.98))!important;border-color:rgba(67,211,124,.26)!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.equipment-card:hover{transform:translateY(-3px);border-color:rgba(83,255,145,.52)!important;box-shadow:0 16px 36px rgba(0,0,0,.3),inset 0 0 28px rgba(63,255,135,.025)}
.equipment-card.is-owned:after{content:"ACTIVO";position:absolute;right:12px;top:12px;padding:4px 7px;border:1px solid rgba(83,255,145,.32);border-radius:999px;color:#7cff9d;font-size:7px;letter-spacing:1.2px;background:rgba(13,64,35,.65)}
.equipment-top{display:flex;align-items:center;gap:14px;margin-bottom:12px;min-height:82px}
.equipment-meta{min-width:0}.equipment-meta h3{margin:5px 0 0;font-size:15px;line-height:1.15}.equipment-category{font-size:8px;letter-spacing:1.3px;text-transform:uppercase;color:#70dca0}
.equipment-visual{position:relative;flex:0 0 82px;width:82px;height:82px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(75,255,142,.14),rgba(4,20,14,.92) 68%);border:1px solid rgba(83,255,145,.2);box-shadow:inset 0 0 24px rgba(53,255,126,.04)}
.equipment-visual svg{position:relative;z-index:2;width:58px;height:58px;fill:none;stroke:#a7f8c1;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(65,255,132,.18))}
.equipment-glow{position:absolute;width:34px;height:34px;border-radius:50%;background:rgba(50,255,126,.08);filter:blur(10px)}
.equipment-humidifier svg,.equipment-doMeter svg,.equipment-solutionThermometer svg{stroke:#86eaff}
.equipment-led svg{stroke:#d6ffad}.equipment-chiller svg,.equipment-ac svg{stroke:#a8dcff}.equipment-heater svg{stroke:#ffb36d}.equipment-phMeter svg{stroke:#8eff9e}.equipment-ecMeter svg{stroke:#b8a6ff}
.equipment-card .tag{display:inline-flex;margin:4px 0 10px}.equipment-card .toolbar{gap:6px;flex-wrap:wrap}.equipment-card .secondary,.equipment-card .primary{min-height:34px}
.equipment-humidifier:before{content:"";position:absolute;left:25px;right:25px;top:6px;height:18px;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(137,240,255,.18) 8px 10px);filter:blur(2px);animation:mistRise 2.6s ease-in-out infinite}
@keyframes mistRise{0%,100%{transform:translateY(5px);opacity:.35}50%{transform:translateY(-3px);opacity:.9}}
@media(max-width:760px){.equipment-visual{flex-basis:68px;width:68px;height:68px}.equipment-visual svg{width:48px;height:48px}.equipment-card{min-height:auto}}
@media(prefers-reduced-motion:reduce){.equipment-humidifier:before{animation:none}}

/* ===== H420 ALPHA 1.8 · MASTER VISUAL PASS ===== */
.hero-grid{grid-template-columns:minmax(0,1fr) 340px!important;gap:14px!important;align-items:stretch}
.plant-stage{min-height:690px!important;padding:0!important;overflow:hidden!important;border-radius:22px!important;border-color:rgba(67,255,128,.3)!important;background:radial-gradient(circle at 50% 14%,rgba(171,255,194,.12),transparent 22%),radial-gradient(circle at 14% 62%,rgba(25,112,50,.26),transparent 28%),radial-gradient(circle at 88% 66%,rgba(22,102,47,.24),transparent 30%),linear-gradient(180deg,#071a10,#03110b 58%,#020d09)!important;box-shadow:inset 0 0 100px rgba(0,0,0,.52),0 25px 60px rgba(0,0,0,.28)!important}
.plant-stage:before,.plant-stage:after{content:"";position:absolute;z-index:1;width:340px;height:430px;bottom:-80px;opacity:.2;filter:blur(4px);background:radial-gradient(ellipse at 45% 60%,#2b8c49 0 8%,transparent 9%),radial-gradient(ellipse at 60% 42%,#1d7339 0 10%,transparent 11%),radial-gradient(ellipse at 25% 30%,#195f31 0 8%,transparent 9%)}
.plant-stage:before{left:-90px;transform:rotate(-14deg)}.plant-stage:after{right:-90px;transform:scaleX(-1) rotate(-14deg)}
.plant-stage>.stage-badge{z-index:30!important;top:18px!important;left:18px!important;background:rgba(5,47,27,.82)!important;border:1px solid rgba(83,255,145,.38)!important;backdrop-filter:blur(10px);letter-spacing:1.2px!important}
.plant.hydro-scene{height:585px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.plant.hydro-scene:before{content:"";position:absolute;z-index:3;left:24%;right:24%;top:20px;height:38px;border:2px solid #293a30;border-radius:10px;background:linear-gradient(#1a281f,#050806);box-shadow:0 12px 38px rgba(224,255,231,.2)}
.plant.hydro-scene:after{content:"";position:absolute;z-index:2;left:29%;right:29%;top:56px;height:260px;background:linear-gradient(180deg,rgba(225,255,230,.16),transparent);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);pointer-events:none}
.scene-hud{z-index:25!important;top:78px!important;background:rgba(3,30,19,.82)!important;border-color:rgba(82,255,143,.3)!important;backdrop-filter:blur(12px)!important;box-shadow:0 16px 35px rgba(0,0,0,.3)!important}.scene-hud.hud-left{left:18px!important}.scene-hud.hud-right{right:18px!important}
.plant-avatar{z-index:12!important;width:min(620px,62%)!important;height:570px!important;max-width:none!important;top:18px!important}
.rdwc-live{width:100%!important;height:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.canopy-photo{top:62px!important;width:78%!important;height:330px!important;overflow:hidden!important;filter:drop-shadow(0 20px 25px rgba(0,0,0,.7))!important}
.canopy-photo:after{background:none!important}
.canopy-photo .plant-photo{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 7%!important;border-radius:0!important;filter:saturate(1.28) contrast(1.12) brightness(1.03)!important;-webkit-mask-image:radial-gradient(ellipse 48% 48% at 50% 48%,#000 58%,transparent 100%)!important;mask-image:radial-gradient(ellipse 48% 48% at 50% 48%,#000 58%,transparent 100%)!important;transform:scale(1.2)}
.netpot-live{top:348px!important;width:240px!important;height:65px!important;border-width:7px!important;box-shadow:0 14px 30px rgba(0,0,0,.7)!important}
.root-chamber{bottom:8px!important;width:390px!important;height:230px!important;border:3px solid rgba(94,226,255,.34)!important;border-radius:12px 12px 42px 42px!important;background:linear-gradient(180deg,rgba(7,91,106,.34),rgba(0,29,45,.82))!important;box-shadow:inset 0 0 55px rgba(50,214,255,.17),0 0 35px rgba(25,181,234,.08)!important}
.water-surface{top:9px!important;height:3px!important}.live-roots{left:15%!important;width:70%!important;height:96%!important;filter:drop-shadow(0 0 6px rgba(246,226,178,.24))!important}.live-roots g:first-child path{stroke-width:4.6!important}.live-roots .root-fine path{stroke-width:2.2!important}
.root-bubbles{inset:10px 8px 4px!important}.rdwc-caption{bottom:18px!important;left:50%!important;transform:translateX(-50%);white-space:nowrap!important;background:rgba(3,37,42,.84)!important}
.young-stage{width:78%!important;height:570px!important;background:transparent!important}.young-light{top:20px!important;width:60%!important}.young-pot{top:355px!important;width:220px!important}.young-water{left:18%!important;right:18%!important;bottom:10px!important;height:220px!important;border-width:3px!important;border-radius:12px 12px 40px 40px!important}.young-plant{z-index:8!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(76,255,125,.18))!important}
.day-1 .young-plant{width:26%!important;top:250px!important}.day-2 .young-plant{width:31%!important;top:225px!important}.day-3 .young-plant,.day-4 .young-plant{width:43%!important;top:175px!important}.day-5 .young-plant,.day-6 .young-plant{width:55%!important;top:125px!important}
.plant-orbit{opacity:.2!important;transform:scale(1.22)!important}.scene-scan{opacity:.15!important}
.plant-meta{position:absolute!important;z-index:28!important;left:18px!important;right:18px!important;bottom:14px!important;padding:12px 14px!important;border:1px solid rgba(79,224,126,.22)!important;border-radius:14px!important;background:rgba(3,27,18,.78)!important;backdrop-filter:blur(10px)!important}.plant-meta .cycle-labels{display:none!important}
.bio-panel{border-radius:22px!important;background:linear-gradient(180deg,rgba(5,40,25,.98),rgba(3,24,17,.98))!important;border-color:rgba(68,233,127,.28)!important;box-shadow:0 22px 48px rgba(0,0,0,.28)!important}.bio-panel .stat-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}.bio-panel .stat{padding:14px 11px!important;border-radius:12px!important;background:#061f15!important}.bio-panel .stat b{font-size:23px!important}.bio-panel .harvest{margin-top:18px!important;padding-top:16px!important;border-top:1px solid rgba(72,182,108,.22)!important}.yield-card{background:linear-gradient(145deg,rgba(36,22,35,.9),rgba(6,27,18,.95))!important;border-color:rgba(236,104,191,.28)!important;border-radius:13px!important}.yield-card strong{color:#ff78cd!important;font-size:27px!important}
.garden-hud{margin:10px 0!important}.garden-hud span{background:rgba(4,33,21,.86)!important;border-color:rgba(67,211,119,.24)!important}
.params{margin-top:14px!important}.param{background:linear-gradient(145deg,#061e15,#04150f)!important;border-radius:15px!important;border-color:rgba(62,183,105,.22)!important}
.intervention-shell{border-radius:18px!important;overflow:hidden}
@media(max-width:1200px){.hero-grid{grid-template-columns:1fr!important}.plant-avatar{width:min(620px,70%)!important}.bio-panel{min-height:auto!important}}
@media(max-width:760px){.plant-stage{min-height:610px!important}.plant.hydro-scene{height:520px!important}.plant-avatar{width:100%!important;transform:scale(.82)!important}.scene-hud{transform:scale(.82);transform-origin:top}.hud-right{right:2px!important}.hud-left{left:2px!important}.root-chamber{width:330px!important}}

/* H420 2.0 · PIXI VISUAL CORE */
.hydro-scene{isolation:isolate}
.h420-pixi-layer{position:absolute;inset:0;width:100%!important;height:100%!important;z-index:9;pointer-events:none;mix-blend-mode:screen;opacity:.9}
.hydro-scene .plant-orbit,.hydro-scene .scene-scan{z-index:8}
.hydro-scene .plant-avatar{z-index:12!important}
.hydro-scene .scene-hud,.hydro-scene .rdwc-caption{z-index:20!important}
.hydro-scene[data-visual-stage="germination"]{--stage-glow:rgba(126,255,110,.10)}
.hydro-scene[data-visual-stage="seedling"]{--stage-glow:rgba(85,255,132,.12)}
.hydro-scene[data-visual-stage="veg"]{--stage-glow:rgba(65,255,125,.15)}
.hydro-scene[data-visual-stage="flower"]{--stage-glow:rgba(180,255,75,.16)}
.hydro-scene[data-visual-stage="harvest"]{--stage-glow:rgba(215,255,85,.18)}
.hydro-scene:has(.h420-pixi-layer){box-shadow:inset 0 0 100px var(--stage-glow),0 24px 60px rgba(0,0,0,.34)!important}

/* ===== H420 ALPHA 2.1 · MASTER UI SHELL ===== */
.master-hero{grid-template-columns:minmax(720px,1fr) 360px!important;gap:12px!important}.master-stage{min-height:660px!important;background:radial-gradient(circle at 50% 22%,rgba(225,255,219,.16),transparent 25%),radial-gradient(circle at 12% 60%,rgba(42,137,62,.28),transparent 28%),radial-gradient(circle at 90% 58%,rgba(31,118,53,.24),transparent 29%),linear-gradient(180deg,#0a1d12,#03100b 70%)!important}.master-stage:before,.master-stage:after{opacity:.42!important;filter:blur(3px)!important}.master-stage .hydro-scene{height:610px!important}.master-stage .plant-avatar{width:min(650px,66%)!important;height:590px!important}.master-stage .canopy-photo{top:52px!important;width:86%!important;height:360px!important}.master-stage .canopy-photo .plant-photo{transform:scale(1.08)!important;filter:saturate(1.42) contrast(1.08) brightness(1.06)!important}.master-stage .root-chamber{width:420px!important;height:238px!important}.master-stage .netpot-live{top:350px!important;width:260px!important}.master-stage .rdwc-caption{bottom:13px!important;color:#a7ffd0!important;border-color:#4dff9a55!important;background:#06291dcc!important}.master-stage .plant-meta{display:none!important}.master-stage .hud-left{display:none!important}.master-env-panel{position:absolute;z-index:30;left:18px;top:96px;width:205px;padding:14px;border:1px solid rgba(72,255,132,.28);border-radius:14px;background:rgba(3,30,19,.84);backdrop-filter:blur(12px);box-shadow:0 16px 36px #0006}.master-env-panel>small,.master-telemetry>small{display:block;color:#b8d9c3;font-size:8px;letter-spacing:1.15px;margin-bottom:7px}.master-env-panel>div{display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:8px 0;border-bottom:1px solid rgba(80,211,121,.13)}.master-env-panel>div:last-child{border:0}.master-env-panel span{grid-row:1/3;font-size:19px;align-self:center}.master-env-panel b{font-size:16px}.master-env-panel em{font-style:normal;font-size:8px;color:#8fb29a}.master-cycle{top:96px!important;width:195px!important;padding:14px!important}.master-cycle strong{display:block;margin-top:10px;font-size:12px}.master-progress{height:6px;margin-top:7px;border-radius:9px;background:#163524;overflow:hidden}.master-progress i{display:block;height:100%;background:linear-gradient(90deg,#43ed7e,#b7ff4b);box-shadow:0 0 12px #60ff8a}.master-bio{padding:16px!important}.master-bio h3{margin:5px 0 12px}.master-bio .stat{min-height:72px}.master-telemetry{margin-top:14px;padding:13px;border:1px solid rgba(67,214,119,.18);border-radius:13px;background:#041c13}.master-telemetry>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.master-telemetry span{padding:8px 4px;border:1px solid rgba(67,214,119,.16);border-radius:9px;text-align:center;font-size:8px;color:#9ec4aa}.master-telemetry b{display:block;color:#fff;font-size:14px;margin-top:4px}.master-commandbar{display:grid;grid-template-columns:1.25fr .95fr;gap:12px;margin-top:12px}.master-commandbar>article{padding:14px;border:1px solid rgba(61,224,115,.25);border-radius:16px;background:linear-gradient(145deg,#061f15,#03150e);box-shadow:0 16px 35px rgba(0,0,0,.16)}.master-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.master-section-title small{display:block;color:#69e793;font-size:8px;letter-spacing:1.1px}.master-section-title b{font-size:12px}.master-equip-row{display:flex;gap:8px;overflow-x:auto}.master-equip{min-width:115px;display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(71,230,123,.24);border-radius:11px;background:#08271a}.master-equip>span{font-size:20px;color:#68ff98}.master-equip small{display:block;font-size:8px;color:#9fc5ac}.master-equip b{display:block;font-size:12px}.master-equip i{display:block;width:65px;height:4px;margin-top:4px;border-radius:9px;background:linear-gradient(90deg,#53ed82 var(--eq),#183923 var(--eq))}.master-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.master-actions button{min-height:66px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:1px solid rgba(72,231,124,.25);border-radius:10px;background:#08271a;color:#fff;font-size:18px}.master-actions button:hover{border-color:#58ff8d;box-shadow:0 0 18px rgba(76,255,132,.12)}.master-actions button span{font-size:8px}.master-tech{margin-top:12px;border:1px solid rgba(52,170,94,.22);border-radius:14px;background:#04150f}.master-tech summary{padding:13px;cursor:pointer;color:#9bd2ac;font-size:10px;letter-spacing:.4px}.master-tech[open] summary{border-bottom:1px solid rgba(52,170,94,.22)}.master-tech>.params,.master-tech>.grid,.master-tech>.intervention-shell{margin:12px}.garden-hud{display:none!important}
@media(max-width:1250px){.master-hero{grid-template-columns:1fr!important}.master-commandbar{grid-template-columns:1fr}.master-bio{display:grid;grid-template-columns:1fr 1fr;gap:14px}.master-bio>.panel-kicker,.master-bio>h3{grid-column:1/-1}}
@media(max-width:760px){.master-stage{min-height:600px!important}.master-env-panel{left:7px;top:70px;width:145px;padding:9px}.master-env-panel>div{padding:5px 0}.master-cycle{right:7px!important;top:70px!important;width:145px!important}.master-stage .plant-avatar{width:100%!important;transform:scale(.8)}.master-bio{display:block}.master-actions{grid-template-columns:1fr 1fr}.master-commandbar{display:block}.master-commandbar>article+article{margin-top:10px}}

/* H420 2.2 · MASTER ART INTEGRATION */
.render-recovery{max-width:720px;margin:28px auto;border-color:#ffb44d55!important}
.hydro-scene.master-art-ready{background-image:linear-gradient(90deg,rgba(2,15,10,.78) 0%,rgba(2,15,10,.08) 23%,rgba(2,15,10,.02) 70%,rgba(2,15,10,.55) 100%),url("../assets/h420-master-scene.webp?v=221")!important;background-size:cover!important;background-position:center!important}
.hydro-scene.master-art-ready .plant-avatar{opacity:.08;filter:blur(2px)}
.hydro-scene.master-art-ready .plant-orbit,.hydro-scene.master-art-ready .scene-scan{opacity:.08!important}
.hydro-scene.master-art-ready .h420-pixi-layer{opacity:.72}
.hydro-scene.master-art-ready .master-env-panel,.hydro-scene.master-art-ready .master-cycle{background:rgba(3,24,16,.72)!important;box-shadow:0 18px 44px rgba(0,0,0,.38)!important}
.hydro-scene.master-art-ready:after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(circle at 51% 44%,transparent 0 33%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.42) 100%)}
.master-stage:has(.master-art-ready){background:#03110b!important}

/* H420 2.2.2 · scene framing correction */
.hydro-scene.master-art-ready{
 background-image:
  linear-gradient(90deg,rgba(2,15,10,.58) 0%,rgba(2,15,10,.04) 25%,rgba(2,15,10,.02) 72%,rgba(2,15,10,.50) 100%),
  url("../assets/h420-master-scene.webp?v=222")!important;
 background-size:228% auto!important;
 background-position:52.8% 46%!important;
 background-repeat:no-repeat!important;
}
.hydro-scene.master-art-ready .plant-avatar{opacity:0!important}
.hydro-scene.master-art-ready .master-env-panel,.hydro-scene.master-art-ready .master-cycle{z-index:32!important}
.hydro-scene:not(.master-art-ready) .plant-avatar{opacity:1!important}
.hydro-scene[data-visual-stage="veg"] .young-stage{transform:scale(1.16);transform-origin:center bottom}
.hydro-scene[data-visual-stage="seedling"] .young-stage{transform:scale(.9);transform-origin:center bottom}

/* H420 2.2.3 · clean physical scene only; no baked dashboard controls */
.hydro-scene.master-art-ready{
 background-image:
  linear-gradient(90deg,rgba(2,15,10,.72) 0%,rgba(2,15,10,.04) 22%,rgba(2,15,10,.04) 78%,rgba(2,15,10,.72) 100%),
  url("../assets/h420-scene-pure.webp?v=223")!important;
 background-size:auto 100%!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
 background-color:#04150e!important;
}
.hydro-scene.master-art-ready:before{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:radial-gradient(ellipse at center,rgba(40,122,61,.08) 0 42%,rgba(2,13,8,.82) 88%);
}

/* H420 2.2.4 · final-flower clean scene + active-plant HUD relocation */
.hydro-scene.master-art-ready{
 background-image:
  linear-gradient(90deg,rgba(2,15,10,.36) 0%,rgba(2,15,10,.02) 24%,rgba(2,15,10,.02) 78%,rgba(2,15,10,.20) 100%),
  url("../assets/h420-flora-final.webp?v=224")!important;
 background-size:cover!important;
 background-position:center center!important;
}
.hydro-scene.master-art-ready .master-cycle{
 top:auto!important;
 right:auto!important;
 left:18px!important;
 bottom:18px!important;
 width:205px!important;
 z-index:34!important;
}
.hydro-scene.master-art-ready .master-env-panel{top:18px!important;left:18px!important}
@media(max-width:760px){
 .hydro-scene.master-art-ready .master-cycle{left:7px!important;bottom:8px!important;width:160px!important}
 .hydro-scene.master-art-ready .master-env-panel{top:8px!important;left:7px!important}
}

/* H420 2.3 · Living Scene */
.hydro-scene[data-living="1"]{--living-wind:.5;--living-aeration:1;--living-humidity:.5}
.hydro-scene .living-layer{opacity:.96!important;mix-blend-mode:screen;filter:saturate(1.04)}
.hydro-scene.master-art-ready{overflow:hidden}
.hydro-scene.master-art-ready:after{animation:h420RoomBreath 8s ease-in-out infinite}
@keyframes h420RoomBreath{0%,100%{opacity:.86}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.hydro-scene.master-art-ready:after{animation:none}.hydro-scene .living-layer{display:none!important}}

/* H420 2.3.1 · DOM living-motion fallback: visible even if WebGL/Pixi is unavailable */
.living-dom{display:none;position:absolute;inset:0;z-index:10;pointer-events:none;overflow:hidden}
.master-art-ready .living-dom{display:block}
.master-art-ready:before{
 content:""!important;position:absolute!important;inset:0!important;z-index:8!important;pointer-events:none!important;
 background:url("../assets/h420-flora-final.webp?v=231") center/cover no-repeat!important;
 opacity:.72!important;
 -webkit-mask-image:radial-gradient(ellipse 31% 31% at 50% 42%,#000 34%,rgba(0,0,0,.78) 54%,transparent 76%)!important;
 mask-image:radial-gradient(ellipse 31% 31% at 50% 42%,#000 34%,rgba(0,0,0,.78) 54%,transparent 76%)!important;
 transform-origin:50% 55%;animation:h420CanopySway 5.8s ease-in-out infinite alternate!important;
}
@keyframes h420CanopySway{0%{transform:translate3d(-2px,0,0) rotate(-.12deg) scale(1.001)}50%{transform:translate3d(1px,-1px,0) rotate(.04deg) scale(1.002)}100%{transform:translate3d(3px,0,0) rotate(.14deg) scale(1.001)}}
.living-bubbles{position:absolute;left:38%;right:38%;top:57%;bottom:3%;overflow:hidden;filter:drop-shadow(0 0 3px rgba(170,245,255,.75))}
.living-bubbles i{position:absolute;bottom:-8%;left:calc(4% + (var(--i) * 5.25%));width:calc(3px + (var(--i) % 4)*1px);height:calc(3px + (var(--i) % 4)*1px);border:1px solid rgba(210,252,255,.9);border-radius:50%;background:rgba(180,245,255,.12);opacity:.75;animation:h420Bubble calc(2.4s + (var(--i) % 5)*.38s) linear infinite;animation-delay:calc(var(--i)*-.19s)}
@keyframes h420Bubble{0%{transform:translate3d(0,10px,0) scale(.65);opacity:0}12%{opacity:.82}55%{transform:translate3d(calc((var(--i) % 3 - 1)*8px),-82px,0) scale(1)}100%{transform:translate3d(calc((var(--i) % 5 - 2)*5px),-175px,0) scale(1.28);opacity:0}}
.living-air{position:absolute;left:7%;top:22%;width:37%;height:25%;opacity:.34}
.living-air i{position:absolute;left:-45%;width:150px;height:24px;border-top:1px solid rgba(235,255,240,.42);border-radius:50%;filter:blur(.25px);animation:h420Air 3.4s linear infinite}
.living-air i:nth-child(2){top:34%;animation-delay:-1.15s;opacity:.65}.living-air i:nth-child(3){top:68%;animation-delay:-2.25s;opacity:.45}
@keyframes h420Air{0%{transform:translateX(0) scaleX(.7);opacity:0}18%{opacity:.7}100%{transform:translateX(430px) scaleX(1.25);opacity:0}}
.living-mist{position:absolute;left:7%;bottom:17%;width:33%;height:38%;filter:blur(18px);opacity:calc(.18 + var(--living-humidity,.5)*.28)}
.living-mist i{position:absolute;width:130px;height:95px;border-radius:50%;background:rgba(226,255,236,.18);animation:h420Mist 7s ease-in-out infinite alternate}
.living-mist i:nth-child(2){left:90px;top:55px;animation-delay:-2.2s}.living-mist i:nth-child(3){left:35px;top:115px;animation-delay:-4.1s}
@keyframes h420Mist{0%{transform:translate3d(-18px,10px,0) scale(.82);opacity:.18}100%{transform:translate3d(75px,-18px,0) scale(1.18);opacity:.52}}
.master-art-ready .living-layer{z-index:11!important}
@media(prefers-reduced-motion:reduce){.master-art-ready:before,.living-bubbles i,.living-air i,.living-mist i{animation:none!important}}

/* H420 2.3.2 · guaranteed requestAnimationFrame motion */
.master-art-ready .living-canopy{position:absolute;inset:0;z-index:9;pointer-events:none;background:url("../assets/h420-flora-final.webp?v=234") center/cover no-repeat;opacity:.82;transform-origin:50% 55%;will-change:transform;-webkit-mask-image:radial-gradient(ellipse 34% 34% at 50% 40%,#000 30%,rgba(0,0,0,.9) 52%,transparent 76%);mask-image:radial-gradient(ellipse 34% 34% at 50% 40%,#000 30%,rgba(0,0,0,.9) 52%,transparent 76%)}
.master-art-ready:before{display:none!important}
.living-bubbles{z-index:14!important;left:39%!important;right:39%!important;top:58%!important;bottom:2%!important}
.living-bubbles i{left:0;width:5px;height:5px;animation:none!important;will-change:transform,opacity;box-shadow:0 0 5px rgba(190,250,255,.75)}
.living-air i,.living-mist i{animation:none!important;will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.master-art-ready .living-canopy{opacity:.82!important}.living-dom{display:block!important}}

/* H420 2.3.5 · fan-only incremental motion; verified plant/bubble RAF untouched */
.master-art-ready .living-fan{
 position:absolute;z-index:13;left:9.6%;top:6.4%;width:17.4%;aspect-ratio:1;
 border-radius:50%;overflow:hidden;pointer-events:none;
 -webkit-mask-image:radial-gradient(circle,#000 0 62%,transparent 68%);
 mask-image:radial-gradient(circle,#000 0 62%,transparent 68%);
}
.master-art-ready .living-fan i{
 position:absolute;inset:15%;border-radius:50%;
 background:repeating-conic-gradient(from 0deg,rgba(3,5,4,.74) 0deg 17deg,rgba(3,5,4,.08) 17deg 45deg);
 opacity:.34;filter:blur(1.1px);transform-origin:50% 50%;
 animation:h420FanSpin .72s linear infinite;will-change:transform;
}
@keyframes h420FanSpin{to{transform:rotate(360deg)}}

/* H420 2.3.8 · live parameter HUD inside cultivation scene */
.hydro-scene .scene-params-panel{display:none}
.hydro-scene.master-art-ready .scene-params-panel{
 display:block;position:absolute;right:18px;bottom:18px;z-index:34;width:235px;
 padding:11px 12px 12px;border:1px solid rgba(108,255,157,.24);border-radius:10px;
 background:linear-gradient(180deg,rgba(4,27,18,.86),rgba(2,17,12,.80));
 box-shadow:0 14px 36px rgba(0,0,0,.36),inset 0 0 22px rgba(57,255,128,.025);
 backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)
}
.scene-params-panel>small{display:block;margin-bottom:8px;color:#80f5a4;font-size:9px;font-weight:800;letter-spacing:.11em}
.scene-param-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.scene-param-grid span{display:flex;align-items:baseline;justify-content:space-between;gap:7px;padding:6px 7px;border:1px solid rgba(132,255,171,.10);border-radius:7px;background:rgba(4,37,24,.48)}
.scene-param-grid em{font-style:normal;color:#91a99c;font-size:9px}
.scene-param-grid b{color:#effff4;font-size:12px;font-variant-numeric:tabular-nums}
@media(max-width:760px){
 .hydro-scene.master-art-ready .scene-params-panel{right:7px;bottom:8px;width:180px;padding:8px}
 .scene-param-grid span{padding:4px 5px}.scene-param-grid b{font-size:10px}
}

/* H420 2.3.9 · clean garden overview */
.master-commandbar>article:only-child{grid-column:1/-1}
.hydro-scene.master-art-ready .master-env-panel{width:185px!important}

/* H420 2.4.0 · responsive artwork-locked fan + consolidated scene HUD */
.master-art-ready .living-fan{left:9.6%;top:6.4%;width:17.4%;height:auto}
.hydro-scene.master-art-ready .scene-params-panel{width:252px}
.master-stage[data-day="11"]>.stage-badge,
.master-stage[data-day="12"]>.stage-badge,
.master-stage[data-day="13"]>.stage-badge,
.master-stage[data-day="14"]>.stage-badge{display:none}
.event-actions-panel .event-summary{margin:7px 0 10px;color:var(--muted);font-size:11px;line-height:1.4;min-height:30px}
@media(max-width:760px){.hydro-scene.master-art-ready .scene-params-panel{width:205px}}

/* H420 2.4.1 · contextual garden modal */
body.modal-open{overflow:hidden}
.garden-modal{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(0,7,5,.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.garden-modal.open{display:flex}
.garden-modal-card{width:min(1040px,94vw);max-height:86vh;overflow:auto;padding:20px;border:1px solid rgba(87,255,143,.30);border-radius:16px;background:linear-gradient(180deg,rgba(4,29,19,.98),rgba(2,16,11,.98));box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 35px rgba(47,255,120,.06)}
.garden-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;position:sticky;top:-20px;z-index:4;padding:18px 0 10px;background:linear-gradient(180deg,#041d13 76%,rgba(4,29,19,0))}
.garden-modal-head h2{margin:3px 0 3px}
.modal-close{width:38px;height:38px;min-width:38px;border-radius:10px;font-size:25px;line-height:1;padding:0}
.modal-action-groups{display:grid;gap:14px;margin-top:15px}
.modal-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:7px}
.modal-history{margin-bottom:18px}
.modal-table-wrap{overflow:auto;max-height:42vh;border:1px solid rgba(100,255,150,.12);border-radius:10px}
@media(max-width:800px){.garden-modal{padding:10px}.garden-modal-card{width:100%;max-height:92vh;padding:14px}.modal-action-grid{grid-template-columns:1fr}.garden-modal-head{top:-14px}}

/* H420 2.4.2 · complete installed-equipment overview */
.master-commandbar>article:first-child .master-equip-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:7px;overflow:visible}
.master-commandbar>article:first-child .master-equip{min-width:0;padding:7px 8px;overflow:hidden}
.master-commandbar>article:first-child .master-equip>div{flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden}
.master-commandbar>article:first-child .master-equip>span{min-width:23px;text-align:center;font-size:15px;font-weight:800}
.master-commandbar>article:first-child .master-equip small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.master-commandbar>article:first-child .master-equip i{width:100%;min-width:0;max-width:100%}

/* H420 2.4.4 · authoritative intervention budget + post-harvest flower scene */
.master-stage[data-status="HARVESTED"] .hydro-scene.master-art-ready{background-image:linear-gradient(135deg,rgba(1,18,11,.96),rgba(4,35,21,.88))!important}
.master-stage[data-status="HARVESTED"] .living-dom,.master-stage[data-status="HARVESTED"] .plant-avatar,.master-stage[data-status="HARVESTED"] .master-cycle,.master-stage[data-status="HARVESTED"] .scene-params-panel,.master-stage[data-status="HARVESTED"] .scene-scan{display:none!important}
.harvest-visual{position:absolute;inset:0;z-index:20;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.75fr);gap:18px;align-items:stretch;padding:18px}
.harvest-photo{min-height:360px;border:1px solid rgba(126,255,166,.22);border-radius:14px;background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,14,8,.22)),url("../assets/stages/desktop/h420-harvest.webp?v=274"),url("../assets/h420-flora-final.webp?v=244");background-repeat:no-repeat;background-size:100% 100%,cover,250% auto;background-position:center,center,50% 14%;box-shadow:inset 0 0 50px rgba(0,0,0,.28),0 18px 50px rgba(0,0,0,.28)}
.harvest-result{align-self:center;padding:22px;border:1px solid rgba(113,255,160,.24);border-radius:14px;background:rgba(3,30,19,.86);box-shadow:0 18px 50px rgba(0,0,0,.30)}
.harvest-result small{display:block;color:#78f49d;font-size:9px;font-weight:900;letter-spacing:.15em}.harvest-result b{display:block;margin:8px 0 4px;font-size:36px;color:#ff72d2}.harvest-result span,.harvest-result strong{display:block;margin-top:7px;color:#dff8e8;font-size:12px;line-height:1.45}.harvest-result strong{color:#8ba99a;font-weight:500}
@media(max-width:760px){.harvest-visual{grid-template-columns:1fr;padding:9px}.harvest-photo{min-height:280px}.harvest-result{padding:13px}.harvest-result b{font-size:28px}}


/* Alpha 2.7.2 · responsive photographic cultivation stages */
.hydro-scene.master-art-ready.stage-art-ready{
 background-image:
  linear-gradient(90deg,rgba(2,15,10,.92) 0%,rgba(2,15,10,.20) 27%,rgba(2,15,10,.10) 73%,rgba(2,15,10,.88) 100%),
  linear-gradient(180deg,rgba(1,8,5,.10),rgba(1,8,5,.32)),
  var(--stage-art-desktop),
  var(--stage-art-mobile)!important;
 background-size:100% 100%,100% 100%,cover,auto var(--stage-size)!important;
 background-position:center,center,center,center bottom!important;
 background-repeat:no-repeat!important;
 transition:background-size .8s ease,filter .8s ease!important;
}
.hydro-scene.master-art-ready.stage-art-ready .plant-avatar{opacity:0!important;pointer-events:none!important}
.hydro-scene.master-art-ready.stage-art-ready:after{background:radial-gradient(circle at 50% 46%,transparent 0 30%,rgba(0,0,0,.06) 56%,rgba(0,0,0,.40) 100%)!important}
@media(max-width:760px){
 .hydro-scene.master-art-ready.stage-art-ready{
  background-image:
   linear-gradient(90deg,rgba(2,15,10,.92) 0%,rgba(2,15,10,.20) 27%,rgba(2,15,10,.10) 73%,rgba(2,15,10,.88) 100%),
   linear-gradient(180deg,rgba(1,8,5,.10),rgba(1,8,5,.32)),
   var(--stage-art-desktop)!important;
  background-size:100% 100%,100% 100%,cover!important;
  background-position:center,center,center!important;
 }
}

/* Alpha 2.7.4 · stage photographs own the plant morphology */
.hydro-scene.master-art-ready.stage-art-ready .living-canopy{display:none!important}

/* Alpha 2.7.4 · compact equipment cards */
.equipment-card{min-height:0!important;padding:14px!important}
.equipment-card .equipment-top{min-height:70px;margin-bottom:8px}
.equipment-card .equipment-visual{flex-basis:70px;width:70px;height:70px}
.equipment-card .equipment-visual svg{width:50px;height:50px}
.equipment-status{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 8px}
.equipment-details{margin:7px 0;border:1px solid rgba(67,211,124,.18);border-radius:9px;background:rgba(2,18,12,.45)}
.equipment-details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:7px 9px;color:#9fdab2;font-size:9px;font-weight:800;letter-spacing:.04em;list-style:none}
.equipment-details summary::-webkit-details-marker{display:none}
.equipment-details summary span{transition:transform .2s ease}
.equipment-details[open] summary span{transform:rotate(180deg)}
.equipment-details-body{padding:0 9px 8px;border-top:1px solid rgba(67,211,124,.12)}
.equipment-details-body p{margin:8px 0 5px}
.equipment-details-body .tag{margin:2px 0 5px}
.equipment-actions{margin-top:7px}
.equipment-actions>.toolbar{margin:0}
@media(max-width:760px){.equipment-card .equipment-top{min-height:62px}.equipment-card .equipment-visual{flex-basis:62px;width:62px;height:62px}}

/* Alpha 2.7.5 · mobile scene telemetry layout */
@media(max-width:760px){
 .hydro-scene.master-art-ready .master-cycle{
  left:8px!important;
  right:auto!important;
  bottom:112px!important;
  width:142px!important;
  padding:9px!important;
  transform:none!important;
 }
 .hydro-scene.master-art-ready .master-cycle small{font-size:6px!important}
 .hydro-scene.master-art-ready .master-cycle b{font-size:11px!important}
 .hydro-scene.master-art-ready .master-cycle span{font-size:8px!important}
 .hydro-scene.master-art-ready .master-cycle strong{margin-top:6px!important;font-size:10px!important}
 .hydro-scene.master-art-ready .scene-params-panel{
  left:8px!important;
  right:8px!important;
  bottom:8px!important;
  width:auto!important;
  padding:8px 9px!important;
 }
 .hydro-scene.master-art-ready .scene-params-panel>small{
  margin-bottom:6px!important;
  font-size:7px!important;
 }
 .hydro-scene.master-art-ready .scene-param-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
 }
 .hydro-scene.master-art-ready .scene-param-grid span{
  min-width:0!important;
  padding:6px 7px!important;
 }
 .hydro-scene.master-art-ready .scene-param-grid em{font-size:7px!important}
 .hydro-scene.master-art-ready .scene-param-grid b{font-size:10px!important;white-space:nowrap}
}

/* Alpha 2.9.0 · daily gameplay events */
.daily-event-strip{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;margin:10px 0 14px;padding:10px 12px;border:1px solid rgba(93,239,142,.22);border-radius:11px;background:linear-gradient(135deg,rgba(8,45,29,.78),rgba(4,25,17,.72))}
.daily-event-strip span{grid-row:1/3;color:#66e994;font-size:7px;font-weight:900;letter-spacing:.12em}
.daily-event-strip b{font-size:11px;color:#f0fff4}
.daily-event-strip em{font-style:normal;font-size:9px;color:#9fc7ad}
@media(max-width:760px){.daily-event-strip{grid-template-columns:1fr}.daily-event-strip span{grid-row:auto}.daily-event-strip b{font-size:10px}}

/* Alpha 2.9.1 · causal cultivation log */
.causal-history .row{align-items:flex-start}
.causal-history .row span{min-width:118px}
.causal-history .history-suceso{border-left:2px solid rgba(96,220,255,.45);padding-left:9px}
.causal-history .history-intervención{border-left:2px solid rgba(105,239,145,.45);padding-left:9px}
.causal-history .history-resultado{border-left:2px solid rgba(255,203,91,.5);padding-left:9px;background:rgba(255,203,91,.025)}
.causal-history .history-resultado b{color:#d9e8dd}
@media(max-width:760px){.causal-history .row{display:grid;gap:4px}.causal-history .row span{min-width:0}.causal-history .row b{font-size:10px;line-height:1.35}}

/* Alpha 2.9.2 · survival and harvest-loss states */
.harvest-risk{margin:8px 0;padding:8px 10px;border-radius:9px;font-size:10px;font-weight:800}
.harvest-risk.danger{border:1px solid rgba(255,91,91,.38);background:rgba(255,58,58,.08);color:#ffb1b1}


/* Alpha 2.10 · final cultivation report */
.final-cycle-report{margin-bottom:14px!important;border-color:rgba(86,255,145,.34)!important;background:linear-gradient(145deg,rgba(5,38,24,.98),rgba(3,20,14,.98))!important}
.final-report-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.final-report-head h2{margin:4px 0 6px;font-size:19px}.final-report-head p{margin:0;color:#b5d5c0}
.final-report-result{flex:0 0 auto;min-width:125px;padding:12px 14px;text-align:right;border:1px solid rgba(255,96,205,.28);border-radius:12px;background:rgba(46,13,38,.22)}
.final-report-result b{display:block;color:#ff6fd3;font-size:25px}.final-report-result small{color:#a8cbb4}
.final-report-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:14px}
.final-report-grid>div{min-width:0;padding:9px;border:1px solid rgba(75,222,125,.18);border-radius:9px;background:rgba(4,28,18,.7)}
.final-report-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#82b997;font-size:8px}
.final-report-grid b{display:block;margin-top:4px;font-size:13px}
.final-report-alert{display:flex;gap:10px;align-items:center;margin-top:10px;padding:10px 12px;border:1px solid rgba(255,194,79,.25);border-radius:9px;background:rgba(82,56,10,.14)}
.final-report-alert b{flex:0 0 auto}.final-report-alert span{color:#c9dccf;font-size:10px}
.final-report-alert.danger{border-color:rgba(255,91,91,.34);background:rgba(92,19,19,.14)}
@media(max-width:900px){.final-report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.final-report-head{display:block}.final-report-result{margin-top:10px;text-align:left}.final-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.final-report-alert{display:block}.final-report-alert span{display:block;margin-top:4px}}


/* Alpha 2.10.1 · cultivation archive */
.cycle-archive{margin-top:14px}.cycle-archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}
.cycle-archive-card{min-width:0;padding:12px;text-align:left;border:1px solid rgba(76,230,126,.22);border-radius:11px;background:linear-gradient(145deg,#08271a,#041a11);color:#fff;cursor:pointer}
.cycle-archive-card:hover{border-color:#5cff91;box-shadow:0 0 20px rgba(73,255,133,.09)}
.cycle-archive-card small,.cycle-archive-card span,.cycle-archive-card em{display:block}.cycle-archive-card small{color:#69e793;font-size:8px;letter-spacing:.8px}
.cycle-archive-card b{display:block;margin:6px 0 4px;font-size:17px}.cycle-archive-card span{font-size:9px;color:#b7d4c0}
.cycle-archive-card em{margin-top:6px;font-style:normal;font-size:8px;color:#83aa90}
.archived-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:14px}
.archived-summary>div{padding:9px;border:1px solid rgba(75,222,125,.18);border-radius:9px;background:rgba(4,28,18,.7)}
.archived-summary small{display:block;color:#82b997;font-size:8px}.archived-summary b{display:block;margin-top:4px;font-size:13px}
@media(max-width:700px){.archived-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* Alpha 2.11 · cultivator career */
.career-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,rgba(6,48,29,.98),rgba(4,24,17,.98))!important}
.career-hero h2{margin:4px 0 6px}.career-hero p{margin:0;color:#a9cbb5}
.career-xp{flex:0 0 auto;min-width:125px;text-align:right;padding:12px 14px;border:1px solid rgba(85,255,145,.24);border-radius:12px;background:rgba(5,31,20,.7)}
.career-xp b{display:block;font-size:24px;color:#67ff98}.career-xp small{color:#86ad94}
.career-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.career-stat-grid>div{min-width:0;padding:11px;border:1px solid rgba(75,222,125,.18);border-radius:10px;background:linear-gradient(145deg,#07271a,#041b12)}
.career-stat-grid small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#78b38d;font-size:8px}
.career-stat-grid b{display:block;margin-top:5px;font-size:15px}
.career-wallet{display:grid;grid-template-columns:1fr 1fr;gap:8px}.career-wallet>div{padding:12px;border:1px solid rgba(75,222,125,.18);border-radius:9px}
.career-wallet span,.career-wallet b{display:block}.career-wallet span{font-size:9px;color:#89b697}.career-wallet b{margin-top:5px;font-size:18px}
.real-rank span{display:flex;flex-direction:column;gap:3px}.real-rank span small{font-size:8px;color:#7fa68c;font-weight:500}
.real-rank strong{display:flex;align-items:flex-end;flex-direction:column;gap:2px}.real-rank strong em{font-style:normal;font-size:9px;color:#ff75d6}
.career-empty{padding:24px 8px;text-align:center;color:#91b39c}.career-empty b,.career-empty span{display:block}.career-empty span{margin-top:5px;font-size:9px}
@media(max-width:1000px){.career-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.career-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.career-hero{display:block}.career-xp{margin-top:10px;text-align:left}.real-rank strong{align-items:flex-end}}


/* Alpha 2.12 · real achievements */
.achievement-progress{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(8,49,30,.98),rgba(5,24,18,.98))!important}
.achievement-progress h2{margin:4px 0}.achievement-progress p{margin:0;color:#91b99e}
.achievement-ring{width:68px;height:68px;flex:0 0 68px;border:2px solid rgba(91,255,145,.45);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 18px rgba(67,255,128,.08)}
.achievement-ring b{font-size:16px;color:#69ff99}
.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.achievement-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;min-width:0}
.achievement-card.locked{opacity:.58}.achievement-card.unlocked{border-color:rgba(91,255,145,.34)!important}
.achievement-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(86,255,143,.18);background:rgba(7,43,26,.75);font-size:20px}
.achievement-copy{min-width:0}.achievement-copy h3{margin:0 0 4px}.achievement-copy p{margin:0 0 7px;color:#9cbba6;font-size:9px;line-height:1.45}
.achievement-reward{min-width:92px;text-align:right}.achievement-reward b{display:block;margin-bottom:7px;color:#67ff98;font-size:11px}.achievement-reward button{padding:7px 9px;font-size:9px}
@media(max-width:850px){.achievement-grid{grid-template-columns:1fr}}
@media(max-width:520px){.achievement-card{grid-template-columns:42px minmax(0,1fr)}.achievement-reward{grid-column:2;display:flex;align-items:center;justify-content:space-between;text-align:left}.achievement-reward b{margin:0}}


/* Alpha 2.14 · local player backup */
.account-state{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.account-state span{padding:6px 8px;border:1px solid rgba(76,230,126,.18);border-radius:8px;background:rgba(5,35,21,.65);font-size:9px;color:#a8cbb4}
.account-backup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border-color:rgba(83,255,143,.28)!important;background:linear-gradient(145deg,rgba(5,38,24,.98),rgba(3,20,14,.98))!important}
.account-backup h2{margin:4px 0 6px}.account-backup p{margin:0;max-width:720px;color:#a9cbb5}
.account-backup>small{grid-column:1/-1}.account-backup-actions{display:flex;gap:8px;align-items:center}.account-backup-actions button{white-space:nowrap}
@media(max-width:700px){.account-backup{grid-template-columns:1fr}.account-backup-actions{flex-wrap:wrap}.account-backup>small{grid-column:auto}}


/* Alpha 2.15 · reward marketplace */
.reward-wallet{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:10px;align-items:center;background:linear-gradient(135deg,rgba(7,46,28,.98),rgba(4,24,17,.98))!important}
.reward-wallet>div{padding:10px 14px;border:1px solid rgba(79,235,130,.2);border-radius:10px}.reward-wallet small,.reward-wallet b{display:block}.reward-wallet small{font-size:7px;color:#72ad86}.reward-wallet b{margin-top:4px;font-size:14px}.reward-wallet p{margin:0;text-align:right;color:#91b59d;font-size:9px}
.reward-section{padding:0}.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:8px}
.reward-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;min-width:0}.reward-card.owned{border-color:rgba(91,255,145,.36)!important}
.reward-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(84,244,137,.2);border-radius:11px;background:rgba(5,37,22,.72);font-size:21px}
.reward-copy{min-width:0}.reward-meta{display:flex;justify-content:space-between;gap:8px}.reward-meta span{font-size:7px;letter-spacing:.8px;color:#66e892}.reward-meta em{font-style:normal;font-size:8px;color:#f4c86a}
.reward-copy h3{margin:4px 0}.reward-copy p{margin:0;color:#91b29c;font-size:9px;line-height:1.45}.reward-action{min-width:105px;text-align:right}.reward-action .badge{display:block;margin-bottom:7px}.reward-action button{font-size:9px;padding:7px 9px}
.redemption-history .row span{font-size:8px;color:#83a98f}
@media(max-width:850px){.reward-grid{grid-template-columns:1fr}.reward-wallet{grid-template-columns:1fr 1fr}.reward-wallet p{grid-column:1/-1;text-align:left}}
@media(max-width:520px){.reward-card{grid-template-columns:42px minmax(0,1fr)}.reward-action{grid-column:2;display:flex;gap:8px;align-items:center;justify-content:flex-end}.reward-action .badge{margin:0}.reward-wallet{grid-template-columns:1fr}}


/* Alpha 2.16 · cultivator identity */
.alias-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.alias-editor input{min-width:0}.alias-editor button{white-space:nowrap}
.field>.alias-editor+small{display:block;margin-top:5px;font-size:8px}
#levelLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
#accountAlias{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:650px){#levelLabel{max-width:170px}.alias-editor{grid-template-columns:1fr}.alias-editor button{width:100%}}


/* Alpha 2.17 · cycle objectives */
.cycle-objectives{margin-top:10px;border-color:rgba(90,244,141,.24)!important;background:linear-gradient(145deg,rgba(5,35,22,.98),rgba(3,21,15,.98))!important}
.cycle-objective-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}
.cycle-objective{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid rgba(83,222,128,.16);border-radius:9px;background:rgba(4,27,17,.72)}
.cycle-objective>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(91,255,145,.25);color:#70ed9a}.cycle-objective b,.cycle-objective small{display:block}.cycle-objective small{margin-top:3px;color:#8fae99;font-size:8px;line-height:1.35}.cycle-objective em{font-style:normal;font-size:8px;color:#6cff9b;white-space:nowrap}
.cycle-objective.done{border-color:rgba(91,255,145,.42)}.cycle-objective.failed{opacity:.55;border-color:rgba(255,100,100,.22)}.cycle-objective.failed>span,.cycle-objective.failed em{color:#ff9292}
.cycle-objectives>p{margin:8px 0 0;font-size:8px}
.archived-objectives{margin:14px 0}.archived-objectives>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(83,222,128,.12)}.archived-objectives span{color:#70ed9a}.archived-objectives em{font-style:normal;font-size:8px;color:#8fb39a}
@media(max-width:900px){.cycle-objective-grid{grid-template-columns:1fr}}


/* Alpha 2.18 · live objective telemetry */
.objective-live{position:relative;margin-top:7px;padding-top:5px;border-top:1px solid rgba(89,220,132,.10)}
.objective-live:before{content:"";display:block;height:3px;border-radius:99px;background:rgba(100,160,120,.14)}
.objective-live i{position:absolute;left:0;top:5px;width:var(--objective-progress);max-width:100%;height:3px;border-radius:99px;background:linear-gradient(90deg,#42d97b,#9cff75);transition:width .35s ease}
.objective-live strong{display:block;margin-top:5px;font-size:8px;font-weight:700;color:#8fd7a5}
.cycle-objective.at-risk .objective-live strong{color:#e8b873}.cycle-objective.at-risk .objective-live i{background:linear-gradient(90deg,#b98242,#e9bd68)}
.final-objective-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:11px 13px;border:1px solid rgba(91,255,145,.26);border-radius:10px;background:rgba(5,42,24,.68)}
.final-objective-summary small,.final-objective-summary b{display:block}.final-objective-summary small{font-size:7px;letter-spacing:.8px;color:#68c98a}.final-objective-summary b{margin-top:3px}.final-objective-summary strong{font-size:18px;color:#72f59e;white-space:nowrap}


/* Alpha 2.19 · cycle comparison and harvest trend */
.cycle-comparison{margin-top:10px;background:linear-gradient(145deg,rgba(5,31,21,.98),rgba(3,20,15,.98))!important}
.cycle-comparison.first-cycle>b{display:block;margin-top:5px}.cycle-comparison.first-cycle p{margin-bottom:0}
.comparison-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}
.comparison-row{min-width:0;padding:9px;border:1px solid rgba(110,190,137,.15);border-radius:9px;background:rgba(5,27,18,.7)}
.comparison-row span,.comparison-row span small,.comparison-row b,.comparison-row em{display:block}.comparison-row span{font-size:8px;color:#9db7a5}.comparison-row span small{margin-top:3px;font-size:7px;color:#688775}.comparison-row b{margin-top:7px;font-size:14px}.comparison-row em{margin-top:3px;font-size:8px;font-style:normal}
.comparison-row.better{border-color:rgba(80,236,129,.3)}.comparison-row.better em{color:#65ed94}.comparison-row.worse{border-color:rgba(239,159,79,.28)}.comparison-row.worse em{color:#e9b36f}.comparison-row.same em{color:#8da899}
.comparison-best{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding:8px 10px;border-top:1px solid rgba(85,222,132,.14);font-size:8px}.comparison-best span{color:#83a991}.comparison-best b{color:#d8f4e1}
.harvest-trend{overflow:hidden}.trend-bars{height:180px;display:flex;align-items:flex-end;gap:10px;margin-top:12px;padding:12px 8px 0;border-top:1px solid rgba(87,214,128,.12)}
.trend-item{height:100%;flex:1;min-width:48px;display:grid;grid-template-rows:auto minmax(70px,1fr) auto auto;text-align:center;gap:4px}.trend-value{font-size:10px;font-weight:800}.trend-value small{font-size:8px}.trend-track{position:relative;min-height:70px;border-radius:6px 6px 2px 2px;background:rgba(71,135,90,.08);overflow:hidden}.trend-track i{position:absolute;left:0;right:0;bottom:0;height:var(--trend-height);background:linear-gradient(180deg,rgba(91,255,145,.82),rgba(38,139,78,.5));border-radius:5px 5px 0 0;transition:height .4s ease}.trend-item>b{font-size:8px}.trend-item>small{font-size:7px;color:#789382}
@media(max-width:900px){.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-row:last-child{grid-column:1/-1}.trend-bars{overflow-x:auto}.trend-item{min-width:64px}}
@media(max-width:520px){.comparison-grid{grid-template-columns:1fr}.comparison-row:last-child{grid-column:auto}.comparison-best{display:block}.comparison-best b{display:block;margin-top:4px}}


/* Alpha 2.20 · technical post-cycle insights */
.post-cycle-insights{margin-top:10px;border-color:rgba(83,219,128,.22)!important;background:linear-gradient(145deg,rgba(4,30,19,.98),rgba(3,18,13,.98))!important}
.insight-columns{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.insight-block{padding:10px;border:1px solid rgba(99,174,120,.14);border-radius:9px;background:rgba(5,26,17,.68)}
.insight-block>small,.insight-priority>small{display:block;margin-bottom:7px;font-size:7px;letter-spacing:.8px;font-weight:800}
.insight-block p{display:grid;grid-template-columns:18px 1fr;gap:5px;align-items:start;margin:6px 0;font-size:8px;line-height:1.45;color:#b7cabd}
.insight-block p span{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;font-size:7px;font-weight:900}
.insight-block.good>small{color:#62e78f}.insight-block.good p span{color:#6ff49c;background:rgba(65,218,113,.11);border:1px solid rgba(91,239,137,.22)}
.insight-block.warning>small{color:#e8b873}.insight-block.warning p span{color:#efbd77;background:rgba(225,157,71,.10);border:1px solid rgba(234,171,88,.22)}
.insight-priority{margin-top:9px;padding:11px 12px;border-left:2px solid rgba(93,244,143,.65);border-radius:0 9px 9px 0;background:rgba(32,94,54,.14)}
.insight-priority small{margin-bottom:5px;color:#6fd893}.insight-priority b{display:block;font-size:10px;line-height:1.45;color:#dcf3e4}
.garden-modal-body .post-cycle-insights{margin:14px 0}
@media(max-width:700px){.insight-columns{grid-template-columns:1fr}}


/* Alpha 2.21 · cross-cycle improvement plan */
.improvement-mission{margin-top:10px;border-color:rgba(76,207,232,.28)!important;background:linear-gradient(145deg,rgba(4,30,31,.98),rgba(3,20,18,.98))!important}
.improvement-mission .eyebrow{color:#67dbe5}.improvement-mission>p{margin:8px 0;color:#a9c7c4;font-size:9px;line-height:1.5}
.improvement-progress{height:4px;margin-top:9px;border-radius:99px;background:rgba(92,172,174,.13);overflow:hidden}
.improvement-progress i{display:block;width:var(--improvement-progress);max-width:100%;height:100%;border-radius:99px;background:linear-gradient(90deg,#4bc5d4,#74f1a1);transition:width .4s ease}
.improvement-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;font-size:8px}
.improvement-foot span{color:#83b7b4}.improvement-foot b{color:#76efad;white-space:nowrap}
.improvement-mission.done{border-color:rgba(91,255,145,.4)!important}.improvement-mission.done .badge{color:#72ef9d}
.improvement-mission.failed{border-color:rgba(236,147,84,.28)!important;opacity:.82}.improvement-mission.failed .badge{color:#e9ad72}.improvement-mission.failed .improvement-progress i{background:#b47b52}
.garden-modal-body .improvement-mission{margin:14px 0}
@media(max-width:560px){.improvement-foot{display:block}.improvement-foot b{display:block;margin-top:5px}}


/* Alpha 2.22 · technical mastery */
.technical-mastery{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:10px}
.mastery-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.mastery-summary>div{padding:9px;border:1px solid rgba(81,210,128,.13);border-radius:8px;background:rgba(5,28,18,.65)}
.mastery-summary small,.mastery-summary b{display:block}.mastery-summary small{font-size:7px;color:#789a84}.mastery-summary b{margin-top:3px;font-size:17px;color:#d9f2e1}
.mastery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}
.mastery-domain{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid rgba(89,183,119,.13);border-radius:9px;background:rgba(4,24,16,.68)}
.mastery-domain>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(99,205,135,.18);color:#729b7f}.mastery-domain b,.mastery-domain small{display:block}.mastery-domain b{font-size:9px}.mastery-domain small{margin-top:2px;font-size:7px;color:#738d7b}.mastery-domain em{font-style:normal;font-size:8px;font-weight:800;color:#6d8f78}
.mastery-domain i{display:block;height:3px;margin-top:6px;border-radius:99px;background:rgba(93,160,113,.12);overflow:hidden}.mastery-domain i u{display:block;width:var(--mastery-progress);height:100%;text-decoration:none;background:linear-gradient(90deg,#43c779,#85ef9d);transition:width .35s ease}
.mastery-domain.level-1,.mastery-domain.level-2,.mastery-domain.level-3{border-color:rgba(76,225,126,.24)}.mastery-domain.level-1>span,.mastery-domain.level-2>span,.mastery-domain.level-3>span,.mastery-domain.level-1 em,.mastery-domain.level-2 em,.mastery-domain.level-3 em{color:#70e696}
.mastery-domain.level-3{box-shadow:inset 0 0 18px rgba(52,193,99,.06)}
.mastery-history-list{margin-top:10px}.mastery-history-list>div{display:grid;grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"icon title reward" "icon meta reward";gap:2px 7px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(83,185,116,.11)}
.mastery-history-list>div>span{grid-area:icon;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:8px}.mastery-history-list>div>b{grid-area:title;font-size:8px}.mastery-history-list>div>small{grid-area:meta;font-size:7px;color:#708c78}.mastery-history-list>div>em{grid-area:reward;font-size:7px;font-style:normal;white-space:nowrap}
.mastery-history-list .success>span,.mastery-history-list .success>em{color:#6be995}.mastery-history-list .failed>span,.mastery-history-list .failed>em{color:#dc9d70}
@media(max-width:900px){.technical-mastery{grid-template-columns:1fr}}
@media(max-width:560px){.mastery-grid{grid-template-columns:1fr}.mastery-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.mastery-summary small{min-height:18px}}


/* Alpha 2.23 · cultivation setup briefing */
.setup-briefing .card{border-color:rgba(83,207,215,.24)!important;background:linear-gradient(145deg,rgba(4,29,29,.98),rgba(3,19,16,.98))!important}
.setup-briefing .eyebrow{color:#68d9df}.briefing-summary{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.briefing-summary span{padding:4px 7px;border-radius:99px;font-size:7px;font-weight:800;border:1px solid rgba(120,190,150,.15)}.briefing-summary .ready{color:#6be899}.briefing-summary .attention{color:#edb56e}.briefing-summary .recommended{color:#76cddd}
.briefing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.briefing-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:9px;border:1px solid rgba(99,180,132,.13);border-radius:9px;background:rgba(4,24,18,.7)}.briefing-item>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:9px;font-weight:900}.briefing-item small,.briefing-item b,.briefing-item p{display:block}.briefing-item small{font-size:6px;letter-spacing:.7px;font-weight:800}.briefing-item b{margin-top:2px;font-size:9px}.briefing-item p{margin:4px 0 0;font-size:7px;line-height:1.4;color:#839e8d}
.briefing-item.ready{border-color:rgba(80,221,125,.22)}.briefing-item.ready>span,.briefing-item.ready small{color:#6ee797}.briefing-item.ready>span{background:rgba(66,205,111,.1);border:1px solid rgba(80,221,125,.22)}.briefing-item.attention{border-color:rgba(232,167,87,.28)}.briefing-item.attention>span,.briefing-item.attention small{color:#e8ad68}.briefing-item.attention>span{background:rgba(220,148,66,.1);border:1px solid rgba(232,167,87,.25)}.briefing-item.recommended{border-color:rgba(78,190,211,.22)}.briefing-item.recommended>span,.briefing-item.recommended small{color:#72cbdc}.briefing-item.recommended>span{background:rgba(65,177,198,.1);border:1px solid rgba(78,190,211,.22)}
.briefing-note{display:grid;grid-template-columns:145px minmax(0,1fr);gap:9px;margin-top:9px;padding:9px 11px;border-top:1px solid rgba(85,196,155,.13);font-size:8px}.briefing-note b{color:#9fe0b5}.briefing-note span{color:#789487;line-height:1.45}
.archived-briefing{margin:14px 0;padding:11px;border:1px solid rgba(79,188,201,.18);border-radius:10px;background:rgba(5,29,28,.55)}.archived-briefing>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.archived-briefing>div:last-child>span{padding:7px;border:1px solid rgba(95,174,130,.12);border-radius:7px}.archived-briefing b,.archived-briefing small{display:block}.archived-briefing b{font-size:8px}.archived-briefing small{margin-top:3px;font-size:7px;color:#789185;line-height:1.35}.archived-briefing .ready b{color:#68df91}.archived-briefing .attention b{color:#e6ad6d}.archived-briefing .recommended b{color:#70c6d7}
@media(max-width:650px){.briefing-grid,.archived-briefing>div:last-child{grid-template-columns:1fr}.briefing-note{grid-template-columns:1fr}}


/* Alpha 2.24 · preparation versus outcome audit */
.preparation-audit{margin-top:10px;border-color:rgba(102,183,224,.24)!important;background:linear-gradient(145deg,rgba(5,27,31,.98),rgba(3,18,18,.98))!important}
.preparation-audit .eyebrow{color:#79cbe6}.audit-disclaimer{margin:8px 0 0;padding:7px 9px;border-left:2px solid rgba(112,195,220,.45);font-size:7px;line-height:1.45;color:#789ba0;background:rgba(55,128,145,.07)}
.audit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.audit-block{padding:10px;border:1px solid rgba(106,174,149,.13);border-radius:9px;background:rgba(4,24,20,.66)}.audit-block>small{display:block;margin-bottom:7px;font-size:7px;letter-spacing:.65px;font-weight:800}.audit-block p{display:grid;grid-template-columns:18px 1fr;gap:5px;align-items:start;margin:6px 0;font-size:8px;line-height:1.4;color:#a7bcb1}.audit-block p span{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;font-size:7px;font-weight:900}.audit-block .audit-empty{display:block;color:#71897c;font-size:7px}
.audit-block.confirmed{border-color:rgba(228,158,83,.23)}.audit-block.confirmed>small,.audit-block.confirmed p span{color:#e8ad6c}.audit-block.confirmed p span{background:rgba(222,147,68,.09);border:1px solid rgba(228,158,83,.22)}
.audit-block.covered{border-color:rgba(75,218,122,.22)}.audit-block.covered>small,.audit-block.covered p span{color:#6de895}.audit-block.covered p span{background:rgba(67,205,111,.09);border:1px solid rgba(75,218,122,.22)}
.audit-block.emergent{border-color:rgba(99,178,217,.22)}.audit-block.emergent>small,.audit-block.emergent p span{color:#77c7df}.audit-block.emergent p span{background:rgba(71,159,197,.09);border:1px solid rgba(99,178,217,.22)}
.garden-modal-body .preparation-audit{margin:14px 0}
@media(max-width:850px){.audit-grid{grid-template-columns:1fr}}


/* Alpha 2.25 · trajectory intelligence */
.trajectory-intelligence{border-color:rgba(110,188,226,.22)!important;background:linear-gradient(145deg,rgba(5,28,31,.98),rgba(3,19,17,.98))!important}.trajectory-intelligence .eyebrow{color:#76c9e2}.trajectory-intelligence.empty>b{display:block;margin-top:5px}.trajectory-intelligence.empty p{margin-bottom:0}
.trajectory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.trajectory-domain{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding:9px;border:1px solid rgba(92,170,139,.13);border-radius:9px;background:rgba(4,25,20,.68);overflow:hidden}.trajectory-domain b,.trajectory-domain small{display:block}.trajectory-domain b{font-size:9px}.trajectory-domain small{margin-top:3px;font-size:7px;color:#789387}.trajectory-domain>span{font-size:7px;font-weight:800;color:#87a99a}.trajectory-domain>i{grid-column:1/-1;display:block;height:3px;border-radius:99px;background:rgba(92,161,121,.11);overflow:hidden}.trajectory-domain>i u{display:block;width:var(--trajectory-rate);height:100%;text-decoration:none;background:linear-gradient(90deg,#45c67b,#77d7c9)}.trajectory-domain.recurrent{border-color:rgba(89,211,132,.25)}.trajectory-domain.rising>span{color:#e2aa69}.trajectory-domain.falling>span{color:#68df92}.trajectory-domain.stable>span{color:#7db7c5}
.trajectory-focus{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"tag title" "text text";gap:3px 8px;margin-top:9px;padding:9px 11px;border-left:2px solid rgba(103,203,223,.55);background:rgba(52,130,147,.07)}.trajectory-focus small{grid-area:tag;font-size:7px;color:#70c4dc}.trajectory-focus b{grid-area:title;font-size:9px}.trajectory-focus span{grid-area:text;font-size:7px;line-height:1.45;color:#7d9992}.trajectory-clean{grid-column:1/-1;padding:10px;border:1px dashed rgba(91,193,128,.2);border-radius:8px}.trajectory-clean b,.trajectory-clean span{display:block}.trajectory-clean span{margin-top:3px;font-size:7px;color:#789084}
.briefing-history-signal{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;margin-top:9px;padding:9px;border:1px solid rgba(91,181,206,.2);border-radius:9px;background:rgba(46,126,145,.07)}.briefing-history-signal>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(99,190,211,.24);color:#75c9dc}.briefing-history-signal small,.briefing-history-signal b,.briefing-history-signal p{display:block}.briefing-history-signal small{font-size:6px;letter-spacing:.7px;color:#71c3d7}.briefing-history-signal b{margin-top:2px;font-size:9px}.briefing-history-signal p{margin:3px 0 0;font-size:7px;line-height:1.4;color:#7e9b95}.briefing-history-signal.recurrent{border-color:rgba(226,164,82,.3);background:rgba(154,101,44,.07)}.briefing-history-signal.recurrent>span,.briefing-history-signal.recurrent small{color:#e4ad6d}.briefing-history-signal.recurrent>span{border-color:rgba(226,164,82,.28)}
@media(max-width:650px){.trajectory-grid{grid-template-columns:1fr}}


/* Alpha 2.26 · longitudinal technical map */
.trajectory-domain.resolved{border-color:rgba(87,211,143,.18);opacity:.78}.trajectory-domain.resolved>span{color:#69d99a}.trajectory-domain.resolved>i u{background:linear-gradient(90deg,#3d9f70,#69d99a)}
.longitudinal-map{border-color:rgba(104,191,218,.22)!important;background:linear-gradient(145deg,rgba(5,27,30,.98),rgba(3,19,17,.98))!important}.longitudinal-map .eyebrow{color:#72c9df}.longitudinal-scroll{margin-top:10px;overflow-x:auto;padding-bottom:3px}.longitudinal-table{min-width:560px}.long-head,.long-row{display:grid;grid-template-columns:minmax(150px,1.5fr) repeat(var(--cycle-count),minmax(58px,.65fr));align-items:center}.long-head{border-bottom:1px solid rgba(94,182,153,.15)}.long-head>span{padding:7px 8px;font-size:7px;color:#78948a}.long-head>b{padding:7px 4px;text-align:center;font-size:8px}.long-head>b small{display:block;margin-top:2px;font-size:5px;color:#6f8d82;font-weight:700}
.long-row{border-bottom:1px solid rgba(87,164,135,.09)}.long-row>strong{padding:8px;font-size:8px;font-weight:700}.long-row>strong small{display:block;margin-top:2px;font-size:5px;letter-spacing:.5px;color:#648276}.long-row>span{display:grid;place-items:center;min-height:32px;font-size:11px}.long-row>span.hit{color:#e4ad6c;background:rgba(218,147,70,.055)}.long-row>span.clear{color:#466458}.long-row.active>strong small{color:#e1a968}.long-row.resolved>strong small{color:#68da96}.long-row.resolved>span.hit{color:#72ba91}
.longitudinal-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:6px;color:#769087}.longitudinal-legend span{display:flex;align-items:center;gap:4px}.longitudinal-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.longitudinal-legend i.hit{background:#d99e60}.longitudinal-legend i.clear{border:1px solid #526c61}.longitudinal-legend i.resolved{background:#63ca8c}
.resolved-patterns{margin-top:9px;padding:9px 11px;border-left:2px solid rgba(91,217,143,.55);background:rgba(48,137,85,.07)}.resolved-patterns small,.resolved-patterns b,.resolved-patterns span{display:block}.resolved-patterns small{font-size:6px;letter-spacing:.7px;color:#67d995}.resolved-patterns b{margin-top:3px;font-size:9px}.resolved-patterns span{margin-top:4px;font-size:7px;line-height:1.4;color:#789488}
.briefing-history-signal.resolved{border-color:rgba(81,211,135,.24);background:rgba(50,146,87,.07)}.briefing-history-signal.resolved>span,.briefing-history-signal.resolved small{color:#69dd98}.briefing-history-signal.resolved>span{border-color:rgba(81,211,135,.25)}


/* Alpha 2.27 · learning effectiveness */
.learning-effectiveness{border-color:rgba(100,202,163,.24)!important;background:linear-gradient(145deg,rgba(5,29,24,.98),rgba(3,19,17,.98))!important}.learning-effectiveness .eyebrow{color:#70dda1}.learning-effectiveness.empty>b{display:block;margin-top:5px}.learning-effectiveness.empty p{margin-bottom:0}
.learning-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.learning-summary>div{padding:9px;border:1px solid rgba(86,190,127,.14);border-radius:8px;background:rgba(5,27,19,.65)}.learning-summary small,.learning-summary b{display:block}.learning-summary small{font-size:7px;color:#789587}.learning-summary b{margin-top:3px;font-size:17px;color:#daf1e1}
.learning-domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.learning-domain-grid>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid rgba(88,175,121,.12);border-radius:8px}.learning-domain-grid b,.learning-domain-grid small{display:block}.learning-domain-grid b{font-size:8px}.learning-domain-grid small{margin-top:2px;font-size:6px;color:#728c7d}.learning-domain-grid em{font-size:10px;font-style:normal;font-weight:800;color:#70dd9b}
.learning-timeline{margin-top:10px;border-top:1px solid rgba(83,179,119,.12)}.learning-timeline>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px 2px;border-bottom:1px solid rgba(83,179,119,.09)}.learning-timeline>div>span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;font-size:8px;font-weight:900}.learning-timeline b,.learning-timeline small{display:block}.learning-timeline b{font-size:8px}.learning-timeline small{margin-top:2px;font-size:6px;color:#718b7c}.learning-timeline em{font-size:6px;font-style:normal;font-weight:800;letter-spacing:.45px}.learning-timeline .sustained>span,.learning-timeline .sustained>em{color:#69e093}.learning-timeline .sustained>span{border:1px solid rgba(75,214,119,.24);background:rgba(61,188,100,.08)}.learning-timeline .relapse>span,.learning-timeline .relapse>em{color:#e4aa69}.learning-timeline .relapse>span{border:1px solid rgba(226,160,83,.25);background:rgba(203,131,61,.08)}.learning-timeline .pending>span,.learning-timeline .pending>em{color:#76c9da}.learning-timeline .pending>span{border:1px solid rgba(90,188,208,.23);background:rgba(69,157,178,.08)}.learning-timeline .failed>span,.learning-timeline .failed>em{color:#ce8970}.learning-timeline .failed>span{border:1px solid rgba(204,125,99,.22);background:rgba(174,94,69,.07)}
@media(max-width:650px){.learning-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-domain-grid{grid-template-columns:1fr}}


/* Alpha 2.28 · personal technical memory */
.technical-memory{border-color:rgba(110,203,158,.24)!important;background:linear-gradient(145deg,rgba(5,29,23,.98),rgba(3,19,17,.98))!important}.technical-memory .eyebrow{color:#75dda4}.technical-memory.empty>b{display:block;margin-top:5px}.technical-memory.empty p{margin-bottom:0}
.memory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.memory-domain{padding:10px;border:1px solid rgba(85,190,126,.15);border-radius:9px;background:rgba(4,25,18,.68)}.memory-domain-head{display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:center}.memory-domain-head>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(78,216,124,.25);background:rgba(62,188,101,.08);color:#6ee095;font-size:8px}.memory-domain-head b,.memory-domain-head small{display:block}.memory-domain-head b{font-size:9px}.memory-domain-head small{margin-top:2px;font-size:6px;color:#759082}
.memory-equipment{display:grid;gap:4px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(84,177,119,.1)}.memory-equipment>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.memory-equipment b{font-size:7px;font-weight:700;color:#9eb6a8}.memory-equipment small{font-size:6px;color:#688276;white-space:nowrap}.memory-domain>p{margin:8px 0 0;font-size:7px;line-height:1.4;color:#71897c}
.briefing-personal-precedent{display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;margin-top:9px;padding:10px;border:1px solid rgba(96,218,145,.27);border-radius:9px;background:linear-gradient(135deg,rgba(48,149,88,.09),rgba(45,119,113,.05))}.briefing-personal-precedent>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(94,219,143,.28);color:#70e19a}.briefing-personal-precedent small,.briefing-personal-precedent b,.briefing-personal-precedent p,.briefing-personal-precedent em{display:block}.briefing-personal-precedent small{font-size:6px;letter-spacing:.7px;color:#6fdd99}.briefing-personal-precedent b{margin-top:2px;font-size:9px}.briefing-personal-precedent p{margin:4px 0 0;font-size:7px;line-height:1.4;color:#86a496}.briefing-personal-precedent em{margin-top:5px;font-size:6px;font-style:normal;color:#648276}
@media(max-width:650px){.memory-grid{grid-template-columns:1fr}.memory-equipment>span{align-items:flex-start;flex-direction:column;gap:2px}.memory-equipment small{white-space:normal}}

/* ===== ALPHA 2.29 · UX-R1 · DARK BOTANICAL COMFORT ===== */
:root{--comfort-bg:#050907;--comfort-surface-1:#0a100d;--comfort-surface-2:#0e1712;--comfort-surface-3:#132019;--comfort-line:#25342b;--comfort-text:#d8e3dc;--comfort-muted:#9fb0a6;--comfort-green:#63d98b;--comfort-cyan:#63c6d8;--comfort-amber:#e2b36d;--comfort-danger:#e27d7d;--bg:var(--comfort-bg);--panel:var(--comfort-surface-1);--panel2:var(--comfort-surface-2);--line:var(--comfort-line);--green:var(--comfort-green);--text:var(--comfort-text);--muted:var(--comfort-muted);--cyan:var(--comfort-cyan);--amber:var(--comfort-amber);--red:var(--comfort-danger)}
body{background:radial-gradient(circle at 55% 18%,#102018 0,var(--comfort-bg) 48%,#030604 100%);color:var(--comfort-text)}
.sidebar{width:200px;background:rgba(5,9,7,.97);border-right-color:var(--comfort-line);padding-top:26px}.app{grid-template-columns:200px 1fr}.navbtn{min-height:46px;padding:0 13px;font-size:12px;letter-spacing:.8px;color:#a9b8af}.navbtn:hover{background:#0d1711;border-color:#2b4033}.navbtn.active{background:#102017;border-color:#355943;color:#e3eee7;box-shadow:inset 3px 0 var(--comfort-green)}.side-foot{font-size:11px;color:#74877b}.topbar{background:rgba(5,10,7,.94);border-bottom-color:var(--comfort-line)}.card{border-color:var(--comfort-line);background:linear-gradient(180deg,rgba(14,23,18,.96),rgba(9,15,12,.96));box-shadow:0 16px 45px rgba(0,0,0,.24)}
.mobile-primary-nav{display:none}
.ux-garden{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.78fr);gap:14px;align-items:start}.ux-scene{min-height:620px;padding:0;overflow:hidden;position:relative;background:#080e0a}.ux-scene-art{height:620px!important;min-height:620px;border-radius:14px;filter:saturate(.88) brightness(.9)}.ux-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,8,5,.08),transparent 55%,rgba(3,8,5,.82))}
.ux-cycle{position:absolute;z-index:3;left:18px;top:18px;min-width:240px;padding:11px 13px;border:1px solid rgba(140,167,151,.2);border-radius:10px;background:rgba(6,12,8,.82);backdrop-filter:blur(9px)}.ux-cycle small,.ux-cycle b{display:block}.ux-cycle small{font-size:12px;color:var(--comfort-muted);letter-spacing:.7px}.ux-cycle b{margin-top:3px;font-size:16px}.ux-cycle i{display:block;height:4px;margin-top:9px;border-radius:8px;background:#1a2820;overflow:hidden}.ux-cycle u{display:block;height:100%;background:var(--comfort-green);text-decoration:none}
.ux-vitals{position:absolute;z-index:3;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ux-vitals>div{padding:12px 14px;border:1px solid rgba(139,167,150,.2);border-radius:10px;background:rgba(7,13,9,.86);backdrop-filter:blur(8px)}.ux-vitals small,.ux-vitals b{display:block}.ux-vitals small{font-size:12px;color:var(--comfort-muted)}.ux-vitals b{margin-top:2px;font-size:20px}
.ux-now{display:grid;gap:12px}.ux-attention{padding:16px;border:1px solid var(--comfort-line);border-radius:14px;background:var(--comfort-surface-1)}.ux-attention>small{display:block;font-size:12px;letter-spacing:.8px;color:var(--comfort-muted)}.ux-attention h2{margin:5px 0 7px;font-size:20px}.ux-attention p{margin:0;color:#aebdb4;font-size:14px;line-height:1.55}.ux-attention.quiet{border-color:#2b5138;background:linear-gradient(145deg,#0d1a12,#0a100d)}.ux-attention.quiet h2{color:#8fe3aa}.ux-attention.warning{border-color:#6c5631;background:linear-gradient(145deg,#1c180f,#0d100c)}.ux-attention.warning>small,.ux-attention.warning h2{color:var(--comfort-amber)}.ux-attention.critical{border-color:#724242;background:linear-gradient(145deg,#211111,#0d0c0a)}.ux-attention.critical>small,.ux-attention.critical h2{color:var(--comfort-danger)}.ux-attention.harvest-ready{border-color:#5b4d36;background:linear-gradient(145deg,#19170e,#0b100c)}
.ux-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.ux-action-row button,.ux-primary,.ux-link,.ux-section-head button,.ux-hub-grid button,.account-backup-actions button{min-height:46px;border:1px solid #34463b;border-radius:9px;background:#101812;color:var(--comfort-text);padding:9px 12px;cursor:pointer}.ux-action-row button:hover,.ux-link:hover,.ux-section-head button:hover,.ux-hub-grid button:hover{border-color:#506c5a}.ux-primary{background:#153321!important;border-color:#3e7550!important;color:#e6f2e9!important}.ux-primary:hover{border-color:var(--comfort-green)!important}.ux-primary:disabled{opacity:.45;cursor:not-allowed}
.ux-measurements{padding:0 15px;overflow:hidden}.ux-section-head{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ux-section-head span small,.ux-section-head span b{display:block}.ux-section-head small{font-size:11px;color:var(--comfort-muted);letter-spacing:.7px}.ux-section-head b{font-size:15px;margin-top:2px}.ux-section-head button{min-height:40px;font-size:12px}
.ux-metric{border-top:1px solid var(--comfort-line)}.ux-metric summary{min-height:56px;display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(116px,auto);gap:12px;align-items:center;cursor:pointer;list-style:none}.ux-metric summary::-webkit-details-marker{display:none}.ux-metric-name{font-size:14px}.ux-metric summary>b{font-size:15px;font-weight:800}.ux-metric summary>em{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.3px;color:var(--comfort-green)}.ux-metric summary>em i{font-style:normal}.ux-metric summary>em u{margin-left:3px;text-decoration:none;color:#7d9185;transition:transform .18s ease}.ux-metric[open] summary>em u{transform:rotate(180deg)}.ux-metric.attention summary>em{color:var(--comfort-amber)}.ux-metric.critical summary>em{color:var(--comfort-danger)}.ux-metric.locked summary>em{color:#87978e}
.ux-knowledge{padding:2px 0 17px;display:grid;gap:12px}.ux-knowledge>div:not(.ux-simulator-rule){max-width:72ch}.ux-knowledge small{font-size:11px;letter-spacing:.55px;color:#91a69a}.ux-knowledge p{margin:4px 0 0;font-size:15px;line-height:1.62;color:#bdc9c1}.ux-simulator-rule,.ux-evidence{padding:11px 12px!important;border-radius:9px;background:#0d1712;border:1px solid #2a3b31}.ux-simulator-rule small,.ux-simulator-rule b,.ux-simulator-rule span,.ux-evidence span{display:block}.ux-simulator-rule b{margin:3px 0;font-size:15px;color:var(--comfort-cyan)}.ux-simulator-rule span,.ux-evidence span{font-size:12px;line-height:1.5;color:#899d91}.ux-evidence{border-color:#30493b}.ux-evidence small{color:var(--comfort-green)}
.ux-compact-goals{border:1px solid var(--comfort-line);border-radius:12px;background:#09100c;overflow:hidden}.ux-compact-goals details+details{border-top:1px solid var(--comfort-line)}.ux-compact-goals summary{min-height:56px;padding:8px 13px;display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:8px;cursor:pointer;list-style:none}.ux-compact-goals summary::-webkit-details-marker{display:none}.ux-compact-goals summary span{font-size:11px;color:var(--comfort-muted)}.ux-compact-goals summary b{font-size:13px}.ux-compact-goals summary em{font-size:11px;font-style:normal;color:#8fa197}.ux-compact-goals details>p{margin:0;padding:0 13px 14px;font-size:14px;line-height:1.55;color:#aebdb4}
.ux-setup{max-width:860px;margin:0 auto}.ux-setup-main{padding:18px}.ux-state-line{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid var(--comfort-line)}.ux-state-line span{font-size:12px;color:var(--comfort-muted)}.ux-state-line b{font-size:15px}.ux-setup-plan,.ux-setup-recommended{border-bottom:1px solid var(--comfort-line)}.ux-setup-plan summary,.ux-setup-recommended summary{min-height:58px;display:grid;grid-template-columns:170px 1fr auto;gap:10px;align-items:center;cursor:pointer;list-style:none}.ux-setup-plan summary span,.ux-setup-recommended summary span{font-size:11px;color:var(--comfort-muted)}.ux-setup-plan summary b,.ux-setup-recommended summary b{font-size:14px}.ux-setup-plan summary em,.ux-setup-recommended summary em{font-style:normal}.ux-setup-plan>p{font-size:15px;line-height:1.6;color:#b8c5bd}.ux-setup-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.ux-setup-checks>div{display:grid;grid-template-columns:30px 1fr;gap:2px 8px;align-items:center;padding:12px;border:1px solid var(--comfort-line);border-radius:9px}.ux-setup-checks>div>span{grid-row:1/3;font-size:17px;color:var(--comfort-green)}.ux-setup-checks b{font-size:14px}.ux-setup-checks small{font-size:12px;color:var(--comfort-muted)}.ux-setup-recommended>div p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:10px 0;border-top:1px solid #1d2922}.ux-setup-recommended>div p b{font-size:13px}.ux-setup-recommended>div p span{font-size:12px;color:var(--comfort-muted)}.ux-start{margin-top:16px}.ux-link{width:100%;margin-top:8px;background:transparent}
.ux-career-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.ux-career-hero small{font-size:12px;color:var(--comfort-muted)}.ux-career-hero h2{margin:4px 0;font-size:22px}.ux-career-hero p{margin:0;color:#aab9b0}.ux-career-hero>div:last-child{text-align:right}.ux-career-hero>div:last-child b{display:block;font-size:24px;color:var(--comfort-green)}.ux-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.ux-hub-grid button,.ux-hub-grid article{min-height:130px;padding:15px;text-align:left;border:1px solid var(--comfort-line);border-radius:12px;background:var(--comfort-surface-1);color:var(--comfort-text)}.ux-hub-grid span,.ux-hub-grid b,.ux-hub-grid small{display:block}.ux-hub-grid span{font-size:20px;color:var(--comfort-green)}.ux-hub-grid b{margin-top:8px;font-size:15px}.ux-hub-grid small{margin-top:5px;font-size:12px;line-height:1.45;color:var(--comfort-muted)}
.ux-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ux-profile-grid h2{margin:5px 0}.ux-profile-grid p{color:#aab9b0}.ux-profile-pref{display:flex;flex-direction:column}.ux-pref-status{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--comfort-line);font-size:13px}.ux-pref-status span{color:var(--comfort-muted)}
@media(max-width:1050px){.ux-garden{grid-template-columns:1fr}.ux-scene{min-height:540px}.ux-scene-art{height:540px!important;min-height:540px}.ux-now{grid-template-columns:1fr 1fr}.ux-measurements{grid-row:1/4;grid-column:2}.ux-hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app{padding-bottom:72px}.sidebar{display:none}.mobile-menu{display:none!important}.topbar{grid-template-columns:1fr auto!important;padding:8px 12px}.wallet{grid-column:1}.account{grid-column:2}.level{grid-column:1/-1!important;grid-row:2!important}.page{padding:14px 12px 18px}.mobile-primary-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-top:1px solid var(--comfort-line);background:rgba(5,9,7,.97);backdrop-filter:blur(14px)}.mobile-navbtn{min-height:52px;border:1px solid transparent;border-radius:9px;background:transparent;color:#82958a;display:grid;place-items:center;gap:1px}.mobile-navbtn span{font-size:17px;line-height:1}.mobile-navbtn b{font-size:11px;font-weight:700}.mobile-navbtn.active{border-color:#31513e;background:#0f1c14;color:#cfe0d5}.mobile-navbtn.active span{color:var(--comfort-green)}.ux-garden,.ux-now{display:grid;grid-template-columns:1fr}.ux-scene{min-height:440px}.ux-scene-art{height:440px!important;min-height:440px}.ux-cycle{left:12px;top:12px;min-width:210px}.ux-vitals{left:10px;right:10px;bottom:10px}.ux-vitals>div{padding:10px}.ux-vitals small{font-size:12px}.ux-vitals b{font-size:18px}.ux-measurements{grid-column:auto;grid-row:auto}.ux-section-head{min-height:62px}.ux-section-head button{display:none}.ux-metric summary{min-height:58px;grid-template-columns:minmax(85px,1fr) auto minmax(106px,auto);gap:7px}.ux-metric-name{font-size:14px}.ux-metric summary>b{font-size:14px}.ux-metric summary>em{font-size:10px}.ux-knowledge p{font-size:16px}.ux-action-row button,.ux-primary,.ux-link{min-height:50px}.ux-compact-goals summary{grid-template-columns:1fr auto}.ux-compact-goals summary span{grid-column:1/-1}.ux-setup-checks{grid-template-columns:1fr}.ux-setup-plan summary,.ux-setup-recommended summary{grid-template-columns:1fr auto}.ux-setup-plan summary span,.ux-setup-recommended summary span{grid-column:1/-1}.ux-setup-recommended>div p{display:grid}.ux-career-hero{align-items:flex-start;flex-direction:column}.ux-career-hero>div:last-child{text-align:left}.ux-hub-grid,.ux-profile-grid{grid-template-columns:1fr}.ux-hub-grid button,.ux-hub-grid article{min-height:108px}}
@media(prefers-reduced-motion:reduce){.ux-scene .living-dom,.ux-scene .living-bubbles i,.ux-scene .plant-orbit,.ux-metric summary>em u{animation:none!important;transition:none!important}.ux-scene-art{transition:none!important}}


.garden-modal{justify-content:flex-end;padding:0;background:rgba(1,5,3,.62)}
.garden-modal-card{width:min(720px,92vw);height:100vh;max-height:100vh;border-radius:16px 0 0 16px;border-color:var(--comfort-line);background:linear-gradient(180deg,#0d1510,#080d0a);box-shadow:-24px 0 70px rgba(0,0,0,.42);padding:20px 22px}
.garden-modal-head{top:-20px;background:linear-gradient(180deg,#0d1510 78%,rgba(13,21,16,0));padding-top:18px}.garden-modal-head .eyebrow{font-size:11px}.garden-modal-head p{font-size:14px}.modal-close{min-width:44px;width:44px;height:44px;border-color:#3b4c41;background:#111b15;color:var(--comfort-text)}
.modal-action-grid{grid-template-columns:1fr 1fr;gap:9px}.modal-action-grid .action-card{padding:13px;border:1px solid var(--comfort-line);border-radius:10px}.modal-action-grid .action-card>b{font-size:14px}.modal-action-grid .action-card p{font-size:13px;line-height:1.5}.modal-action-grid .action-card .tag{font-size:12px}.modal-action-grid .primary{min-height:46px}
button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--comfort-cyan);outline-offset:3px}
@media(max-width:760px){.garden-modal{align-items:flex-end;justify-content:center}.garden-modal-card{width:100%;height:auto;max-height:88vh;border-radius:16px 16px 0 0;padding:14px 14px calc(14px + env(safe-area-inset-bottom))}.garden-modal-head{top:-14px}.modal-action-grid{grid-template-columns:1fr}.modal-action-grid .action-card p{font-size:14px}}

.ux-evidence a{display:inline-flex;min-height:40px;align-items:center;margin-top:8px;color:var(--comfort-cyan);font-size:12px;text-decoration:none}.ux-evidence a:hover{text-decoration:underline}


/* Alpha 2.29.1 · desktop density and hierarchy refinement */
@media(min-width:1060px){
 .page{max-width:1780px;padding:30px 34px}
 .page h1{font-size:32px}.subtitle{font-size:15px;line-height:1.5;margin-bottom:22px}
 .eyebrow{font-size:12px}.navbtn{font-size:13px}
 .ux-garden{grid-template-columns:minmax(0,1.62fr) minmax(430px,.78fr);gap:16px}
 .ux-scene,.ux-scene-art{min-height:650px;height:650px!important}
 .ux-setup{max-width:1260px}
}
.ux-setup-main{padding:0;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(520px,1.22fr);overflow:hidden}
.ux-setup-visual{min-height:470px;background-position:center;background-size:cover;position:relative;border-right:1px solid var(--comfort-line)}
.ux-setup-visual>div{position:absolute;left:18px;right:18px;bottom:18px;padding:13px 14px;border:1px solid rgba(150,175,160,.2);border-radius:10px;background:rgba(5,11,7,.82);backdrop-filter:blur(8px)}
.ux-setup-visual small,.ux-setup-visual b,.ux-setup-visual span{display:block}.ux-setup-visual small{font-size:12px;letter-spacing:.7px;color:var(--comfort-green)}.ux-setup-visual b{margin-top:4px;font-size:18px}.ux-setup-visual span{margin-top:5px;font-size:13px;line-height:1.45;color:#aebdb4}
.ux-setup-content{padding:20px}.ux-state-line span{font-size:13px}.ux-state-line b{font-size:16px}.ux-setup-plan summary span,.ux-setup-recommended summary span{font-size:12px}.ux-setup-plan summary b,.ux-setup-recommended summary b{font-size:15px}.ux-setup-checks b{font-size:15px}.ux-setup-checks small{font-size:13px}.ux-setup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.ux-setup-actions .ux-start,.ux-setup-actions .ux-link{width:100%;margin:0}
.ux-career-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.ux-career-metrics>div{padding:13px 15px;border:1px solid var(--comfort-line);border-radius:11px;background:linear-gradient(180deg,#0d1712,#09100c)}.ux-career-metrics small,.ux-career-metrics b{display:block}.ux-career-metrics small{font-size:12px;color:var(--comfort-muted)}.ux-career-metrics b{margin-top:4px;font-size:20px;color:#dce8e0}
.ux-career-hero small,.ux-hub-grid small,.ux-profile-grid .eyebrow{font-size:12px}.ux-career-hero p,.ux-profile-grid p{font-size:14px;line-height:1.55}.ux-hub-grid b{font-size:16px}.ux-hub-grid small{font-size:13px;line-height:1.5}.ux-pref-status{font-size:14px}
@media(max-width:760px){
 .ux-setup-main{grid-template-columns:1fr}.ux-setup-visual{min-height:260px;border-right:0;border-bottom:1px solid var(--comfort-line)}.ux-setup-content{padding:15px}.ux-setup-actions{grid-template-columns:1fr}.ux-career-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-career-metrics small{font-size:12px}.ux-career-metrics b{font-size:18px}
}


@media(min-width:1060px){
 .ux-attention>small,.ux-section-head small,.ux-metric summary>em,.ux-compact-goals summary span,.ux-compact-goals summary em{font-size:12px}
 .ux-attention p{font-size:15px}.ux-metric-name{font-size:15px}.ux-metric summary>b{font-size:16px}.ux-compact-goals summary b{font-size:14px}
 .ux-vitals small{font-size:13px}.ux-vitals b{font-size:22px}.ux-cycle small{font-size:13px}.ux-cycle b{font-size:17px}
 .wallet,.account,.level{font-size:13px}
}


/* UX-R1.2 · desktop readability and measurement fit */
@media(min-width:1060px){
  .sidebar{
    width:216px;
    padding-left:16px;
    padding-right:16px;
  }
  .app{grid-template-columns:216px 1fr}
  .brand{padding-left:4px;padding-right:4px}
  .brand small{
    display:block;
    margin-top:5px;
    font-size:10px;
    line-height:1.35;
    letter-spacing:1.7px;
    white-space:normal;
  }
  .sidebar nav{gap:9px}
  .navbtn{
    min-height:48px;
    padding:0 14px 0 42px;
    font-size:14px;
    line-height:1.25;
    letter-spacing:.45px;
    white-space:nowrap;
  }
  .navbtn:before{
    left:14px;
    width:18px;
    line-height:1;
  }

  .ux-garden{
    grid-template-columns:minmax(0,1.48fr) minmax(470px,.88fr);
    gap:18px;
  }
  .ux-now{min-width:0}
  .ux-measurements{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    padding:0 18px;
    overflow:hidden;
  }
  .ux-section-head{
    min-width:0;
    gap:16px;
  }
  .ux-section-head>span{min-width:0}
  .ux-section-head button{
    flex:0 0 auto;
    white-space:nowrap;
  }
  .ux-metric,
  .ux-metric summary{box-sizing:border-box;min-width:0;width:100%}
  .ux-metric summary{
    grid-template-columns:minmax(145px,1fr) minmax(72px,auto) minmax(132px,auto);
    gap:14px;
    padding:0 2px;
  }
  .ux-metric-name{
    min-width:0;
    line-height:1.25;
  }
  .ux-metric summary>b{
    min-width:0;
    text-align:right;
    white-space:nowrap;
  }
  .ux-metric summary>em{
    min-width:0;
    white-space:nowrap;
    padding-right:2px;
  }
}

/* H420 Core authority: local alpha controls must never render in linked sessions. */
.core-linked .tester{display:none!important}


/* ===== VISUALES SIMULADOR · P0 · H420 2.5D MATERIAL SYSTEM v1 ===== */
:root{
 --h420-black:#010503;
 --h420-obsidian:#050a07;
 --h420-graphite:#0a110d;
 --h420-surface:#0c1711;
 --h420-surface-raised:#102019;
 --h420-edge:rgba(119,170,139,.24);
 --h420-edge-hot:rgba(82,255,136,.48);
 --h420-green:#52ff88;
 --h420-green-deep:#168b4b;
 --h420-green-glow:rgba(82,255,136,.18);
 --h420-metal-hi:rgba(230,242,235,.14);
 --h420-metal-lo:rgba(0,0,0,.68);
 --h420-depth-1:0 2px 3px rgba(0,0,0,.42),0 10px 24px rgba(0,0,0,.22);
 --h420-depth-2:0 3px 5px rgba(0,0,0,.48),0 18px 44px rgba(0,0,0,.30);
 --h420-inset:inset 0 1px rgba(255,255,255,.055),inset 0 -1px rgba(0,0,0,.72);
 --h420-press:inset 0 2px 7px rgba(0,0,0,.72),inset 0 -1px rgba(255,255,255,.035);
 --h420-ease:cubic-bezier(.2,.75,.25,1);
}
body{
 background:
  radial-gradient(circle at 64% -8%,rgba(37,129,76,.16),transparent 34%),
  radial-gradient(circle at 12% 78%,rgba(22,86,51,.10),transparent 32%),
  linear-gradient(145deg,var(--h420-black),#030a06 52%,#010403);
}
.card,.ux-attention,.ux-measurements,.ux-compact-goals details,.ux-hub-grid button,.ux-hub-grid article,
.ux-profile-grid>article,.ux-career-metrics>div,.equipment-card{
 border:1px solid var(--h420-edge);
 background:
  linear-gradient(135deg,rgba(255,255,255,.026),transparent 24%),
  linear-gradient(180deg,rgba(15,30,22,.97),rgba(5,12,8,.985));
 box-shadow:var(--h420-depth-1),var(--h420-inset);
}
.card{position:relative}
.card:before{
 content:"";position:absolute;z-index:0;left:10px;right:10px;top:0;height:1px;
 background:linear-gradient(90deg,transparent,var(--h420-metal-hi),transparent);
 pointer-events:none;opacity:.75
}
.card>*{position:relative;z-index:1}
.topbar{
 background:linear-gradient(180deg,rgba(8,17,12,.94),rgba(3,9,6,.92));
 border-bottom-color:var(--h420-edge);box-shadow:0 12px 36px rgba(0,0,0,.28),inset 0 -1px rgba(255,255,255,.025)
}
.sidebar{
 background:
  linear-gradient(90deg,rgba(255,255,255,.012),transparent 32%),
  linear-gradient(180deg,#07100b,#020704);
 border-right-color:var(--h420-edge);
 box-shadow:16px 0 45px rgba(0,0,0,.30),inset -1px 0 rgba(255,255,255,.018)
}
.navbtn,.account button,.mobile-menu,.secondary,.primary,.choice,.inspect-btn,.ux-primary,.ux-link,
.ux-action-row button,.ux-section-head button,.garden-modal button,.tester button,.ux-hub-grid button{
 -webkit-tap-highlight-color:transparent;
 transform:translateY(0) scale(1);
 transition:transform .12s var(--h420-ease),box-shadow .16s var(--h420-ease),border-color .16s ease,
 background .16s ease,filter .16s ease;
 box-shadow:0 2px 0 rgba(0,0,0,.72),0 7px 16px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.05);
}
.navbtn:hover,.account button:hover,.mobile-menu:hover,.secondary:hover,.primary:hover,.choice:hover,.inspect-btn:hover,
.ux-primary:hover,.ux-link:hover,.ux-action-row button:hover,.ux-section-head button:hover,.garden-modal button:hover,
.ux-hub-grid button:hover{
 transform:translateY(-2px);
 border-color:var(--h420-edge-hot);
 box-shadow:0 3px 0 rgba(0,0,0,.66),0 12px 24px rgba(0,0,0,.24),0 0 22px var(--h420-green-glow),inset 0 1px rgba(255,255,255,.07);
}
.navbtn:active,.account button:active,.mobile-menu:active,.secondary:active,.primary:active,.choice:active,.inspect-btn:active,
.ux-primary:active,.ux-link:active,.ux-action-row button:active,.ux-section-head button:active,.garden-modal button:active,
.ux-hub-grid button:active{
 transform:translateY(2px) scale(.985);
 box-shadow:var(--h420-press);
 filter:brightness(.94);
 transition-duration:.055s;
}
button:disabled,.primary:disabled,.secondary:disabled,.choice:disabled{
 transform:none!important;box-shadow:inset 0 1px rgba(255,255,255,.02)!important;filter:saturate(.45)!important
}
.primary,.ux-primary{
 background:
  linear-gradient(180deg,rgba(255,255,255,.07),transparent 36%),
  linear-gradient(180deg,#176b42,#0a3522);
 border-color:rgba(82,255,136,.46);
 color:#f4fff8;text-shadow:0 1px 2px #000;
}
.secondary,.ux-link,.ux-action-row button:not(.ux-primary),.ux-section-head button{
 background:linear-gradient(180deg,#14221a,#0a120d);
 border-color:rgba(142,177,154,.26);
}
.pill{
 position:relative;overflow:hidden;
 background:linear-gradient(180deg,#12231a,#08120c);
 border-color:var(--h420-edge);box-shadow:var(--h420-inset),0 6px 16px rgba(0,0,0,.18)
}
.pill:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--h420-green);box-shadow:0 0 12px var(--h420-green)}
.xp,.progress,.meter{box-shadow:inset 0 2px 4px rgba(0,0,0,.62),0 1px rgba(255,255,255,.025)}
.xp i,.progress i,.meter i{box-shadow:0 0 12px rgba(82,255,136,.28),inset 0 1px rgba(255,255,255,.2)}
.badge,.problem-chip,.day-chip{
 box-shadow:inset 0 1px rgba(255,255,255,.04),0 3px 9px rgba(0,0,0,.14)
}
.garden-modal-card{
 background:
  linear-gradient(135deg,rgba(255,255,255,.022),transparent 28%),
  linear-gradient(180deg,#101a14,#050a07);
 border-left-color:var(--h420-edge);box-shadow:-28px 0 70px rgba(0,0,0,.5),inset 1px 0 rgba(255,255,255,.025)
}
.equipment-visual{
 box-shadow:inset 0 1px rgba(255,255,255,.06),inset 0 -8px 22px rgba(0,0,0,.42),0 10px 24px rgba(0,0,0,.24);
}
.ux-scene{
 box-shadow:var(--h420-depth-2),inset 0 1px rgba(255,255,255,.035),inset 0 0 70px rgba(0,0,0,.22)
}
.ux-vitals>div,.stat,.param,.kpi{
 background:linear-gradient(180deg,rgba(17,33,24,.96),rgba(6,14,9,.98));
 border-color:var(--h420-edge);box-shadow:var(--h420-inset),0 5px 14px rgba(0,0,0,.15)
}
@media(hover:none){
 .navbtn:hover,.account button:hover,.mobile-menu:hover,.secondary:hover,.primary:hover,.choice:hover,.inspect-btn:hover,
 .ux-primary:hover,.ux-link:hover,.ux-action-row button:hover,.ux-section-head button:hover,.garden-modal button:hover,
 .ux-hub-grid button:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .navbtn,.account button,.mobile-menu,.secondary,.primary,.choice,.inspect-btn,.ux-primary,.ux-link,
 .ux-action-row button,.ux-section-head button,.garden-modal button,.ux-hub-grid button{transition:none!important}
}


/* ===== H420 P1 · RASTER EQUIPMENT INTEGRATION GATE =====
   WebP assets are primary only when they load successfully. Legacy SVG stays as fallback.
   Keep audited compact footprint: 70px desktop / 62px mobile. */
.equipment-visual .equipment-raster{
 position:relative;z-index:3;display:block;width:100%;height:100%;padding:5px;object-fit:contain;object-position:center;
 filter:drop-shadow(0 7px 8px rgba(0,0,0,.32));
}
.equipment-visual .equipment-fallback{position:relative;z-index:2}
.equipment-visual.has-raster .equipment-fallback{display:none}
.equipment-visual.has-raster .equipment-glow{opacity:.55}
@media(max-width:760px){.equipment-visual .equipment-raster{padding:4px}}


/* ===== H420 EQUIPMENT SHOP · COMPACT ICON CATALOG ===== */
.equipment-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:14px;align-items:stretch}
.equipment-shop-item{appearance:none;min-height:168px;padding:14px 10px 12px;border:1px solid rgba(55,196,111,.24);border-radius:15px;background:linear-gradient(180deg,rgba(8,35,25,.88),rgba(3,18,12,.94));color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.equipment-shop-item:hover,.equipment-shop-item:focus-visible{transform:translateY(-3px);border-color:rgba(93,255,143,.68);background:linear-gradient(180deg,rgba(10,48,32,.96),rgba(3,22,14,.98));box-shadow:0 18px 36px rgba(0,0,0,.28),0 0 24px rgba(75,255,133,.08);outline:none}
.equipment-shop-item .equipment-visual{width:112px!important;height:112px!important;flex:0 0 112px!important;background:radial-gradient(circle,rgba(53,255,119,.10),transparent 68%)}
.equipment-shop-item .equipment-raster{padding:4px!important;filter:drop-shadow(0 10px 12px rgba(0,0,0,.38))}
.equipment-shop-price{width:100%;padding-top:9px;border-top:1px solid rgba(76,204,124,.16);font-weight:850;font-size:13px;letter-spacing:.25px;text-align:center;color:#f3fff7}
.equipment-wallet-strip{padding:13px 15px}.equipment-wallet-strip p{margin:9px 0 0}.equipment-education-footer{padding:14px 16px}.equipment-education-footer h3{margin-bottom:5px}.equipment-education-footer p{margin:0}
.equipment-product-modal{position:relative;padding:6px}
.equipment-product-close{position:absolute;right:0;top:0;z-index:4}
.equipment-product-layout{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.35fr);gap:26px;align-items:start}
.equipment-product-media{min-height:390px;border:1px solid rgba(72,220,132,.22);border-radius:18px;background:radial-gradient(circle at 50% 42%,rgba(50,255,119,.12),rgba(3,17,11,.9) 66%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;position:relative;overflow:hidden}
.equipment-product-media .equipment-visual{width:min(100%,310px)!important;height:310px!important;flex:0 0 310px!important;background:none}
.equipment-product-media .equipment-raster{padding:8px!important;filter:drop-shadow(0 18px 20px rgba(0,0,0,.46))}
.equipment-product-category{position:absolute;left:18px;bottom:16px;padding:5px 8px;border:1px solid rgba(73,221,132,.28);border-radius:7px;background:rgba(3,25,16,.78);color:#a9f6c4;font-size:10px;letter-spacing:1.4px;text-transform:uppercase}
.equipment-product-copy{padding:12px 8px 4px 0}.equipment-product-copy h2{margin:5px 46px 10px 0;font-size:27px;line-height:1.08}
.equipment-product-price{display:flex;align-items:baseline;gap:10px;margin:8px 0 10px}.equipment-product-price b{font-size:23px;color:#fff}.equipment-product-price span{font-size:11px;color:var(--muted)}
.equipment-product-state{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.equipment-product-lead{font-size:14px;color:#c6e6d4;margin:0 0 16px}
.equipment-learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.equipment-learning-grid section{padding:13px;border:1px solid rgba(50,170,103,.22);border-radius:11px;background:rgba(4,27,18,.58)}.equipment-learning-grid section.wide{grid-column:1/-1}.equipment-learning-grid small,.equipment-tech-strip small{display:block;color:#63e99a;font-size:9px;letter-spacing:1.5px;font-weight:800}.equipment-learning-grid p{margin:5px 0 0;color:#b8d8c7;font-size:12px;line-height:1.52}
.equipment-tech-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.equipment-tech-strip span{padding:10px;border-radius:9px;background:#041b12;border:1px solid rgba(52,173,105,.18)}.equipment-tech-strip b{display:block;margin-top:3px;font-size:11px;line-height:1.3}
.equipment-product-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.equipment-product-actions button{min-width:150px}.equipment-learning-note{margin:13px 0 0;padding-top:11px;border-top:1px solid rgba(70,180,115,.16);color:#719985;font-size:10px;line-height:1.45}
@media(max-width:900px){.equipment-product-layout{grid-template-columns:1fr}.equipment-product-media{min-height:280px}.equipment-product-media .equipment-visual{height:230px!important;flex-basis:230px!important;width:230px!important}.equipment-product-copy{padding-right:0}.equipment-tech-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.equipment-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.equipment-shop-item{min-height:132px;padding:9px 5px 8px}.equipment-shop-item .equipment-visual{width:82px!important;height:82px!important;flex-basis:82px!important}.equipment-shop-price{font-size:10px;padding-top:6px}.equipment-product-modal{padding:0}.equipment-product-layout{gap:14px}.equipment-product-media{min-height:220px;padding:14px}.equipment-product-media .equipment-visual{width:190px!important;height:190px!important;flex-basis:190px!important}.equipment-product-copy h2{font-size:22px}.equipment-learning-grid{grid-template-columns:1fr}.equipment-learning-grid section.wide{grid-column:auto}.equipment-product-price{display:block}.equipment-product-price span{display:block;margin-top:2px}.equipment-product-actions button{width:100%}}
@media(max-width:430px){.equipment-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-shop-item{min-height:145px}.equipment-shop-item .equipment-visual{width:96px!important;height:96px!important;flex-basis:96px!important}}


/* Equipment product modal: storefront presentation instead of generic side sheet */
@media(min-width:801px){
 .garden-modal:has(.equipment-product-modal){justify-content:center;padding:28px}
 .garden-modal:has(.equipment-product-modal) .garden-modal-card{width:min(1120px,94vw);height:auto;max-height:88vh;border-radius:18px;border-color:rgba(87,255,143,.30);background:linear-gradient(180deg,rgba(4,29,19,.99),rgba(2,16,11,.99));box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 35px rgba(47,255,120,.06);padding:22px 24px}
 .garden-modal:has(.equipment-product-modal) .equipment-product-layout{grid-template-columns:minmax(340px,.9fr) minmax(470px,1.25fr);gap:32px}
 .garden-modal:has(.equipment-product-modal) .equipment-product-media{min-height:500px}
 .garden-modal:has(.equipment-product-modal) .equipment-product-media .equipment-visual{width:min(100%,390px)!important;height:390px!important;flex-basis:390px!important}
 .garden-modal:has(.equipment-product-modal) .equipment-product-copy{padding:18px 8px 8px 0}
 .garden-modal:has(.equipment-product-modal) .equipment-product-copy h2{font-size:31px;margin-top:7px}
 .garden-modal:has(.equipment-product-modal) .equipment-product-lead{font-size:15px;line-height:1.55}
 .garden-modal:has(.equipment-product-modal) .equipment-learning-grid p{font-size:13px;line-height:1.58}
 .garden-modal:has(.equipment-product-modal) .equipment-learning-grid section{padding:15px}
 .garden-modal:has(.equipment-product-modal) .equipment-tech-strip b{font-size:12px}
 .garden-modal:has(.equipment-product-modal) .equipment-learning-note{font-size:11px}
}


/* Equipment detail carousel */
.equipment-carousel-nav{position:absolute;top:50%;z-index:8;width:46px;height:64px;margin-top:-32px;border:1px solid rgba(94,255,148,.34);border-radius:12px;background:rgba(2,24,15,.90);color:#dfffea;font-size:38px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.34);transition:transform .15s ease,background .15s ease,border-color .15s ease}
.equipment-carousel-nav:hover,.equipment-carousel-nav:focus-visible{background:rgba(9,61,37,.97);border-color:rgba(102,255,155,.75);transform:scale(1.06);outline:none}
.equipment-carousel-prev{left:-70px}.equipment-carousel-next{right:-70px}
.equipment-carousel-counter{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);z-index:7;color:#79a98d;font-size:10px;letter-spacing:.65px;white-space:nowrap}
@media(max-width:1280px){.equipment-carousel-prev{left:8px}.equipment-carousel-next{right:8px}.equipment-carousel-nav{top:auto;bottom:12px;width:40px;height:40px;font-size:30px}.equipment-carousel-counter{bottom:23px}}
@media(max-width:800px){.equipment-carousel-nav{position:fixed;top:50%;bottom:auto;margin-top:-22px;width:42px;height:54px}.equipment-carousel-prev{left:6px}.equipment-carousel-next{right:6px}.equipment-carousel-counter{position:relative;display:block;left:auto;bottom:auto;transform:none;text-align:center;margin:12px 0 2px}.equipment-product-modal{touch-action:pan-y}}


/* Intervention equipment requirements */
.action-card.equipment-blocked{border-color:rgba(255,174,64,.26);background:linear-gradient(180deg,rgba(38,29,8,.34),rgba(9,20,14,.72))}
.action-equipment-warning{margin:9px 0;padding:9px 10px;border:1px solid rgba(255,183,77,.30);border-radius:8px;background:rgba(83,52,8,.24);color:#ffd89a;font-size:11px;line-height:1.4}
.action-card.equipment-blocked button[disabled]{opacity:.46;cursor:not-allowed}


/* ===== GARDEN 2.30 · AUTHORITATIVE GERMINATION D1-D2 ===== */
.germination-panel>.card{border-color:rgba(95,255,151,.28);background:linear-gradient(145deg,rgba(4,34,22,.96),rgba(2,19,13,.96));box-shadow:0 18px 46px rgba(0,0,0,.24)}
.germination-panel h2{margin:3px 0 0}.germ-intro{max-width:900px;color:#b9dac7;line-height:1.55}
.germ-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin:16px 0}.germ-layout>div,.germ-modal-signals{padding:14px;border:1px solid rgba(67,189,112,.20);border-radius:12px;background:rgba(3,25,16,.58)}
.germ-label{display:block;margin-bottom:9px;color:#65ee9d;font-size:9px;font-weight:850;letter-spacing:1.5px}
.germ-signals{display:grid;gap:7px}.germ-signal{display:flex;gap:8px;align-items:flex-start;padding:8px 9px;border-radius:8px;background:rgba(8,50,31,.52)}.germ-signal>span{color:#72f1a4;font-weight:900}.germ-signal p{margin:0;color:#c2dfce;font-size:12px;line-height:1.42}
.germ-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.germ-metrics span{padding:9px 8px;border:1px solid rgba(68,181,108,.16);border-radius:8px;background:#041b12}.germ-metrics small{display:block;color:#759e86;font-size:9px}.germ-metrics b{display:block;margin-top:3px;font-size:14px}
.germ-question{margin:15px 0 10px}.germ-question small{color:#63e99a;font-size:9px;letter-spacing:1.4px;font-weight:850}.germ-question h3{margin:3px 0 3px}.germ-question p{margin:0;color:#8db39d;font-size:11px}
.germ-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.germ-actions button{min-height:118px;padding:12px;text-align:left;border:1px solid rgba(74,207,124,.26);border-radius:11px;background:linear-gradient(180deg,rgba(8,51,32,.82),rgba(3,25,16,.92));color:#e9fff1;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;column-gap:8px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.germ-actions button:hover,.germ-actions button:focus-visible{transform:translateY(-2px);border-color:rgba(100,255,156,.70);background:linear-gradient(180deg,rgba(10,68,41,.92),rgba(4,31,19,.98));outline:none}.germ-actions button>span{font-size:20px}.germ-actions button>b{align-self:center;font-size:12px}.germ-actions button>small{grid-column:1/4;color:#9cc2ab;font-size:10px;line-height:1.4}.germ-actions button>em{grid-column:3;font-size:9px;color:#6af0a0;font-style:normal;font-weight:800}
.germ-decision-done{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid rgba(78,222,132,.28);border-radius:10px;background:rgba(7,57,34,.50)}.germ-decision-done>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(69,232,126,.16);color:#77f4a7;font-size:18px}.germ-decision-done small{display:block;color:#67e99b;font-size:8px;letter-spacing:1.2px}.germ-decision-done b{display:block;margin-top:2px}.germ-decision-done p{margin:3px 0 0;color:#94b9a3;font-size:10px}
.germ-close{display:flex;justify-content:flex-end;align-items:center;margin-top:12px}.germ-close>span{color:#8daf9a;font-size:10px}.germ-close button{min-width:230px}
.germ-modal-signals{margin:8px 0 14px}.germ-modal-signals>.germ-signal{margin-bottom:6px}.germ-modal-signals>.germ-signal:last-child{margin-bottom:0}
@media(max-width:900px){.germ-layout{grid-template-columns:1fr}.germ-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.germ-metrics{grid-template-columns:repeat(2,1fr)}.germ-actions{grid-template-columns:1fr 1fr}.germ-actions button{min-height:112px}.germ-close button{width:100%}}
@media(max-width:430px){.germ-actions{grid-template-columns:1fr}.germ-actions button{min-height:96px}}


/* ===== P2 · GARDEN CONDITION VISUAL LAYERS =====
   Procedural fallbacks remain active until approved alpha WebP overlays replace each layer. */
.master-stage .hydro-scene{isolation:isolate}
.garden-condition-overlays{position:absolute;inset:0;z-index:13;pointer-events:none;overflow:hidden;border-radius:inherit}
.garden-condition-layer{position:absolute;inset:0;display:block;opacity:0;transition:opacity .55s ease,filter .55s ease;mix-blend-mode:screen}
.garden-condition-layer.roots-health{opacity:.14;background-image:radial-gradient(ellipse at 50% 78%,rgba(228,255,209,.34) 0 5%,rgba(129,255,170,.12) 18%,transparent 38%);filter:blur(2px)}
.roots-stressed .garden-condition-layer.roots-damage{opacity:.28;background-image:radial-gradient(ellipse at 50% 79%,rgba(181,124,56,.34) 0 8%,rgba(112,68,30,.18) 21%,transparent 41%);mix-blend-mode:multiply}
.roots-critical .garden-condition-layer.roots-damage{opacity:.48;background-image:radial-gradient(ellipse at 50% 79%,rgba(153,91,42,.50) 0 10%,rgba(83,43,24,.28) 24%,transparent 44%);mix-blend-mode:multiply;filter:saturate(.72) contrast(1.08)}
.foliar-stressed .garden-condition-layer.foliar-stress{opacity:.24;background-image:radial-gradient(ellipse at 52% 47%,rgba(220,193,64,.20) 0 16%,rgba(161,102,36,.14) 27%,transparent 48%);mix-blend-mode:color}
.foliar-critical .garden-condition-layer.foliar-stress{opacity:.40;background-image:radial-gradient(ellipse at 52% 46%,rgba(196,157,50,.30) 0 17%,rgba(116,68,30,.22) 30%,transparent 51%);mix-blend-mode:color}
.fungal-oidio .garden-condition-layer.oidio{opacity:.52;background-image:radial-gradient(circle at 39% 37%,rgba(246,249,239,.80) 0 1.1%,transparent 1.8%),
 radial-gradient(circle at 57% 43%,rgba(242,246,236,.72) 0 1.4%,transparent 2.1%),
 radial-gradient(circle at 47% 53%,rgba(238,244,232,.62) 0 1.6%,transparent 2.4%),
 radial-gradient(circle at 64% 58%,rgba(248,250,243,.65) 0 1.1%,transparent 1.9%),
 radial-gradient(ellipse at 51% 48%,rgba(233,240,228,.16),transparent 31%);
 filter:blur(.25px)}
.fungal-botrytis .garden-condition-layer.botrytis{opacity:.60;background-image:radial-gradient(ellipse at 58% 45%,rgba(122,124,112,.48) 0 3%,rgba(91,87,77,.26) 7%,transparent 14%),
 radial-gradient(ellipse at 46% 56%,rgba(139,130,111,.40) 0 3%,rgba(92,77,65,.22) 8%,transparent 15%),
 radial-gradient(ellipse at 66% 60%,rgba(106,105,97,.35) 0 2%,transparent 10%);
 mix-blend-mode:multiply;filter:saturate(.55)}
.fungal-botrytis .living-canopy{filter:saturate(.78) brightness(.88)}
.fungal-oidio .living-canopy{filter:saturate(.88)}
@media(prefers-reduced-motion:reduce){.garden-condition-layer{transition:none}}


/* ===== R3 · CAUSAL DIAGNOSTIC TRACE ===== */
.causal-trace{margin-top:10px;border:1px solid rgba(142,255,182,.14);border-radius:12px;background:rgba(3,12,8,.34);overflow:hidden}
.causal-trace summary{cursor:pointer;list-style:none;padding:10px 12px;font-size:12px;font-weight:800;letter-spacing:.02em;color:rgba(226,245,233,.88);user-select:none}
.causal-trace summary::-webkit-details-marker{display:none}
.causal-trace[open] summary{border-bottom:1px solid rgba(142,255,182,.10)}
.causal-trace>p,.causal-empty{margin:0;padding:10px 12px;font-size:11px;line-height:1.45;color:rgba(214,231,220,.64)}
.causal-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(170px,1.2fr);gap:10px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.055)}
.causal-trace>p+.causal-row{border-top:0}
.causal-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.causal-row b{font-size:11px;color:rgba(239,249,242,.92)}
.causal-row small,.causal-row span{font-size:10px;line-height:1.4;color:rgba(210,227,216,.62)}
.causal-row span b{font-size:10px;color:rgba(228,242,233,.82)}
@media(max-width:620px){.causal-row{grid-template-columns:1fr;gap:6px}.causal-trace summary{padding:11px}.causal-row{padding:10px 11px}}


/* ===== R3 · POST-INTERVENTION FEEDBACK ===== */
.intervention-feedback{margin:10px 0 14px;padding:12px 14px;border:1px solid rgba(146,225,174,.18);border-radius:13px;background:rgba(8,25,16,.54)}
.intervention-feedback>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.intervention-feedback small{font-size:9px;letter-spacing:.12em;color:rgba(174,214,188,.62)}
.intervention-feedback b{font-size:12px;color:rgba(237,248,240,.92)}
.intervention-feedback p{margin:7px 0 5px;font-size:11px;line-height:1.45;color:rgba(219,235,224,.76)}
.intervention-feedback>span{font-size:9px;color:rgba(177,201,185,.52)}
.intervention-feedback.improving{border-color:rgba(126,244,168,.26)}
.intervention-feedback.adverse{border-color:rgba(255,137,116,.32);background:rgba(38,13,10,.48)}
.intervention-feedback.adverse b{color:rgba(255,218,210,.95)}
@media(max-width:620px){.intervention-feedback>div{align-items:flex-start;flex-direction:column;gap:3px}}


/* ===== GARDEN 2.32 · FUNGAL RECOVERY LIFECYCLE ===== */
.fungal-lifecycle{margin-top:10px;padding:11px 12px;border:1px solid rgba(255,172,91,.22);border-radius:12px;background:rgba(38,25,9,.38)}
.fungal-lifecycle>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fungal-lifecycle small{font-size:9px;letter-spacing:.1em;color:rgba(225,211,178,.64)}
.fungal-lifecycle b{font-size:11px;color:rgba(245,235,207,.92)}
.fungal-lifecycle p{margin:6px 0;font-size:10px;line-height:1.45;color:rgba(228,221,200,.72)}
.fungal-lifecycle>div:last-child{display:flex;flex-wrap:wrap;gap:8px 14px}
.fungal-lifecycle>div:last-child span{font-size:9px;color:rgba(211,207,188,.56)}
.fungal-lifecycle.attn{border-color:rgba(255,205,95,.24);background:rgba(38,31,9,.34)}
.fungal-lifecycle.good{border-color:rgba(123,237,161,.22);background:rgba(8,35,20,.36)}
.fungal-lifecycle.good b{color:rgba(194,247,211,.94)}
.fungal-lifecycle.danger{border-color:rgba(255,126,105,.30);background:rgba(43,13,10,.42)}
.fungal-lifecycle.danger b{color:rgba(255,215,207,.95)}
.action-card.sanitation-action{border-color:rgba(185,238,201,.24);background:linear-gradient(145deg,rgba(11,37,22,.72),rgba(8,20,14,.72))}
.action-card.sanitation-action>b:before{content:"✦ ";color:rgba(151,239,181,.86)}
@media(max-width:620px){.fungal-lifecycle>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}}


/* ===== GARDEN 2.32 · SANITARY HISTORY ===== */
.fungal-history{margin-top:12px}
.fungal-history-line{display:flex;align-items:flex-start;gap:0;margin-top:12px;overflow-x:auto;padding:4px 2px 8px}
.fungal-history-line>div{position:relative;display:flex;align-items:flex-start;gap:7px;min-width:150px;padding-right:18px}
.fungal-history-line>div:not(:last-child):after{content:"";position:absolute;left:8px;top:8px;width:calc(100% - 4px);height:1px;background:rgba(159,213,176,.18)}
.fungal-history-line i{position:relative;z-index:1;flex:0 0 16px;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,171,99,.62);background:#0a1710;box-shadow:0 0 0 3px rgba(5,14,9,.7)}
.fungal-history-line .contained i{border-color:rgba(255,213,100,.7)}
.fungal-history-line .resolved i{border-color:rgba(116,238,158,.76)}
.fungal-history-line span{display:flex;flex-direction:column;gap:2px}
.fungal-history-line small{font-size:8px;letter-spacing:.1em;color:rgba(184,205,191,.52)}
.fungal-history-line b{font-size:10px;line-height:1.3;color:rgba(232,244,236,.84)}