:root{--plum:#4a2246;--plum2:#2a1028;--coral:#ff7a6b;--teal:#2bb3a3;--butter:#ffe45c;--ghost:#c8f0e8;--ink:#140a14}
*{box-sizing:border-box}
body{margin:0;color:var(--ghost);font-family:'Bricolage Grotesque',sans-serif;font-weight:300;
background:radial-gradient(circle at 50% 0,#3a1a3a,#0d0614 70%),#0d0614;
background-image:radial-gradient(circle at 50% 0,rgba(90,30,90,.6),transparent 60%),
repeating-conic-gradient(from 45deg,#1a0c1f 0 25%,#140920 0 50%);background-size:auto,22px 22px;min-height:100vh}
header{text-align:center;padding:18px 10px 6px}
.logo{font-family:'Press Start 2P';font-size:clamp(20px,5vw,42px);letter-spacing:2px}
.logo span{display:inline-block;animation:bob 2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-4px)}}
.tag{font-weight:800;opacity:.8;margin-top:6px}
#auth-status{font-size:12px;opacity:.7;margin-top:4px}
main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;max-width:1200px;margin:0 auto;padding:12px}
@media(max-width:860px){main{grid-template-columns:1fr}}
.tv{background:linear-gradient(#2b2b33,#17171d);padding:18px;border-radius:22px;box-shadow:0 20px 40px #000a,inset 0 2px 0 #fff2}
.crt{position:relative;border-radius:26px/20px;overflow:hidden;background:#000;aspect-ratio:256/224;box-shadow:inset 0 0 40px #000,0 0 30px rgba(120,255,220,.15)}
.crt.curve{transform:perspective(600px) scale(1.0);border-radius:40px/30px}
.crt.curve canvas{filter:contrast(1.1) saturate(1.2)}
.crt.flick{animation:flick .12s infinite}
@keyframes flick{50%{opacity:.94}}
canvas#canvas{width:100%;height:100%;image-rendering:pixelated;display:block}
.scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 2px,rgba(0,0,0,.35) 2px 3px);opacity:0}
.crt.scanon .scan{opacity:1}
.crt.curve .scan{box-shadow:inset 0 0 60px 10px rgba(0,0,0,.8)}
.console{margin:-6px 30px 0;background:linear-gradient(#6b3466,var(--plum) 40%,var(--plum2));border-radius:0 0 26px 26px;padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;box-shadow:0 14px 30px #000a,inset 0 2px 0 #fff3;position:relative}
.vents{display:flex;gap:4px}.vents i{width:5px;height:28px;background:#1a0a18;border-radius:3px;box-shadow:inset 0 2px 2px #000}
.slot{height:30px;background:#120610;border-radius:6px;box-shadow:inset 0 4px 8px #000;position:relative;overflow:visible}
#slotCart{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:110px;height:0;transition:height .4s cubic-bezier(.5,1.6,.5,1);border-radius:6px 6px 0 0;font-family:'Press Start 2P';font-size:7px;color:#000;display:flex;align-items:flex-start;justify-content:center;padding-top:5px;overflow:hidden}
#slotCart.in{height:36px}
.ctrls{display:flex;align-items:center;gap:8px}
.led{width:10px;height:10px;border-radius:50%;background:#400}
.led.on{background:#ff3030;box-shadow:0 0 10px #f33}
.pbtn,.sbtn,.pads button,.tabs button,.pad button,.shelf .cart{font-family:'Press Start 2P';font-size:9px;border:0;border-radius:8px;cursor:pointer;color:var(--ink);background:var(--butter);box-shadow:0 4px 0 #8a6d10;transition:transform .05s}
.pbtn{padding:10px 8px;background:#ddd;box-shadow:0 4px 0 #777}
.pbtn:active,.sbtn:active,.pads button:active,.pad button:active{transform:translateY(3px);box-shadow:0 1px 0 #555}
.badge{grid-column:1/-1;text-align:center;font-family:'Press Start 2P';font-size:7px;opacity:.5}
.shelf{display:flex;gap:12px;justify-content:center;margin:22px 0 8px;flex-wrap:wrap}
.shelf .cart{width:110px;height:120px;padding:8px;line-height:1.6;color:#000;box-shadow:0 6px 0 #0006;display:flex;flex-direction:column;justify-content:space-between;text-align:left}
.shelf .cart:hover{transform:translateY(-6px) rotate(-2deg)}
.shelf .cart small{font-size:6px;opacity:.7}
.pad{display:none;justify-content:space-between;padding:10px 20px}
@media(hover:none){.pad{display:flex}}
.dpad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px)}
.dpad .u{grid-area:1/2}.dpad .l{grid-area:2/1}.dpad .r{grid-area:2/3}.dpad .d{grid-area:3/2}
.ab{display:flex;gap:14px;align-items:center}.ab button{width:62px;height:62px;border-radius:50%;background:var(--coral);box-shadow:0 4px 0 #8a2a20}
.right{background:rgba(20,10,22,.85);border:2px solid #4a2246;border-radius:16px;padding:12px;min-width:0}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.tabs button{padding:8px;background:#2a1430;color:var(--ghost);box-shadow:0 3px 0 #000}
.tabs button.on{background:var(--teal);color:#000}
.tab{display:none}.tab.on{display:block}
h3{font-weight:800;font-size:15px;margin:6px 0 10px;color:var(--butter)}
h3 span{font-weight:300;color:var(--ghost);font-size:12px;margin-left:8px}
.regs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.regs div{background:#000;padding:8px;border-radius:8px;font-family:'Press Start 2P';font-size:8px;color:var(--teal)}
.regs b{display:block;font-size:16px;color:var(--butter);margin-top:6px}
.row{display:flex;align-items:center;gap:8px;margin:8px 0;font-family:'Press Start 2P';font-size:8px;flex-wrap:wrap}
.row b{color:var(--butter)}
.bar{flex:1;height:10px;background:#000;border-radius:5px;overflow:hidden}#temp{height:100%;background:linear-gradient(90deg,var(--teal),var(--butter),var(--coral))}
pre#dis{background:#000;color:#7fffb0;font-size:11px;height:180px;overflow:hidden;padding:8px;border-radius:8px;margin:0}
.opmap{display:grid;grid-template-columns:repeat(16,1fr);gap:2px;background:#000;padding:6px;border-radius:8px}
.opmap i{font-style:normal;font-family:'Press Start 2P';font-size:6px;text-align:center;padding:3px 0;background:#123;color:#7fffb0;border-radius:2px;opacity:.25;cursor:help}
.opmap i.rsv{background:#600;color:#fff;opacity:1!important}
#opinfo{color:var(--butter)}
.toggles{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.toggles label{background:#000;padding:8px;border-radius:8px;font-family:'Press Start 2P';font-size:8px;cursor:pointer}
#scope{width:100%;background:#000;border-radius:8px}
.meters{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;height:50px;margin:6px 0}
.meters div{background:#000;border-radius:3px;position:relative;overflow:hidden}
.meters div i{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(var(--coral),var(--teal))}
.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pads button{padding:14px 2px;background:var(--teal);box-shadow:0 4px 0 #116055}
.pgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.pgrid div{aspect-ratio:1;border-radius:4px;cursor:pointer;border:2px solid #0006}
.pgrid div:hover{transform:scale(1.15);border-color:#fff}
input[type=text],#artTitle{flex:1;padding:8px;border-radius:6px;border:0;background:#000;color:var(--ghost);font-family:inherit}
.sbtn{padding:8px}
#artBox img{width:100%;max-width:256px;image-rendering:pixelated;border-radius:8px;border:4px solid var(--butter)}
#lb{font-family:'Press Start 2P';font-size:8px;line-height:2}
footer{text-align:center;padding:24px;font-size:13px}
.sticker{display:inline-block;background:var(--ghost);color:#000;padding:6px 12px;border-radius:4px;transform:rotate(-1deg);margin-bottom:10px;font-weight:800}
footer a{display:block;color:var(--butter)}