*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{color:#2d2440;background:#2d2440;height:100%;margin:0;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#stage{width:min(100vw,60vh);height:100%;margin:0 auto;position:relative}canvas{touch-action:none;display:block}#hud{pointer-events:none;position:absolute;inset:0}#camp{top:max(12px, env(safe-area-inset-top));color:#fff;text-shadow:0 1px 2px #00000059;font-size:14px;font-weight:700;position:absolute;left:16px}#altitude{top:max(30px, calc(env(safe-area-inset-top) + 18px));color:#fff;text-shadow:0 2px #ff5a7a,0 3px 6px #0000004d;font-size:34px;font-weight:900;position:absolute;left:16px}#ruler{background:#ffffff80;border-radius:5px;width:10px;position:absolute;top:90px;bottom:90px;right:14px}#ruler-fill{background:linear-gradient(#ffd400,#ff5a7a);border-radius:5px;position:absolute;bottom:0;left:0;right:0}#ruler-car{background:#ff5a7a;border:3px solid #fff;border-radius:50%;width:20px;height:20px;margin-bottom:-10px;position:absolute;left:-5px}#ruler-flag{font-size:20px;position:absolute;top:-26px;left:-6px}#hint{text-align:center;color:#fff;text-shadow:0 2px #2d2440;width:100%;font-size:28px;font-weight:900;animation:.6s ease-in-out infinite alternate pulse;position:absolute;bottom:18%}#popup{text-align:center;color:#ffd400;text-shadow:0 3px #ff5a7a,0 6px 10px #00000040;opacity:0;width:100%;font-size:44px;font-weight:900;transition:opacity .12s,transform .12s;position:absolute;top:34%;transform:scale(.6)}#popup.show{opacity:1;transform:scale(1)}#popup.small{color:#fff;text-shadow:0 2px #2d2440;font-size:26px}#overlay{background:#2d244059;justify-content:center;align-items:center;padding:16px;display:none;position:absolute;inset:0}#overlay.show{display:flex}.card{text-align:center;background:#fff;border-radius:22px;width:100%;max-width:340px;padding:22px 20px;box-shadow:0 8px #00000026}.card h1{color:#ff5a7a;margin:0;font-size:34px}.card h2{margin:0 0 6px;font-size:22px}.card p{margin:8px 0;font-size:15px;line-height:1.45}.card .sub{color:#8a7fa8;margin-top:2px}.card .small{color:#8a7fa8;font-size:12px}.card .big{color:#ff5a7a;font-size:40px;font-weight:900}.buttons{flex-direction:column;gap:10px;margin-top:16px;display:flex}.buttons button{font:inherit;color:#fff;cursor:pointer;background:#ff5a7a;border:0;border-radius:16px;padding:14px;font-size:18px;font-weight:800;box-shadow:0 4px #d23a5c}.buttons button:nth-child(2){background:#7a6cf0;box-shadow:0 4px #5546c9}.buttons button:active{box-shadow:none;transform:translateY(3px)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}