*{box-sizing:border-box}body{margin:0;background:#17132f;color:#fff7e8;font-family:ui-rounded,'Trebuchet MS',sans-serif;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,a{font:inherit}button{cursor:pointer;border:1px solid #d8b7ff66;border-radius:18px;padding:12px 20px;color:white;background:#514078;font-weight:bold;touch-action:none}button:hover{background:#71559e}button:focus-visible,a:focus-visible{outline:3px solid #ffe597}a{color:#f1d6ff;text-decoration:none}header{height:64px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background:#201a38}main{position:relative;flex:1;min-height:0;overflow:hidden}canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none}.hud span{background:#201a38cc;border:1px solid #b69ad766;border-radius:30px;padding:10px 20px;font-size:20px}#notice{position:absolute;top:68px;left:10%;width:80%;text-align:center;text-shadow:0 2px 6px #100b22;pointer-events:none}.controls{position:absolute;bottom:18px;left:0;width:100%;display:flex;justify-content:center;gap:16px}.controls button{min-height:54px;min-width:70px;background:#32274de8}#power{min-width:200px;background:#8059ad}#panel{position:absolute;inset:0;margin:auto;width:min(540px,92%);height:fit-content;max-height:85%;text-align:center;padding:28px;background:#241b3df2;border:1px solid #b69bd3;border-radius:28px;box-shadow:0 20px 100px #10081e;display:flex;flex-direction:column;gap:14px}#panel[hidden]{display:none}h1,p{margin:0}h1{font-size:clamp(25px,4vw,42px)}p{line-height:1.5}.eyebrow{color:#c7a6ed;letter-spacing:3px;font-size:12px}#start{background:#bd8dde;color:#25143c}small{color:#d1bfdc}@media(max-height:560px){header{height:44px}#panel{padding:16px;gap:8px}#panel p{font-size:13px}.hud{top:8px}.controls{bottom:8px}#notice{top:48px}}

.hud{gap:8px}.hud span{font-size:clamp(12px,2vw,20px);padding:8px 12px}.controls{gap:8px;padding:0 10px}.controls button{min-width:48px;padding:10px 12px;font-size:clamp(11px,1.5vw,16px)}#power{min-width:160px}.speed-gauge{position:absolute;bottom:82px;left:20px;display:grid;gap:3px;font-size:11px}.speed-gauge meter{width:140px;height:14px}#power.ready{background:#9b68c3;outline:3px solid #ffe9a4;box-shadow:0 0 22px #e7c17e88}#fast{background:#655198}.controls button:active{background:#a074c0}@media(max-width:600px){.controls{gap:4px;flex-wrap:wrap}.controls button{min-height:42px}#power{min-width:150px}.speed-gauge{bottom:112px}.hud span{padding:6px}header{padding-inline:12px}}