:root{--navy:#0d1b2a;--navy-2:#13263a;--glass:#0d1b2ad1;--glass-strong:#0a1521e0;--line:#ffffff24;--text:#f4f6f8;--muted:#a9b8c6;--red:#ba0c2f;--red-2:#e0213f;--blue:#00205b;--gold:#ffd23f;--cyan:#7cf7ff;--radius:18px;--display:"Baloo 2", "Avenir Next", system-ui, sans-serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--navy);height:100%;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#ui>*{pointer-events:none}.hidden{display:none!important}.menus{position:absolute;inset:0}.screen{padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));opacity:0;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .35s,transform .35s;display:flex;position:absolute;inset:0;overflow-y:auto;transform:translateY(8px)}.screen.in{opacity:1;transform:none}.screen.title,.screen.main,.screen.loading{background:radial-gradient(#0d1b2a00 0%,#0d1b2a59 55%,#0d1b2acc 100%)}.screen.select,.screen.course,.screen.settings,.screen.about,.screen.results,.screen.pause{background:linear-gradient(#0d1b2a8c,#0d1b2a40 40%,#0d1b2ab3)}.screen.select{justify-content:flex-end}.screen.intro{pointer-events:none;justify-content:flex-start;padding-top:7vh}.logo{text-align:center;filter:drop-shadow(0 6px 24px #00000073)}.logo-kicker{font-family:var(--display);letter-spacing:.5em;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:600}.logo-main{font-family:var(--display);letter-spacing:.02em;background:linear-gradient(#fff 30%,#d9e6f2);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(54px,9vw,96px);font-weight:800;line-height:.85}.logo-main span{letter-spacing:.32em;background:linear-gradient(90deg, var(--red-2), #fff 45%, #fff 55%, #4a7bd6);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:8px;font-size:.38em;display:block}.logo.big .logo-main{font-size:clamp(64px,12vw,140px)}.tagline{color:#e8eef3;text-shadow:0 2px 10px #0009;text-align:center;max-width:560px;font-size:clamp(15px,2vw,19px)}.title-foot{bottom:max(14px, env(safe-area-inset-bottom));color:#e8eef3;text-shadow:0 1px 4px #000c;text-align:center;background:#0d1b2ab3;border-radius:999px;margin:0 16px;padding:3px 12px;font-size:11px;position:absolute}.lang-switch{top:max(16px, env(safe-area-inset-top));gap:6px;display:flex;position:absolute;right:16px}.btn{font-family:var(--display);color:var(--text);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff14;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:12px 26px;font-size:20px;font-weight:800;transition:transform .12s,background .2s,box-shadow .2s;display:inline-flex}.btn small{font-family:var(--body);color:var(--muted);margin-top:2px;font-size:12px;font-weight:500}.btn:hover,.btn:focus-visible{background:#ffffff29;transform:translateY(-1px)}.btn:active{transform:translateY(1px)scale(.99)}.btn.primary{background:linear-gradient(180deg, var(--red-2), var(--red));border-color:#ffffff40;box-shadow:0 8px 24px #ba0c2f73,inset 0 1px #ffffff4d}.btn.primary small{color:#fffc}.btn.primary:hover{box-shadow:0 10px 30px #e0213f8c,inset 0 1px #ffffff59}.btn.huge{border-radius:18px;padding:16px 64px;font-size:30px;animation:2.4s ease-in-out infinite pulse}.btn.ghost{background:#0a142073}.btn.chip{border-radius:999px;min-height:38px;padding:8px 16px;font-size:15px}.btn.chip.on{color:var(--navy);background:#fff}@keyframes pulse{0%,to{box-shadow:0 8px 24px #ba0c2f73}50%{box-shadow:0 8px 40px #e0213fcc}}.menu-list{flex-direction:column;gap:10px;width:min(380px,92vw);display:flex}.menu-list .btn{width:100%}.menu-tip{text-align:center;color:#dfe7ee;text-shadow:0 1px 6px #000000b3;background:#0d1b2ab3;border-radius:10px;max-width:440px;padding:4px 12px;font-size:13px}.screen-title{font-family:var(--display);text-shadow:0 3px 16px #00000080;margin:0;font-size:clamp(26px,4vw,40px);font-weight:800}.panel{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px)saturate(1.2);box-shadow:0 20px 60px #00000059}.nav-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.racer-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:min(1180px,96vw);display:grid}.card{cursor:pointer;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);border-radius:14px;transition:transform .15s,border-color .15s,box-shadow .15s}.card:hover{border-color:#fff6;transform:translateY(-3px)}.racer-card{text-align:center;min-width:0;padding:8px 4px 9px}.racer-card .badge{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c1) 60%, white), var(--c1));border:3px solid var(--c2);width:52px;height:52px;font-family:var(--display);color:#fff;text-shadow:0 1px 2px #0009;border-radius:50%;place-items:center;margin:0 auto 4px;font-size:24px;font-weight:800;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000059}.racer-card .badge img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.racer-card .badge.has-portrait img{opacity:1}.racer-card .badge.has-portrait b{opacity:0}.racer-card.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold), 0 10px 30px #ffd23f40;transform:translateY(-4px)}.racer-card.on .badge{border-color:var(--gold)}.card-name{font-family:var(--display);font-size:17px;font-weight:800;line-height:1.1}.racer-card .card-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.card-sub{color:var(--muted);font-size:12px;line-height:1.35}.racer-card .card-sub{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:none;overflow:hidden}@media (min-height:900px){.racer-card .card-sub{display:-webkit-box}}.racer-head{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;display:flex}.origin{letter-spacing:.08em;text-transform:uppercase;color:#3a2a10;background:#e9d8a6;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.origin-folklore{color:#10382e;background:#9fd8c2}.origin-myth{color:#2a1650;background:#cdbcff}.origin-history{color:#4a1a10;background:#f4c0a8}.origin-nature{color:#1e3a0e;background:#bfe39a}.racer-source{color:var(--cyan);pointer-events:auto;white-space:nowrap;font-size:12px}.racer-detail{grid-template-columns:1fr 1fr;gap:4px 18px;width:min(560px,94vw);padding:16px 20px;display:grid}.racer-name{font-family:var(--display);grid-column:1/-1;font-size:30px;font-weight:800;line-height:1}.racer-title{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;font-size:13px;font-weight:600}.racer-lore{color:#dce5ec;grid-column:1/-1;margin:6px 0 8px;font-size:14px;line-height:1.5}.stat{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.stat span{width:92px}.stat-bar{background:#ffffff1f;border-radius:6px;flex:1;height:8px;overflow:hidden}.stat-bar i{background:linear-gradient(90deg, var(--cyan), #b07bff);border-radius:6px;height:100%;display:block}.diff-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.diff-row>span{color:var(--muted);margin-right:4px;font-weight:600}.course-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(1180px,96vw);display:grid}.course-card{flex-direction:column;display:flex;overflow:hidden}.course-map{aspect-ratio:3/2;width:100%;height:auto;display:block}.course-info{flex-direction:column;gap:4px;padding:10px 14px 14px;display:flex}.course-meta{color:var(--gold);font-size:13px;font-weight:600}.chips-row{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.mini-chip{border:1px solid var(--line);color:#e4ebf1;background:#ffffff1a;border-radius:999px;padding:2px 8px;font-size:11px}.places-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;width:min(1100px,96vw);display:grid}.place-card{background:var(--glass);-webkit-backdrop-filter:blur(12px)}.place-card.locked{opacity:.75}.place-card.locked b{color:var(--muted)}.locked-note{color:var(--muted);font-size:12px}.screen.places{padding-top:max(28px, env(safe-area-inset-top));background:linear-gradient(#0d1b2ab3,#0d1b2a73);justify-content:flex-start}.settings-panel,.about-panel{flex-direction:column;gap:14px;width:min(620px,94vw);padding:20px 24px;display:flex}.settings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-row>span{font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.settings-note{color:var(--muted);font-size:13px;line-height:1.5}.about-panel p{margin:0;line-height:1.6}.about-panel .small{color:var(--muted);font-size:13px}.about-panel a{color:var(--cyan);pointer-events:auto;text-underline-offset:2px}.intro-card{text-align:center;max-width:720px;animation:.8s cubic-bezier(.2,.9,.3,1.2) both introIn}.intro-kicker{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 8px #0009;font-size:14px;font-weight:700}.intro-title{font-family:var(--display);text-shadow:0 4px 24px #0000008c;font-size:clamp(42px,7vw,84px);font-weight:800;line-height:1}.intro-sub{text-shadow:0 2px 10px #000c;margin-top:8px;font-size:clamp(14px,1.8vw,18px);line-height:1.5}.intro-meta{color:#e5edf3;text-shadow:0 1px 6px #000000e6;margin-top:10px;font-size:13px}.intro-skip{bottom:max(24px, env(safe-area-inset-bottom));color:#fffc;text-shadow:0 1px 4px #000000e6;font-size:13px;animation:1.6s ease-in-out infinite blink;position:absolute}@keyframes introIn{0%{opacity:0;transform:translateY(-20px)scale(.96)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:.4}}.pause-panel{text-align:center;flex-direction:column;gap:10px;width:min(420px,92vw);padding:24px 28px;display:flex}.results-panel{flex-direction:column;gap:14px;width:min(760px,96vw);max-height:92vh;padding:20px 24px;display:flex;overflow:auto}.results-head{align-items:center;gap:18px;display:flex}.results-pos{font-family:var(--display);color:var(--gold);text-shadow:0 4px 20px #ffd23f59;font-size:72px;font-weight:800;line-height:.9}.results-title{font-family:var(--display);font-size:28px;font-weight:800;line-height:1.1}.results-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.results-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.results-table th{text-align:left;color:var(--muted);padding:4px 8px;font-size:12px;font-weight:600}.results-table td{border-top:1px solid var(--line);padding:7px 8px}.results-table tr.me td{background:#ffd23f1f}.results-table em{color:var(--gold);font-size:12px;font-style:normal}.dot{vertical-align:-1px;border:2px solid #ffffffb3;border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.results-learn-title{font-family:var(--display);margin:6px 0 0;font-size:20px}.results-learn{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.learn-card{border:1px solid var(--line);background:#ffffff0f;border-radius:12px;padding:12px;font-size:13px;line-height:1.5}.learn-card p{color:#dce5ec;margin:6px 0}.learn-card a{color:var(--cyan);pointer-events:auto;font-size:12px}.loadbar{background:#ffffff1f;border-radius:8px;width:min(360px,80vw);height:8px;overflow:hidden}.loadfill{background:linear-gradient(90deg, var(--red-2), #fff, #4a7bd6);width:0;height:100%;transition:width .3s}.loadlabel{color:var(--muted);font-size:14px}.hud{font-family:var(--display);position:absolute;inset:0}.hud-left{left:max(18px, env(safe-area-inset-left));top:max(14px, env(safe-area-inset-top));text-shadow:0 3px #00000059,0 4px 18px #00000073;position:absolute}.hud-pos{-webkit-text-stroke:2px #00000059;font-size:88px;font-weight:800;line-height:.85}.hud-pos small{margin-left:2px;font-size:.42em}.hud-pos em{color:#fffc;-webkit-text-stroke:0;margin-left:4px;font-size:26px;font-style:normal}.hud-lap{margin-top:4px;font-size:26px;font-weight:800}.hud-time{font-family:var(--body);font-variant-numeric:tabular-nums;opacity:.9;font-size:18px;font-weight:800}.hud-right{right:max(18px, env(safe-area-inset-right));top:max(14px, env(safe-area-inset-top));position:absolute}.hud-item{background:radial-gradient(circle at 30% 25%,#ffffff59,#0d1b2abf 60%);border:4px solid #ffffffe6;border-radius:24px;place-items:center;width:104px;height:104px;transition:transform .15s;display:grid;position:relative;box-shadow:0 0 0 4px #00205b99,0 10px 30px #0006}.hud-item.empty{opacity:.55;transform:scale(.92)}.hud-item.rolling{animation:.14s linear infinite roll}.hud-item-icon{filter:drop-shadow(0 3px 4px #00000073);font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:62px;line-height:1}.hud-item-icon sup{font-family:var(--display);color:#fff;text-shadow:0 2px 4px #000;font-size:20px;font-weight:800;position:absolute;bottom:4px;right:8px}.hud-item-name{white-space:nowrap;text-shadow:0 2px 8px #000c;font-size:16px;font-weight:800;position:absolute;top:108px;right:0}@keyframes roll{50%{transform:scale(1.05)rotate(2deg)}}.hud-br{right:max(18px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));text-align:right;text-shadow:0 3px #0000004d,0 4px 16px #00000080;position:absolute}.hud-speed{font-variant-numeric:tabular-nums;font-size:54px;font-weight:800;line-height:.9}.hud-speed small,.hud-coins small{opacity:.85;margin-left:4px;font-size:18px}.hud-coins{justify-content:flex-end;align-items:center;gap:6px;font-size:30px;font-weight:800;display:flex}.coin{background:radial-gradient(circle,#0000 4px,#f0c040 5px,#c8901a 11px,#8a5d0c 12px);border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0006}.hud-map-wrap{left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));border:3px solid #ffffffd9;border-radius:22px;width:220px;height:220px;position:absolute;overflow:hidden;box-shadow:0 10px 30px #0006}.hud-map{width:100%;height:100%;display:block}.hud-north{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:grid;position:absolute;top:6px;right:8px}.hud-banner{opacity:0;white-space:nowrap;text-shadow:0 4px #0000004d,0 6px 30px #00000080;-webkit-text-stroke:2px #00000040;font-size:64px;font-weight:800;transition:opacity .2s;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)scale(.6)}.hud-banner.big{color:#fff;font-size:clamp(90px,16vw,180px)}.hud-banner.show{opacity:1;animation:.5s cubic-bezier(.2,1.6,.4,1) forwards pop}@keyframes pop{0%{transform:translate(-50%,-50%)scale(.4)}to{transform:translate(-50%,-50%)scale(1)}}.hud-street{left:50%;bottom:max(26px, env(safe-area-inset-bottom));opacity:0;background:var(--glass-strong);border:1px solid var(--line);font-family:var(--body);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:8px 18px 8px 12px;font-size:16px;font-weight:700;transition:all .35s;display:flex;position:absolute;transform:translate(-50%,20px)}.hud-street.show{opacity:1;transform:translate(-50%)}.pin{background:var(--red-2);border-radius:50% 50% 50% 0;width:12px;height:12px;transform:rotate(-45deg);box-shadow:0 0 0 3px #ffffffd9}.hud-cards{left:max(18px, env(safe-area-inset-left));flex-direction:column;gap:10px;width:min(330px,40vw);display:flex;position:absolute;top:205px}.hud-wrong{color:#ffd23f;opacity:0;text-shadow:0 2px #0000004d;background:#ba0c2fd9;border-radius:14px;padding:6px 26px;font-size:44px;font-weight:800;transition:opacity .2s;position:absolute;top:20%;left:50%;transform:translate(-50%)}.hud-wrong.show{opacity:1;animation:.8s ease-in-out infinite blink}.hud-card{background:var(--glass-strong);border:1px solid var(--line);border-left:4px solid var(--gold);font-family:var(--body);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:12px 14px;transition:transform .5s cubic-bezier(.2,.9,.3,1.1),opacity .5s;transform:translate(-120%);box-shadow:0 10px 30px #00000059}.hud-card.show{transform:none}.hud-card-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-size:11px;font-weight:700}.hud-card-title{font-family:var(--display);margin:2px 0 3px;font-size:20px;font-weight:800;line-height:1.1}.hud-card-text{color:#e1e8ee;font-size:12.5px;line-height:1.42}.hud-mist{opacity:0;background:radial-gradient(at 50% 60%,#ebf0f48c,#ebf0f4f2 70%);transition:opacity .4s;position:absolute;inset:0}.hud-speedlines{opacity:0;background:repeating-conic-gradient(at 50% 55%,#fff0 0deg 4deg,#ffffff1a 4.5deg 5deg);transition:opacity .25s;animation:.25s linear infinite lines;position:absolute;inset:0;-webkit-mask:radial-gradient(at 50% 55%,#0000 35%,#000 75%);mask:radial-gradient(at 50% 55%,#0000 35%,#000 75%)}.hud-speedlines.on{opacity:1}@keyframes lines{50%{transform:scale(1.03)rotate(.6deg)}}.hud.star .hud-pos span{animation:1s linear infinite rainbow}@keyframes rainbow{0%{color:#4dffb0}33%{color:#7cf7ff}66%{color:#b07bff}to{color:#4dffb0}}.hud-target{left:50%;top:max(12px, env(safe-area-inset-top));background:var(--glass-strong);border:1px solid var(--line);width:min(460px,56vw);font-family:var(--body);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:10px 16px 10px 12px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.hud-target-arrow{filter:drop-shadow(0 2px 4px #00000080);grid-row:span 2;width:52px;height:52px;transition:transform .12s linear}.hud-target-arrow svg{width:100%;height:100%;fill:var(--gold);stroke:#0d1b2a;stroke-width:2px}.hud-target-name{font-family:var(--display);font-size:22px;font-weight:800;line-height:1.05}.hud-target-name small{font-family:var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:700;display:block}.hud-target-dist{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.hud-target-hint{color:#dfe7ee;grid-column:2;margin-top:4px;font-size:12px;line-height:1.4}.hud-target-hint:empty{display:none}.hud.chase .hud-cards{top:205px}.touch{pointer-events:none;position:absolute;inset:0}.touch>*{pointer-events:auto}.touch-steer{touch-action:none;width:50%;height:62%;position:absolute;bottom:0;left:0}.touch-steer:before{content:"";left:max(26px, env(safe-area-inset-left));bottom:max(26px, env(safe-area-inset-bottom));background:#0d1b2a59;border:2px solid #ffffff59;border-radius:40px;width:170px;height:64px;position:absolute}.touch-knob{left:calc(max(26px, env(safe-area-inset-left)) + 53px);bottom:calc(max(26px, env(safe-area-inset-bottom)) - 6px);background:#ffffff47;border:3px solid #ffffffd9;border-radius:22px;width:64px;height:76px;transition:transform 50ms linear;position:absolute}.touch-buttons{right:max(18px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));grid-template-columns:auto auto;grid-template-areas:"item item""brake drift";place-items:end;gap:12px;display:grid;position:absolute}.touch-btn{color:#fff;width:70px;height:70px;font-family:var(--display);touch-action:none;background:#0d1b2a80;border:3px solid #fffc;border-radius:50%;font-size:16px;font-weight:800}.touch-btn.down{background:#fff6}.touch-btn.item{background:#00205b99;grid-area:item;font-size:28px}.touch-btn.drift{background:#ba0c2f99;grid-area:drift;width:96px;height:96px}.touch-btn.brake{grid-area:brake}.touch-pause{top:max(12px, env(safe-area-inset-top));color:#fff;background:#0d1b2a80;border:2px solid #ffffffb3;border-radius:50%;width:44px;height:44px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.rotate-hint{background:var(--glass-strong);border:1px solid var(--line);font-family:var(--body);text-align:center;border-radius:16px;width:min(300px,80vw);padding:14px 18px;font-size:14px;font-weight:600;display:none;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@media (orientation:portrait){.touch:not(.hidden) .rotate-hint{animation:1s 4s forwards fadeOut;display:block}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@media (max-height:520px){.hud-pos{font-size:48px}.hud-pos em,.hud-lap{font-size:18px}.hud-time{font-size:13px}.hud-item{border-width:3px;border-radius:16px;width:66px;height:66px}.hud-item-icon{font-size:36px}.hud-item-name{font-size:12px;top:70px}.hud-br{top:110px;bottom:auto}.hud-speed{font-size:30px}.hud-coins{font-size:20px}.hud-map-wrap{width:110px;height:110px;top:118px;bottom:auto;left:max(12px, env(safe-area-inset-left));border-width:2px;border-radius:14px}.hud-cards{top:max(10px, env(safe-area-inset-top));width:min(380px,46vw);left:50%;transform:translate(-50%)}.hud-card{padding:8px 10px}.hud-card-title{font-size:16px}.hud-card-text{font-size:11px}.hud-street{bottom:max(10px, env(safe-area-inset-bottom));font-size:13px}.hud.chase .hud-cards{top:auto;bottom:46px}.hud-target{width:min(380px,46vw);padding:6px 10px 6px 6px}.hud-target-name{font-size:16px}.hud-target-hint{font-size:11px}.hud-target-arrow{width:34px;height:34px}.hud-banner{font-size:40px}.hud-banner.big{font-size:90px}.screen{gap:10px}.logo.big .logo-main{font-size:56px}.btn.huge{padding:12px 44px;font-size:24px}.racer-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.racer-card{padding:6px 2px}.racer-card .badge{border-width:2px;width:34px;height:34px;margin-bottom:2px;font-size:16px}.card-name{font-size:13px}.racer-card .card-sub{display:none}.racer-detail{padding:10px 14px}.racer-lore{margin:2px 0 4px;font-size:12px}.racer-name{font-size:22px}.course-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none}.course-card .card-sub{display:none}.results-panel{max-height:96vh;padding:12px 16px}.results-pos{font-size:48px}}@media (max-width:900px){.racer-grid{scroll-snap-type:x proximity;pointer-events:auto;grid-template-rows:repeat(2,auto);grid-template-columns:none;grid-auto-columns:88px;grid-auto-flow:column;padding:4px 2px 6px;overflow-x:auto}.racer-card{scroll-snap-align:start}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-pos{font-size:60px}.hud-item{border-radius:18px;width:78px;height:78px}.hud-item-icon{font-size:44px}.hud-item-name{font-size:13px;top:82px}.hud-map-wrap{width:150px;height:150px;top:150px;bottom:auto;left:12px}.hud-cards{top:max(12px, env(safe-area-inset-top));width:min(400px,62vw);left:50%;transform:translate(-50%)}.hud-card-text{font-size:12px}.hud.chase .hud-cards{top:auto;bottom:80px}.hud-target{width:min(420px,64vw);padding:8px 12px 8px 8px}.hud-target-name{font-size:18px}.hud-target-arrow{width:40px;height:40px}.hud-speed{font-size:38px}.hud-br{top:140px;bottom:auto}}@media (max-width:560px){.racer-detail{grid-template-columns:1fr}.course-grid{grid-template-columns:1fr;max-height:56vh;overflow:auto}.screen.select{justify-content:center}}.perf-overlay{left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));z-index:1000;color:#e8f4e8;pointer-events:none;white-space:pre;background:#0a0e12b8;border-radius:6px;margin:0;padding:6px 8px;font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.card:focus-visible{border-color:var(--gold)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:root{--orange:#f26b1d;--orange-2:#ff8a3d;--forest:#1f4d3a;--paper:#f6f1e4;--ink:#2a2622;--magenta:#c0267a}.tour-fade{opacity:0;pointer-events:none;background:#000;transition:opacity .5s;position:absolute;inset:0}.tour-fade.flash{opacity:.85;transition:none}.tour-caption{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));border:1px solid var(--line);color:#fff;opacity:0;-webkit-backdrop-filter:blur(8px);background:#0a15219e;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:14px;font-weight:700;transition:opacity .5s,transform .5s;display:flex;position:absolute;transform:translateY(8px)}.tour-caption small{color:var(--muted);margin-left:2px;font-weight:600}.tour-caption.show{opacity:1;transform:none}.hub-pin{background:var(--orange);border-radius:50% 50% 50% 0;flex:none;width:12px;height:12px;display:inline-block;transform:rotate(-45deg);box-shadow:0 0 0 3px #ffffffe6}.screen.hub,.screen.cities{background:radial-gradient(at 50% 40%,#0d1b2a0d 0%,#0d1b2a73 60%,#0d1b2ad9 100%);gap:16px}.hub-top{flex-direction:column;align-items:center;gap:10px;display:flex}.hub-logo .logo-main{font-size:clamp(56px,10vw,104px)}.hub-place{pointer-events:auto;border:1px solid var(--line);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(10px);font-family:var(--body);text-align:left;background:#0a152199;border-radius:999px;align-items:center;gap:12px;padding:8px 16px 8px 14px;transition:background .2s,transform .12s;display:flex}.hub-place:hover,.hub-place:focus-visible{background:#ffffff24;transform:translateY(-1px)}.hub-place b{font-family:var(--display);font-size:19px;line-height:1.05;display:block}.hub-place small{color:var(--muted);font-size:12px;display:block}.hub-place em{color:var(--gold);border-left:1px solid var(--line);margin-left:2px;padding-left:12px;font-size:12px;font-style:normal;font-weight:700}.hub-question{font-family:var(--display);color:#e8eef3;text-shadow:0 2px 10px #0009;background:#0d1b2a8c;border-radius:999px;padding:2px 14px;font-size:18px;font-weight:700}.hub-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(820px,100%);display:grid}.hub-mode{color:#fff;cursor:pointer;text-align:left;min-height:150px;font-family:var(--body);border:1px solid #ffffff38;border-radius:22px;align-items:center;gap:16px;padding:18px 20px;transition:transform .15s,box-shadow .2s,filter .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000059}.hub-mode:hover,.hub-mode:focus-visible{filter:brightness(1.06);transform:translateY(-3px);box-shadow:0 24px 60px #00000073}.hub-mode:focus-visible{box-shadow:0 0 0 3px var(--gold), 0 24px 60px #00000073}.hub-mode.gp{background:linear-gradient(135deg,#e0213feb,#780820eb 60%,#00205beb)}.hub-mode.vs{background:linear-gradient(135deg,#1f4d3af2,#133428f2 55%,#f26b1de6 140%)}.hub-mode:after{content:"";background:#ffffff0f;border-radius:50%;width:180px;height:180px;position:absolute;inset:auto -40px -60px auto}.hub-mode.vs:before{content:"";background:linear-gradient(135deg, #fff 50%, var(--orange) 50%);width:26px;height:26px;position:absolute;top:16px;right:16px;box-shadow:0 2px 6px #0000004d}.hub-art{filter:drop-shadow(0 4px 10px #00000059);flex:none;width:76px;height:76px}.hub-art svg{width:100%;height:100%}.hub-text{flex-direction:column;gap:4px;display:flex}.hub-text b{font-family:var(--display);font-size:30px;font-weight:800;line-height:1}.hub-text span{color:#ffffffe0;font-size:14px;line-height:1.4}.hub-badge{letter-spacing:.1em;text-transform:uppercase;background:var(--gold);border-radius:999px;align-self:flex-start;padding:2px 8px;font-style:normal;font-weight:800;color:#13342a!important;font-size:11px!important}.hub-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn.hub-small{flex-direction:row;gap:8px;min-height:42px;padding:8px 18px;font-size:16px}.hub-count{font-style:normal;font-family:var(--body);color:var(--gold);font-size:12px;font-weight:700}.screen.hub .lang-switch,.screen.cities .lang-switch{top:max(14px, env(safe-area-inset-top))}.city-list{flex-direction:column;gap:10px;width:min(560px,100%);display:flex}.city-card{pointer-events:auto;border:1px solid var(--line);background:var(--glass);color:var(--text);font-family:var(--body);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(12px);border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.city-card.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.city-globe{background:radial-gradient(circle at 35% 30%,#4f8fb8,#1d4a68 70%);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset -6px -8px #0000002e}.city-text{flex-direction:column;flex:1;gap:2px;display:flex}.city-text b{font-family:var(--display);font-size:24px;line-height:1}.city-text span{color:#dce5ec;font-size:13px}.city-text small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.city-card em{color:var(--gold);font-size:12px;font-style:normal;font-weight:700}.screen.select.runner .racer-detail{grid-template-columns:1fr}.btn.vprimary{background:linear-gradient(180deg, var(--orange-2), var(--orange));box-shadow:0 8px 24px #f26b1d73,inset 0 1px #ffffff59}.btn.vprimary:hover{box-shadow:0 10px 30px #f26b1d99,inset 0 1px #ffffff59}.btn.vprimary.huge{animation:2.4s ease-in-out infinite vpulse}@keyframes vpulse{0%,to{box-shadow:0 8px 24px #f26b1d73}50%{box-shadow:0 8px 40px #f26b1dd9}}.screen.vsetup{padding-top:max(24px, env(safe-area-inset-top));background:linear-gradient(#0d1b2ab3,#0d1b2a73 40%,#0d1b2acc);justify-content:flex-start;gap:14px}.vsetup-head{align-items:center;gap:16px;width:min(860px,100%);display:flex}.vsetup-head p{color:#dfe7ee;margin:4px 0 0;font-size:15px;line-height:1.5}.vsetup-flag{color:#fff;filter:drop-shadow(0 4px 10px #0006);flex:none;width:58px;height:58px}.vsetup-flag svg{width:100%;height:100%}.vsetup-label{width:min(860px,100%);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:700}.vformats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(860px,100%);display:grid}.vdiffs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(980px,100%);display:grid}.vformat,.vdiff{pointer-events:auto;border:1px solid var(--line);background:var(--glass);color:var(--text);font-family:var(--body);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;transition:transform .12s,border-color .15s,box-shadow .15s;display:flex;position:relative}.vformat:hover,.vdiff:hover{border-color:#fff6;transform:translateY(-2px)}.vformat.on,.vdiff.on{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange), 0 10px 30px #f26b1d40}.vformat b,.vdiff b{font-family:var(--display);font-size:21px;line-height:1.05}.vformat span,.vdiff>span{color:#dce5ec;font-size:13px;line-height:1.4}.vformat small{color:var(--muted);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.vformat small svg{color:#fff;width:16px;height:16px}.vbadge{font-weight:700;color:var(--gold)!important;font-size:11px!important}.vbadge.hot{background:var(--gold);border-radius:999px;padding:1px 8px;color:#13342a!important}.vtools{flex-wrap:wrap;gap:6px;display:flex}.vtool{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;gap:4px;padding:3px 8px 3px 5px;font-size:11px;font-weight:700;display:inline-flex}.vtool svg{width:15px;height:15px}.vtool em{font-style:normal}.vtool.off{opacity:.45;text-decoration:line-through}.vdiff.superhard.on{border-color:#e0213f;box-shadow:0 0 0 2px #e0213f,0 10px 30px #e0213f40}.vdiff.coords.on,.vdiff.coordsMap.on{border-color:#2fb7c4;box-shadow:0 0 0 2px #2fb7c4,0 10px 30px #2fb7c440}.vdiff.hard.on{border-color:#b07bff;box-shadow:0 0 0 2px #b07bff,0 10px 30px #b07bff40}.vroute-note{color:var(--magenta);font-size:13px;font-weight:700}.vsetup-note{text-align:center;max-width:860px;color:var(--muted);font-size:12px;line-height:1.5}.screen.vcard-screen{background:radial-gradient(#0d1b2a26,#0d1b2a8c)}.screen.vcard-screen.low{padding-bottom:max(28px, env(safe-area-inset-bottom));background:linear-gradient(#0d1b2a00 30%,#0d1b2ab3);justify-content:flex-end}.vroute{background:var(--paper);width:min(440px,100%);color:var(--ink);border-radius:18px;flex-direction:column;align-items:stretch;padding-bottom:18px;animation:.6s cubic-bezier(.2,.9,.3,1.15) both vcardIn;display:flex;overflow:hidden;box-shadow:0 30px 80px #00000080}@keyframes vcardIn{0%{opacity:0;transform:translateY(30px)rotate(-2deg)scale(.95)}to{opacity:1;transform:none}}.vroute-band{letter-spacing:.12em;text-transform:uppercase;color:#fff;background:repeating-linear-gradient(135deg, var(--orange) 0 18px, #e45d12 18px 36px);justify-content:space-between;padding:10px 16px;font-size:12px;font-weight:800;display:flex}.vroute-body{flex-direction:column;gap:6px;padding:18px 20px 14px;display:flex}.vroute-find{color:#6b6156;font-size:14px;font-weight:700}.vroute-name{font-family:var(--display);font-size:clamp(34px,8vw,46px);font-weight:800;line-height:.95}.vroute-kind{color:var(--orange);font-size:14px;font-weight:700}.vroute .vtools{margin-top:6px}.vroute .vtool{color:var(--ink);background:#2a262214}.vroute-teams{color:#6b6156;font-size:13px}.vroute .btn{margin:4px 20px 0}.vfound{background:var(--glass-strong);border:1px solid var(--line);border-top:4px solid var(--orange);-webkit-backdrop-filter:blur(14px);border-radius:18px;flex-direction:column;gap:12px;width:min(560px,100%);padding:16px 18px;animation:.5s both vcardIn;display:flex;box-shadow:0 20px 60px #0006}.vfound.out{border-top-color:#e0213f}.vfound-head{align-items:center;gap:14px;display:flex}.vfound-place{font-family:var(--display);color:var(--gold);font-size:54px;font-weight:800;line-height:.9}.vfound-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--orange-2);font-size:12px;font-weight:800}.vfound-name{font-family:var(--display);font-size:32px;font-weight:800;line-height:1.05}.vfound-story{border:1px solid var(--line);background:#ffffff0f;border-radius:12px;padding:12px 14px}.vfound-label{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:800}.vfound-story p{color:#e6edf2;margin:6px 0;font-size:14px;line-height:1.55}.vsource{color:var(--muted);font-size:12px}.vsource a,.learn-card .vsource a{color:var(--cyan);pointer-events:auto}.vhud{font-family:var(--body);position:absolute;inset:0}.vleg{left:max(16px, env(safe-area-inset-left));top:max(14px, env(safe-area-inset-top));background:var(--glass-strong);border:1px solid var(--line);border-left:4px solid var(--orange);-webkit-backdrop-filter:blur(10px);border-radius:14px;min-width:180px;max-width:42vw;padding:9px 14px 9px 12px;position:absolute;box-shadow:0 10px 30px #0000004d}.vleg-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--orange-2);font-size:11px;font-weight:800}.vleg-name{font-family:var(--display);font-size:24px;font-weight:800;line-height:1.05}.vleg-kind{color:var(--muted);font-size:12px}.vleg-name.coord{font-family:var(--body);font-variant-numeric:tabular-nums;white-space:nowrap;color:#ffd1e6;font-size:16px}.vleg-you{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;color:#b9dcff;margin-top:4px;padding-top:4px;font-size:14px;font-weight:800}.vleg-you[hidden]{display:none}.vleg-you span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.vhud .vleg:has(.vleg-name.coord){max-width:none}.vroute-name.coord{font-family:var(--body);font-variant-numeric:tabular-nums;font-size:26px;line-height:1.25}.vleg-time{font-variant-numeric:tabular-nums;margin-top:2px;font-size:16px;font-weight:800}.vcompass{left:50%;top:max(12px, env(safe-area-inset-top));aspect-ratio:640/72;background:linear-gradient(90deg,#0a152100,#0a1521b3 18% 82%,#0a152100);border-radius:12px;width:min(340px,44vw);height:auto;position:absolute;transform:translate(-50%)}.vright{right:max(16px, env(safe-area-inset-right));top:max(14px, env(safe-area-inset-top));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.vteams{flex-direction:column;gap:4px;min-width:150px;display:flex}.vitem{background:radial-gradient(circle at 30% 25%,#ffffff59,#0d1b2ac7 60%);border:4px solid #ffffffe6;border-radius:20px;place-items:center;width:86px;height:86px;transition:transform .15s;display:grid;position:relative;box-shadow:0 0 0 4px #f26b1d8c,0 10px 30px #0006}.vitem.empty{opacity:.5;transform:scale(.9)}.vitem.rolling{animation:.14s linear infinite roll}.vitem-icon{filter:drop-shadow(0 3px 4px #00000073);font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:50px;line-height:1}.vitem-icon sup{font-family:var(--display);color:#fff;text-shadow:0 2px 4px #000;font-size:18px;font-weight:800;position:absolute;bottom:3px;right:7px}.vitem-name{white-space:nowrap;font-family:var(--display);text-shadow:0 2px 8px #000c;font-size:14px;font-weight:800;position:absolute;top:92px;right:0}.vitem-name kbd{font-family:var(--body);background:#fff3;border-radius:4px;padding:1px 5px;font-size:10px}.vcoins{font-family:var(--display);text-shadow:0 2px 8px #0009;align-items:center;gap:6px;margin-top:14px;font-size:22px;font-weight:800;display:flex}.vcoins small{opacity:.7;font-size:13px}.vcoins .coin{width:20px;height:20px}.vbottom .vstamina{position:static;transform:none}.vbottom{left:50%;bottom:max(14px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.vstatus{gap:6px;display:flex}.vstatus span{border:1px solid var(--line);background:#0a1521b3;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.vstatus svg{width:14px;height:14px}.vride{background:#1d3f6ed9;border:1px solid #fff6;border-radius:999px;align-items:center;gap:8px;min-width:200px;padding:6px 14px;font-size:14px;font-weight:700;display:none;position:relative;overflow:hidden}.vride.show{display:flex}.vride svg{width:22px;height:22px}.vride span{flex:1}.vride b{font-variant-numeric:tabular-nums}.vride i{background:var(--gold);height:3px;transition:width .2s linear;position:absolute;bottom:0;left:0}.vgull-flash{opacity:0;pointer-events:none;filter:drop-shadow(0 10px 20px #0006);font-size:120px;position:absolute;top:30%;left:-20%}.vgull-flash.fly{animation:1.4s ease-in forwards gullFly}@keyframes gullFly{0%{opacity:1;transform:translate(0)rotate(-10deg)scaleX(-1)}50%{transform:translate(60vw,-12vh)rotate(8deg)scaleX(-1)}to{opacity:1;transform:translate(130vw,-30vh)rotate(-8deg)scaleX(-1)}}.vhud.star .vleg{border-left-color:#b07bff;box-shadow:0 0 24px #7cf7ff80}.vteam{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);background:#0a15219e;border-radius:10px;align-items:center;gap:8px;padding:5px 10px;font-size:13px;font-weight:600;transition:background .3s;display:flex}.vteam i{border:2px solid #fffc;border-radius:50%;flex:none;width:11px;height:11px}.vteam span{flex:1}.vteam b{font-variant-numeric:tabular-nums;color:var(--gold);font-size:12px}.vteam.me{border-color:#f26b1dcc}.vteam.in{background:#1f4d3abf}.vactions{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));pointer-events:auto;gap:8px;display:flex;position:absolute}.vaction{border:1px solid var(--line);color:#fff;font-family:var(--body);cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0a1521b3;border-radius:14px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;display:flex}.vaction svg{width:22px;height:22px}.vaction kbd{font-family:var(--body);color:var(--muted);background:#ffffff29;border-radius:5px;padding:1px 6px;font-size:11px}.vaction:hover{background:#ffffff29}.vaction:disabled{opacity:.45;cursor:default}.vmap-button{border-color:#f26b1db3}.vmap-button.on{background:#f26b1d8c}.vquick{left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));background:var(--paper);pointer-events:auto;transform-origin:0 100%;border:3px solid #ffffffe6;border-radius:16px;width:250px;height:250px;animation:.25s cubic-bezier(.2,.9,.3,1.2) quickIn;position:absolute;overflow:hidden;box-shadow:0 12px 34px #00000073}@keyframes quickIn{0%{opacity:0;transform:scale(.6)rotate(-4deg)}to{opacity:1;transform:none}}.vquick-canvas{touch-action:none;cursor:zoom-in;width:100%;height:100%;position:absolute;inset:0}.vquick-expand{color:#fff;cursor:pointer;background:#2a2622d9;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:6px;right:6px}.vquick-expand svg{width:18px;height:18px}.vquick-label{color:var(--ink);pointer-events:none;background:#ffffffd9;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:6px;left:6px}.vquick-label kbd{font-family:var(--body);opacity:.6;font-size:10px}.vstamina{left:50%;bottom:max(18px, env(safe-area-inset-bottom));opacity:0;background:#ffffff2e;border-radius:6px;width:140px;height:6px;transition:opacity .3s;position:absolute;overflow:hidden;transform:translate(-50%)}.vstamina.show{opacity:1}.vstamina i{background:linear-gradient(90deg, var(--gold), var(--orange));border-radius:6px;height:100%;display:block}.vstamina.winded i{background:#e0213f}.vbanner{opacity:0;font-family:var(--display);white-space:nowrap;text-shadow:0 4px #0000004d,0 6px 30px #00000080;font-size:54px;font-weight:800;transition:opacity .2s;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)scale(.6)}.vbanner.big{font-size:clamp(70px,13vw,150px)}.vbanner.show{opacity:1;animation:.5s cubic-bezier(.2,1.6,.4,1) forwards pop}.vtoast{left:50%;bottom:max(104px, calc(env(safe-area-inset-bottom) + 94px));opacity:0;background:var(--glass-strong);border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:8px 18px 8px 12px;font-size:15px;font-weight:700;transition:all .35s;display:flex;position:absolute;overflow:hidden;transform:translate(-50%,16px)}.vtoast.show{opacity:1;transform:translate(-50%)}.vtoast b{color:var(--gold)}.vtoast .dot{margin-right:0}.vspeech{left:50%;bottom:max(156px, calc(env(safe-area-inset-bottom) + 146px));background:var(--paper);width:min(460px,100vw - 32px);color:var(--ink);opacity:0;border-radius:16px;padding:12px 16px;transition:opacity .3s,transform .3s;position:absolute;transform:translate(-50%,12px);box-shadow:0 16px 40px #0006}.vspeech:after{content:"";border:10px solid #0000;border-bottom:0;border-top-color:var(--paper);margin-left:-10px;position:absolute;bottom:-10px;left:50%}.vspeech.show{opacity:1;transform:translate(-50%)}.vspeech-who{letter-spacing:.1em;text-transform:uppercase;color:var(--forest);font-size:11px;font-weight:800}.vspeech p{margin:4px 0 0;font-size:15px;font-weight:600;line-height:1.45}.vfade{opacity:0;pointer-events:none;background:#05090e;transition:opacity .45s;position:absolute;inset:0}.vfade.on{opacity:1}#ui>.vmap{pointer-events:auto}.vmap{pointer-events:auto;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));opacity:0;background:#050a1052;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.vmap.in{opacity:1}.vmap-paper{background:var(--paper);border-radius:16px;width:100%;max-width:1200px;height:100%;transition:transform .35s cubic-bezier(.2,.9,.3,1.1);position:relative;overflow:hidden;transform:translateY(24px)rotateX(8deg);box-shadow:0 30px 80px #0000008c}.vmap.in .vmap-paper{transform:none}.vmap-canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.vmap-canvas:active{cursor:grabbing}.vmap-title{color:var(--ink);pointer-events:none;background:#ffffffe0;border-radius:10px;max-width:calc(100% - 140px);padding:7px 12px;font-size:14px;position:absolute;top:12px;left:14px;box-shadow:0 2px 10px #0000001f}.vmap-title em{color:var(--magenta);font-style:normal;font-weight:800}.vmap-legend{color:var(--ink);pointer-events:none;background:#ffffffe0;border-radius:10px;flex-direction:column;gap:4px;padding:8px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;top:58px;left:14px;box-shadow:0 2px 10px #0000001f}.vmap-legend[hidden]{display:none}.vmap-legend div{align-items:center;gap:8px;display:flex}.vmap-legend i{width:22px;height:0}.vmap-readout{color:var(--ink);pointer-events:none;white-space:nowrap;background:#ffffffeb;border-radius:12px;flex-direction:column;gap:2px;max-width:calc(100% - 24px);padding:6px 12px;font-size:12px;display:flex;position:absolute;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000026}.vmap-readout[hidden]{display:none}.vmap-readout div{justify-content:space-between;gap:10px;display:flex}.vmap-readout span{color:#5a5047;font-weight:700}.vmap-readout b{font-variant-numeric:tabular-nums;font-weight:800}.vmap-readout .you b{color:#1e6ee6}.vmap-readout .goal b{color:var(--magenta)}.vmap-readout .spot b{color:#00606a}.vmap-readout .hint{color:#5a5047;font-weight:600}.vmap-tools{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;top:72px;right:12px}.vmap-index{width:200px;max-height:calc(100% - 64px);color:var(--ink);z-index:1;background:#ffffffeb;border-radius:12px;padding:10px 12px;font-size:12px;display:none;position:absolute;top:12px;right:64px;overflow:auto;box-shadow:0 4px 16px #00000026}.vmap-index b{letter-spacing:.1em;text-transform:uppercase;color:#2a5caa;margin-bottom:6px;font-size:11px;display:block}.vmap-index div{border-bottom:1px dashed #2a262226;justify-content:space-between;gap:8px;padding:3px 0;display:flex}.vmap-index em{color:#2a5caa;font-style:normal;font-weight:800}.vmap-index.open{display:block}.vmap-list-toggle{font-size:20px}.vmap-btn{width:42px;height:42px;color:var(--ink);cursor:pointer;background:#ffffffeb;border:1px solid #0000001f;border-radius:12px;place-items:center;font-size:22px;font-weight:700;display:grid;box-shadow:0 2px 10px #0000001f}.vmap-btn svg{color:#1e6ee6;width:22px;height:22px}.vmap-close{background:var(--ink);color:#fff;width:48px;height:48px;font-size:20px;position:absolute;top:12px;right:12px}.vmap-center{font-size:0!important}.vmap-note{color:#5a5047;white-space:nowrap;pointer-events:none;text-overflow:ellipsis;background:#ffffffd9;border-radius:999px;max-width:calc(100% - 200px);padding:4px 12px;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%)}.screen.vresults{background:linear-gradient(#0d1b2a99,#0d1b2a66 40%,#0d1b2abf)}.vresults-panel{border-top:4px solid var(--orange);flex-direction:column;gap:14px;width:min(980px,100%);max-height:calc(100vh - 32px);padding:18px 20px;display:flex;overflow:auto}.vresults-head{align-items:center;gap:16px;display:flex}.vresults-pos{font-family:var(--display);color:var(--gold);text-align:center;min-width:60px;font-size:64px;font-weight:800;line-height:.9}.vresults-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--orange-2);font-size:12px;font-weight:800}.vresults-title{font-family:var(--display);font-size:30px;font-weight:800;line-height:1.05}.vresults-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.vresults-body{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;display:grid}.vresults-map{background:var(--paper);aspect-ratio:4/3;border-radius:14px;position:relative;overflow:hidden}.vresults-map canvas{width:100%;height:100%;position:absolute;inset:0}.vlegend{color:var(--ink);background:#ffffffe6;border-radius:10px;flex-direction:column;gap:3px;padding:6px 10px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:10px;left:10px}.vlegend i{vertical-align:middle;border-radius:2px;width:18px;height:4px;margin-right:6px;display:inline-block}.vlegend i.you{background:#d83636}.vlegend i.best{background:#1e6ee6bf;height:6px}.vresults-side h3,.vpassed h3{font-family:var(--display);margin:0 0 6px;font-size:18px}.varrivals{flex-direction:column;gap:4px;display:flex}.varrival{background:#ffffff0d;border-radius:10px;grid-template-columns:26px 14px 1fr auto;align-items:center;gap:8px;padding:6px 10px;font-size:14px;display:grid}.varrival i{border:2px solid #ffffffbf;border-radius:50%;width:12px;height:12px}.varrival em{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-style:normal}.varrival.me{background:#f26b1d2e}.varrival.out{opacity:.65}.varrival.out em{color:#ff7a8a;font-weight:700}.vstats{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;display:grid}.vstats div:nth-child(n+4) b{font-size:17px}.vstats div{border:1px solid var(--line);text-align:center;background:#ffffff0f;border-radius:12px;padding:8px}.vstats b{font-family:var(--display);font-size:20px;display:block}.vstats span{color:var(--muted);font-size:11px}.vpassed{flex-wrap:wrap;gap:4px;margin-top:12px;display:flex}.vpassed h3{width:100%}.vlegs{flex-direction:column;gap:4px;display:flex}.vleg-row{background:#ffffff0d;border-radius:10px;grid-template-columns:26px 1fr auto;gap:8px;padding:6px 10px;font-size:14px;display:grid}.vleg-row span{color:var(--orange-2);font-weight:800}.vleg-row em{font-variant-numeric:tabular-nums;color:var(--muted);font-style:normal}.vtouch{pointer-events:none;position:absolute;inset:0}.vstick-zone{pointer-events:auto;touch-action:none;width:46%;height:58%;position:absolute;bottom:0;left:0}.vstick{opacity:.55;background:#0d1b2a4d;border:2px solid #fff6;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;transition:opacity .2s;position:absolute;top:calc(100% - 110px);left:90px}.vstick.on{opacity:1}.vstick-knob{background:#ffffff59;border:3px solid #ffffffe6;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.vtouch-right{right:max(16px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));pointer-events:auto;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute}.vtouch-row{align-items:flex-end;gap:10px;display:flex}.vtouch-item{background:#00205b99;width:72px;height:72px;font-size:30px}.vtouch-btn{color:#fff;touch-action:none;background:#0d1b2a8c;border:2px solid #ffffffbf;border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.vtouch-btn svg{width:28px;height:28px}.vtouch-sprint{background:#f26b1d99;width:82px;height:82px}.vtouch-sprint.down{background:#fff6}.vtouch-pause{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#fff;pointer-events:auto;background:#0d1b2a80;border:2px solid #ffffffb3;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute}.vtouch-pause svg{width:18px;height:18px}.vhud.touch .vactions{display:none}.vhud.touch .vquick{left:auto;right:max(12px, env(safe-area-inset-right));bottom:auto;top:calc(max(12px, env(safe-area-inset-top)) + 50px);transform-origin:100% 0;width:170px;height:170px}.vhud.touch .vright{top:calc(max(12px, env(safe-area-inset-top)) + 50px)}.vhud.touch .vquick:not(.hidden)~* .vteams{display:none}.vhud.touch .vteams{top:calc(max(12px, env(safe-area-inset-top)) + 50px)}@media (max-width:1000px){.vdiffs{grid-template-columns:repeat(2,minmax(0,1fr))}.vmap-index.open{width:min(220px,60%)}}@media (max-width:760px){.hub-modes{grid-template-columns:1fr}.hub-mode{min-height:112px;padding:14px 16px}.hub-art{width:56px;height:56px}.hub-text b{font-size:25px}.vformats{grid-template-columns:1fr}.vdiffs{grid-template-columns:repeat(2,minmax(0,1fr))}.vquick{width:170px;height:170px}.vitem{border-width:3px;border-radius:16px;width:64px;height:64px}.vitem-icon{font-size:36px}.vitem-name{font-size:12px;top:68px}.vformat,.vdiff{padding:10px 14px}.vresults-body{grid-template-columns:1fr}.vleg{min-width:0;max-width:46vw;padding:7px 10px 7px 9px}.vleg-name{font-size:18px}.vcompass{top:calc(max(12px, env(safe-area-inset-top)) + 0px);width:42vw}.vteams{min-width:0}.vteam{padding:3px 8px;font-size:12px}.vaction span,.vaction kbd,.vmap-note{display:none}}@media (max-width:760px) and (orientation:portrait){.vhud.coords .vcompass{top:calc(max(12px, env(safe-area-inset-top)) + 150px)}.vhud.coords .vright,.vhud.coords.touch .vright,.vhud.coords.touch .vquick{top:calc(max(12px, env(safe-area-inset-top)) + 194px)}.vleg-name.coord{font-size:14px}.vleg-you{font-size:12px}.vcompass{top:calc(max(12px, env(safe-area-inset-top)) + 84px);width:70vw}.vright,.vhud.touch .vright{top:calc(max(12px, env(safe-area-inset-top)) + 128px);right:max(12px, env(safe-area-inset-right))}.vhud.touch .vquick{top:calc(max(12px, env(safe-area-inset-top)) + 128px);left:max(12px, env(safe-area-inset-left));transform-origin:0 0;right:auto}.vteam span{text-overflow:ellipsis;white-space:nowrap;max-width:64px;overflow:hidden}}@media (max-height:520px){.hub-logo .logo-main{font-size:52px}.hub-mode{min-height:92px}.hub-text span{font-size:12px}.hub-question{display:none}.vroute-name{font-size:32px}.vroute-body{padding:10px 16px 8px}.vresults-pos{font-size:44px}.vbanner.big{font-size:80px}.vleg-name{font-size:18px}.vteam{padding:2px 8px;font-size:12px}.vfound-place{font-size:40px}.vfound-name{font-size:24px}.vfound-story p{font-size:13px}.vhud.touch .vquick{left:max(12px, env(safe-area-inset-left));right:auto;top:calc(max(10px, env(safe-area-inset-top)) + 84px);transform-origin:0 0;width:128px;height:128px}.vhud.touch .vright{top:calc(max(10px, env(safe-area-inset-top)) + 50px);right:calc(max(12px, env(safe-area-inset-right)) + 0px);gap:4px}.vhud.touch .vitem{border-width:3px;border-radius:14px;width:56px;height:56px}.vhud.touch .vitem-icon{font-size:30px}.vhud.touch .vitem-name{display:none}.vhud.touch .vcoins{margin-top:2px;font-size:16px}.vteams{flex-direction:row;gap:3px;min-width:0}.vteam{border-radius:50%;padding:3px}.vteam span,.vteam b{display:none}.vteam.in i{box-shadow:0 0 0 2px var(--gold)}.vtouch-btn{width:52px;height:52px}.vtouch-sprint{width:70px;height:70px}.vtouch-item{width:60px;height:60px;font-size:24px}.vleg{padding:5px 9px 5px 8px}.vleg-kind{display:none}.vbottom{bottom:6px}.vtoast{font-size:13px;bottom:64px}.vspeech{bottom:104px}}