:root{--rc-glow:0 0 28px rgba(142,229,154,.12);--rc-gold-glow:0 0 28px rgba(233,196,106,.13);--rc-danger-glow:0 0 28px rgba(255,138,138,.12)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 84%)}
.hero{position:relative;overflow:hidden;padding:clamp(1.3rem,3vw,2.25rem);border:1px solid rgba(142,229,154,.15);border-radius:1.45rem;background:radial-gradient(circle at 90% 8%,rgba(233,196,106,.11),transparent 18rem),radial-gradient(circle at 72% 118%,rgba(107,184,183,.08),transparent 20rem),linear-gradient(145deg,rgba(19,45,29,.98),rgba(7,18,11,.99));box-shadow:var(--shadow)}.hero::before{content:"CASE LAB // 6 FILES";position:absolute;right:clamp(18px,4vw,40px);top:clamp(18px,3vw,28px);padding:.32rem .48rem;border:1px solid rgba(233,196,106,.24);border-radius:999px;color:rgba(239,218,155,.75);background:rgba(7,17,12,.58);font:900 .6rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.hero::after{content:"?";position:absolute;right:.02em;bottom:-.3em;color:rgba(233,196,106,.045);font-size:clamp(8rem,22vw,16rem);font-weight:1000;line-height:.8;pointer-events:none}.hero>*{position:relative;z-index:1}.status-chip.ready{box-shadow:var(--rc-glow)}
.hud div{position:relative;overflow:hidden}.hud div::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(142,229,154,.18),transparent)}.hud div:first-child strong{color:var(--gold)}
.case-card{position:relative;overflow:hidden;border-color:rgba(142,229,154,.14);background:radial-gradient(circle at 50% 0%,rgba(142,229,154,.055),transparent 28rem),linear-gradient(180deg,rgba(18,38,26,.98),rgba(8,21,13,.99))}.case-card::after{content:"DIAGNOSTIC FILE";position:absolute;right:.8rem;bottom:-.22rem;color:rgba(233,196,106,.035);font-size:3.8rem;font-weight:1000;line-height:1;pointer-events:none}.case-card>*{position:relative;z-index:1}.case-badge{border-color:rgba(233,196,106,.24);color:#e8d690;background:rgba(10,21,13,.7)}
.environment-strip{padding:.65rem;border:1px solid rgba(142,229,154,.08);border-radius:.8rem;background:rgba(5,16,9,.38)}.reading-chip{box-shadow:inset 0 1px rgba(255,255,255,.02)}
.monitor-grid{gap:1.1rem}.plant-visual{box-shadow:0 14px 34px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.02)}.plant-visual::after{content:"LIVE MODEL";position:absolute;right:.7rem;top:.72rem;color:rgba(200,255,132,.28);font:900 .58rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.scanline{opacity:.7}
.symptom-list li{position:relative;overflow:hidden;padding-left:1rem}.symptom-list li::after{content:"OBS";position:absolute;right:.45rem;top:.35rem;color:rgba(142,229,154,.14);font-size:.52rem;font-weight:950;letter-spacing:.1em}
.evidence-card{border-color:rgba(107,184,183,.15)}.evidence-item{position:relative;overflow:hidden;background:linear-gradient(145deg,#0d2117,#09180f)}.evidence-item::after{content:"VERIFIED";position:absolute;right:.55rem;top:.45rem;color:rgba(107,184,183,.16);font-size:.5rem;font-weight:950;letter-spacing:.1em}
.control-column>.control-card:first-child{border-color:rgba(107,184,183,.15)}.control-column>.control-card:nth-child(2){border-color:rgba(233,196,106,.15)}.control-column{position:relative}.control-column>.control-card:first-child{position:sticky;top:88px}.action-grid,.diagnosis-grid{gap:.55rem}.inspection-button,.diagnosis-button{position:relative;overflow:hidden;min-height:52px}.inspection-button.used{border-color:rgba(142,229,154,.4);box-shadow:inset 4px 0 0 var(--green)}.diagnosis-button:not(:disabled):hover{box-shadow:0 9px 20px rgba(0,0,0,.15)}.diagnosis-button.guessed{box-shadow:inset 4px 0 0 var(--red)}
.feedback-card{position:relative;overflow:hidden;min-height:112px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.feedback-card::after{content:"CASE STATE";position:absolute;right:.6rem;bottom:-.12rem;color:rgba(255,255,255,.035);font-size:2.8rem;font-weight:1000;line-height:1;pointer-events:none}.feedback-card>*{position:relative;z-index:1}.feedback-card.success{border-color:rgba(142,229,154,.42);box-shadow:var(--rc-glow)}.feedback-card.danger{border-color:rgba(255,138,138,.46);box-shadow:var(--rc-danger-glow)}
html[data-case-status="active"] .case-card{box-shadow:var(--shadow),0 0 28px rgba(142,229,154,.035)}html[data-case-status="solved"] .case-card{border-color:rgba(142,229,154,.4);box-shadow:var(--shadow),var(--rc-glow)}html[data-case-status="failed"] .case-card{border-color:rgba(255,138,138,.36);box-shadow:var(--shadow),var(--rc-danger-glow)}html[data-case-status="complete"] .case-card{border-color:rgba(233,196,106,.38);box-shadow:var(--shadow),var(--rc-gold-glow)}
html[data-case-status="solved"] .case-badge{color:var(--green);border-color:rgba(142,229,154,.3)}html[data-case-status="failed"] .case-badge{color:#ffaca3;border-color:rgba(255,138,138,.3)}
.history-list li{padding:.55rem .5rem;border:1px solid rgba(255,255,255,.045);border-radius:.6rem;background:rgba(255,255,255,.012)}.history-list li:first-child:not(.empty-state){border-color:rgba(233,196,106,.2);background:linear-gradient(90deg,rgba(233,196,106,.05),rgba(255,255,255,.01))}.rules-grid p{padding:.9rem;border:1px solid rgba(255,255,255,.05);border-radius:.75rem;background:rgba(255,255,255,.012)}
.control-card{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.control-card:focus-within{border-color:rgba(200,255,132,.38);background:linear-gradient(180deg,rgba(20,46,31,.99),rgba(10,25,17,.99));box-shadow:0 0 0 1px rgba(200,255,132,.08),0 16px 38px rgba(0,0,0,.2)}.control-column>.control-card:nth-child(2):focus-within{border-color:rgba(233,196,106,.42);box-shadow:0 0 0 1px rgba(233,196,106,.08),0 16px 38px rgba(0,0,0,.2)}
.inspection-button:not(:disabled),.diagnosis-button:not(:disabled){background:linear-gradient(180deg,rgba(19,46,31,.98),rgba(13,33,22,.98))}.diagnosis-button:not(:disabled){border-color:rgba(233,196,106,.26)}.diagnosis-button:not(:disabled) strong{color:#f7f1da}.inspection-button:focus-visible,.diagnosis-button:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 4px rgba(200,255,132,.12),0 10px 24px rgba(0,0,0,.2)}
.evidence-card:focus-within,.feedback-card:focus-within{border-color:rgba(107,184,183,.32)}.mini-status{white-space:nowrap}.status-chip.ready::before{content:"●";margin-right:.38rem;color:var(--green);font-size:.72em}
@media(max-width:1050px){.control-column>.control-card:first-child{position:static}.control-column{gap:.8rem}}
@media(max-width:760px){.hero::before{position:static;display:inline-flex;margin-bottom:.65rem}.hero::after{font-size:8rem}.feedback-card{min-height:104px}.control-card{padding:1rem}.inspection-button,.diagnosis-button,.primary-button,.secondary-button{min-height:48px}.action-grid,.diagnosis-grid{gap:.65rem}.mini-status{white-space:normal}.environment-strip{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.reading-chip{flex:0 0 auto}.evidence-card{scroll-margin-top:5rem}}
@media(max-width:480px){.hero{padding:1rem}.hero h1{font-size:clamp(2.4rem,15vw,3.65rem)}.hud strong{font-size:1.15rem}.plant-visual::after{opacity:.78}.symptom-list li{padding-right:2.5rem}.feedback-card::after{font-size:2.15rem}.control-card h2{font-size:1.25rem}}
@media(hover:none){.inspection-button:hover:not(:disabled),.diagnosis-button:hover:not(:disabled),.primary-button:hover,.secondary-button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.feedback-card,.inspection-button,.diagnosis-button,.control-card{transition:none!important}}