.pianotv-intro{position:fixed;z-index:999;inset:0;display:grid;place-items:center;align-content:center;gap:18px;background:#030303;color:#e8e8e8;transition:opacity .55s,visibility .55s}.pianotv-intro.done{opacity:0;visibility:hidden}.pianotv-intro>p{margin:0;color:#ff3434;font:700 10px/1 monospace;letter-spacing:.35em;animation:tuneBlink .55s steps(2) infinite}.retro-tv{position:relative;width:min(410px,78vw);padding:22px 54px 22px 22px;border:3px solid #3b3b38;border-radius:29px;background:linear-gradient(145deg,#25241f,#0d0d0c);box-shadow:0 35px 90px #000,inset 0 1px #57564e;transform:scale(.7);opacity:0;animation:tvPower 1.7s cubic-bezier(.2,.85,.2,1) forwards}.retro-tv>i{position:absolute;right:18px;width:25px;height:25px;border:3px solid #58574f;border-radius:50%;background:#151513}.retro-tv>i:first-of-type{top:34px}.retro-tv>i:last-of-type{top:76px}.retro-screen{position:relative;aspect-ratio:16/10;overflow:hidden;border:6px solid #111;border-radius:35px/24px;display:grid;place-items:center;background:#050505;box-shadow:inset 0 0 38px #000}.retro-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,transparent 50%,rgba(0,0,0,.75));pointer-events:none}.retro-screen img{position:relative;z-index:3;width:65%;filter:grayscale(1) contrast(1.5);opacity:0;animation:logoTune 1.5s .25s steps(1) forwards}.retro-screen small{position:absolute;z-index:4;left:16px;bottom:12px;color:#e52c2c;font:700 9px monospace;letter-spacing:.12em}.tv-static{position:absolute;z-index:2;inset:-40%;background-image:repeating-radial-gradient(circle at 17% 32%,#fff 0 1px,transparent 1px 4px);background-size:7px 6px;opacity:.38;animation:staticMove .13s steps(2) infinite}.tv-scan{position:absolute;z-index:5;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);animation:scanFlicker .18s infinite;pointer-events:none}@keyframes tvPower{0%{opacity:0;transform:scale(.7) rotate(-2deg)}18%{opacity:1;transform:scale(1.03) rotate(1deg)}26%,36%{transform:scale(.98);filter:brightness(2)}100%{opacity:1;transform:scale(1)}}@keyframes logoTune{0%,25%{opacity:0}26%,48%{opacity:.4;transform:translateX(-6px)}49%,65%{opacity:0}66%{opacity:1;transform:none;filter:grayscale(0)}}@keyframes staticMove{to{transform:translate(9px,-7px)}}@keyframes scanFlicker{50%{opacity:.65}}@keyframes tuneBlink{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.pianotv-intro{display:none}}