*{box-sizing:border-box}body{margin:0;background:#070909;color:#eee;font-family:Arial;user-select:none;overflow:hidden}main{min-height:100vh;display:grid;grid-template-rows:72px 65px 1fr 42px;background:radial-gradient(#354043,#070909 70%)}header{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 4vw;background:#090c0dee;border-bottom:1px solid #465052;letter-spacing:.18em}header b{color:#ffc142;border:1px solid #6b5521;padding:9px 18px}header input{justify-self:end;width:155px;background:#151a1c;color:white;border:1px solid #4c5658;padding:9px}nav{display:grid;grid-template-columns:1fr 2fr 1fr;text-align:center;background:#111516;border-bottom:1px solid #394143}nav span{padding:10px;color:#999;font-size:10px;letter-spacing:.18em;border-right:1px solid #394143}nav strong{display:block;color:#eee;font:900 25px monospace;margin-top:4px}nav span:nth-child(2) strong{color:#ffc142;font-size:17px}section{display:grid;grid-template-columns:1fr 140px 1fr;place-items:center}.star{width:min(38vw,430px);aspect-ratio:1;position:relative}.rotor{position:absolute;inset:8%}.rotor{will-change:transform}.arm{position:absolute;left:50%;top:50%;width:50%;transform-origin:left}.arm i{position:absolute;left:0;right:23px;height:12px;background:linear-gradient(#9aa3a4,#222);border:1px solid #697274}.plate{position:absolute;right:-5px;top:-30px;width:62px;height:62px;border-radius:50%;border:5px solid #8c9492;background:radial-gradient(circle at 35% 28%,white 0 7%,#ddd 9% 48%,#858d8b 51% 56%,#171b1c 60%);box-shadow:0 8px 18px #000;cursor:crosshair;transition:.18s}.plate.hit{transform:translate(40px,150px) rotate(130deg) scale(.5);opacity:0}.hub{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#aaa 0 10%,#333 13% 55%,#080a0b 58%);border:3px solid #70797b}#start{width:108px;height:108px;border-radius:50%;border:7px solid #68241f;background:radial-gradient(circle,#ed493e 0 49%,#84221d 52% 58%,#15191a 61%);font-size:21px;font-weight:900;opacity:.35}#start small{display:block}#start.ready{opacity:1;cursor:crosshair;animation:pulse .7s infinite alternate}aside{position:fixed;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,520px);padding:38px;text-align:center;background:#090c0df5;border:1px solid #657073;box-shadow:0 30px 100px #000;font-weight:900;letter-spacing:.2em}aside p{color:#ffc142}aside h1{font-size:78px;color:#ffc142;margin:20px}aside button{padding:14px 28px;background:#ffc142;border:0;font-weight:900}footer{display:flex;justify-content:space-between;padding:14px 4vw;background:#080a0b;color:#777;font:700 10px monospace;letter-spacing:.1em}@keyframes pulse{to{box-shadow:0 0 45px #f04438;transform:scale(1.05)}}@media(max-width:700px){header{grid-template-columns:1fr 1fr}header b{display:none}section{grid-template-columns:1fr 75px 1fr}.star{width:48vw}.plate{width:44px;height:44px;top:-21px}#start{width:72px;height:72px;font-size:14px}}