:root{--bg-a: #0f1c2c;--bg-b: #1f3755;--panel: #f2e6cc;--accent: #ffcd4d;--danger: #ff6a57}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Trebuchet MS,Verdana,sans-serif;color:#221d18;background:radial-gradient(circle at 20% 20%,#2a4f77 0%,transparent 45%),radial-gradient(circle at 80% 70%,#20395a 0%,transparent 50%),linear-gradient(140deg,var(--bg-a),var(--bg-b))}#app{position:fixed;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#101722}canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}