*{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0a1018;color:#fff;font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit;border:0;cursor:pointer}#game{height:100dvh;width:100%;max-width:560px;position:relative;margin:auto;overflow:hidden;background:#273c46}canvas{width:100%;height:100%;display:block}.top{position:absolute;left:20px;right:20px;top:max(22px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between}.top button{background:#14222c88;backdrop-filter:blur(8px);width:43px;height:43px;border:1px solid #ffffff22;border-radius:50%;font-size:25px}.score{text-align:center}.score small{display:block;font-size:10px;letter-spacing:2px;color:#cce0df}.score strong{font-size:32px;font-style:italic}#progress{position:absolute;top:90px;left:24px;right:24px;height:3px;background:#ffffff25}#progress i{display:block;background:#daff66;height:100%;width:0}#trick{position:absolute;top:24%;width:100%;text-align:center;pointer-events:none}#trick strong{display:block;font-size:28px;font-weight:900;font-style:italic;text-shadow:0 2px 20px #000}#trick span{font-size:14px;color:#daff66}#speed{position:absolute;left:25px;bottom:190px;font-size:26px;font-weight:bold;font-style:italic}#speed small{font-size:10px;color:#cce0df}#hint{position:absolute;bottom:165px;width:100%;text-align:center;font-size:10px;letter-spacing:1px;color:#e6f0e2}.controls{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:22px;right:22px;display:flex;justify-content:space-between}.pad{width:130px;height:120px;border:1px solid #ffffff55;border-radius:30px;background:linear-gradient(135deg,#ffffff1c,#0a172570);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.pad span{font-size:30px;color:#daff66}.pad b{font-size:12px;letter-spacing:2px}.pad small{font-size:10px;color:#bcd1d4}.pad.active{background:#c9ef5538;border-color:#daff66}.overlay{position:absolute;inset:0;background:linear-gradient(180deg,#07151b55 0%,transparent 32%,#07121c44 54%,#07121cfa 92%);display:flex;flex-direction:column;justify-content:space-between;padding:42px 26px 23px}.hidden{display:none!important}.brand{margin-top:34px}.brand>span{font-size:9px;letter-spacing:2px;color:#dcf2e3}.brand h1{font-size:clamp(62px,18vw,100px);font-weight:900;letter-spacing:-5px;line-height:.86;margin:18px 0;font-style:italic}.brand em{font-size:.7em;letter-spacing:-3px;color:#daff66}.bottom small{font-size:10px;color:#b6c5c9;letter-spacing:2px}.bottom h2{font-size:23px;letter-spacing:-1px;margin:10px 0 17px}.tracks{display:flex;gap:7px;margin-bottom:25px}.tracks button{flex:1;font-size:10px;letter-spacing:1px;padding:12px 5px;border:1px solid #647679;background:transparent;border-radius:5px}.tracks .selected{background:#daff66;color:#14231f;border-color:#daff66}.primary{width:100%;background:#daff66;color:#101e1a;padding:19px 22px;font-weight:900;font-size:18px;letter-spacing:1px;display:flex;justify-content:space-between;border-radius:7px}.bottom p{font-size:12px;color:#a3b9bf;text-align:center}.bottom #help{display:block;margin:auto;background:none;font-size:10px;letter-spacing:2px;color:#d4e3e6;padding:14px}.dialog{margin:auto;width:100%;padding:27px;background:#111e2ef5;border:1px solid #ffffff22;border-radius:16px;text-align:center}.dialog>small{font-size:10px;color:#daff66;letter-spacing:2px}.dialog h2{font-size:38px;font-style:italic;margin:15px 0}.dialog p{font-size:14px;line-height:1.7;color:#c0d1d8;white-space:pre-line}.dialog button{display:block;width:100%;padding:17px;margin-top:8px;background:#223448;border-radius:6px;font-size:13px;font-weight:bold}.dialog .primary{background:#daff66;color:#102016}#modal{background:#07121ba0;backdrop-filter:blur(5px)}@media(max-height:650px){.brand{margin-top:12px}.overlay{padding-top:22px}.brand h1{font-size:64px}.tracks{margin-bottom:15px}.pad{height:94px;width:112px}#hint{bottom:133px}#speed{bottom:150px}}

.touch-ring{position:absolute;pointer-events:none;width:52px;height:52px;border:1px solid #daff66aa;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:#dbff6610;box-shadow:0 0 0 8px #daff6610}.touch-ring span{color:#edffb0;font-size:12px}.touch-ring.active{border-color:#fff;background:#daff6655}.touch-ring.off{display:none}#hint{bottom:80px;padding:0 22px;font-size:11px;text-shadow:0 2px 4px #000}#speed{bottom:35px}#loading{position:absolute;inset:0;background:#172833;display:grid;place-items:center;font-size:16px}
.tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:190px;overflow-y:auto;touch-action:pan-y;margin-bottom:18px}.tracks button{font-size:9px;letter-spacing:.4px;min-height:43px;padding:7px 5px;touch-action:pan-y;text-align:left;line-height:1.4}.tracks button span{display:block;font-size:9px;opacity:.6}.bottom #trackdetail{font-size:11px;text-align:left;line-height:1.5;margin:0 0 12px;min-height:32px}.bottom h2{margin-bottom:8px}@media(max-height:720px){.tracks{max-height:145px}.brand h1{font-size:58px}.bottom .primary{padding:14px 18px}.bottom p{margin:8px 0}.bottom #help{padding:10px}}