:root{--teletext-black: #000000;--teletext-white: #FFFFFF;--teletext-red: #FF0000;--teletext-green: #00FF00;--teletext-blue: #0000FF;--teletext-yellow: #FFFF00;--teletext-cyan: #00FFFF;--teletext-magenta: #FF00FF;--teletext-bg: #000000;--teletext-text: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:VT323,monospace;background-color:var(--teletext-bg);color:var(--teletext-text);overflow:hidden;height:100vh;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#root{width:100vw;height:100vh;position:relative}.teletext-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--teletext-bg);position:relative;overflow:hidden}.teletext-header{display:flex;justify-content:space-between;align-items:center;padding:17.5px 35px;background-color:var(--teletext-black);border-bottom:3.5px solid var(--teletext-white);font-size:42px;letter-spacing:3.5px}.page-number{color:var(--teletext-yellow);font-weight:700}.page-title{color:var(--teletext-cyan);text-transform:uppercase}.page-logo{height:60px;width:auto;object-fit:contain}.teletext-content{flex:1;padding:52.5px;overflow-y:auto;font-size:35px;line-height:1.6;letter-spacing:1.75px}.teletext-block{margin:35px 0;padding:26.25px;border:3.5px solid;cursor:none!important;transition:all .2s;display:inline-block;min-width:350px;text-align:center;font-size:1.75em;animation:teletext-shake .3s infinite;animation-timing-function:ease-in-out}.teletext-block:hover{transform:scale(1.05);box-shadow:0 0 10px currentColor}@keyframes teletext-shake{0%,to{transform:translateY(0)}25%{transform:translateY(-1px)}75%{transform:translateY(1px)}}@keyframes fade-pulse{0%,to{opacity:1}1%{opacity:.3}4%{opacity:.3}5%{opacity:1}}.block-red{background-color:var(--teletext-red);color:var(--teletext-white);border-color:var(--teletext-red)}.block-green{background-color:var(--teletext-green);color:var(--teletext-black);border-color:var(--teletext-green)}.block-blue{background-color:var(--teletext-blue);color:var(--teletext-white);border-color:var(--teletext-blue)}.block-yellow{background-color:var(--teletext-yellow);color:var(--teletext-black);border-color:var(--teletext-yellow)}.block-cyan{background-color:var(--teletext-cyan);color:var(--teletext-black);border-color:var(--teletext-cyan)}.block-magenta{background-color:var(--teletext-magenta);color:var(--teletext-white);border-color:var(--teletext-magenta)}.teletext-menu{display:flex;flex-wrap:wrap;gap:35px;justify-content:center;align-items:center;margin-top:30px}.teletext-text{color:var(--teletext-white);margin:10px 0}.text-red{color:var(--teletext-red)}.text-green{color:var(--teletext-green)}.text-blue{color:var(--teletext-blue)}.text-yellow{color:var(--teletext-yellow)}.text-cyan{color:var(--teletext-cyan)}.text-magenta{color:var(--teletext-magenta)}.teletext-footer{padding:17.5px 35px;background-color:var(--teletext-black);border-top:3.5px solid var(--teletext-white);font-size:28px;display:flex;justify-content:space-between;align-items:center}.page-input{background-color:var(--teletext-black);border:3.5px solid var(--teletext-yellow);color:var(--teletext-yellow);font-family:VT323,monospace;font-size:35px;padding:8.75px 17.5px;width:175px;text-align:center;letter-spacing:3.5px}.page-input:focus{outline:none;box-shadow:0 0 10px var(--teletext-yellow)}.navigation-hint{color:var(--teletext-cyan);font-size:24.5px}.teletext-content::-webkit-scrollbar{width:17.5px}.teletext-content::-webkit-scrollbar-track{background:var(--teletext-black)}.teletext-content::-webkit-scrollbar-thumb{background:var(--teletext-yellow);border:1.75px solid var(--teletext-black)}.teletext-content::-webkit-scrollbar-thumb:hover{background:var(--teletext-cyan)}.pixel-cursor{position:fixed;width:16px;height:16px;pointer-events:none;z-index:10000;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pixel-cursor:before{content:"";position:absolute;width:16px;height:16px;background-color:var(--teletext-yellow);border:2px solid var(--teletext-white);box-shadow:0 0 0 1px var(--teletext-black),2px 2px 0 var(--teletext-black)}.pixel-cursor.hover{transform:scale(1.2)}.pixel-cursor.hover:before{background-color:var(--teletext-cyan);box-shadow:0 0 0 1px var(--teletext-black),2px 2px 0 var(--teletext-black),0 0 10px var(--teletext-cyan)}*,html,body,a,button,.teletext-block,[onclick],[role=button]{cursor:none!important}.page-enter{animation:pageEnter .3s ease-in-out}.page-exit{animation:pageExit .3s ease-in-out}@keyframes pageEnter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pageExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.teletext-char{display:inline-block;animation:charBlink 1s infinite}@keyframes charBlink{0%,50%{opacity:1}51%,to{opacity:.3}}.teletext-block{position:relative}.teletext-block:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid var(--teletext-white);opacity:0;transition:opacity .2s}.teletext-block:hover:after{opacity:1}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden;will-change:opacity}.crt-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.7) 0px,transparent 1px,transparent 100px,rgba(0,0,0,.7) 2px);background-size:100% 4px;animation:crt-flicker .15s infinite;pointer-events:none}@keyframes crt-flicker{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.crt-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 80px #000;pointer-events:none;z-index:1}