:root{--gold:#ffd84a;--ink:#111427;--panel:#202746;--cyan:#56e2e8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#303965,#0c1021 70%);color:white;font:17px Arial,sans-serif;padding:20px}.shell{max-width:1050px;margin:auto}header{text-align:center;margin:20px}h1{color:var(--gold);font-size:clamp(35px,7vw,72px);line-height:.9;margin:0;text-shadow:5px 5px #772d54;letter-spacing:-3px}header p{color:#cfd6f6}.screen{display:none}.screen.active{display:grid}.card{background:var(--panel);border:3px solid #3c4778;border-radius:15px;padding:25px;box-shadow:10px 10px 0 #070a15}.form{display:grid;gap:14px}.preview{text-align:center}.screen#creator{grid-template-columns:1fr 1fr;gap:22px}.centre{max-width:620px;margin:auto;text-align:center}label{display:grid;gap:5px;color:#ced6ff;font-weight:bold}input,select,button{font:inherit;padding:12px;border-radius:5px;border:0}input,select{background:#10152c;color:white;border:2px solid #3a4677}button{background:var(--gold);font-weight:bold;cursor:pointer;box-shadow:0 5px #9b7021}button:active{transform:translateY(3px);box-shadow:0 2px #9b7021}.secondary{background:#59658d;color:white;box-shadow:0 5px #303858}.choices{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}#heroPreview,#confirmPreview{image-rendering:pixelated;background:#10152c;border:3px solid var(--cyan);max-width:100%;height:auto}.hud{display:flex;justify-content:space-between;background:#171d37;border:3px solid #49558a;padding:12px;color:var(--gold);font-weight:bold}#game{width:100%;height:auto;background:#172b24;border:3px solid #49558a;display:block;image-rendering:pixelated}.touch{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.help{text-align:center;color:#bfc8e9;font-size:14px}@media(max-width:680px){.screen#creator{grid-template-columns:1fr}.choices{grid-template-columns:1fr}.hud{font-size:13px}body{padding:10px}}