*{box-sizing:border-box}body{margin:0;background:#05030a;color:#fff;font-family:Arial,sans-serif;background-image:radial-gradient(circle at 50% 0,#2a1248,#08050e 55%,#020205)}.wrap{max-width:1100px;margin:auto;padding:18px}header{display:grid;grid-template-columns:150px 1fr 190px;align-items:center;gap:12px;padding:15px 20px;background:#0b0713;border:2px solid #293047;box-shadow:0 0 30px #00eaff18}header a{color:#00efff;text-decoration:none;font-weight:900}h1{margin:0;text-align:center;font-size:28px;letter-spacing:2px;color:#ff168d;text-shadow:0 0 15px #ff168d66}.sub{text-align:right;color:#a99fba;font-size:13px}.hud{margin:10px 0;display:flex;justify-content:space-around;flex-wrap:wrap;gap:8px;background:#0d0915;border:1px solid #34304b;padding:10px;color:#ffe600;font-family:"Courier New",monospace;font-weight:900}main{display:grid;place-items:center;background:#010207;border:3px solid #1c7e8a;box-shadow:0 0 35px #00efff22;overflow:hidden}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.message{min-height:28px;text-align:center;padding:9px;color:#fff;font-weight:800}.controls{text-align:center;color:#968ca9;padding:10px;font-size:14px}button{display:block;margin:8px auto 25px;background:#00efff;color:#041015;border:0;padding:12px 18px;font-weight:900;cursor:pointer;box-shadow:4px 4px 0 #ff168d}button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #ff168d}@media(max-width:700px){header{grid-template-columns:1fr;text-align:center}header a,.sub{text-align:center}.wrap{padding:8px}h1{font-size:21px}}