.hill-game{touch-action:none;-webkit-user-select:none;user-select:none;color:#fff;background:#67cbdc;font-family:Arial,sans-serif;position:fixed;inset:0;overflow:hidden}.hill-game canvas{width:100%;height:100%;display:block}.hill-game header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:22px;right:22px}.hill-game header a,.hill-game button{color:#fff;cursor:pointer;background:#243d41c9;border:2px solid #ffffff60;border-radius:12px;padding:12px 18px;text-decoration:none}.hill-game header b{text-shadow:0 3px #315e67;letter-spacing:2px;font-size:24px;font-style:italic}.hill-hud{gap:12px;display:flex;position:absolute;top:90px;left:24px}.hill-hud div{background:#24474bc9;border-radius:12px;padding:10px 18px}.hill-hud small{letter-spacing:2px;color:#bad8d6;font-size:10px;display:block}.hill-hud strong{font-size:25px}.hill-hud div:nth-child(2) strong{color:#ffdd53}.hill-fuel{background:#24474bc9;border-radius:12px;align-items:center;gap:10px;padding:9px 14px;display:flex;position:absolute;top:170px;left:24px}.hill-fuel progress{accent-color:#7cce49;width:130px;height:13px}.hill-game .hill-brake,.hill-game .hill-gas{width:125px;height:95px;font-size:23px;font-weight:900;position:absolute;bottom:24px;box-shadow:0 7px #193a3e}.hill-brake{left:24px}.hill-gas{right:24px}.hill-game button small{margin-top:6px;font-size:12px;font-weight:400;display:block}.hill-game button:active{box-shadow:none;transform:translateY(4px)}.hill-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#132f3a99;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.hill-overlay section{text-align:center;max-width:600px}.hill-overlay p{letter-spacing:4px;color:#ffdf72;font-weight:800}.hill-overlay h1{margin:20px 0;font-size:clamp(32px,6vw,66px);line-height:1.1}.hill-overlay span{font-size:18px}.hill-overlay section>button{color:#283c38;background:#ffda54;border:0;margin:28px auto;padding:18px 35px;font-size:18px;font-weight:800;display:block}.hill-overlay section>small{color:#e0efeb;line-height:1.8;display:block}@media (max-width:600px){.hill-hud{gap:5px;top:78px;left:12px}.hill-hud div{padding:8px 10px}.hill-hud strong{font-size:18px}.hill-fuel{top:145px;left:12px}.hill-game header{left:12px;right:12px}.hill-game header b{font-size:17px}.hill-game .hill-brake,.hill-game .hill-gas{width:88px;height:75px;bottom:18px}.hill-brake{left:15px}.hill-gas{right:15px}}.hill-game .hill-photo-button{z-index:3;font-size:13px;position:absolute;top:82px;right:22px}.hill-photo-modal{z-index:5;touch-action:pan-y;background:#142a39cc;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:auto}.hill-photo-modal section{text-align:center;background:#203f47;border:1px solid #fff5;border-radius:20px;width:min(400px,100%);max-height:95vh;padding:22px;overflow:auto}.hill-photo-modal h2{margin:0;font-size:25px}.hill-photo-modal p{font-size:14px}.hill-photo-modal canvas{background:#142a32;border-radius:50%;width:150px;height:150px;margin:12px auto;display:block}.hill-photo-modal label{text-align:left;margin:10px 0;font-size:12px;display:block}.hill-photo-modal input[type=range]{accent-color:#ffda54;width:100%;display:block}.hill-photo-inputs{gap:10px;display:flex}.hill-photo-inputs label{color:#183c40;cursor:pointer;text-align:center;background:#ffda54;border-radius:9px;flex:1;padding:12px;font-weight:700}.hill-photo-inputs input{width:100%;margin-top:8px;font-size:10px;display:block}.hill-photo-modal small{color:#c9dddd;margin:12px;display:block}.hill-photo-modal section>div:last-child{justify-content:center;gap:10px;display:flex}
