.console{width:100%;container-type:inline-size;container-name:console}.console__row{display:flex;align-items:flex-end;gap:var(--sp-4)}.console .terminal{flex:1 1 auto;min-width:0}.crt{--shark-0: #04120a;--shark-1: #0f4a24;--shark-2: #2fbf5d;--shark-3: #a8ffc0;--shark-glow: rgba(96, 255, 150, .5);--crt-scale: 4;flex:0 0 auto;position:relative;user-select:none;-webkit-user-select:none}.crt__bezel{padding:10px 10px 8px;border-radius:16px;background:linear-gradient(150deg,#2b2b28,#171715 55%,#101010);border:1px solid var(--clr-border-hover);box-shadow:0 14px 34px #00000073,inset 0 1px #ffffff12,inset 0 -2px #00000080}.crt__screen{position:relative;overflow:hidden;border-radius:12px/14px;background:var(--shark-0);box-shadow:inset 0 0 0 2px #050505,inset 0 0 26px #000000d9,0 0 18px -4px var(--shark-glow)}.crt__canvas{display:block;width:calc(32px * var(--crt-scale));height:calc(32px * var(--crt-scale));image-rendering:pixelated;filter:drop-shadow(0 0 2px var(--shark-glow));animation:crt-flicker 5s infinite steps(1)}.crt__screen:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 1px,transparent 1px,transparent 3px)}.crt__screen:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(120% 100% at 30% 12%,rgba(255,255,255,.07),transparent 55%),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}.crt__panel{display:flex;align-items:center;justify-content:space-between;padding:7px 4px 0}.crt__label{font-size:9px;letter-spacing:.18em;color:var(--clr-text-muted)}.crt__led{width:5px;height:5px;border-radius:50%;background:var(--shark-2);box-shadow:0 0 6px var(--shark-glow);animation:crt-led 2.4s ease-in-out infinite}.crt[data-pose^=sleep] .crt__led{animation:none;opacity:.25}@keyframes crt-flicker{0%,46%,49%,82%,85%,to{opacity:1}47%{opacity:.92}83%{opacity:.95}}@keyframes crt-led{0%,to{opacity:1}50%{opacity:.35}}@keyframes crt-on{0%{transform:scale(.6,.02);opacity:0}35%{opacity:1}55%{transform:scaleY(1.04)}to{transform:none}}.crt.is-on .crt__screen{animation:crt-on .7s ease-out 1}@keyframes crt-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.crt[data-fx=shake] .crt__bezel{animation:crt-shake .4s steps(4) 1}@keyframes crt-glitch{0%{transform:none;opacity:1}20%{transform:translate(4px) skew(6deg);opacity:.75}40%{transform:translate(-5px);opacity:1}60%{transform:translate(3px) skew(-4deg);opacity:.8}to{transform:none;opacity:1}}.crt[data-fx=glitch] .crt__screen{animation:crt-glitch .5s steps(5) 1}@container console (max-width: 39rem){.console__row{flex-direction:column-reverse;align-items:flex-start;gap:0}.console .terminal{position:relative;z-index:1;width:100%}.crt{--crt-scale: 3;position:relative;z-index:0;align-self:flex-end;margin:0 var(--sp-4) -14px 0}}@media(prefers-reduced-motion:reduce){.crt__canvas,.crt__led,.crt.is-on .crt__screen,.crt[data-fx] .crt__bezel,.crt[data-fx] .crt__screen{animation:none}}