.alley-section{padding:64px 24px;border-bottom:1px solid #343734;scroll-margin-top:100px}.alley-heading{max-width:760px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.alley-heading h2{font-size:clamp(24px,4vw,40px);margin:8px 0}.alley-heading p{color:#a9ada6;font-size:12px}.alley-tv{max-width:760px;margin:auto;padding:clamp(12px,3vw,28px);border:3px solid #383d35;border-radius:36px;background:linear-gradient(135deg,#30332d,#10120f 40%,#262822);box-shadow:0 18px 45px #000,inset 0 0 0 5px #151713;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.alley-glass{position:relative;overflow:hidden;border:3px solid #111b0c;border-radius:38px 38px 26px 26px;background:#0b1b0c;color:#b8e77f;box-shadow:inset 0 0 35px #000,0 0 8px #8fcc4422;padding:16px}.alley-glass:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#0002 4px);border-radius:inherit}.alley-channel{display:flex;justify-content:space-between;border-bottom:1px solid #719448;padding:0 4px 10px;font-size:12px;letter-spacing:2px}.alley-portrait{position:relative;width:100%;aspect-ratio:1.75;overflow:hidden;transition:filter .3s;filter:brightness(.3)}.alley-portrait img{position:absolute;width:146%;max-width:none;left:-23%;top:-36%;height:auto}.alley-tv.is-on .alley-portrait{filter:brightness(1)}.alley-name{text-align:center;padding:8px 0 18px;text-shadow:0 0 10px #92db4555}.alley-name strong{font-size:clamp(25px,6vw,44px);letter-spacing:3px;display:block;line-height:1.1}.alley-name span{font-size:12px;letter-spacing:4px}.alley-dialogue{border:1px solid #719448;min-height:100px;padding:16px;overflow-wrap:anywhere;position:relative}.alley-dialogue p{margin:6px 0;line-height:1.6;font-size:14px;white-space:pre-wrap}.alley-you{font-size:11px!important;color:#8ead72;border-bottom:1px solid #43612f;padding-bottom:8px}.alley-response-link{display:inline-block;margin-top:12px;color:#d4ffa0;text-decoration:underline;font-weight:bold}.alley-form{display:flex;gap:8px;margin-top:12px}.alley-form input{min-width:0;flex:1;background:#071205;color:#d3f9a7;border:1px solid #719448;border-radius:0;padding:14px;font:inherit;font-size:14px}.alley-form input::placeholder{color:#9eba82}.alley-form button,.alley-suggestions button{font:inherit;cursor:pointer;border:1px solid #88b558;border-radius:0;background:#b1d983;color:#11230b;padding:12px}.alley-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.alley-suggestions button{background:transparent;color:#b8e77f;font-size:11px;padding:8px}.alley-tv button:disabled,.alley-tv input:disabled{opacity:.4;cursor:default}.alley-tv :focus-visible{outline:3px solid #e2ffbb;outline-offset:3px}.alley-bezel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 8px 0;color:#a5ab9d;font-size:10px;letter-spacing:2px}.alley-power{background:#0c0e0b;border:2px solid #454b3d;border-radius:6px;padding:13px 18px;color:#d2d9c8;font:inherit;cursor:pointer;min-height:44px}.alley-led{display:inline-block;width:8px;height:8px;border-radius:50%;background:#424739;margin-right:10px}.is-on .alley-led{background:#b1fa4f;box-shadow:0 0 12px #a6ff30}.alley-static{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.is-on .alley-static:after{content:'';position:absolute;width:100%;height:30px;background:linear-gradient(transparent,#b0ff7710,transparent);animation:alley-roll 9s linear infinite}.alley-note{text-align:center;color:#8e9787;font:11px/1.6 ui-monospace,monospace;margin:18px 0 0}.alley-tv:not(.is-on) .alley-glass{color:#89a970}.alley-tv[hidden]{display:none}@keyframes alley-roll{from{top:-30px}to{top:100%}}@media(prefers-reduced-motion:reduce){.alley-static{display:none}.alley-portrait{transition:none}}@media(max-width:480px){.alley-section{padding:40px 12px}.alley-glass{padding:12px;border-radius:24px}.alley-bezel{letter-spacing:0;gap:8px}.alley-form input{padding:10px;width:0}.alley-form button{padding:10px}.alley-heading{display:block}}

.alley-tv [hidden]{display:none!important}

/* The tube is dark when off; its footprint stays stable. */
.alley-tv:not(.is-on) .alley-glass{background:#050605;box-shadow:inset 0 0 35px #000}
.alley-tv:not(.is-on) .alley-glass>*{visibility:hidden}
.alley-tv:not(.is-on) .alley-glass:after{opacity:0}
.alley-tv.is-on .alley-glass{animation:alley-power-on .45s ease-out both}
@keyframes alley-power-on{0%{clip-path:inset(49.7% 48%);filter:brightness(3)}35%{clip-path:inset(49.7% 0);filter:brightness(2)}100%{clip-path:inset(0);filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.alley-tv.is-on .alley-glass{animation:none}}

.alley-scare{display:none;position:absolute;inset:0;z-index:5;background:#081108;overflow:hidden;pointer-events:none}
.alley-scare img{width:100%;height:100%;object-fit:cover;max-width:none}
.alley-tv.is-starting .alley-glass{animation:none}
.alley-tv.is-starting .alley-glass>:not(.alley-scare){visibility:hidden}
.alley-tv.is-starting .alley-scare{display:block;animation:alley-slam 1.05s ease-out both}
.alley-sound{font:inherit;letter-spacing:inherit;padding:12px 6px;min-height:44px;color:#b9c2b0;background:none;border:1px solid #454b3d;border-radius:4px;cursor:pointer}
@keyframes alley-slam{0%{transform:scale(1.45) translate(2%,-2%)}12%{transform:scale(1.12) translate(-1%,1%)}26%{transform:scale(1.05) translate(1%,0)}45%,85%{transform:scale(1)}100%{transform:scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.alley-tv.is-starting .alley-scare{animation:none}}

/* Four poses: wired grin, inhale, hacking cough, grin again. */
.alley-portrait.alley-breathing{width:min(100%,440px);aspect-ratio:1;margin:0 auto;background-image:url('alley-wired.png');background-size:200% 200%;background-repeat:no-repeat;background-position:0 0;image-rendering:auto}
.alley-tv.is-on:not(.is-starting) .alley-breathing{animation:alley-breathe 5.2s steps(1,end) infinite}
@keyframes alley-breathe{0%,100%{background-position:0 0}24%{background-position:100% 0}28%{background-position:0 0}55%{background-position:0 100%}60%{background-position:0 0}64%{background-position:0 100%}69%{background-position:100% 100%}}
@media(prefers-reduced-motion:reduce){.alley-tv.is-on:not(.is-starting) .alley-breathing{animation:none;background-position:0 0}}

.alley-tv.is-on.is-answering:not(.is-starting) .alley-breathing{animation:alley-answer .9s steps(1,end) infinite}
@keyframes alley-answer{0%,100%{background-position:0 0}35%{background-position:100% 100%}80%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.alley-tv.is-on.is-answering:not(.is-starting) .alley-breathing{animation:none}}

/* Canvas motion replaces the fixed four-pose CSS loops. */
.alley-tv.is-on:not(.is-starting) .alley-breathing,.alley-tv.is-on.is-answering:not(.is-starting) .alley-breathing{animation:none!important;background-position:0 0}
.alley-breathing canvas{display:block;width:100%;height:100%;opacity:0}
.alley-breathing.motion-ready{background-image:none}
.alley-breathing.motion-ready canvas{opacity:1}

#alley-response.is-typing:after{content:'▋';color:#c0ff8a;margin-left:2px}