*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#bfe3f2;font-family:Trebuchet MS,Segoe UI,Verdana,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;display:block}#ui-root{position:absolute;inset:0;pointer-events:none}#ui-root>*{pointer-events:auto}.card{background:#ffffffd9;border-radius:14px;box-shadow:0 4px 18px #23303f26;color:#23303f}.btn{font-family:inherit;font-weight:700;font-size:16px;letter-spacing:1px;padding:12px 22px;border:none;border-radius:10px;background:#e9edf2;color:#23303f;cursor:pointer;transition:transform .08s ease,background .15s ease}.btn:hover{background:#dde4ec;transform:translateY(-1px)}.btn:active{transform:translateY(2px)}.btn.primary{background:#d94141;color:#fff}.btn.primary:hover{background:#c23737}.btn.revive{background:#f59e4c;color:#fff}.btn:disabled{opacity:.5;cursor:default}.btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}.screen-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.title-card{text-align:center;padding:38px 60px;animation:floaty 3s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.title-card h1{font-size:52px;letter-spacing:4px}.title-card .tagline{font-size:17px;color:#4a5a6a;letter-spacing:1px;margin-top:8px}.title-card .press{margin-top:26px;font-weight:700;font-size:16px;letter-spacing:2px;color:#d94141;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.map-head{padding:14px 34px}.map-head h2{font-size:26px;letter-spacing:2px}.map-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,200px));gap:12px;max-width:92vw;max-height:70vh;overflow-y:auto;padding:6px}.route-card{border:none;font-family:inherit;padding:14px 10px;cursor:pointer;text-align:center;transition:transform .1s ease}.route-card:hover:not(.locked){transform:translateY(-3px)}.route-card.locked{opacity:.45;cursor:default}.route-card.next-up{outline:3px solid #ffd166}.route-card.exam{background:#ffe9c4eb}.route-num{font-weight:700;font-size:14px;letter-spacing:1px}.route-name{font-size:15px;margin:6px 0;min-height:20px}.route-stars .star,.big-stars .star{vertical-align:middle}.star.dim{filter:grayscale(1);opacity:.3}.result-card{padding:30px 44px;text-align:center;max-width:520px}.result-card h2{font-size:30px;letter-spacing:2px;margin-bottom:10px}.big-stars{margin:8px 0}.record{color:#d94141;font-weight:700;letter-spacing:1px;margin:6px 0;animation:pulse 1s ease-in-out infinite}.star-rules{list-style:none;text-align:left;margin:14px auto;max-width:330px;color:#8b93a2}.star-rules li.ok{color:#23303f;font-weight:700}.score-line{font-size:19px;font-weight:700;letter-spacing:1px;margin-top:8px}#hud{position:absolute;inset:0;pointer-events:none}#hud .card{padding:8px 14px}.hud-tl{position:absolute;top:12px;left:12px}.hud-tl b{font-size:15px;letter-spacing:1px;display:block}.hud-tl span{font-size:12px;color:#4a5a6a}.hud-tr{position:absolute;top:12px;right:12px;text-align:right}#hud-fish .fish-icon{width:26px;vertical-align:middle}#hud-fish .fish-icon.dim{filter:grayscale(1);opacity:.25}#hud-lives{font-size:15px;letter-spacing:2px}.hud-tc{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(420px,44vw)}#hud-progress{position:relative;height:12px;background:#ffffff8c;border-radius:6px;overflow:visible}#hud-progress-fill{height:100%;width:0;background:#d94141;border-radius:6px}#hud-progress-marks .mark{position:absolute;top:-4px;width:5px;height:20px;background:#f59e4c;border-radius:2px;transform:translate(-50%)}.hud-br{position:absolute;bottom:12px;right:12px;min-width:170px}#hud-score{font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:5px}#hud-speed{height:9px;background:#e9edf2;border-radius:5px;overflow:hidden}#hud-speed-fill{height:100%;width:0;background:linear-gradient(90deg,#9cc9a5,#ffd166,#d94141)}.modal-overlay{position:absolute;inset:0;background:#23303f73;display:flex;align-items:center;justify-content:center}.modal-card{padding:28px 36px;max-width:420px;text-align:center}.modal-card h2{margin-bottom:10px}.toast{position:absolute;bottom:90px;left:50%;transform:translate(-50%) translateY(20px);background:#23303fe6;color:#fff;padding:10px 22px;border-radius:20px;font-size:15px;font-weight:700;letter-spacing:1px;opacity:0;transition:all .25s ease;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.buffer-pill{background:#23303fd9;color:#fff;font-size:22px;font-weight:700;letter-spacing:2px;padding:20px 44px;border-radius:40px;animation:pulse 1.1s ease-in-out infinite}#touch-overlay{position:fixed;inset:0;z-index:40;pointer-events:none}.tbtn{position:absolute;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;font-size:26px;box-shadow:0 4px 14px #23303f40;transition:transform .06s ease,filter .06s ease}.tbtn span{font-size:11px;letter-spacing:1px;margin-top:2px}.tbtn.held{transform:scale(.92);filter:brightness(.85)}.tbtn.pedal{right:22px;bottom:26px;width:112px;height:112px;background:#d94141eb;font-size:34px}.tbtn.brake{left:22px;bottom:26px;width:96px;height:96px;background:#f59e4ceb}.tbtn.jump{right:40px;bottom:156px;width:72px;height:72px;background:#ffffffe0;color:#23303f}#touch-mini{position:absolute;top:152px;right:12px;display:flex;gap:10px;pointer-events:auto}.tbtn.mini{position:static;width:42px;height:42px;font-size:17px;background:#ffffff8c;color:#23303f;box-shadow:none}body.touch .hud-br{top:72px;bottom:auto;right:12px;min-width:130px}body.touch .hud-tl{top:10px}#rotate-hint{position:absolute;top:54px;left:50%;transform:translate(-50%);background:#23303fd9;color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;padding:8px 18px;border-radius:18px;pointer-events:auto}@media (max-width: 720px){.title-card h1{font-size:34px}.map-grid{grid-template-columns:repeat(2,1fr)}.result-card{padding:22px 26px}}