@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");:root{--bg:#020403;--screen:#040a05;--phosphor:#7cff6b;--phosphor-soft:#74ff90}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at center,#08130a 0,#020403 52%,#010201 100%);color:var(--phosphor);font-family:VT323,monospace}.page-wrap{min-height:100vh;min-height:100svh;min-height:100dvh;display:grid;place-items:center;justify-items:center;align-items:center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.terminal-shell{width:min(980px,calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 1.5rem));height:min(76svh,680px);max-height:820px;margin-inline:auto;background:transparent;border-radius:14px;border:none;box-shadow:none;padding:0}.terminal-inner{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;background:radial-gradient(circle at center,#09140a 0,#050b06 60%,#010201 100%);border:none}.crt:after,.crt:before{content:"";position:absolute;inset:0;pointer-events:none}.crt:before{background:repeating-linear-gradient(180deg,rgba(124,255,107,.07),rgba(124,255,107,.07) 1px,rgba(0,0,0,.35) 2px,rgba(0,0,0,.35) 3px);mix-blend-mode:screen;mask-image:radial-gradient(circle at center,rgba(0,0,0,.95) 54%,rgba(0,0,0,.35) 82%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent);-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.95) 54%,rgba(0,0,0,.35) 82%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent);animation:scanlines 8s linear infinite}.crt:after{background:radial-gradient(circle at center,rgba(0,0,0,.02) 26%,rgba(0,0,0,.56) 74%,rgba(0,0,0,.92) 100%),linear-gradient(180deg,rgba(0,0,0,.42) 0,transparent 12%,transparent 88%,rgba(0,0,0,.45)),linear-gradient(90deg,rgba(255,0,0,.03),rgba(0,255,0,.02),rgba(0,0,255,.03));animation:flicker .11s infinite}.terminal-inner.cinematic:before{background:repeating-linear-gradient(180deg,rgba(124,255,107,.11),rgba(124,255,107,.11) 1px,rgba(0,0,0,.5) 2px,rgba(0,0,0,.5) 3px),repeating-linear-gradient(90deg,hsla(0,0%,100%,.03) 0 1px,transparent 1px 3px);mask-image:radial-gradient(circle at center,rgba(0,0,0,.98) 52%,rgba(0,0,0,.4) 82%,transparent 100%),linear-gradient(180deg,transparent 0,#000 11%,#000 89%,transparent);-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.98) 52%,rgba(0,0,0,.4) 82%,transparent 100%),linear-gradient(180deg,transparent 0,#000 11%,#000 89%,transparent);animation:scanlines 4s linear infinite}.terminal-inner.cinematic:after{background:radial-gradient(circle at center,rgba(0,0,0,.02) 22%,rgba(0,0,0,.68) 74%,rgba(0,0,0,.98) 100%),linear-gradient(180deg,rgba(0,0,0,.56) 0,transparent 14%,transparent 86%,rgba(0,0,0,.58)),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.035),rgba(0,0,255,.06)),repeating-linear-gradient(0deg,hsla(0,0%,100%,.035) 0 2px,transparent 2px 5px);animation:flicker-strong .07s infinite}.terminal-content{position:relative;z-index:2;height:100%;overflow:auto;padding:clamp(.9rem,3vw,2.6rem) clamp(.9rem,3vw,2.6rem) clamp(4.6rem,12vh,6.5rem);font-size:clamp(1rem,1.8vw,2rem);line-height:1.35;letter-spacing:.02em;text-shadow:0 0 8px rgba(124,255,107,.7),0 0 16px rgba(124,255,107,.35);scrollbar-width:none;-webkit-overflow-scrolling:touch}.terminal-content::-webkit-scrollbar{display:none}.terminal-line{margin:0 0 .45rem;min-height:1.2em;white-space:normal;overflow-wrap:anywhere}.cursor{display:inline-block;width:.9ch;height:.98em;margin-left:.1ch;background:var(--phosphor-soft);box-shadow:0 0 7px rgba(124,255,107,.95);vertical-align:-.05em;animation:blink 1.08s step-end infinite}.pill-row{position:relative;z-index:4;display:flex;justify-content:center;align-items:flex-end;gap:2.2rem;margin-top:1.1rem;padding:.3rem 0;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .32s ease,transform .32s ease}.pill-row.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.pill-capsule{position:relative;border:none;background:transparent;width:clamp(2.9rem,6vw,3.6rem);height:clamp(5.2rem,11vw,6.5rem);padding:0;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent}.pill-capsule:focus{outline:none}.pill-capsule:focus-visible{outline:1px solid rgba(124,255,107,.35);outline-offset:2px}.pill-blue{transform:rotate(-4deg)}.pill-red{transform:rotate(4deg)}.pill-image{width:100%;height:100%;object-fit:contain;display:block;opacity:.88;filter:saturate(.86) contrast(.9)}.pill-blue .pill-image{animation:breathe-blue 4.2s ease-in-out infinite;filter:saturate(.86) contrast(.9) drop-shadow(0 0 8px rgba(110,165,255,.24))}.pill-red .pill-image{animation:breathe-red 4.2s ease-in-out infinite;animation-delay:.26s;filter:saturate(.86) contrast(.9) drop-shadow(0 0 8px rgba(255,110,110,.24))}@keyframes blink{50%{opacity:0}}@keyframes flicker{0%{opacity:.92}50%{opacity:.98}to{opacity:.9}}@keyframes flicker-strong{0%{opacity:.82}35%{opacity:.96}62%{opacity:.86}to{opacity:.93}}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(3px)}}@keyframes breathe-blue{0%,to{opacity:.82;filter:saturate(.84) contrast(.9) drop-shadow(0 0 6px rgba(110,165,255,.18))}50%{opacity:.94;filter:saturate(.92) contrast(.94) drop-shadow(0 0 10px rgba(110,165,255,.3))}}@keyframes breathe-red{0%,to{opacity:.82;filter:saturate(.84) contrast(.9) drop-shadow(0 0 6px rgba(255,110,110,.18))}50%{opacity:.94;filter:saturate(.92) contrast(.94) drop-shadow(0 0 10px rgba(255,110,110,.3))}}@media (max-width:920px){.terminal-shell{width:min(760px,calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 1rem));height:min(74svh,620px)}.pill-row{gap:1.8rem}}@media (max-width:640px){.terminal-shell{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - .6rem);height:min(82svh,720px);border-radius:10px}.terminal-inner{border-radius:8px}.terminal-content{font-size:clamp(.95rem,4.2vw,1.35rem);line-height:1.4;padding-bottom:clamp(5.2rem,18vh,7.5rem)}.pill-row{gap:1rem}.pill-capsule{width:54px;height:96px}.pill-blue{transform:rotate(-3deg)}.pill-red{transform:rotate(3deg)}}@media (max-width:380px){.terminal-content{font-size:clamp(.9rem,4.8vw,1.15rem);padding:.75rem}.pill-capsule{width:48px;height:86px}}@media (prefers-reduced-motion:reduce){.crt:after,.crt:before,.cursor,.pill-blue .pill-image,.pill-red .pill-image{animation:none!important}}