*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,#7c2d12 0,#190019 28%,#03010a 70%);color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 4px;pointer-events:none;mix-blend-mode:screen}main{display:grid;grid-template-columns:minmax(320px,760px) minmax(260px,360px);gap:24px;max-width:1180px;margin:0 auto;padding:28px}.shell,aside{border:2px solid #ff3b8d;background:linear-gradient(135deg,rgba(35,0,35,.88),rgba(0,20,28,.86));box-shadow:0 0 24px #ff3b8d66, inset 0 0 28px #00f5ff22;border-radius:22px;padding:18px}header{display:flex;justify-content:space-between;gap:18px;align-items:start}h1{font-size:clamp(34px,6vw,70px);line-height:.9;margin:0;text-shadow:4px 4px 0 #04111a,0 0 18px #ff2a86;color:#ffe66d}.eyebrow{color:#00f5ff;letter-spacing:.15em}.scorebox{min-width:120px;border:1px solid #00f5ff;border-radius:16px;padding:12px;background:#010616;text-align:center;box-shadow:0 0 16px #00f5ff66}.scorebox span{display:block;color:#90f6ff;text-transform:uppercase;font-size:12px}.scorebox b{font-size:32px;color:#8cff74}canvas{display:block;width:min(100%,640px);aspect-ratio:1;margin:18px auto;border-radius:18px;border:3px solid #ffe66d;box-shadow:0 0 32px #ffe66d55;background:#05020c;image-rendering:pixelated}.controls,.status{color:#fbcfe8;text-align:center}.status{margin-top:10px;color:#8cff74}aside h2{color:#00f5ff}aside a{color:#ffe66d}li{margin:10px 0}@media(max-width:900px){main{grid-template-columns:1fr;padding:14px}header{flex-direction:column}.scorebox{width:100%}}