*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 20%,#202633 0,#10131a 38%,#090b0f 100%);color:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}body{min-height:100svh;display:grid;place-items:center;padding:clamp(14px,3vw,36px)}.wrap{width:min(980px,100%);display:grid;gap:18px;justify-items:center}.title{font-size:clamp(18px,2.4vw,28px);font-weight:800;letter-spacing:.02em;text-align:center;opacity:.95;text-shadow:0 1px 12px #000}.tv{position:relative;width:min(900px,96vw);aspect-ratio:16/10;background:linear-gradient(145deg,#292f3b,#171b22 62%,#0d1015);border:1px solid #3a4250;border-radius:clamp(24px,4vw,42px);padding:clamp(18px,3vw,34px) clamp(18px,3vw,34px) clamp(46px,5vw,64px);box-shadow:0 30px 90px #0009,inset 0 1px 0 #ffffff12,inset 0 -18px 40px #0008}.tv:before{content:"";position:absolute;inset:10px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff08}.screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:clamp(18px,3vw,32px);background:radial-gradient(circle at 50% 45%,#171c22,#07090d 72%);border:clamp(7px,1vw,12px) solid #050607;box-shadow:inset 0 0 50px #000,0 0 0 1px #ffffff0d}.screen:before,.screen:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4}.screen:before{background:repeating-linear-gradient(to bottom,#fff0 0 2px,#fff0 2px 4px,#0002 4px 5px);mix-blend-mode:overlay;opacity:.7}.screen:after{background:radial-gradient(ellipse at center,#fff0 55%,#0008 100%)}.noise{position:absolute;inset:0;opacity:.055;pointer-events:none;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}.poop{position:absolute;left:0;top:0;display:grid;place-items:center;width:clamp(48px,7vw,86px);height:clamp(48px,7vw,86px);font-size:clamp(38px,5.7vw,72px);filter:drop-shadow(0 5px 12px #0009);user-select:none;will-change:transform;z-index:2}.status{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:calc(100% - 40px);text-align:center;font-weight:800;font-size:clamp(14px,1.8vw,21px);letter-spacing:.01em;text-shadow:0 2px 14px #000;z-index:5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand{position:absolute;left:clamp(24px,3vw,38px);bottom:17px;font-size:12px;font-weight:900;letter-spacing:.22em;color:#a9b2c2;text-transform:uppercase}.controls{position:absolute;right:clamp(24px,3vw,38px);bottom:14px;display:flex;gap:8px}.knob{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#777f8d,#242a34 52%,#0a0c10 70%);border:1px solid #59616e;box-shadow:inset 0 0 4px #000}.feet:before,.feet:after{content:"";position:absolute;bottom:-14px;width:70px;height:18px;background:#090b0e;border-radius:0 0 12px 12px}.feet:before{left:15%}.feet:after{right:15%}.hint{font-size:12px;opacity:.48;text-align:center;letter-spacing:.03em}@media(max-width:640px){body{padding:10px}.wrap{gap:12px}.tv{width:100%;aspect-ratio:10/13;padding:16px 16px 58px;border-radius:28px}.screen{border-width:8px}.brand{left:22px}.controls{right:22px}.status{bottom:10px;width:calc(100% - 24px)}.hint{display:none}}@media(prefers-reduced-motion:reduce){.poop{transition:none}}