@layer components{.hack{z-index:10000;background:color-mix(in srgb, var(--bg) 90%, transparent);font-family:var(--f-mono);place-items:center;padding:1.2rem;display:none;position:fixed;inset:0}.hack.is-open{display:grid}.hack__win{background:var(--panel);border:1px solid var(--accent-line);width:min(620px,100%);box-shadow:var(--sh-3);animation:sheet var(--d-3) var(--ease-out);padding:clamp(1rem,4vw,1.8rem)}.hack__bar{color:var(--text-2);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.6rem;font-size:.66rem;display:flex}.hack__bar span:first-child:before{content:"┤ ";color:var(--box)}.hack__bar span:first-child:after{content:" ├";color:var(--box)}.hack__timer{color:var(--ok);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.hack__title{letter-spacing:.1em;text-align:center;color:var(--text);font-size:clamp(1.3rem,5vw,1.9rem);font-weight:700}.hack__title:before{content:"$ ./";color:var(--accent);letter-spacing:0;font-weight:400}.hack__title span{color:var(--accent)}.hack__log{text-align:center;color:var(--text-2);min-height:1.4em;margin:.7rem 0 1rem;font-size:.78rem}.hack__log.is-fail{color:var(--bad)}.hack__log.is-win{color:var(--ok)}.hack__grid{justify-content:center;gap:5px;height:200px;margin-bottom:1rem;padding:0 12px;display:flex;position:relative;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.hack__scanbar{z-index:4;pointer-events:none;border-block:1px solid var(--accent);background:linear-gradient(var(--accent-weak), transparent, var(--accent-weak));height:40px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hack__scanbar:before,.hack__scanbar:after{content:"[";color:var(--accent);font-size:1.4rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.hack__scanbar:before{left:2px}.hack__scanbar:after{content:"]";right:2px}.hack__col{background:var(--bg-1);width:38px;transition:background var(--d-1), border-color var(--d-1);border:1px solid #0000;position:relative;overflow:hidden}.hack__col.is-active{background:var(--accent-weak);border-color:var(--accent-line)}.hack__col.is-locked{background:var(--ok-weak)}.hack__col.is-error{border-color:var(--bad);background:var(--bad-weak);animation:nudge .28s var(--ease)}.hack__col.is-burst:after{content:"";background:var(--accent);animation:burst .35s var(--ease-out) forwards;position:absolute;inset:0}@keyframes burst{0%{opacity:.4}to{opacity:0}}@keyframes nudge{0%,to{transform:translate(0)}30%{transform:translate(-3px)}70%{transform:translate(3px)}}.hack__inner{will-change:transform;width:100%;position:absolute;top:0;left:0}.hack__cell{height:40px;color:var(--text-3);place-items:center;font-size:1.2rem;font-weight:600;display:grid}.hack__col.is-active .hack__cell{color:var(--text-2)}.hack__col.is-active .hack__cell.is-target{color:var(--bad)}.hack__cell.is-locked{color:var(--ok)}.hack__foot{flex-direction:column;align-items:center;gap:.55rem;display:flex}.hack__progress{letter-spacing:.25em;color:var(--ok);font-size:.95rem}.hack__progress b{color:var(--text-3)}.hack__hint{color:var(--text-3);text-align:center;font-size:.64rem}.hack.is-critical .hack__timer{color:var(--bad)}.hack.is-critical .hack__win{border-color:color-mix(in srgb, var(--bad) 55%, transparent)}.hack__grant{z-index:6;background:color-mix(in srgb, var(--bg) 78%, transparent);letter-spacing:.15em;color:var(--ok);place-items:center;font-size:clamp(1.2rem,5vw,1.7rem);font-weight:700;display:none;position:absolute;inset:0}.hack__grant:before{content:"[ "}.hack__grant:after{content:" ]"}.hack.is-won .hack__grant{display:grid}.blackout{z-index:100000;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}.blackout.is-active{display:block}.blackout__panel{background:#000;width:50%;height:100%;transition:transform 1.6s cubic-bezier(.77,0,.175,1);position:absolute;top:0}.blackout__panel.left{left:0}.blackout__panel.right{right:0}.blackout.is-splitting .blackout__panel.left{transform:translate(-100%);box-shadow:12px 0 40px red,30px 0 90px red}.blackout.is-splitting .blackout__panel.right{transform:translate(100%);box-shadow:-12px 0 40px red,-30px 0 90px red}.blackout__laser{opacity:0;background:#fff;width:4px;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px red,0 0 34px red,0 0 70px red}.blackout__laser.is-igniting{opacity:1;animation:ignite .9s var(--ease-out) forwards}@keyframes ignite{0%{height:0}to{height:100%}}.confetti-piece{z-index:10000;font-family:var(--f-mono);pointer-events:none;font-weight:700;animation:linear forwards confetti-fall;position:fixed;top:-40px}@keyframes confetti-fall{to{transform:translateY(112vh)rotate(680deg)}}.egg-coin{z-index:10000;pointer-events:none;background:radial-gradient(circle at 38% 34%,#fff6cf 0 18%,#ffd23f 45%,#c98a10 100%);border-radius:50%;width:16px;height:22px;animation:linear forwards egg-coin-fall;position:fixed;top:-30px;box-shadow:0 0 10px #ffd23f8c}@keyframes egg-coin-fall{to{transform:translateY(112vh)rotateY(1080deg)}}.egg-confetti{z-index:10000;pointer-events:none;font-size:.9rem;font-weight:700;animation:linear forwards egg-confetti-fall;position:fixed;top:-24px}@keyframes egg-confetti-fall{to{transform:translateY(112vh)rotate(560deg)}}.egg-toast{z-index:10001;border:1px solid var(--accent-line);background:var(--panel);color:var(--text);letter-spacing:.03em;box-shadow:var(--sh-3), 0 0 30px -8px var(--glow);opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease-out);border-radius:999px;padding:.55rem 1rem;font-size:.85rem;font-weight:650;position:fixed;bottom:4.5rem;left:50%;transform:translate(-50%,20px)}:root[data-mode=console] .egg-toast{border-radius:0}.egg-toast.is-in{opacity:1;transform:translate(-50%)}:root.egg-party{animation:1.6s linear infinite egg-party-hue}@keyframes egg-party-hue{to{filter:hue-rotate(360deg)}}@media (prefers-reduced-motion:reduce){:root.egg-party{animation:none}}.egg-build{z-index:10002;border:1px solid var(--accent-line);border-radius:var(--r-3,16px);background:var(--panel);box-shadow:var(--sh-3), 0 0 60px -12px var(--glow);color:var(--text-2);text-align:center;opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease-out);cursor:pointer;flex-direction:column;gap:.3rem;padding:1.1rem 1.4rem;font-size:.82rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%)scale(.96)}:root[data-mode=console] .egg-build{border-radius:0}.egg-build.is-in{opacity:1;transform:translate(-50%,-50%)scale(1)}.egg-build b{background:var(--accent-grad);color:#0000;letter-spacing:.06em;-webkit-background-clip:text;background-clip:text;font-size:1rem}.egg-build__hint{color:var(--text-3);margin-top:.35rem;font-size:.7rem}}