:root{--ink: #16324a;--ink-soft: #5d7d97;--card: rgba(255, 255, 255, .92);--card-solid: #ffffff;--shadow: 0 6px 18px rgba(25, 62, 92, .18);--radius: 18px;--blue: #2f6fd0;--red: #d4392f;--black: #23262b;--yellow: #e8b62c;--gold: #f2b933;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#d8e8f3;color:var(--ink);font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:800;overscroll-behavior:none;touch-action:none}#app{position:fixed;inset:0}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}#boot{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#bcdcf1,#eaf4fa);z-index:50;transition:opacity .5s ease}#boot.hidden{opacity:0;pointer-events:none}.boot-inner{text-align:center;width:min(90vw,340px)}.boot-mark{width:0;height:0;margin:0 auto 18px;border-left:42px solid transparent;border-right:42px solid transparent;border-bottom:62px solid #fff;filter:drop-shadow(0 6px 12px rgba(25,62,92,.25))}#boot h1{margin:0;font-size:34px;letter-spacing:.06em}.boot-sub{margin:2px 0 22px;font-size:14px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-soft)}.boot-bar{height:8px;border-radius:99px;background:#fff9;overflow:hidden}.boot-bar span{display:block;height:100%;width:0%;border-radius:99px;background:var(--blue);transition:width .3s ease}#boot-status{margin:12px 0 0;font-size:13px;font-weight:700;color:var(--ink-soft)}#boot-status.error{color:var(--red)}.hud{position:absolute;inset:0;pointer-events:none;font-variant-numeric:tabular-nums}.hud.hidden{display:none}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(6px)}.hud-score{position:absolute;top:calc(14px + var(--safe-top));left:calc(16px + var(--safe-left));padding:10px 20px 8px;text-align:center;min-width:104px}.hud-score b{display:block;font-size:30px;line-height:1}.hud-score span{display:block;font-size:11px;letter-spacing:.2em;color:var(--ink-soft);margin-top:3px}.hud-status{position:absolute;top:calc(14px + var(--safe-top));right:calc(16px + var(--safe-right));padding:9px 18px 8px;text-align:center;min-width:120px}.hud-hearts{font-size:21px;line-height:1;letter-spacing:2px}.hud-hearts i{font-style:normal;transition:opacity .25s ease}.hud-hearts i.lost{opacity:.22;filter:grayscale(1)}.hud-remaining{font-size:13px;color:var(--ink-soft);margin-top:4px}.hud-pause{position:absolute;top:50%;right:calc(16px + var(--safe-right));transform:translateY(-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:19px;color:var(--ink-soft)}.hud-speed{position:absolute;right:calc(20px + var(--safe-right));bottom:calc(22px + var(--safe-bottom));text-align:right;text-shadow:0 2px 10px rgba(255,255,255,.8)}.hud-speed b{font-size:46px;line-height:.95}.hud-speed span{font-size:15px;margin-left:4px}.hud-boost{margin-top:8px;margin-left:auto;width:168px;height:7px;border-radius:99px;background:#ffffffbf;overflow:hidden;box-shadow:var(--shadow)}.hud-boost span{display:block;height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,#4aa3ff,#2f6fd0 45%,#d4392f);transition:width .12s linear}.hud-speed.boosting b{color:#0fc4dc}.hud-speed.boosting .hud-boost span{background:linear-gradient(90deg,#9df1ff,#0fc4dc 55%,#2f6fd0)}.hud-edge{position:absolute;left:calc(20px + var(--safe-left));bottom:calc(26px + var(--safe-bottom));width:200px;height:10px;border-radius:99px;background:#fffc;box-shadow:var(--shadow)}.hud-edge i{position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background:var(--card-solid);border:3px solid var(--blue);transform:translate(-50%,-50%);transition:transform .06s linear}.hud-announce{position:absolute;top:22%;left:50%;transform:translate(-50%);font-size:clamp(28px,6vw,58px);letter-spacing:.05em;color:#fff;text-shadow:0 4px 16px rgba(30,70,105,.45);text-align:center;white-space:nowrap;opacity:0;transition:opacity .3s ease}.hud-announce.show{opacity:1}.hud-flag{position:absolute;top:calc(84px + var(--safe-top));left:50%;transform:translate(-50%);padding:6px 14px;border-radius:99px;font-size:12px;letter-spacing:.12em;background:#e8b62cf0;color:#4a3505;box-shadow:var(--shadow);opacity:0;transition:opacity .25s ease}.hud-flag.show{opacity:1}.touch{position:absolute;inset:0;display:none}.touch.enabled{display:block}.touch-steer{position:absolute;left:0;right:0;bottom:0;height:46%;touch-action:none}.touch-buttons{position:absolute;right:calc(14px + var(--safe-right));bottom:calc(84px + var(--safe-bottom));display:flex;gap:10px}.touch-left{position:absolute;left:calc(14px + var(--safe-left));bottom:calc(84px + var(--safe-bottom));display:flex;gap:10px}.touch-btn{width:62px;height:62px;border-radius:50%;background:#ffffffd1;box-shadow:var(--shadow);display:grid;place-items:center;font-size:12px;letter-spacing:.06em;color:var(--ink);user-select:none;touch-action:none}.touch-btn.active{background:var(--blue);color:#fff}.touch-btn.wide{width:78px}.touch-tilt{position:absolute;left:calc(14px + var(--safe-left));bottom:calc(156px + var(--safe-bottom));display:none}.touch.tilt-on .touch-tilt{display:block}.touch-chip{padding:7px 14px;border-radius:99px;background:#ffffffd1;box-shadow:var(--shadow);font-size:11px;letter-spacing:.1em;color:var(--ink);user-select:none;touch-action:none}.touch-chip.active{background:var(--blue);color:#fff}.tilt-toggle{margin-right:auto}.tilt-toggle.on{background:#2f6fd024;color:var(--blue)}.tilt-hint{flex-basis:100%;margin:2px 0 0;font-size:12px;font-weight:700;line-height:1.5;color:var(--ink-soft)}.panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:#cee4f2d1;backdrop-filter:blur(10px);overflow-y:auto;z-index:20}.panel.hidden{display:none}.panel-inner{background:var(--card-solid);border-radius:26px;box-shadow:0 18px 48px #193e5c3d;width:min(96vw,760px);max-height:min(92vh,720px);display:flex;flex-direction:column;overflow:hidden}.panel-head{padding:20px 24px 12px;border-bottom:1px solid #e7eef4}.panel-head h2{margin:0;font-size:24px}.panel-head p{margin:4px 0 0;font-size:13px;font-weight:700;color:var(--ink-soft)}.panel-body{padding:14px 18px;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-foot{padding:12px 18px calc(16px + var(--safe-bottom));border-top:1px solid #e7eef4;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.tabs{display:flex;gap:6px;padding:12px 18px 0;flex-wrap:wrap}.tab{padding:8px 16px;border-radius:99px;font-size:13px;background:#eef4f9;color:var(--ink-soft)}.tab.active{background:var(--blue);color:#fff}.btn{padding:12px 22px;border-radius:99px;background:#eef4f9;font-size:14px}.btn.primary{background:var(--blue);color:#fff}.btn.ghost{background:transparent;color:var(--ink-soft)}.route-list{display:grid;gap:8px}.route{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:11px 14px;border-radius:16px;background:#f5f9fc;text-align:left;width:100%}.route:hover{background:#eaf2f8}.route-badge{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:13px}.route-badge.blue{background:var(--blue)}.route-badge.red{background:var(--red)}.route-badge.black{background:var(--black)}.route-badge.yellow-route{background:var(--yellow);color:#4a3505}.route-main b{display:block;font-size:15px}.route-main span{display:block;font-size:12px;font-weight:700;color:var(--ink-soft);margin-top:2px}.route-meta{text-align:right;font-size:12px;color:var(--ink-soft)}.route-meta b{display:block;font-size:14px;color:var(--ink)}.route-medal{font-size:15px}.route.challenge{background:linear-gradient(90deg,#fff6e2,#f5f9fc)}.route-note{grid-column:1 / -1;font-size:11px;font-weight:700;color:var(--ink-soft);line-height:1.45;margin-top:2px}.panel.map-mode .panel-inner{width:min(98vw,1160px);max-height:min(94vh,840px)}.panel.map-mode .panel-body{padding:0;overflow:hidden}.relief{position:relative;width:100%;height:min(58vh,560px);overflow:hidden;background:radial-gradient(120% 90% at 50% 8%,#eaf5fc,#cfe2f1 55%,#a9c6dd);touch-action:none;user-select:none}.relief-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.relief-canvas.grabbing{cursor:grabbing}.relief-canvas.pickable{cursor:pointer}.relief-labels{position:absolute;inset:0;pointer-events:none}.relief-badge{position:absolute;left:0;top:0;width:27px;height:27px;margin:-13.5px 0 0 -13.5px;border-radius:50%;border:2px solid rgba(255,255,255,.92);display:grid;place-items:center;font-size:10px;letter-spacing:.01em;color:#fff;box-shadow:0 3px 9px #14344e66;pointer-events:auto;transition:opacity .2s ease,transform .12s ease}.relief-badge:hover,.relief-badge:focus-visible{transform:scale(1.22)}.relief-badge.dim{opacity:.42}.relief-badge.blue{background:var(--blue)}.relief-badge.red{background:var(--red)}.relief-badge.black{background:var(--black)}.relief-badge.yellow-route{background:var(--yellow);color:#4a3505}.relief-place{position:absolute;left:0;top:0;transform:translate(-50%,-140%);font-size:11px;letter-spacing:.03em;white-space:nowrap;color:#fff;text-shadow:0 1px 5px rgba(18,46,70,.9),0 0 2px rgba(18,46,70,.8);transition:opacity .2s ease}.relief-place.dim{opacity:.2}.relief-legend{position:absolute;top:10px;left:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:2;pointer-events:none}.relief-legend span{padding:3px 9px;border-radius:99px;font-size:10px;letter-spacing:.08em;color:#fff;box-shadow:0 2px 6px #14344e40}.relief-legend .blue{background:var(--blue)}.relief-legend .red{background:var(--red)}.relief-legend .black{background:var(--black)}.relief-legend .yellow-route{background:var(--yellow);color:#4a3505}.relief-hint{position:absolute;left:12px;bottom:10px;margin:0;font-size:11px;font-weight:700;color:#2b4d68;text-shadow:0 1px 3px rgba(255,255,255,.85);pointer-events:none;z-index:2}.relief-loading,.relief-notice{position:absolute;inset:0;margin:0;display:none;place-items:center;padding:0 32px;text-align:center;font-size:13px;color:var(--ink-soft);z-index:3}.relief.loading .relief-loading,.relief-notice{display:grid}.relief-popup{position:absolute;z-index:4;width:min(340px,calc(100% - 24px));background:var(--card-solid);border-radius:18px;box-shadow:0 14px 38px #14344e52;padding:12px 14px;animation:relief-pop .16s ease-out}.relief-popup.docked{left:12px;right:12px;bottom:12px;width:auto}.relief-popup.side{top:10px;bottom:10px;width:min(330px,46%);display:flex;flex-direction:column}.relief-popup.side.right{right:10px}.relief-popup.side.left{left:10px}.relief-popup.side .relief-popup-list{flex:1;max-height:none}@keyframes relief-pop{0%{opacity:0;transform:translateY(6px) scale(.97)}}.relief-popup-head{display:grid;grid-template-columns:40px 1fr 28px;gap:10px;align-items:center}.relief-popup-title b{display:block;font-size:15px;line-height:1.2}.relief-popup-title span{display:block;font-size:11px;font-weight:700;color:var(--ink-soft);margin-top:2px}.relief-popup-close{width:28px;height:28px;border-radius:50%;background:#eef4f9;color:var(--ink-soft);font-size:12px;display:grid;place-items:center}.relief-popup-route{margin:8px 0;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--ink-soft)}.relief-popup-list{display:grid;gap:6px;max-height:210px;overflow-y:auto}.relief-option{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:13px;background:#f5f9fc;text-align:left;width:100%}.relief-option:hover,.relief-option:focus-visible{background:#e6f0f8}.relief-option.challenge{background:linear-gradient(90deg,#fff6e2,#f5f9fc)}.relief-option-kind{font-size:9px;letter-spacing:.12em;color:var(--ink-soft);text-align:center}.relief-option.challenge .relief-option-kind{color:#a97c14}.relief-option-main b{display:block;font-size:13px}.relief-option-main span{display:block;font-size:11px;font-weight:700;color:var(--ink-soft);margin-top:1px}.relief-option-meta{text-align:right;font-size:11px;color:var(--ink-soft)}.relief-option-meta b{display:block;font-size:12px;color:var(--ink)}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:4px}.result-tile{background:#f5f9fc;border-radius:16px;padding:12px 14px;text-align:center}.result-tile b{display:block;font-size:22px}.result-tile span{font-size:11px;letter-spacing:.14em;color:var(--ink-soft)}.result-medal{text-align:center;font-size:52px;margin:6px 0 2px}.result-headline{text-align:center;font-size:20px;margin:0 0 10px}.credits h3{margin:16px 0 6px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.credits p,.credits li{font-size:13px;font-weight:600;line-height:1.6;color:#3d5a72}.credits ul{margin:0;padding-left:18px}.credits a{color:var(--blue)}.credits .warn{background:#fff4e0;border-radius:12px;padding:10px 12px;color:#7a5510}@media(max-width:620px){.hud-speed b{font-size:34px}.hud-boost{width:128px}.hud-edge{width:150px}.hud-score b{font-size:24px}.hud-pause{width:46px;height:46px}.relief{height:min(52vh,420px)}.relief-badge{width:23px;height:23px;margin:-11.5px 0 0 -11.5px;font-size:9px}.relief-place,.relief-hint{font-size:10px}}@media(max-height:540px){.panel{padding:8px}.panel-inner{max-height:96vh;border-radius:18px}.panel-head{padding:12px 16px 8px}.panel-head h2{font-size:18px}.panel-head p{font-size:11px}.tabs{padding:8px 14px 0;gap:5px}.tab{padding:6px 12px;font-size:11px}.panel-body{padding:8px 14px}.route{grid-template-columns:34px 1fr auto;padding:7px 10px;gap:9px;border-radius:12px}.route-badge{width:30px;height:30px;border-radius:9px;font-size:11px}.route-main b{font-size:13px}.route-main span,.route-meta{font-size:10px}.route-meta b{font-size:12px}.route-note{font-size:9px}.panel-foot{padding:8px 14px calc(10px + var(--safe-bottom))}.btn{padding:9px 16px;font-size:12px}.result-medal{font-size:34px;margin:0}.result-headline{font-size:15px;margin-bottom:6px}.result-tile{padding:8px 10px}.result-tile b{font-size:17px}.panel.map-mode .panel-head{display:none}.relief{height:min(74vh,360px)}.relief-badge{width:22px;height:22px;margin:-11px 0 0 -11px;font-size:9px}.relief-place{font-size:10px}.relief-legend{top:6px;left:8px}.relief-legend span{padding:2px 7px;font-size:9px}.relief-hint{left:8px;bottom:6px;font-size:9px}.relief-popup-list{max-height:130px}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}