@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Press Start\ 2P,monospace;background:radial-gradient(ellipse at center,#2a2a3e 0,#1a1a2e 50%,#0f0f1a 100%);color:#7C70DA;line-height:1.2;font-size:12px}body{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.4) 70%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}.c64-terminal{background-color:#3E31A2;line-height:1.2;padding:20px;border:2px solid #7c70da;border-radius:0;max-width:800px;min-height:500px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.c64-terminal,.c64-terminal input{color:#7C70DA;font-family:Press Start\ 2P,monospace;font-size:12px;width:100%}.c64-terminal input{background:transparent;border:none;outline:none}.c64-terminal input::placeholder{color:#7C70DA;opacity:.7}.cursor{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.crt-effect{position:relative}.crt-effect:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.1) 0);background-size:100% 4px;pointer-events:none;z-index:1}.c64-blue{color:#3E31A2}.c64-light-blue{color:#7C70DA}.c64-white{color:#FFFFFF}.c64-yellow{color:#F7E96B}.c64-green{color:#5CFF5C}.c64-red{color:#FF3C3C}.tv-frame{background:linear-gradient(145deg,#C3A06E,#A88A5C);border-radius:20px;padding:20px;box-shadow:0 0 0 8px #B8956A,0 0 0 12px #A88A5C,0 20px 40px rgba(0,0,0,.8),inset 0 0 20px rgba(0,0,0,.3);position:relative;max-width:900px;margin:0 auto}.tv-frame:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:3px solid #9a7a50;border-radius:15px;pointer-events:none}.tv-screen{background:var(--c64-blue);border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 0 20px rgba(0,0,0,.8)}.tv-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03) 50%,transparent);pointer-events:none;animation:scanline .1s linear infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.tv-controls{display:flex;justify-content:center;gap:15px;margin-top:15px}.tv-button{width:12px;height:12px;border-radius:50%;background:linear-gradient(145deg,#444,#222);box-shadow:0 2px 4px rgba(0,0,0,.5),inset 0 1px 2px rgba(255,255,255,.1)}.tv-button.power{background:linear-gradient(145deg,#ff4444,#cc0000)}.tv-button.channel{background:linear-gradient(145deg,#666,#333)}.tv-brand{position:absolute;top:-35px;left:50%;transform:translateX(-50%);color:#888;font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}.c64-computer{position:relative;margin-top:-20px;z-index:10}.c64-body{background:linear-gradient(145deg,#C3A06E,#A88A5C);border-radius:8px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 2px 5px rgba(255,255,255,.2);max-width:800px;margin:0 auto;height:60px}.boot-header{color:#FFFFFF;font-weight:700;margin-bottom:10px}.boot-memory{margin-bottom:20px}.boot-memory,.boot-prompt{color:#7C70DA}.command-output{margin:10px 0;color:#7C70DA}.command-error{color:#FF3C3C}.command-success{color:#5CFF5C}@media (max-width:768px){.c64-terminal{font-size:10px;padding:15px}body{padding:10px}.tv-frame{max-width:95vw;padding:15px}.tv-controls{padding:8px}.tv-button{width:10px;height:10px}}@media (max-width:480px){.c64-terminal{font-size:8px;padding:10px}.c64-terminal input{font-size:16px!important;min-height:44px}.c64-light-blue{min-height:44px;display:flex;align-items:center}.tv-frame{max-width:100vw;padding:10px;margin:0}.tv-frame:before{border-width:2px}.tv-controls{padding:6px;gap:8px}.tv-button{width:8px;height:8px}main{padding:0!important}}