*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#03101a;color:#fff;font-family:Arial,sans-serif;touch-action:none}main{position:relative;width:100%;height:100%;max-width:480px;margin:auto;overflow:hidden;background:radial-gradient(circle at 50% 28%,#164561 0,#061522 60%,#020a10 100%)}canvas,#tap{position:absolute;inset:0;width:100%;height:100%}#tap{z-index:4;border:0;background:transparent;-webkit-tap-highlight-color:transparent}header{position:absolute;z-index:5;top:max(18px,env(safe-area-inset-top));left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none}header small{display:block;color:#ff7a25;font-size:9px;letter-spacing:.18em;font-weight:900}header b{font-size:17px;letter-spacing:.04em}header span{font-size:11px;color:#a9bec8;letter-spacing:.12em;font-weight:800}#hud{position:absolute;z-index:3;top:13%;left:0;right:0;text-align:center;pointer-events:none}#hud strong{display:block;font-size:58px;line-height:1;text-shadow:0 8px 26px #0008}#hud span{font-size:10px;letter-spacing:.16em;color:#b9cbd2;font-weight:800}#card,#over{position:absolute;z-index:9;inset:0;display:grid;place-content:center;text-align:center;padding:28px;background:linear-gradient(#061522ee,#02090ff7)}#card.hide{display:none}#over[hidden]{display:none}#card small,#over small{color:#ff7a25;letter-spacing:.18em;font-weight:900}h1{font-size:42px;line-height:.94;margin:18px 0}h1 em{font-style:normal;color:#ff7a25}h2{font-size:46px;margin:16px 0}p{color:#b6c8d0;line-height:1.5}#start,#again{height:58px;min-width:230px;margin:22px auto 0;border:0;border-radius:18px;background:linear-gradient(135deg,#ff7a25,#ffc05c);color:#07131c;font-weight:900;font-size:15px;box-shadow:0 14px 35px #0008}