:root{--c64-border:#6c5eb5;--c64-screen:#40318d;--c64-screen-dark:#362a78;--c64-text:#a29ddb;--c64-bright:#e0dcff;--c64-accent:#9ae29b;--glow:0 0 5px #a29ddb8c}*{box-sizing:border-box}body{text-transform:uppercase;background:radial-gradient(circle at 50% 40%,#2a2350 0%,#16122e 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:1.5rem;font-family:Courier New,Courier,monospace;font-weight:700;display:flex}.screen{background:var(--c64-screen);color:var(--c64-text);letter-spacing:.08em;width:min(680px,94vw);text-shadow:var(--glow);border-radius:14px;padding:2.5rem 2rem;line-height:1.7;position:relative;overflow:hidden;box-shadow:0 0 0 12px #4a3f7a,0 0 0 15px #2c2550,0 22px 60px #0009,inset 0 0 90px #00000073,inset 0 0 20px #786ec840}.crt{z-index:5;pointer-events:none;background:repeating-linear-gradient(#00000024 0 1px,#0000 1px 3px);border-radius:14px;position:absolute;inset:0}.screen h1{color:var(--c64-bright);text-align:center;text-shadow:0 0 8px #e0dcff99;margin:0 0 .2rem;font-size:1.3rem}.screen .subtitle{text-align:center;opacity:.85;margin:0 0 1.5rem;font-size:.75rem}.control-group{margin-bottom:1rem}.control-group .label{margin-bottom:.3rem;font-size:.75rem}.options{flex-wrap:wrap;gap:.5rem;display:flex}button,input{font:inherit;letter-spacing:inherit;text-transform:inherit}button{background:var(--c64-screen-dark);color:var(--c64-text);border:2px solid var(--c64-text);cursor:pointer;text-shadow:var(--glow);border-radius:4px;padding:.4rem .9rem;transition:background 80ms,color 80ms,box-shadow 80ms}button:hover{color:var(--c64-bright);border-color:var(--c64-bright);box-shadow:0 0 10px #e0dcff59}button.selected{background:var(--c64-text);color:var(--c64-screen);text-shadow:none}.transport{gap:.75rem;margin:1.5rem 0 1rem;display:flex}.transport button{flex:1;padding:.8rem 0;font-size:1rem}#generate{color:var(--c64-accent);border-color:var(--c64-accent)}#generate:hover{background:var(--c64-accent);color:var(--c64-screen);box-shadow:0 0 14px #9ae29b80}.actions{gap:.6rem;margin-bottom:.9rem;display:flex}.actions button{flex:1;padding:.55rem 0;font-size:.85rem}.load-row{gap:.6rem;margin-bottom:1rem;display:flex}.load-row input{background:var(--c64-screen-dark);min-width:0;color:var(--c64-bright);border:2px solid var(--c64-text);text-transform:none;text-shadow:var(--glow);border-radius:4px;flex:1;padding:.5rem .7rem}.load-row input::placeholder{color:var(--c64-text);opacity:.6;text-transform:uppercase;font-size:.85em}.load-row input:focus{border-color:var(--c64-bright);outline:none;box-shadow:0 0 10px #e0dcff59}.load-row button{padding:.5rem 1.1rem}.history{gap:.6rem;margin-bottom:1rem;display:flex}.history button{flex:1;padding:.5rem 0;font-size:.85rem}button:disabled{opacity:.4;cursor:default;box-shadow:none}.status{white-space:pre-line;min-height:3em;font-size:.75rem}.counter{letter-spacing:.12em;opacity:.7;text-align:right;min-height:1em;margin-top:1rem;font-size:.7rem}.link{color:var(--c64-accent);text-decoration:none}.link:hover{color:var(--c64-bright);text-shadow:0 0 8px #9ae29b80}.c64-frame{background:#000;border-radius:6px;width:100%;max-width:640px;margin:0 auto 1rem;overflow:hidden}.c64-frame #game{width:100%}.cursor{background:var(--c64-text);vertical-align:text-bottom;width:.6em;height:1em;box-shadow:var(--glow);animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}