*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff;background:#05000f;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}main{width:100%;height:100%;position:relative}canvas{width:100%;height:100%;display:block}.hidden{opacity:0!important;pointer-events:none!important}#hud{pointer-events:none;justify-content:space-between;transition:opacity .2s;display:flex;position:absolute;inset:1.25rem 1.4rem auto}#hud div{background:#05000db5;border-left:5px solid #51efff;gap:.25rem;min-width:170px;padding:.65rem 1rem;display:grid;transform:skew(-4deg)}#hud div:last-child{text-align:right;border:0;border-right:5px solid #ff4ad8}#hud b{font:italic 900 clamp(1.2rem,3vw,2rem) Arial,sans-serif}#hud span{color:#ffe740;font:900 .9rem Arial,sans-serif}#countdown{text-align:center;text-shadow:8px 8px #7024a1,0 0 30px #f32cff;pointer-events:none;font:italic 900 clamp(5rem,18vw,13rem) Arial,sans-serif;position:absolute;inset:42% 0 auto}.panel{background:radial-gradient(circle,#35166599,#03000bef);justify-content:center;align-items:center;gap:clamp(2rem,7vw,7rem);padding:5vw;transition:opacity .3s;display:flex;position:absolute;inset:0}.panel.hidden{opacity:0;pointer-events:none}#menu img{object-fit:cover;width:min(33vw,330px);max-height:78vh;transform:rotate(-3deg);box-shadow:0 0 35px #31eaff99}.panel div{text-align:center;filter:drop-shadow(0 5px #251040)}.panel p{color:#ffec4a;letter-spacing:.3em;margin:0 0 .5rem;font:700 clamp(.75rem,1.6vw,1.1rem) Arial,sans-serif}h1,h2{letter-spacing:-.04em;text-shadow:5px 7px #8424ba,0 0 25px #e827ff;margin:0;font-size:clamp(4rem,10vw,9rem);font-style:italic;line-height:.8}h1 span{color:#61efff}h2{font-size:clamp(3.4rem,8vw,7rem)}button{color:#140321;font:inherit;letter-spacing:.05em;cursor:pointer;touch-action:none;background:linear-gradient(#fff47a,#ff9f1a);border:0;box-shadow:0 6px #a93417,0 0 25px #ffcb31aa}.panel button{margin:2rem auto 1.1rem;padding:.8rem 2.8rem;font-size:clamp(1.3rem,3vw,2rem);display:block;transform:skew(-8deg)}.panel button:hover{filter:brightness(1.2);transform:skew(-8deg)scale(1.04)}.panel button:active{translate:0 5px;box-shadow:0 1px #a93417}small{letter-spacing:.12em;opacity:.8;font:700 .75rem Arial,sans-serif}#touch{grid-template-columns:64px 64px 1fr 74px;gap:.6rem;padding:0 1rem;display:none;position:absolute;inset:auto 0 1rem}#touch button{opacity:.78;border-radius:50%;min-height:60px;box-shadow:0 4px #432178}#touch .drift{color:#fff;background:linear-gradient(#ff76f3,#a52dd6);justify-self:end;width:72px;font-size:.72rem}#touch .gas{color:#fff;background:linear-gradient(#51e8ff,#187bd5)}@media (pointer:coarse),(max-width:700px){#touch{display:grid}#menu{gap:1rem}#menu img{width:42vw}h1{font-size:15vw}.panel{padding-bottom:6rem}small{display:none}#hud{inset:.6rem .6rem auto}#hud div{min-width:125px;padding:.45rem .6rem}}