:root{--pink:#ff2bd6;--cyan:#20e7ff;--yellow:#ffe84a;--ink:#07030d;--panel:#160526;--line:#632a83}*{box-sizing:border-box}html{background:var(--ink);color:#fff;font-family:Arial,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#3c075d 0,#100018 42%,#050008 100%);overflow-x:hidden}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.12;background:repeating-linear-gradient(0deg,#0000 0 3px,#000 4px)}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,60px);background:#09000ee8;border-bottom:2px solid var(--pink);box-shadow:0 0 30px #ff2bd666}.brand{font-weight:1000;letter-spacing:2px;font-size:clamp(20px,3vw,34px);text-shadow:0 0 12px var(--pink)}.brand .marquee{color:var(--yellow);margin-right:8px}.status{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status span{font:700 10px monospace;padding:6px 8px;border:1px solid var(--cyan);color:var(--cyan)}main{width:min(1180px,94%);margin:auto}.hero{padding:70px 0 34px;text-align:center}.eyebrow{font:800 12px monospace;letter-spacing:4px;color:var(--cyan)}h1{font-size:clamp(42px,9vw,100px);line-height:.88;margin:18px 0;text-transform:uppercase;text-shadow:5px 5px 0 #671e83,0 0 25px #ff2bd688}h1 em{font-style:normal;color:var(--yellow)}.hero>p:not(.eyebrow){max-width:680px;margin:20px auto;color:#d9cce2;line-height:1.6}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.coin,.actions button,.controls button{cursor:pointer;border:2px solid var(--yellow);background:#21102d;color:var(--yellow);font-weight:900;padding:14px 22px;box-shadow:4px 4px 0 #8a5510}.coin input{display:none}.actions button{border-color:var(--cyan);color:var(--cyan);box-shadow:4px 4px 0 #076d79}.drop{margin:22px auto 0;max-width:650px;padding:24px;border:2px dashed #77518d;color:#a990b8;font:700 12px monospace}.drop.drag{border-color:var(--pink);color:#fff;background:#ff2bd622}.cabinet{background:linear-gradient(135deg,#2d0943,#10051c);border:4px solid #000;border-radius:22px 22px 8px 8px;padding:18px;box-shadow:0 0 0 3px var(--pink),0 20px 60px #000}.cabinet-top{font:900 14px monospace;display:flex;justify-content:space-between;color:var(--yellow);padding:4px 4px 16px}.screen{position:relative;aspect-ratio:16/9;background:#020205;border:10px solid #09070c;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 40px #20e7ff22}.screen #welcome{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:20px;color:#bcb0c8}.pixel{font-size:70px;font-weight:1000;color:var(--pink);text-shadow:5px 5px 0 var(--cyan)}#game,#chip8Frame{width:100%;height:100%;border:0;display:none}.controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:18px}.controls button{font-size:11px;padding:10px 14px}.systems,.library{padding:55px 0}.systems h2,.library h2{font-size:30px;letter-spacing:3px}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.system-grid button{min-height:135px;text-align:left;padding:20px;background:#160526;border:1px solid var(--line);color:white;cursor:pointer;transition:.2s;box-shadow:inset 0 0 20px #000}.system-grid button:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 0 22px #20e7ff44}.system-grid b{display:block;color:var(--pink);font:900 22px monospace}.system-grid span{display:block;font-size:20px;font-weight:900;margin:10px 0}.system-grid small{color:#9d87aa}.library{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;border-top:1px solid #552569}.library p{color:#aa95b6;line-height:1.5}.recent{display:grid;gap:8px}.recent button{padding:14px;text-align:left;background:#11051a;border:1px solid #4e265e;color:#fff}.recent small{display:block;color:#a48caf;margin-top:4px}dialog{max-width:560px;background:#160526;color:white;border:2px solid var(--pink);box-shadow:0 0 40px #ff2bd666;padding:30px}dialog::backdrop{background:#000b}.x{float:right;font-size:25px;background:none;border:0;color:white}footer{text-align:center;padding:35px 15px;color:#806c8b;font:10px monospace;border-top:1px solid #281231}@media(max-width:760px){.status{display:none}.system-grid{grid-template-columns:repeat(2,1fr)}.library{grid-template-columns:1fr}.hero{padding-top:50px}.screen{aspect-ratio:4/3}}@media(max-width:420px){.system-grid{grid-template-columns:1fr}}