/* One set of hero rules: every phase preserves the complete cover. */
.hero-console{height:650px;perspective:1200px;background:linear-gradient(130deg,#142010e8,#080d08ed);border:1px solid #597844;overflow:hidden;isolation:isolate;box-shadow:12px 24px 40px #0004}
.console-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:16px 20px;background:#090e09;font:11px monospace;letter-spacing:.04em;color:#b8c9ab;border-bottom:1px solid #334b29;z-index:9}.console-live{color:#C9FB49}
.hero-action{position:absolute;top:65px;left:24px;right:24px;display:flex;gap:10px;align-items:center;z-index:7;font:11px monospace;color:#C9FB49}.hero-action small{margin-left:auto;font-size:11px;color:#b8c9ab}.phase-tick{height:9px;width:9px;background:#C9FB49;transform:rotate(45deg);flex-shrink:0}
.hero-console .intro-pick{width:calc(100% - 48px);left:24px;top:106px;translate:none;background:#0b120a;transform-origin:center;box-shadow:0 16px 35px #0008;transition:transform 200ms cubic-bezier(.22,.8,.2,1),border-color 120ms;z-index:3}
.hero-console .intro-cover{height:clamp(145px,17vw,200px);background:#080e09;overflow:visible}.hero-console .intro-cover img{height:100%;width:100%;object-fit:contain!important;clip-path:none!important;transform:none!important;transition:none!important;display:block}
.hero-console .intro-pick-body{padding:10px 20px}.hero-console .intro-pick h2{font-size:clamp(22px,2.3vw,30px);line-height:1.05;letter-spacing:-.035em;margin:9px 0;overflow-wrap:anywhere}.hero-console .intro-pick p{display:none}.hero-console .intro-verdict{font-size:11px;padding-top:8px;line-height:1.4;min-height:0}
.hero-found{position:absolute;bottom:8px;left:8px;padding:6px 8px;background:#C9FB49;color:#111411;font:700 11px monospace;transition:opacity 160ms;z-index:4}
.hero-checks{position:absolute;left:24px;right:24px;bottom:80px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;z-index:6}.hero-checks>div{min-height:112px;padding:12px 9px;background:#111c0fed;border:1px solid #3f5430;transform:translateY(12px);opacity:0;transition:transform 160ms cubic-bezier(.2,.8,.2,1),opacity 120ms,border-color 120ms}.hero-checks span{display:block;font:11px/1.3 monospace;color:#b8c9ab}.hero-checks b{display:block;font:700 12px/1.35 monospace;color:#d8e6ce;margin-top:8px;overflow-wrap:anywhere}.hero-checks i{display:none;color:#C9FB49;font:12px monospace}.hero-checks .checked{opacity:1;transform:translateY(0);border-color:#8bba52}.hero-checks .checked i{display:block;position:absolute;top:6px;right:7px}
.hero-console-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;z-index:10;border-top:1px solid #334b29;background:#080d08}.hero-console-bottom button{font:11px monospace;min-height:44px;padding:5px 9px;color:#d8e6ce}.hero-phase-bars{display:flex;gap:5px}.hero-phase-bars i{width:25px;height:4px;background:#33432d;transition:background 120ms}
.radar-scan{position:absolute;top:100px;bottom:80px;left:-15%;width:5px;background:#C9FB49;z-index:5;opacity:0;transform:rotate(18deg);pointer-events:none}.hero-speedlines{position:absolute;inset:50px -20% 65px;background:repeating-linear-gradient(105deg,transparent 0 70px,#bcff4812 71px 72px,transparent 73px 110px);transform:translateX(-40px);transition:transform 300ms;pointer-events:none}
.hero-console[data-hero-phase="0"] .intro-pick{transform:translateY(8px) rotate(-1.5deg) scale(.98)}.hero-console[data-hero-phase="1"] .intro-pick{transform:translateY(-2px) rotate(.6deg) scale(1)}.hero-console[data-hero-phase="2"] .intro-pick{transform:translateY(-6px) rotate(-.4deg) scale(.99)}.hero-console[data-hero-phase="3"] .intro-pick{transform:translateY(-4px) rotate(0) scale(1);border-color:#C9FB49}
.hero-console[data-hero-phase="0"] .hero-phase-bars i:first-child,.hero-console[data-hero-phase="1"] .hero-phase-bars i:nth-child(-n+2),.hero-console[data-hero-phase="2"] .hero-phase-bars i:nth-child(-n+3),.hero-console[data-hero-phase="3"] .hero-phase-bars i{background:#C9FB49}.hero-console[data-hero-phase="1"] .radar-scan{animation:scan-hit 300ms cubic-bezier(.2,.7,.2,1) both}.hero-console[data-hero-phase="1"] .hero-speedlines{transform:translateX(40px)}.hero-console[data-hero-phase="2"] .hero-found{opacity:.6}.hero-console[data-hero-phase="3"] .intro-verdict b,.hero-console[data-hero-phase="3"] #hero-match{color:#C9FB49}
@keyframes scan-hit{0%{left:-15%;opacity:0}10%,85%{opacity:1}100%{left:115%;opacity:0}}
@media(max-width:760px){.hero-console{height:640px;max-width:540px}.hero-console .intro-pick{width:calc(100% - 36px);left:18px}.hero-console .intro-cover{height:clamp(145px,39vw,200px)}.hero-console .intro-pick-body{padding:10px 16px}.hero-console .intro-pick h2{font-size:24px}.hero-checks{left:18px;right:18px;gap:5px}.hero-checks b{font-size:11px}.hero-action{left:18px;right:18px}.console-top{padding:14px 16px}.hero-console-bottom{padding:12px}.hero-phase-bars i{width:20px}}
@media(max-width:360px){.hero-action small{display:none}.console-top{font-size:10px}.hero-console-bottom button{padding:5px 7px}.hero-phase-bars i{width:16px}}
@media(prefers-reduced-motion:reduce){.hero-console .radar-scan{display:none}.hero-console *{animation:none!important;transition:none!important}}