*{box-sizing:border-box}body{margin:0;background:#080e20;color:#e5eee9;font:16px system-ui,sans-serif}main{max-width:1060px;margin:auto;padding:32px 24px}header{margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#91c4bd}h1{font-family:Georgia,serif;font-size:54px;font-weight:400;margin:10px 0}h1 span{font-size:23px;color:#9bacae}header p,footer{color:#9dadb7}p{line-height:1.6}.stats{display:flex;justify-content:space-between;border-top:1px solid #273346;padding:16px 0;font-size:11px;letter-spacing:.15em}.stats b{margin-left:14px;font-size:20px;color:#f6d895;letter-spacing:0}.stage{position:relative;border:1px solid #3b5362;border-radius:20px;overflow:hidden;background:#0b1930 url('nebula.webp') center/cover}canvas{display:block;width:100%;touch-action:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#071323b8;padding:30px}h2{font:48px Georgia;margin:15px 0}#overlay p{max-width:460px}button{background:#e8c783;border:0;border-radius:30px;padding:14px 26px;color:#172532;font:600 15px system-ui;cursor:pointer}button:hover{filter:brightness(1.12)}button:focus-visible{outline:3px solid #6ce3e1;outline-offset:3px}nav{display:flex;gap:12px;margin:20px 0}nav button:not(:first-child){background:#1a2b3c;color:#c6d5dc}footer{display:flex;justify-content:space-between;font-size:13px}details{max-width:360px;padding-top:16px}summary{cursor:pointer}#feedback{position:absolute;top:16px;left:20px;color:#ffe3a3;pointer-events:none}@media(max-width:600px){main{padding:20px 14px}h1{font-size:40px}h1 span{display:block;font-size:20px}header p{font-size:14px}.stats b{font-size:16px;margin-left:5px}.stage canvas{height:440px;object-fit:fill}h2{font-size:36px}nav button{padding:12px 16px}footer{display:block}}