:root{--moat:#0f2b2e;--teal:#2f9f98;--gold:#f2c14e;--light:#fff6d8;--glass:#0f2b2eb8;--mm:"Pyidaungsu", "Noto Sans Myanmar", "Myanmar Text", sans-serif;--ui:system-ui, -apple-system, "Segoe UI", Roboto, var(--mm), sans-serif}*{box-sizing:border-box}html,body{background:var(--moat);height:100%;color:var(--light);font-family:var(--ui);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}#app,#app canvas{display:block;position:fixed;inset:0}#ui{pointer-events:none;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));position:fixed;inset:0}[hidden]{display:none!important}.brand{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));text-shadow:0 1px 6px #00000073;align-items:baseline;gap:8px;display:flex;position:absolute}.brand-mm{font-family:var(--mm);font-weight:700;font-size:var(--type-20);color:var(--gold)}.brand-en{font-size:var(--type-12);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.lap{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));border-radius:var(--radius-md);background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;width:196px;padding:10px 12px;position:absolute}.lap-label,.lap-best{font-family:var(--mm);font-size:var(--type-12);opacity:.8}.lap-time{font-size:var(--type-24);font-weight:700;line-height:1.2}.lap-bar{border-radius:var(--radius-full);background:#fff6d833;height:4px;margin:6px 0;overflow:hidden}.lap-fill{background:var(--gold);width:0;height:100%}.speedo{left:50%;bottom:max(18px, env(safe-area-inset-bottom));font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #00000080;align-items:baseline;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.speed-value{font-size:3rem;font-weight:700;line-height:1}.speed-unit{font-size:var(--type-13);opacity:.8}@media (pointer:fine){.speed-value{font-size:4.5rem}}.minimap{pointer-events:auto;cursor:zoom-in;left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));border-radius:var(--radius-md);position:absolute}.toast{border-radius:var(--radius-full);background:var(--glass);max-width:min(90vw,460px);font-family:var(--mm);font-size:var(--type-16);text-align:center;opacity:0;padding:10px 18px;transition:opacity .25s,transform .25s;position:absolute;top:22%;left:50%;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}.place-card{top:calc(max(14px, env(safe-area-inset-top)) + 52px);border-radius:var(--radius-lg);width:min(88vw,400px);max-height:46vh;font-family:var(--mm);opacity:0;pointer-events:none;background:#0f2b2edb;border:1px solid #f2c14e73;padding:14px 18px 16px;line-height:1.75;transition:opacity .3s,transform .3s;position:absolute;left:50%;overflow-y:auto;transform:translate(-50%,-12px);box-shadow:0 8px 28px #00000059}.place-card.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.place-card h2{color:var(--gold);font-size:var(--type-20);margin:0 28px 0 0;font-weight:700;line-height:1.6}.place-en{font-family:var(--ui);font-size:var(--type-12);opacity:.7}.place-tag{color:#9fd8d2;font-size:var(--type-13);margin-top:4px}.place-card p{font-size:var(--type-16);margin:8px 0 0;line-height:1.8}.place-close{width:32px;height:32px;color:var(--light);font-size:var(--type-16);cursor:pointer;background:#fff6d81f;border:0;border-radius:50%;position:absolute;top:8px;right:8px}@media (pointer:coarse){.place-card{top:calc(max(14px, env(safe-area-inset-top)) + 144px);max-height:34vh}.place-card p{font-size:var(--type-16)}}.pad{display:none}@media (pointer:coarse){body.riding .pad{display:flex}.minimap{bottom:auto;top:calc(max(14px, env(safe-area-inset-top)) + 40px);width:96px!important;height:96px!important}.speedo{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 90px)}}.pad{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;position:absolute}.pad-group{gap:12px;display:flex}.pad-btn{pointer-events:auto;background:var(--glass);width:76px;height:76px;color:var(--light);font-family:var(--mm);font-size:var(--type-20);touch-action:none;border:2px solid #fff6d859;border-radius:50%}.stick{pointer-events:auto;touch-action:none;position:relative}.stick-knob{pointer-events:none}.pad-stop-label{font-size:var(--type-14);line-height:1}.intro{pointer-events:auto;background:radial-gradient(#0f2b2e8c,#0f2b2ed9);place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.intro-card{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;min-width:0;max-width:440px;display:flex}.intro-title{font-family:var(--mm);color:var(--gold);margin:0;font-size:clamp(2.6rem,10vw,3.6rem);line-height:1.5}.intro-sub{font-family:var(--mm);font-size:var(--type-16);margin:0;line-height:1.8}.intro-for{font-family:var(--mm);font-size:var(--type-14);color:var(--gold);opacity:.9;margin:-10px 0 0;line-height:1.8}.intro-highlights{text-align:left;gap:4px;width:100%;max-width:460px;margin:0;padding:0;list-style:none;display:grid}.intro-highlight{border-radius:var(--radius-md);font-family:var(--mm);font-size:var(--type-14);background:#ffffff12;align-items:center;gap:8px;padding:4px 10px;line-height:1.7;display:flex}.intro-highlight svg{width:18px;height:18px;color:var(--gold);flex:none}.start{border-radius:var(--radius-full);background:var(--gold);min-width:180px;color:var(--moat);font-family:var(--mm);font-size:var(--type-20);cursor:pointer;border:0;padding:12px 28px;font-weight:700}.start:focus-visible{outline:3px solid var(--light);outline-offset:3px}.intro-keys{font-family:var(--mm);font-size:var(--type-14);opacity:.85;margin:0;line-height:2.1}.intro-touch{font-family:var(--mm);font-size:var(--type-14);opacity:.85;margin:0;display:none}@media (pointer:coarse){.intro-keys{display:none}.intro-touch{display:block}}kbd{border-radius:var(--radius-xs);min-width:1.6em;font-family:var(--ui);font-size:var(--type-12);border:1px solid #fff6d866;margin:0 1px;padding:0 5px;line-height:1.6;display:inline-block}.start:disabled{cursor:progress;opacity:.7;font-size:var(--type-16)}.credit,.intro-credit{color:var(--light);font-size:var(--type-12);opacity:.7;text-decoration:none}.credit{left:50%;bottom:max(4px, env(safe-area-inset-bottom));white-space:nowrap;pointer-events:auto;text-shadow:0 1px 2px #0009;position:absolute;transform:translate(-50%)}.intro-credit{font-size:var(--type-12);margin-top:4px;display:block}.lap-head{justify-content:space-between;align-items:center;display:flex}.board-btn{pointer-events:auto;width:34px;height:34px;font-size:var(--type-16);cursor:pointer;background:0 0;border:0;border-radius:50%;margin:-6px -6px -6px 0}.board-btn:focus-visible,.board-close:focus-visible,.intro-board:focus-visible{outline:3px solid var(--light);outline-offset:2px}.intro-board{border-radius:var(--radius-full);color:var(--light);font-family:var(--mm);font-size:var(--type-16);cursor:pointer;background:0 0;border:1px solid #fff6d866;padding:8px 18px}.board{pointer-events:auto;z-index:5;background:#0f2b2e99;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.board-card{border-radius:var(--radius-lg);background:#0f2b2ef0;width:min(100%,380px);max-height:90%;padding:18px 18px 12px;position:relative;overflow-y:auto}.board-close{width:40px;height:40px;color:var(--light);font-size:var(--type-16);cursor:pointer;background:0 0;border:0;border-radius:50%;position:absolute;top:8px;right:8px}.board-title{font-family:var(--mm);font-size:var(--type-20);color:var(--gold);margin:0 0 4px;line-height:1.7}.board-note{font-family:var(--mm);font-size:var(--type-12);opacity:.75;margin:0 0 10px;line-height:1.8}.board-list{font-variant-numeric:tabular-nums;margin:0;padding:0;list-style:none}.board-row{border-top:1px solid #fff6d81f;grid-template-columns:2em 1fr 1.6em auto;align-items:center;gap:8px;padding:7px 4px;display:grid}.board-row.new{color:var(--gold);font-weight:700}.board-place{opacity:.7}.board-time{font-size:var(--type-16);font-weight:700}.board-date{font-size:var(--type-12);opacity:.7}.board-empty{font-family:var(--mm);opacity:.8;padding:10px 0}.lap-tools{gap:4px;display:flex}.time-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.time-chip{border-radius:var(--radius-full);min-height:40px;color:var(--light);font-family:var(--mm);font-size:var(--type-16);cursor:pointer;background:0 0;border:1px solid #fff6d866;padding:6px 14px}.time-chip[aria-pressed=true]{border-color:var(--gold);background:var(--gold);color:var(--moat);font-weight:700}.time-chip:focus-visible{outline:3px solid var(--light);outline-offset:2px}.bigmap{z-index:6;pointer-events:auto;background:#16353a;position:absolute;inset:0}.bigmap-canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.bigmap-title{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));border-radius:var(--radius-full);background:var(--glass);font-family:var(--mm);color:var(--gold);padding:6px 14px;font-weight:700;position:absolute}.bigmap-btn{background:var(--glass);width:48px;height:48px;color:var(--light);font-size:var(--type-20);cursor:pointer;border:1px solid #fff6d866;border-radius:50%;position:absolute}.bigmap-btn:focus-visible,.board-btn[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:2px}.bigmap-close{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right))}.bigmap-centre{right:max(14px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom))}.shot-btn,.album-btn{right:max(14px, env(safe-area-inset-right));pointer-events:auto;background:var(--glass);cursor:pointer;border:2px solid #fff6d859;border-radius:50%;display:none;position:absolute}body.riding .shot-btn,body.riding .album-btn{display:block}.shot-btn{width:56px;height:56px;font-size:var(--type-24);top:44%}.album-btn{width:44px;height:44px;font-size:var(--type-16);top:calc(44% + 66px);right:calc(max(14px, env(safe-area-inset-right)) + 6px)}.shot-btn:focus-visible,.album-btn:focus-visible,.photo-btn:focus-visible,.photo-thumb:focus-visible{outline:3px solid var(--light);outline-offset:2px}.flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.flash.go{animation:.45s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}@media (prefers-reduced-motion:reduce){.flash.go{animation:none}}.photos{z-index:7;pointer-events:auto;background:#0f2b2eb3;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.photos-card{border-radius:var(--radius-lg);background:#0f2b2ef5;width:min(100%,640px);max-height:92%;padding:18px;position:relative;overflow-y:auto}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.photo-thumb{border-radius:var(--radius-sm);aspect-ratio:16/10;cursor:pointer;background:#0b1f22;border:0;padding:0;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-viewer{background:#081416f5;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.photo-view{border-radius:var(--radius-thumb);max-width:100%;max-height:calc(100% - 80px);box-shadow:0 8px 30px #00000080}.photo-bar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.photo-btn{border-radius:var(--radius-full);min-height:44px;color:var(--light);font-family:var(--mm);font-size:var(--type-16);cursor:pointer;background:0 0;border:1px solid #fff6d866;padding:8px 16px}.photo-btn[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--moat);font-weight:700}@media (pointer:coarse){.shot-btn{top:34%}.album-btn{top:calc(34% + 66px)}}.rider-btn{border-radius:var(--radius-md);max-width:100%;min-height:44px;color:var(--light);font-family:var(--mm);text-align:left;cursor:pointer;background:#0f2b2e8c;border:1px solid #fff6d859;align-items:center;gap:10px;padding:5px 14px 5px 5px;display:flex}.rider-btn:focus-visible,.wardrobe-chip:focus-visible,.wardrobe-swatch:focus-visible{outline:3px solid var(--light);outline-offset:2px}.rider-thumb{aspect-ratio:4/3;border-radius:var(--radius-sm);object-fit:cover;background:#fff6d814;flex:none;width:60px}.rider-text{flex-direction:column;min-width:0;display:flex}.rider-title{font-size:var(--type-14);color:var(--gold);font-weight:700;line-height:1.7}.rider-summary{font-size:var(--type-12);opacity:.85;text-overflow:ellipsis;white-space:nowrap;line-height:1.6;overflow:hidden}.wardrobe{z-index:6}.wardrobe-card{width:min(100%,460px);font-family:var(--mm);color:var(--light);flex-direction:column;align-items:center;gap:10px;display:flex}.wardrobe-preview{aspect-ratio:300/220;border-radius:var(--radius-md);object-fit:cover;background:#fff6d814;width:min(100%,300px)}.wardrobe-rows{flex-direction:column;gap:6px;width:100%;display:flex}.wardrobe-row{grid-template-columns:5.6em 1fr;align-items:center;gap:8px;display:grid}.wardrobe-label{font-size:var(--type-12);opacity:.85;line-height:1.6}.wardrobe-list{flex-wrap:wrap;gap:5px;display:flex}.wardrobe-chip{border-radius:var(--radius-full);min-height:34px;color:var(--light);font-family:var(--mm);font-size:var(--type-12);cursor:pointer;background:0 0;border:1px solid #fff6d859;padding:3px 11px;line-height:1.6}.wardrobe-chip[aria-checked=true]{background:var(--gold);border-color:var(--gold);color:var(--moat);font-weight:700}.wardrobe-swatch{cursor:pointer;border:2px solid #fff6d84d;border-radius:50%;width:28px;height:28px;padding:0}.wardrobe-swatch[aria-checked=true]{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.wardrobe-hint{font-size:var(--type-12);opacity:.75;margin:-2px 0 4px;line-height:1.7}.wardrobe-done{min-width:140px;font-size:var(--type-16);padding:8px 24px}@media (max-width:420px){.wardrobe-row{grid-template-columns:1fr;gap:3px}.wardrobe-label:empty{display:none}}.bike-note{font-family:var(--mm);font-size:var(--type-13);opacity:.85;margin:0;line-height:1.7}.board-bike{font-family:var(--mm);font-size:var(--type-12);opacity:.7}.bikes{flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.bikes-title{font-family:var(--mm);font-size:var(--type-16);opacity:.9;margin:0}.bike-row{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:8px;max-width:100%;padding:4px 2px 6px;display:flex;overflow-x:auto}.bike-card{border-radius:var(--radius-md);width:80px;color:var(--light);font-family:var(--mm);cursor:pointer;scroll-snap-align:center;background:#0f2b2e8c;border:1px solid #fff6d84d;flex-direction:column;flex:none;align-items:stretch;gap:3px;padding:6px;display:flex}.bike-card[aria-checked=true]{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset;background:#f2c14e2e}.bike-card:focus-visible{outline:3px solid var(--light);outline-offset:2px}.bike-thumb{aspect-ratio:3/2;border-radius:var(--radius-sm);object-fit:cover;background:#fff6d814;width:100%}.bike-name{font-size:var(--type-13);white-space:nowrap;font-weight:700;line-height:1.6}.bike-bars{flex-direction:column;gap:2px;display:flex}.bike-bar{font-size:var(--type-12);text-align:left;opacity:.9;grid-template-columns:3.4em 1fr;align-items:center;gap:4px;line-height:1.5;display:grid}.bike-bar b{border-radius:var(--radius-full);background:#fff6d82e;height:4px;overflow:hidden}.bike-bar i{background:var(--gold);height:100%;display:block}.board-row:has(.board-bike){grid-template-columns:2em 1fr 1.6em auto auto}.tour-btn{top:calc(44% + 122px);right:calc(max(14px, env(safe-area-inset-right)) + 3px);background:var(--glass);width:50px;height:50px;font-size:var(--type-20);pointer-events:auto;cursor:pointer;border:2px solid #f2c14eb3;border-radius:50%;display:none;position:absolute}body.riding .tour-btn{display:block}body.touring .tour-btn{border-color:var(--gold);background:#f2c14e59}.tour{pointer-events:auto;z-index:6;background:#0f2b2e99;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.tour[hidden]{display:none}.tour-card{border-radius:var(--radius-lg);background:#0f2b2ef2;width:min(100%,420px);max-height:90%;padding:18px 14px 12px;position:relative;overflow-y:auto}.tour-close{width:40px;height:40px;color:var(--light);font-size:var(--type-16);cursor:pointer;background:0 0;border:0;border-radius:50%;position:absolute;top:8px;right:8px}.tour-title{font-family:var(--mm);font-size:var(--type-20);color:var(--gold);margin:0 0 4px 4px;line-height:1.7}.tour-sub{font-family:var(--mm);font-size:var(--type-12);opacity:.78;margin:0 4px 12px;line-height:1.8}.tour-list{gap:6px;display:grid}.tour-item{border-radius:var(--radius-md);width:100%;color:var(--light);text-align:left;cursor:pointer;background:#fff6d80d;border:1px solid #fff6d829;grid-template-columns:2.2em 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.tour-item:hover,.tour-item:focus-visible{border-color:var(--gold);background:#f2c14e24;outline:none}.tour-icon{font-size:var(--type-24);text-align:center}.tour-text{min-width:0;display:grid}.tour-my{font-family:var(--mm);font-size:var(--type-16);line-height:1.75}.tour-en{font-size:var(--type-12);opacity:.6}.tour-note{font-family:var(--mm);font-size:var(--type-12);color:var(--gold);opacity:.9;line-height:1.7}.tour-dist{font-family:var(--mm);font-size:var(--type-12);white-space:nowrap;opacity:.8}.tour-banner{top:calc(max(14px, env(safe-area-inset-top)) + 62px);border-radius:var(--radius-full);background:var(--glass);pointer-events:auto;z-index:4;border:1px solid #f2c14e8c;align-items:center;gap:12px;max-width:min(92vw,520px);padding:6px 6px 6px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tour-banner[hidden]{display:none}.tour-banner-info{min-width:0;line-height:1.5;display:grid}.tour-banner-name{font-family:var(--mm);font-size:var(--type-16);color:var(--gold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tour-banner-dist{font-family:var(--mm);font-size:var(--type-12);opacity:.8}.tour-banner-stop{border-radius:var(--radius-full);background:var(--gold);color:var(--moat);font-family:var(--mm);font-size:var(--type-13);cursor:pointer;border:0;flex:none;padding:8px 14px}.tour-banner-pace{border-radius:var(--radius-full);min-height:40px;color:var(--light);font-family:var(--mm);font-size:var(--type-13);white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #f2c14e8c;flex:none;padding:8px 12px}.tour-btn:focus-visible,.tour-close:focus-visible,.tour-banner-pace:focus-visible,.tour-banner-stop:focus-visible{outline:3px solid var(--light);outline-offset:2px}@media (max-width:600px){.tour-banner{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));top:calc(max(14px, env(safe-area-inset-top)) + 146px);justify-content:space-between;max-width:none;transform:none}body.touring .toast{top:calc(max(14px, env(safe-area-inset-top)) + 210px)}}.nav-search{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input);cursor:text;align-items:center;gap:8px;min-height:40px;margin:4px 0 10px;padding:0 12px;display:flex}.nav-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.nav-search-icon{font-size:var(--type-16);opacity:.7}.nav-search-input{min-width:0;min-height:40px;color:var(--text);font-family:var(--font,var(--mm));font-size:var(--type-16);background:0 0;border:0;outline:none;flex:1}.nav-search-input::placeholder{color:var(--text-4)}.nav-search-input::-webkit-search-cancel-button{filter:grayscale()}.nav-modes{width:100%;margin-bottom:2px}.nav-modes button{flex:1}.nav-results[hidden],.tour-list[hidden]{display:none}.nav-none{margin:8px 4px}.tour-banner{border-radius:var(--radius-md);align-items:stretch;gap:4px;padding:4px}.tour-banner [hidden]{display:none!important}.tour-banner-row{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.tour-banner-row .nav-turn{flex:1;min-width:0}.tour-banner-row :is(.tour-banner-pace,.nav-end){flex:none;min-height:36px;padding:4px 10px}.tour-banner-row .tour-banner-info{flex:1}.nav-turn{border-radius:var(--radius-md);color:var(--on-glass);background:#ffffff14;grid-template-columns:44px 1fr;align-items:center;gap:10px;padding:8px 12px 8px 8px;transition:background-color .2s;display:grid}.nav-turn.soon{background:var(--accent);color:var(--btn-text)}.nav-turn-arrow{width:44px;height:44px;color:var(--accent);place-items:center;display:grid}.nav-turn.soon .nav-turn-arrow{color:var(--btn-text)}.nav-turn-arrow svg{width:40px;height:40px}.nav-turn-first{align-items:baseline;gap:10px;min-width:0;display:flex}.nav-turn-dist{font-family:var(--font,var(--mm));font-size:var(--type-20);white-space:nowrap;font-weight:700}.nav-turn-words{min-width:0;line-height:1.45;display:grid}.nav-turn-text{font-family:var(--font,var(--mm));font-size:var(--type-16);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.nav-turn-then{font-family:var(--font,var(--mm));font-size:var(--type-14);text-overflow:ellipsis;white-space:nowrap;opacity:.85;overflow:hidden}.nav-end{border:1px solid var(--glass-line);width:40px;height:40px;color:var(--on-glass);font-size:var(--type-16);cursor:pointer;background:0 0;border-radius:50%;flex:none}.nav-end:hover{background:var(--glass-hover)}.nav-end:focus-visible{outline:3px solid var(--on-glass);outline-offset:2px}@media (max-width:600px){.nav-turn-dist{font-size:var(--type-16)}.nav-wide{display:none}.tour-banner{gap:4px;padding:4px}.nav-turn{grid-template-columns:30px 1fr;gap:6px;padding:4px 8px 4px 4px}.nav-turn-arrow,.nav-turn-arrow svg{width:30px;height:30px}.tour-banner-row{gap:6px}.tour-banner-row .tour-banner-info{min-width:0}.tour-banner-row .tour-banner-name,.tour-banner-row .tour-banner-dist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tour-banner-row :is(.tour-banner-pace,.tour-banner-stop){min-height:36px;padding:6px 10px}.nav-end{width:36px;height:36px}}@media (min-width:601px){body.touring .toast{top:calc(max(14px, env(safe-area-inset-top)) + 150px)}body.race-nav .tour-banner{top:calc(max(14px, env(safe-area-inset-top)) + 104px)}body.race-nav .toast{top:calc(max(14px, env(safe-area-inset-top)) + 186px)}}@media (max-width:600px){body.race-nav .race-hud{top:calc(max(14px, env(safe-area-inset-top)) + 216px)}}.street-chip{border-radius:var(--radius-full);background:var(--glass);color:var(--on-glass);font-family:var(--font,var(--mm));font-size:var(--type-13);white-space:nowrap;text-shadow:none;opacity:.6;pointer-events:none;padding:2px 10px;line-height:1.6;transition:opacity .8s,background-color .8s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.street-chip.fresh{opacity:1;background:var(--glass-strong)}.street-chip.gone{opacity:0;transition-duration:1.2s}.street-chip[hidden]{display:none}.photo-btn:disabled{opacity:.4;cursor:default}.font-sheet{max-height:80%;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:#0f2b2efa;position:absolute;inset:auto 0 0;overflow-y:auto;box-shadow:0 -8px 30px #00000080}.font-list{gap:8px;margin-bottom:12px;display:grid}.font-row{gap:8px;display:flex}.font-choice{border-radius:var(--radius-md);min-height:56px;color:var(--light);text-align:left;cursor:pointer;background:0 0;border:1px solid #fff6d840;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.font-choice[aria-pressed=true]{border-color:var(--gold);background:#e0b04029}.font-sample{font-family:var(--mm);font-size:var(--type-20);line-height:1.6}.font-name{font-family:var(--mm);font-size:var(--type-12);opacity:.7}.font-del{border-radius:var(--radius-md);min-width:48px;color:var(--light);cursor:pointer;background:0 0;border:1px solid #fff6d840}.font-add{width:100%}.font-choice:focus-visible,.font-del:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.edit-field{gap:4px;margin-bottom:12px;display:grid}.edit-label{font-family:var(--mm);font-size:var(--type-13);opacity:.8}.edit-input{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:var(--light);font-family:var(--mm);font-size:var(--type-16);resize:vertical;background:#00000040;border:1px solid #fff6d84d;padding:10px 12px;line-height:1.7}.edit-input:focus{outline:2px solid var(--gold);outline-offset:1px}.edit-actions{justify-content:flex-end;gap:8px;display:flex}.edit-done{background:var(--gold);border-color:var(--gold);color:var(--moat);font-weight:700}.photo-viewer.editing{justify-content:flex-start}.photo-viewer.editing .photo-view{max-height:40%}.photo-viewer.editing .photo-bar{visibility:hidden}.edit-sheet{max-height:58%}.from-preview{color:var(--gold);opacity:1}@media (max-height:500px){.from-sheet{max-height:96%}.from-sheet>.board-note:not(.from-preview){display:none}}.hold-save{z-index:5;padding:calc(56px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));background:#081416fa;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.hold-save-img{border-radius:var(--radius-thumb);-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;touch-action:auto;max-width:100%;max-height:calc(100% - 90px);box-shadow:0 8px 30px #00000080}.hold-save-hint,.hold-save-sub{font-family:var(--mm);text-align:center;margin:0}.hold-save-hint{font-size:var(--type-16)}.hold-save-sub{opacity:.7;font-size:var(--type-13)}.hold-save .board-close{color:var(--light);top:calc(12px + env(safe-area-inset-top));position:absolute;right:12px}.passport-book{aspect-ratio:5/7;border-radius:var(--radius-md);width:min(100%,380px);max-height:92%;box-shadow:var(--menu-shadow);position:relative;overflow:hidden}.passport-close{z-index:2;color:var(--paper-text)}.passport-book:has(.passport-cover:not([hidden])) .passport-close{color:var(--cover-gold)}.passport-cover{background:radial-gradient(circle at 50% 38%, var(--cover) 0%, var(--cover-deep) 100%);width:100%;color:var(--cover-gold);font-family:var(--font);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex;position:absolute;inset:0}.passport-cover:before{content:"";border:1.5px solid var(--cover-gold);border-radius:var(--radius-sm);opacity:.6;pointer-events:none;position:absolute;inset:12px}.cover-top{font-family:var(--font-ui);font-size:var(--type-12);letter-spacing:.12em;font-weight:600}.cover-emblem{width:92px;height:70px;margin:14px 0 6px}.cover-title{font-size:var(--type-32);font-weight:700;line-height:1.3}.cover-sub{font-size:var(--type-20);font-weight:600}.cover-en{font-family:var(--font-ui);font-size:var(--type-14);letter-spacing:.22em;margin-top:4px;font-weight:600}.cover-count{font-size:var(--type-16);margin-top:18px;font-weight:600}.cover-open{border:1px solid var(--cover-gold);border-radius:var(--radius-full);font-size:var(--type-14);margin-top:6px;padding:6px 16px}.passport-page{color:var(--paper-text);background:repeating-radial-gradient(circle at 50% 55%, transparent 0 9px, var(--paper-line) 9px 10px), var(--paper);touch-action:pan-y;flex-direction:column;padding:18px 16px 10px;display:flex;position:absolute;inset:0}.passport-page[hidden],.passport-cover[hidden]{display:none}.page-head{border-bottom:1px solid var(--paper-line);font-family:var(--font);font-size:var(--type-14);justify-content:space-between;align-items:baseline;padding:0 44px 8px 2px;font-weight:600;display:flex}.page-head span+span{font-family:var(--font-ui);font-size:var(--type-12);letter-spacing:.12em;color:var(--paper-text-2)}.page-slots{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;min-height:0;padding:10px 0;display:grid}.slot{border:1.5px dashed var(--paper-line);border-radius:var(--radius-sm);grid-template-rows:1fr auto;min-height:0;margin:0;padding:6px;display:grid;position:relative}.slot.got{border-style:solid}.slot .stamp-art{width:100%;max-width:118px;height:100%;min-height:0;max-height:118px;transform:rotate(var(--tilt,0deg));align-self:center;margin:0 auto}.slot figcaption{text-align:center;font-family:var(--font);font-size:var(--type-12);grid-row:2;line-height:1.35;display:grid}.slot:not(.got) figcaption{grid-row:1/3;align-self:center}.slot figcaption b{font-weight:600}.slot figcaption span{color:var(--paper-text-2)}.page-foot{font-family:var(--font);font-size:var(--type-13);justify-content:space-between;align-items:center;display:flex}.page-turn{width:var(--control-lg);height:var(--control-lg);border:1px solid var(--paper-line);color:var(--paper-text);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.page-turn:disabled{opacity:.35}.page-next .icon{transform:scaleX(-1)}.page-turn .icon{width:18px;height:18px}.stamp-svg{width:100%;height:100%;display:block}.ink-red{color:var(--ink-red)}.ink-purple{color:var(--ink-purple)}.ink-blue{color:var(--ink-blue)}.ink-green{color:var(--ink-green)}.ink-brown{color:var(--ink-brown)}.stamp-name{height:100%;font-family:var(--font);font-size:var(--type-14);text-align:center;color:currentColor;place-items:center;font-weight:700;line-height:1.2;display:grid}.stamp-name.small{font-size:var(--type-12)}.stamp-en,.stamp-date{font-family:var(--font-ui);letter-spacing:.06em;font-weight:600}.stamp-pop{pointer-events:none;opacity:0;width:150px;height:150px;filter:drop-shadow(var(--pop-halo)) drop-shadow(var(--pop-halo));z-index:4;background:0 0;border:0;border-radius:50%;margin-left:-75px;padding:0;position:absolute;top:30%;left:50%}.stamp-pop.show{pointer-events:auto;animation:stamp-thump 3.2s var(--spring) forwards}@keyframes stamp-thump{0%{opacity:0;transform:scale(1.8)rotate(0)}9%{opacity:1;transform:scale(.94) rotate(var(--tilt))}14%{transform:scale(1) rotate(var(--tilt))}85%{opacity:1;transform:scale(1) rotate(var(--tilt))}to{opacity:0;transform:scale(1) rotate(var(--tilt))}}@media (prefers-reduced-motion:reduce){.stamp-pop.show{animation-name:stamp-fade}@keyframes stamp-fade{0%,85%{opacity:1;transform:rotate(var(--tilt))}to{opacity:0}}}.intro-stamps .icon{margin-right:6px}.wet-screen{pointer-events:none;opacity:0;background:radial-gradient(circle at 18% 22%, var(--drop) 0 7px, transparent 8px), radial-gradient(circle at 72% 14%, var(--drop) 0 5px, transparent 6px), radial-gradient(circle at 40% 58%, var(--drop) 0 9px, transparent 10px), radial-gradient(circle at 85% 66%, var(--drop) 0 6px, transparent 7px), radial-gradient(circle at 12% 78%, var(--drop) 0 5px, transparent 6px), radial-gradient(circle at 58% 32%, var(--drop) 0 4px, transparent 5px), radial-gradient(circle at 30% 90%, var(--drop) 0 8px, transparent 9px), radial-gradient(circle at 92% 38%, var(--drop) 0 4px, transparent 5px), linear-gradient(180deg, var(--wet-wash), transparent 60%);z-index:3;background-size:260px 300px,260px 300px,260px 300px,260px 300px,260px 300px,260px 300px,260px 300px,260px 300px,100% 100%;transition:opacity .6s ease-out;position:absolute;inset:0}.wet-screen.show{opacity:1;transition-duration:.12s;animation:3s linear infinite drops-run}@keyframes drops-run{to{background-position:0 300px,0 300px,0 300px,0 300px,0 300px,0 300px,0 300px,0 300px,0 0}}@media (prefers-reduced-motion:reduce){.wet-screen.show{animation:none}}body.riding canvas.minimap{border-radius:50%}.map-tools{left:calc(max(14px, env(safe-area-inset-left)) + 132px + 10px);bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;gap:8px;display:none;position:absolute}body.riding .map-tools{display:flex}body.at-summit .map-tools{display:none}.map-tool{border:1px solid var(--glass-soft-line);background:var(--glass-soft);width:40px;height:40px;color:var(--on-glass);-webkit-backdrop-filter:var(--glass-soft-blur);backdrop-filter:var(--glass-soft-blur);box-shadow:var(--glass-soft-shadow,none);pointer-events:auto;cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;padding:0;display:grid}.map-tool:hover{background:var(--glass-strong)}.map-tool:active{transform:scale(.94)}.map-tool:focus-visible{outline:3px solid var(--light);outline-offset:2px}.map-tool .icon{width:20px;height:20px}.sound-btn.off,.menu-switch-tile.off{color:var(--accent-text)}@media (pointer:coarse){.map-tools{bottom:auto;top:calc(max(14px, env(safe-area-inset-top)) + 40px);left:calc(max(14px, env(safe-area-inset-left)) + 96px + 8px);gap:5px}.map-tool{width:36px;height:36px}}.help-card{text-align:left;width:min(100%,440px);padding-bottom:18px}.help-section{margin-top:14px}.help-head{font-family:var(--mm);font-size:var(--type-16);color:var(--accent-text);margin:0 0 4px}.help-text{font-family:var(--mm);font-size:var(--type-14);margin:0;line-height:1.9}.help-buttons{gap:6px;margin:0;padding:0;list-style:none;display:grid}.help-button{font-family:var(--mm);font-size:var(--type-14);align-items:center;gap:10px;line-height:1.6;display:flex}.help-badge{background:var(--accent-soft);width:32px;height:32px;font-size:var(--type-16);border-radius:50%;flex:none;place-items:center;display:grid}.help-badge .icon{width:18px;height:18px}.game-menu-card{text-align:left;width:min(100%,440px);padding-bottom:18px}.menu-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.menu-tile{border-radius:var(--radius-md);background:var(--accent-soft);color:inherit;font-family:var(--mm);font-size:var(--type-13);cursor:pointer;border:0;justify-items:center;gap:6px;padding:12px 4px 10px;line-height:1.5;display:grid}.menu-tile .icon{width:22px;height:22px}.menu-tile:active{transform:scale(.96)}.menu-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.menu-row:first-child{margin-top:14px}.menu-row-label{font-family:var(--mm);font-size:var(--type-14)}.menu-chips{flex-wrap:wrap;gap:6px;width:100%;display:flex}.menu-chip{border:1px solid var(--border);border-radius:var(--radius-pill);color:inherit;font-family:var(--mm);font-size:var(--type-13);cursor:pointer;background:0 0;padding:6px 12px}.menu-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--btn-text)}.menu-foot{gap:8px;margin-top:16px;display:flex}.menu-foot-btn{font-family:var(--mm);font-size:var(--type-14);line-height:1.5}.menu-foot-btn .icon{width:18px;height:18px}.menu-go{background:var(--accent);color:var(--btn-text);flex:1}.help-keys{border-collapse:collapse;width:100%;font-family:var(--mm);font-size:var(--type-14);line-height:1.8}.help-keys th{text-align:left;white-space:nowrap;width:40%;padding:4px 12px 4px 0;font-weight:400}.help-keys td{padding:4px 0}.help-keys tr+tr{border-top:1px solid var(--border-soft)}.help-keys kbd+kbd{margin-left:4px}.menu-tile-soon,.room-soon{opacity:.72}.room-soon .soon-badge{margin-inline-start:6px}.soon-badge{border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-text);font-family:var(--mm);font-size:var(--type-12);justify-self:center;padding:1px 8px;line-height:1.6}.race-hud{top:max(64px, calc(env(safe-area-inset-top) + 56px));border-radius:var(--radius-full);color:#fff6d8;max-width:calc(100% - 32px);font-family:Pyidaungsu,Noto Sans Myanmar,sans-serif;font-size:var(--type-16);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;z-index:4;background:#0f2b2ed1;border:1px solid #fff6d84d;padding:6px 14px;line-height:1.7;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.race-hud.ahead{border-color:var(--glass-positive)}.race-hud.behind{border-color:var(--glass-negative)}.horn-btn{right:max(14px, env(safe-area-inset-right));width:48px;height:48px;font-size:var(--type-20);cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#0f2b2e9e;border:2px solid #fff6d859;border-radius:50%;padding:0;line-height:1;display:none;position:absolute;top:calc(44% - 62px)}body.riding .horn-btn{display:block}.horn-btn:active,.horn-btn.on{border-color:#f2c14e;transform:scale(.92)}.horn-btn:focus-visible{outline-offset:2px;outline:3px solid #fff6d8}.intro-friends{color:var(--gold);border-color:#f2c14eb3}.room-card{width:min(100%,400px);font-family:var(--mm)}.room-view{flex-direction:column;gap:10px;display:flex}.room-label{font-size:var(--type-13);opacity:.85;flex-direction:column;gap:6px;margin:0;display:flex}.room-input{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:var(--light);font-family:var(--mm);font-size:var(--type-16);background:#00000040;border:1px solid #fff6d859;padding:10px 12px}.room-input:focus{outline:2px solid var(--gold);outline-offset:1px}.room-code-input{font-family:ui-monospace,Menlo,monospace;font-size:var(--type-20);letter-spacing:.25em;text-transform:uppercase}.room-or{font-size:var(--type-13);opacity:.8;margin:6px 0 0}.room-join-row,.room-share-row{gap:8px;display:flex}.room-join,.room-share,.room-copy,.room-go,.room-leave{border-radius:var(--radius-full);color:var(--light);font-family:var(--mm);font-size:var(--type-16);cursor:pointer;background:0 0;border:1px solid #fff6d866;flex:none;padding:8px 16px}.room-join{background:var(--teal);border-color:var(--teal)}.room-share{background:var(--teal);border-color:var(--teal);flex:1}.room-leave{color:var(--glass-negative);border-color:#ff8a7a99;align-self:center}.room-error{min-height:1em;color:var(--glass-negative);font-size:var(--type-13);margin:0;line-height:1.7}.room-code{font-family:ui-monospace,Menlo,monospace;font-size:var(--type-32);letter-spacing:.3em;color:var(--gold);text-align:center;-webkit-user-select:all;user-select:all;font-weight:700}.room-roster{margin:4px 0;padding:0;list-style:none}.room-rider{border-top:1px solid #fff6d81f;align-items:center;gap:8px;padding:7px 2px;display:flex}.room-dot{border-radius:50%;flex:none;width:12px;height:12px}.room-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.room-tag{font-size:var(--type-12);opacity:.7}.room-go{font-size:var(--type-13);padding:4px 12px}.room-busy{align-items:center;padding:18px 0}.room-spinner{border:3px solid #fff6d840;border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite room-spin}@keyframes room-spin{to{transform:rotate(360deg)}}.room-chip{top:calc(10px + env(safe-area-inset-top));border-radius:var(--radius-full);background:var(--glass);color:var(--light);font-family:var(--mm);font-size:var(--type-14);white-space:nowrap;pointer-events:auto;cursor:pointer;z-index:4;border:0;padding:6px 14px;position:absolute;left:50%;transform:translate(-50%)}.room-join:focus-visible,.room-share:focus-visible,.room-copy:focus-visible,.room-go:focus-visible,.room-leave:focus-visible,.room-chip:focus-visible{outline:3px solid var(--light);outline-offset:2px}.room-invite{flex-direction:column;align-items:center;gap:2px;display:flex}.room-other{color:var(--light);font-family:var(--mm);font-size:var(--type-13);opacity:.75;cursor:pointer;background:0 0;border:0;align-self:center;padding:6px 10px;text-decoration:underline}.room [hidden]{display:none!important}@media (pointer:coarse){.room-chip{top:calc(max(14px, env(safe-area-inset-top)) + 40px + 96px + 8px);left:max(14px, env(safe-area-inset-left));font-size:var(--type-12);padding:5px 10px;transform:none}}.unstick-btn{right:max(14px, env(safe-area-inset-right));width:52px;height:52px;font-size:var(--type-20);cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#0f2b2e9e;border:2px solid #fff6d859;border-radius:50%;padding:0;line-height:1;display:none;position:absolute;top:calc(40% + 186px)}body.riding .unstick-btn{display:block}body.at-summit .unstick-btn{display:none}.unstick-btn:active{border-color:#f2c14e;transform:scale(.92)}.unstick-btn:focus-visible{outline-offset:2px;outline:3px solid #fff6d8}@media (pointer:coarse){.unstick-btn{top:calc(32% + 186px)}}.follow-banner{left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 96px);border-radius:var(--radius-full);max-width:calc(100vw - 32px);color:var(--light);font-family:var(--mm);font-size:var(--type-14);pointer-events:auto;z-index:4;background:#0f2b2edb;align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex;position:absolute;transform:translate(-50%)}.follow-banner[hidden]{display:none}.follow-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.follow-yes,.follow-no{border-radius:var(--radius-full);background:var(--gold);min-height:36px;color:var(--moat);font-family:var(--mm);font-size:var(--type-14);cursor:pointer;border:0;flex:none;padding:4px 14px;font-weight:700}.follow-no{color:var(--light);background:0 0;padding:4px 10px}@media (pointer:coarse){.follow-banner{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 180px)}}.summit-btn{left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 120px);border:2px solid var(--gold);border-radius:var(--radius-full);background:var(--glass);color:var(--light);font-family:var(--mm);font-size:var(--type-16);pointer-events:auto;cursor:pointer;align-items:center;gap:8px;padding:12px 20px;animation:1.6s ease-in-out infinite summit-pulse;display:none;position:absolute;transform:translate(-50%)}.summit-btn.show{display:flex}.summit-icon{font-size:var(--type-24)}@keyframes summit-pulse{50%{box-shadow:0 0 0 6px #f6d26440}}.summit-panel{pointer-events:none;display:none;position:absolute;inset:0}.summit-panel.show{display:block}.summit-title{top:max(18px, env(safe-area-inset-top));border-radius:var(--radius-lg);background:var(--glass);font-family:var(--mm);text-align:center;white-space:nowrap;flex-direction:column;align-items:center;padding:8px 20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.summit-title b{color:var(--gold);font-size:var(--type-20)}.summit-title span{font-size:var(--type-13);opacity:.85}.summit-back{left:50%;bottom:max(18px, env(safe-area-inset-bottom));border-radius:var(--radius-full);background:var(--glass);color:var(--light);font-family:var(--mm);font-size:var(--type-16);pointer-events:auto;cursor:pointer;white-space:nowrap;border:2px solid #fff6d859;padding:12px 20px;position:absolute;transform:translate(-50%)}.summit-hint{left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 62px);font-family:var(--mm);font-size:var(--type-13);opacity:.7;text-shadow:0 1px 3px #0009;position:absolute;transform:translate(-50%)}.summit-labels{pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.summit-labels.show{display:block}.summit-label{width:120px;font-family:var(--mm);color:#fff8e4;text-shadow:0 1px 3px #000000bf;text-align:center;flex-direction:column;align-items:center;margin-top:-46px;margin-left:-60px;display:flex;position:absolute;top:0;left:0}.summit-label:after{content:"";background:#fff8e4bf;width:1px;height:14px;margin-top:2px}.summit-name{font-size:var(--type-14);white-space:nowrap}.summit-km{font-size:var(--type-12);opacity:.8}body.at-summit .pad,body.at-summit .speedo,body.at-summit .minimap,body.at-summit .summit-btn,body.at-summit .lap-time,body.at-summit .lap-best,body.at-summit .lap-bar{display:none!important}.couple-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.couple-row{align-items:stretch;gap:6px;display:flex}.couple-spot{min-width:0;min-height:var(--control-lg);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-raised);color:inherit;font-family:var(--mm);text-align:left;cursor:pointer;flex:1;align-items:center;gap:10px;padding:6px 12px;display:flex}.couple-spot:disabled{opacity:.55;cursor:default}.couple-spot:not(:disabled):hover{background:var(--accent-soft)}.couple-spot-icon{text-align:center;width:1.6em;font-size:var(--type-20);flex:none}.couple-spot-text{flex-direction:column;min-width:0;display:flex}.couple-spot-my{font-size:var(--type-16);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.couple-spot-sub{font-size:var(--type-12);color:var(--text-3);opacity:.85}.couple-set{border:1px solid var(--border-soft);border-radius:var(--radius-md);color:inherit;font-family:var(--mm);font-size:var(--type-12);cursor:pointer;background:0 0;flex:none;padding:4px 10px}.couple-banner .couple-alt{color:var(--light);background:0 0;box-shadow:inset 0 0 0 1px}.couple-banner button[hidden],body.riding.couple-passenger .onfoot-btn,body.riding.couple-passenger .unstick-btn,body.riding.couple-passenger .pad{display:none}.onfoot-btn{left:max(14px, env(safe-area-inset-left));border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass);height:52px;color:var(--on-glass);font-family:var(--font);font-size:var(--type-16);white-space:nowrap;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:0 18px;font-weight:600;line-height:1;display:none;position:absolute;top:calc(40% - 62px)}body.riding .onfoot-btn{display:block}body.at-summit .onfoot-btn{display:none}.onfoot-btn:active{transform:scale(.95)}.onfoot-btn.near{border-color:var(--glass-warning);box-shadow:0 0 0 2px #f5b54459}.onfoot-btn:focus-visible{outline-offset:2px;outline:3px solid #fff6d8}@media (pointer:coarse){.onfoot-btn{height:46px;top:calc(32% - 36px)}}body.riding.on-foot .horn-btn,body.riding.on-foot .unstick-btn,body.riding.on-foot .speedo{display:none}body:not(.riding) .brand,body:not(.riding) .lap,body:not(.riding) .speedo,body:not(.riding) .minimap,body:not(.riding) .credit{visibility:hidden}.intro{background:radial-gradient(#0f2b2eb8,#0a1e20f0)}.intro .start{bottom:max(12px, env(safe-area-inset-bottom));z-index:2;margin-top:8px;position:sticky;box-shadow:0 6px 24px #00000073}.time-chips{flex-wrap:nowrap;gap:6px}.time-chip{white-space:nowrap;padding:6px 12px}@media (max-width:360px){.time-chips{flex-wrap:wrap}}.wardrobe-card{max-height:calc(100dvh - 32px);padding-bottom:0;overflow-y:auto}.wardrobe-preview{z-index:1;width:min(100%,240px);position:sticky;top:-18px;box-shadow:0 6px 18px #0006}.wardrobe-done{z-index:1;border-radius:0 0 var(--radius-lg) var(--radius-lg);width:calc(100% + 36px);margin:4px -18px 0;padding:12px;position:sticky;bottom:0;box-shadow:0 -8px 18px #0a1e20e6}@media (pointer:coarse){.wardrobe-preview{width:min(70%,220px)}}body.riding .shot-btn,body.riding .album-btn,body.riding .tour-btn{right:max(14px, env(safe-area-inset-right));width:52px;height:52px;font-size:var(--type-20);border-width:2px}body.riding .shot-btn{top:40%}body.riding .album-btn{top:calc(40% + 62px)}body.riding .tour-btn{top:calc(40% + 124px)}@media (pointer:coarse){body.riding .shot-btn{top:32%}body.riding .album-btn{top:calc(32% + 62px)}body.riding .tour-btn{top:calc(32% + 124px)}}.lap-label{white-space:nowrap}@media (pointer:coarse){.lap{width:200px;padding:6px 10px 8px}.lap-bar{margin:4px 0}.lap-tools{gap:0}.board-btn{width:38px;height:38px;font-size:var(--type-16);margin:-6px -6px -6px 0}}.bigmap-btn svg{width:22px;height:22px;margin:auto;display:block}.tour-icon svg{width:30px;height:30px;margin:auto;display:block}.tour-banner-name .tour-icon{vertical-align:-4px;margin-right:6px;display:inline-block}.tour-banner-name .tour-icon svg{width:20px;height:20px}@media (pointer:coarse){.place-card{top:calc(max(14px, env(safe-area-inset-top)) + 146px);left:max(14px, env(safe-area-inset-left));width:calc(100% - 96px);transform:translateY(-12px)}.place-card.show{transform:translate(0)}}body.at-summit .brand,body.at-summit .lap,body.at-summit .tour-btn,body.at-summit .album-btn,body.at-summit .tour-banner{display:none!important}.summit-btn{white-space:nowrap}@media (pointer:coarse){.summit-btn{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 168px)}}.summit-name{font-weight:600}.summit-label{text-shadow:0 1px 3px #000000e6,0 0 8px #0009}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#0d2628;--surface:#12302f;--surface-raised:#1a3c3c;--surface-muted:#fff6d80f;--track:#081a1b;--input:#fff6d80f;--text:#fff6d8;--text-2:#fff6d8d6;--text-3:#fff6d8b3;--text-4:#fff6d894;--border:#fff6d81f;--border-soft:#fff6d812;--accent:#f2c14e;--accent-hover:#f6cf6e;--accent-deep:#d9a632;--accent-soft:#f2c14e29;--accent-text:#f2c14e;--btn-text:#0f2b2e;--positive:#6fd49a;--warning:#f5b544;--negative:#f2877a;--press-shadow:#0000008c;--card-shadow:0 1px 2px #00000052, 0 6px 16px -10px #0009;--menu-shadow:0 12px 32px -8px #000000b3, 0 2px 6px #00000080;--backdrop:#0614169e;--glass:#04121499;--glass-strong:#041214b3;--parabaik:radial-gradient(120% 140% at 30% 20%, #2b2621, #171411 70%);--parabaik-folds:repeating-linear-gradient(90deg, #ffffff0d 0 1px, transparent 1px 26px);--parabaik-edge:repeating-linear-gradient(180deg, #2a2520 0 3px, #120f0d 3px 5px);--parabaik-edge-line:#0d0b09;--parabaik-cord:linear-gradient(90deg, #6d1d12, #b23a24 50%, #6d1d12);--chalk:#f1e8d4;--chalk-2:#c9bea6;--glass-hover:#ffffff29;--glass-line:#ffffff24;--on-glass:#fff;--on-glass-2:#fffc;--glass-blur:blur(6px);--glass-positive:#8fe3b0;--glass-warning:#ffcf7a;--glass-negative:#ffaa9c;--glass-soft:linear-gradient(180deg, #222e2c75, #081414a3);--glass-soft-blur:blur(16px) saturate(1.4);--glass-soft-line:#fff6d824;--glass-soft-shadow:inset 0 1px 0 #ffffff38, 0 10px 28px #00000047;--gold-fill:linear-gradient(180deg, #f7d36d, #d99a1f);--gold-fill-line:#fff0beb3;--gold-fill-shadow:inset 0 2px 0 #ffffff8c, inset 0 -3px 6px #783c0059, 0 10px 26px #a0640059;--on-gold:#3b2400;--glass-soft-ring:0 0 0 1px #fff6d82e, 0 10px 28px #0000004d;--glass-soft-track:#fff6d824;--glass-gold-edge:#f2c14e8c;--glass-gold-wash:#f2c14e52;--glass-pressed:#ffffff4d;--gold-pressed:inset 0 3px 8px #783c0073;--on-glass-brake:#ffd7cf;--hud-mat:#1618186b;--hud-mat-press:#161818a8;--hud-mat-blur:blur(22px) saturate(1.8);--hud-hair:inset 0 0 0 .5px #ffffff3d, 0 2px 10px #00000029;--press-in:70ms cubic-bezier(.2, 0, 0, 1);--press-out:.42s cubic-bezier(.3, 1.5, .5, 1);--font-num:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--sheet-glass:#141a1acc;--sheet-solid:#181e1e;--sheet-blur:blur(30px) saturate(1.8);--sheet-fill:#ffffff14;--sheet-press:#ffffff29;--hud-text-shadow:0 2px 12px #00000073;--paper:#f7efdc;--paper-line:#7a4a1e29;--paper-text:#3b2d1a;--paper-text-2:#3b2d1a9e;--cover:#6e1a17;--cover-deep:#4d100e;--cover-gold:#e5b94e;--ink-red:#b3261e;--ink-purple:#5b3a8c;--ink-blue:#1f4f8f;--ink-green:#2e6b3a;--ink-brown:#7a4a1e;--pop-halo:0 0 2px #fff6d8f2;--drop:#dcf0ff61;--wet-wash:#c8e6ff29;--radius-xs:4px;--radius-sm:8px;--radius-seg:9px;--radius-thumb:6px;--radius-md:12px;--radius-lg:16px;--radius-pill:26px;--radius-full:999px;--control-sm:30px;--control-md:36px;--control-lg:40px;--type-12:12px;--type-13:13px;--type-14:14px;--type-16:16px;--type-20:20px;--type-24:24px;--type-32:32px;--spring:cubic-bezier(.2, .9, .2, 1);--fast:.16s cubic-bezier(.2, 0, 0, 1);--font:"Pyidaungsu", "Noto Sans Myanmar", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", "Myanmar Text", system-ui, sans-serif;--font-ui:"Pyidaungsu MM", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", "Pyidaungsu", "Noto Sans Myanmar", "Myanmar Text", system-ui, sans-serif;--font-head:"KP Head Octagon", var(--font);--mm:var(--font);--ui:var(--font-ui)}:is([lang=my],[lang=th]){--type-12:13px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f6efdf;--surface:#fffaf0;--surface-raised:#fff;--surface-muted:#f3ead6;--track:#ebe1ca;--input:#fff;--text:#2b2112;--text-2:#2b2112d1;--text-3:#2b2112b3;--text-4:#2b2112a8;--border:#2b21121f;--border-soft:#2b211214;--accent:#f0b93f;--accent-hover:#f5c85f;--accent-deep:#d9a02a;--accent-soft:#c48c1624;--accent-text:#8a5a00;--btn-text:#2b2112;--positive:#1b7046;--warning:#965400;--negative:#b8352a;--press-shadow:#2b211224;--card-shadow:0 1px 2px #2b21120a, 0 6px 16px -10px #2b21122e;--menu-shadow:0 12px 32px -8px #2b211238, 0 2px 6px #2b211224;--backdrop:#0614167a}:root[data-fontset=kha]{--font-head:"KP Head UMoe", var(--font)}:root[data-fontset=ga]{--font-head:"KP Head YayChanZin", var(--font)}:root[data-fontset=gha]{--font-head:"KP Head WaTokeLay", var(--font)}html,body{font-family:var(--font);font-size:var(--type-14);-webkit-font-smoothing:antialiased;font-synthesis:none}button,input,textarea,select{font:inherit}::selection{background:var(--accent-soft)}:root[data-input] :focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root[data-input=pointer] :focus-visible{outline:none!important}:root[data-theme=light] :is(.board-card,.tour-card,.photos-card,.font-sheet) :focus-visible{outline-color:var(--accent-text)}[role=dialog]:focus{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.board-card,.tour-card,.photos-card,.font-sheet{--light:var(--text);--gold:var(--accent-text);background:var(--surface);color:var(--text);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--menu-shadow)}.font-sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.board,.tour,.photos{background:var(--backdrop)}.start,.intro-board,.photo-btn,.tour-banner-stop,.summit-btn,.summit-back{min-height:var(--control-md);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--type-13);white-space:nowrap;transition:transform .12s var(--spring), background var(--fast), border-color var(--fast), color var(--fast), box-shadow .12s var(--spring);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-weight:600;line-height:1;display:inline-flex}:is(.start,.intro-board,.photo-btn,.tour-banner-stop,.summit-btn,.summit-back):active:not(:disabled){transform:translateY(1px)scale(.985)}.start,.photo-bar .photo-btn.photo-save,.font-sheet .photo-btn.edit-done{color:var(--btn-text);background:var(--accent);box-shadow:0 1px 2px var(--press-shadow), inset 0 1px 0 #ffffff3d;border-color:#0000}:is(.start,.photo-save,.edit-done):hover:not(:disabled){background:var(--accent-hover)}:is(.start,.photo-save,.edit-done):active:not(:disabled){background:var(--accent-deep);box-shadow:inset 0 2px 4px #00000059}.start{min-height:var(--control-lg);min-width:180px;font-size:var(--type-16);padding:0 28px}.intro .start{box-shadow:0 6px 20px #0006,inset 0 1px #ffffff3d}.start:disabled{font-size:var(--type-14);opacity:.7;position:relative;overflow:hidden}.intro .start:disabled{position:sticky}.intro .start:disabled:after{content:"";border-radius:var(--radius-full);opacity:.55;background:currentColor;width:40%;height:3px;animation:1.4s ease-in-out infinite start-loading;position:absolute;bottom:0;left:0}@keyframes start-loading{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.intro .start:disabled:after{opacity:.3;width:100%;animation:none}}.wardrobe-done{border-radius:var(--radius-pill);width:100%;box-shadow:0 0 0 14px var(--surface), 0 1px 2px var(--press-shadow);margin:8px 0 16px;padding:0 28px}.font-sheet .photo-btn:not(.edit-done){color:var(--text);background:var(--surface-raised);border-color:var(--border);box-shadow:0 1px 2px var(--press-shadow)}.font-sheet .photo-btn:not(.edit-done):hover:not(:disabled){background:var(--surface-muted)}.intro-board,.photo-bar .photo-btn:not(.photo-save),.tour-banner-stop,.summit-btn,.summit-back{color:var(--on-glass);background:var(--glass);border-color:var(--glass-line);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}:is(.intro-board,.photo-bar .photo-btn:not(.photo-save),.tour-banner-stop,.summit-btn,.summit-back):hover:not(:disabled){background:var(--glass-strong);border-color:#ffffff47}.photo-bar .photo-btn[aria-pressed=true]{color:var(--on-glass);background:var(--glass-hover);border-color:#0000;font-weight:600}.photo-btn:disabled{opacity:.45}.summit-btn,.summit-back{min-height:var(--control-lg);font-size:var(--type-14);padding:0 20px}.summit-btn{animation:none;box-shadow:0 0 #f2c14e00}@media (prefers-reduced-motion:no-preference){.summit-btn{animation:1.8s ease-in-out infinite zat-summit-glow}}@keyframes zat-summit-glow{50%{box-shadow:0 0 0 6px #f2c14e38}}.summit-icon{font-size:var(--type-20);line-height:1}.tour-banner-stop{min-height:var(--control-sm);background:var(--glass-hover);border-color:#0000;padding:0 14px}.board-close,.tour-close{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-sm);color:var(--text-2);font-family:var(--font-ui);font-size:var(--type-16);transition:background var(--fast), color var(--fast);place-items:center;line-height:1;display:inline-grid;top:12px;right:12px}.board-close:hover,.tour-close:hover{background:var(--surface-muted);color:var(--text)}.place-close{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-sm);color:var(--on-glass-2);font-family:var(--font-ui);font-size:var(--type-16);background:0 0;place-items:center;line-height:1;display:inline-grid}.place-close:hover{background:var(--glass-hover);color:var(--on-glass)}.board-btn{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm);font-size:var(--type-16);transition:background var(--fast);place-items:center;margin:-4px 0;line-height:1;display:inline-grid}.board-btn:hover,.board-btn[aria-pressed=true]{background:var(--glass-hover);outline:none}@media (pointer:coarse){.board-btn{width:var(--control-md);height:var(--control-md);font-size:var(--type-16);margin:-6px 0}}.shot-btn,.album-btn,.tour-btn,.pad-btn,.bigmap-btn{border:1px solid var(--glass-line);background:var(--glass);color:var(--on-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:background var(--fast), transform .12s var(--spring)}body.riding :is(.shot-btn,.album-btn,.tour-btn){border-width:1px}:is(.shot-btn,.album-btn,.tour-btn,.bigmap-btn):hover{background:var(--glass-strong)}:is(.shot-btn,.album-btn,.tour-btn,.bigmap-btn):active{transform:scale(.96)}body.touring .tour-btn{background:#f2c14e52;border-color:#0000}.bigmap-btn{width:var(--control-lg);height:var(--control-lg)}.pad-btn{font-family:var(--font-ui);font-size:var(--type-16);font-weight:600}.pad-btn.on{background:#ffffff4d;border-color:#0000}.time-chip{min-height:var(--control-md);border:1px solid var(--glass-line);border-radius:var(--radius-full);background:var(--glass);color:var(--on-glass);font-family:var(--font-ui);font-size:var(--type-13);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:background var(--fast), color var(--fast);align-items:center;gap:6px;padding:0 14px;font-weight:500;line-height:1;display:inline-flex}.time-chip:hover{background:var(--glass-strong)}.time-chip[aria-pressed=true]{color:var(--accent);background:#f2c14e42;border-color:#0000;font-weight:600}.wardrobe-chip{min-height:var(--control-sm);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-family:var(--font-ui);font-size:var(--type-13);transition:background var(--fast), color var(--fast);background:0 0;align-items:center;padding:0 12px;font-weight:500;line-height:1;display:inline-flex}.wardrobe-chip:hover{background:var(--surface-muted)}.wardrobe-chip[aria-checked=true]{background:var(--accent-soft);color:var(--accent-text);border-color:#0000;font-weight:600}@media (pointer:coarse){.wardrobe-chip{min-height:var(--control-md)}}.wardrobe-swatch{border:1px solid var(--border);box-shadow:none}.wardrobe-swatch[aria-checked=true]{box-shadow:none;outline:2px solid var(--accent-text);outline-offset:2px;border-color:#0000}.bike-card{border:1px solid var(--glass-line);border-radius:var(--radius-md);background:var(--glass);color:var(--on-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:background var(--fast)}.bike-card:hover{background:var(--glass-strong)}.bike-card[aria-checked=true]{box-shadow:none;background:#f2c14e3d;border-color:#0000}.bike-card[aria-checked=true] .bike-name{color:var(--accent)}.rider-btn{border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass);color:var(--on-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:background var(--fast);padding:4px 18px 4px 4px}.rider-btn:hover{background:var(--glass-strong)}.rider-thumb{border-radius:var(--radius-pill)}.font-choice,.tour-item{border:1px solid var(--border-soft);border-radius:var(--radius-md);color:var(--text);transition:background var(--fast);background:0 0}.font-choice:hover,.tour-item:hover{border-color:var(--border-soft);background:var(--surface-muted)}.font-choice[aria-pressed=true]{background:var(--accent-soft);border-color:#0000}.font-del{border:1px solid color-mix(in srgb, var(--negative) 30%, var(--border));border-radius:var(--radius-sm);color:var(--negative);background:0 0}.edit-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input);color:var(--text);transition:border-color var(--fast), box-shadow var(--fast)}.edit-input:hover:not(:focus){border-color:color-mix(in srgb, var(--text) 22%, transparent)}.edit-input:focus{border-color:var(--accent-text);box-shadow:0 0 0 3px var(--accent-soft);outline:none}kbd{border:1px solid var(--glass-line);border-radius:var(--radius-xs);font-family:var(--font-ui);font-size:var(--type-12);background:#ffffff0f}.summit-btn:not(.show){display:none}:root[data-input=pointer] .tour-item:focus-visible{border-color:var(--border-soft);background:0 0}.tour-banner{border-color:var(--glass-line);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.world-intro{border:1px solid var(--glass-soft-line);border-radius:var(--radius-md);background:var(--glass);width:100%;max-width:320px;color:var(--on-glass);font-family:var(--mm);text-align:left;cursor:pointer;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.world-intro[hidden]{display:none}.world-intro:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.world-intro-title{font-size:var(--type-13);color:var(--accent-text);font-weight:600;line-height:1.7}.world-intro-list{font-variant-numeric:tabular-nums;margin:0;padding:0;list-style:none}.world-intro-row{font-size:var(--type-13);grid-template-columns:1.4em 1fr auto;align-items:center;gap:8px;line-height:1.9;display:grid}.world-intro-row .board-place{color:var(--on-glass-2)}.world-intro-row .board-time{font-size:var(--type-13)}.world-intro-row.new{color:var(--accent-text)}.world-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.world[hidden]{display:none}.world-title{font-family:var(--mm);font-size:var(--type-14);color:var(--text-2);margin:6px 0 4px;font-weight:600;line-height:1.7}.world-title--local{margin-top:16px}.board-row.world-row{grid-template-columns:2em 1fr auto}.world-me{border-radius:var(--radius-sm);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;display:flex}.world-me-text{min-width:0;font-family:var(--mm);flex-direction:column;line-height:1.7;display:flex}.world-me-label,.world-me-rank{font-size:var(--type-12);color:var(--text-3)}.world-me-name{font-size:var(--type-14);overflow-wrap:anywhere;font-weight:600}.world-edit,.world-save{min-height:var(--control-lg);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-family:var(--mm);font-size:var(--type-13);cursor:pointer;background:0 0;flex:none;padding:0 14px}.world-save{background:var(--accent);color:var(--btn-text);border-color:#0000;font-weight:600}.world-save:disabled{opacity:.6}.world-form{margin-top:8px}.world-form[hidden]{display:none}.world-form-row{gap:8px;display:flex}.world-field{min-width:0;min-height:var(--control-lg);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input);color:var(--text);font-family:var(--mm);font-size:var(--type-16);flex:1;padding:0 12px}.world-note{font-family:var(--mm);font-size:var(--type-12);color:var(--text-3);margin:6px 0 0;line-height:1.8}.world-note:empty{display:none}.world-code{margin-top:10px}.world-code-title{font-family:var(--mm);font-size:var(--type-12);color:var(--text-3);cursor:pointer;line-height:1.9}.world-code-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--type-20);letter-spacing:.08em;color:var(--accent-text);-webkit-user-select:all;user-select:all;margin:6px 0 0;font-weight:600}.world-code .world-form-row{margin-top:8px}@media (max-height:700px){.world-intro-row:nth-child(n+4){display:none}}@media (max-height:480px){.world-intro-row:nth-child(n+2){display:none}}.homecity{z-index:8;padding-bottom:var(--keyboard,0px);pointer-events:auto;background:0 0;place-items:end center;transition:background .26s;display:grid;position:absolute;inset:0}.homecity.in{background:var(--backdrop)}.homecity-sheet{--light:var(--text);overscroll-behavior:contain;width:100%;max-height:calc(100% - 24px);padding:8px 20px calc(16px + env(safe-area-inset-bottom));background:var(--surface);color:var(--text);border:1px solid var(--border-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--menu-shadow);font-family:var(--font-ui);text-align:center;transition:transform .42s var(--spring);border-bottom:0;flex-direction:column;align-items:stretch;display:flex;overflow-y:auto;transform:translateY(100%)}.homecity.in .homecity-sheet{transform:none}.homecity-sheet>*{flex-shrink:0}.homecity-grabber{border-radius:var(--radius-full);background:var(--border);align-self:center;width:36px;height:5px;margin-bottom:14px}.homecity-pin{font-size:var(--type-24);line-height:1.2}.homecity-title{font-size:var(--type-20);color:var(--text);margin:6px 0 4px;font-weight:700;line-height:1.7}.homecity-sub{max-width:34ch;font-size:var(--type-14);color:var(--text-3);margin:0 auto 16px;line-height:1.7}.homecity-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.homecity-chip{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-muted);min-height:40px;color:var(--text);font-size:var(--type-14);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .42s var(--spring), background var(--fast), border-color var(--fast);padding:6px 14px;line-height:1.6}.homecity-chip:active{transition:transform 70ms ease-out;transform:scale(.94)}.homecity-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);font-weight:600}.homecity-field{min-height:var(--control-lg);padding:0 14px;border-radius:var(--radius-md);background:var(--input);border:1px solid var(--border-soft);text-align:left;align-items:center;gap:12px;margin-top:14px;padding-block:4px;display:flex}.homecity-field:focus-within{border-color:var(--accent)}.homecity-field__label{font-size:var(--type-14);color:var(--text-3);flex:none}.homecity-input{min-width:0;color:var(--text);font-size:var(--type-16);background:0 0;border:0;outline:none;flex:1;padding:10px 0}.homecity-input::placeholder{color:var(--text-4)}.homecity-note{min-height:1.7em;font-size:var(--type-13);color:var(--accent-text);margin:12px 0 4px;line-height:1.7}.homecity-go,.homecity-later{min-height:var(--control-lg);border-radius:var(--radius-md);font-size:var(--type-16);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .42s var(--spring), opacity var(--fast);border:0;padding-block:5px;font-weight:600}.homecity-go{background:var(--accent);color:var(--btn-text);margin-top:6px}.homecity-go:disabled{opacity:.4;cursor:default}.homecity-later{min-height:var(--control-lg);color:var(--accent-text);background:0 0;margin-top:4px;padding-block:2px;font-weight:500}.homecity-go:not(:disabled):active,.homecity-later:active{transition:transform 70ms ease-out;transform:scale(.97)}.homecity-privacy{font-size:var(--type-12);color:var(--text-4);margin:6px 0 0;line-height:1.6}@media (min-width:640px) and (min-height:520px){.homecity{padding:24px 24px calc(24px + var(--keyboard,0px));align-items:center}.homecity-sheet{border-bottom:1px solid var(--border-soft);border-radius:var(--radius-lg);opacity:0;width:min(100%,440px);transition:transform .42s var(--spring), opacity .2s ease;padding:24px 28px 20px;transform:translateY(16px)scale(.98)}.homecity.in .homecity-sheet{opacity:1}.homecity-grabber{display:none}}.homecity-actions{flex-direction:column;display:flex}@media (max-width:639px) and (max-height:740px){.homecity-pin,.homecity-privacy{display:none}.homecity-sub{margin-bottom:12px}.homecity-chips{gap:6px}.homecity-chip{min-height:36px;padding:3px 12px}.homecity-field{margin-top:10px}.homecity-go{min-height:var(--control-lg);padding-block:3px}}@media (max-height:519px){.homecity-grabber,.homecity-pin,.homecity-sub,.homecity-privacy{display:none}.homecity-sheet{width:min(100%,680px);padding:10px 20px calc(10px + env(safe-area-inset-bottom))}.homecity-title{font-size:var(--type-16);margin:0 0 8px}.homecity-chips{gap:6px}.homecity-chip{min-height:30px;font-size:var(--type-13);padding:3px 12px}.homecity-field{min-height:var(--control-lg);margin-top:8px}.homecity-note{margin:4px 0 2px}.homecity-actions{flex-direction:row-reverse;gap:8px}.homecity-actions>button{min-height:var(--control-lg);flex:1;margin-top:0;padding-block:2px}}@media (prefers-reduced-motion:reduce){.homecity-sheet{transition:none}}.settings-town{max-width:50%;min-height:var(--control-lg);padding-block:2px;color:var(--text-3);font-size:var(--type-14);text-align:right;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;padding:0 2px 0 8px;overflow:hidden}.settings-town:active{opacity:.5}.guide{z-index:8;pointer-events:auto;background:0 0;place-items:end center;transition:background .26s;display:grid;position:absolute;inset:0}.guide.in{background:var(--backdrop)}.guide-sheet{overscroll-behavior:contain;width:100%;max-height:calc(100% - 24px);padding:14px 20px calc(16px + env(safe-area-inset-bottom));background:var(--surface);color:var(--text);border:1px solid var(--border-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--menu-shadow);font-family:var(--font-ui);touch-action:pan-y;transition:transform .42s var(--spring);border-bottom:0;flex-direction:column;display:flex;overflow-y:auto;transform:translateY(100%)}.guide.in .guide-sheet{transform:none}.guide-sheet>*{flex-shrink:0}.guide-top{min-height:var(--control-md);justify-content:space-between;align-items:center;display:flex}.guide-dots{gap:6px;display:flex}.guide-dot{background:var(--border);width:7px;height:7px;transition:width .26s var(--spring), background var(--fast);border-radius:50%}.guide-dot.on{border-radius:var(--radius-full);background:var(--accent);width:20px}.guide-dot.done{background:var(--accent-soft)}.guide-skip{min-height:var(--control-md);color:var(--text-3);font-size:var(--type-14);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0 4px}.guide-card{animation:guide-in .32s var(--spring);flex-direction:column;align-items:center;display:flex}@keyframes guide-in{0%{opacity:0;transform:translate(14px)}}.gd-art{width:min(100%,260px);height:auto;margin:6px 0 4px}.gd-screen{fill:var(--surface-muted);stroke:var(--border);stroke-width:1.5px}.gd-road{fill:var(--border-soft);stroke:none}.gd-dash{stroke:var(--surface);stroke-width:1.5px;fill:none}.gd-bike{fill:var(--text-3)}.gd-part{fill:var(--surface);stroke:var(--border);stroke-width:1.5px}.gd-on{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2px}.gd-knob{fill:var(--accent)}.gd-mark{fill:none;stroke:var(--accent-text);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.gd-faint{fill:none;stroke:var(--text-4);stroke-width:1.5px;stroke-linecap:round}.gd-arrow{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.gd-touch{fill:var(--accent);opacity:.5}.gd-sheet{fill:var(--surface);stroke:var(--border);stroke-width:1.5px}.gd-row{fill:var(--surface-muted)}.gd-key{fill:var(--text-2);font:600 7px var(--font-ui);text-anchor:middle}.guide-title{font-size:var(--type-20);text-align:center;margin:8px 0 6px;font-weight:700;line-height:1.7}.guide-lines{width:min(100%,34ch);margin:0;padding:0;list-style:none}.guide-line{font-size:var(--type-14);color:var(--text-2);margin:4px 0;padding-left:18px;line-height:1.7;position:relative}.guide-line:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.75em;left:4px}.guide-actions{gap:8px;margin-top:14px;display:flex}.guide-back,.guide-next{min-height:var(--control-lg);border-radius:var(--radius-md);font-size:var(--type-16);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .42s var(--spring);border:0;padding:5px 16px;font-weight:600}.guide-back{color:var(--accent-text);background:0 0;font-weight:500}.guide-next{background:var(--accent);color:var(--btn-text);flex:1}.guide-back:active,.guide-next:active{transition:transform 70ms ease-out;transform:scale(.97)}@media (min-width:640px) and (min-height:520px){.guide{align-items:center;padding:24px}.guide-sheet{border-bottom:1px solid var(--border-soft);border-radius:var(--radius-lg);opacity:0;width:min(100%,440px);transition:transform .42s var(--spring), opacity .2s ease;padding:18px 28px 22px;transform:translateY(16px)scale(.98)}.guide.in .guide-sheet{opacity:1}}@media (max-height:519px){.guide-sheet{width:min(100%,680px);padding:8px 20px calc(10px + env(safe-area-inset-bottom))}.guide-card{grid-template-rows:auto 1fr;grid-template-columns:200px 1fr;align-items:start;column-gap:16px;display:grid}.gd-art{grid-row:1/3;margin:0}.guide-title{font-size:var(--type-16);text-align:left;margin:0 0 2px}.guide-line{font-size:var(--type-13);margin:2px 0}.guide-actions{margin-top:6px}}@media (prefers-reduced-motion:reduce){.guide-sheet,.guide-card{transition:none;animation:none}}.guide-again{min-height:var(--control-md);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-muted);color:var(--accent-text);font-size:var(--type-14);cursor:pointer;margin:-4px auto 12px;padding:0 14px;font-weight:500;display:block}.group-title{font-family:var(--font-ui);font-size:var(--type-12);color:var(--text-3);text-align:left;align-self:stretch;margin:20px 4px 8px;font-weight:600}.settings-group{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);align-self:stretch;overflow:visible}.settings-row{border-bottom:1px solid var(--border-soft);grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;padding:14px 16px;display:grid}.settings-row:last-child{border-bottom:0}.settings-row--inline{justify-content:space-between;display:flex}.settings-row--stack{flex-direction:column;align-items:stretch;gap:10px;display:flex}.settings-row--stack .segmented{display:flex}.settings-row--stack .segmented button{flex:1 1 0}.settings-row__lead{text-align:left;min-width:0}.settings-row__label{font-size:var(--type-14);color:var(--text);align-items:center;gap:4px;font-weight:500;line-height:1.6;display:flex}.settings-row__hint{color:var(--text-3);font-size:var(--type-12);line-height:1.5}.settings-card{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;width:min(100%,440px);padding:20px 20px 24px;display:flex;overflow-x:hidden}.settings-card>*,.settings-card .settings-group,.settings-card .settings-row,.settings-card .segmented{min-width:0;max-width:100%}.settings-card .settings-row{position:relative}.settings-card .tip{position:static}.settings-card .tip__pop{width:auto;max-width:none;left:12px;right:12px}.settings-card .board-title{margin:0 40px 0 4px}.settings{z-index:6}@media (max-width:480px){.settings-row:not(.settings-row--inline){grid-template-columns:minmax(0,1fr);gap:8px}}.wardrobe-card{align-items:stretch;padding:18px 18px 0}.wardrobe-card .board-title{text-align:center}.wardrobe-preview{align-self:center}.wardrobe-rows{gap:0}.wardrobe-row{grid-template-columns:112px minmax(0,1fr)}.wardrobe-row.settings-row--inline{display:flex}.wardrobe-label{font-size:var(--type-14);opacity:1}.wardrobe-list{gap:6px}.wardrobe-pick{gap:10px;min-width:0;display:grid}.wardrobe-swatch{width:var(--control-sm);height:var(--control-sm)}@media (pointer:coarse){.wardrobe-swatch{width:var(--control-md);height:var(--control-md)}}@media (max-width:480px){.wardrobe-row:not(.settings-row--inline){grid-template-columns:minmax(0,1fr);gap:8px}.wardrobe-label:empty{display:none}}.wardrobe-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.wardrobe-look{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);min-width:0;color:var(--text);font:inherit;cursor:pointer;flex-direction:column;align-items:stretch;gap:4px;padding:4px 4px 6px;display:flex}.wardrobe-look:hover{border-color:var(--glass-soft-line)}.wardrobe-look[aria-checked=true]{background:var(--accent-soft);outline:2px solid var(--accent-text);outline-offset:1px;border-color:#0000}.wardrobe-look:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.wardrobe-look-img{aspect-ratio:300/220;border-radius:var(--radius-sm);object-fit:cover;width:100%;display:block}.wardrobe-look-name{font-family:var(--font-ui);font-size:var(--type-13);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.6;overflow:hidden}.wardrobe-look[aria-checked=true] .wardrobe-look-name{color:var(--accent-text);font-weight:600}.wardrobe-more{width:100%}.wardrobe-more-title{min-height:var(--control-md);color:var(--accent-text);font-family:var(--font-ui);font-size:var(--type-14);cursor:pointer;justify-content:center;align-items:center;gap:6px;font-weight:600;list-style:none;display:flex}.wardrobe-more-title::-webkit-details-marker{display:none}.wardrobe-more-title:after{content:"";width:7px;height:7px;transition:transform var(--fast);border-bottom:1.5px solid;border-right:1.5px solid;margin-top:-3px;transform:rotate(45deg)}.wardrobe-more[open]>.wardrobe-more-title:after{margin-top:3px;transform:rotate(-135deg)}@media (max-height:500px) and (orientation:landscape){.wardrobe-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;width:min(100%,600px);display:grid}.wardrobe-card>:is(.board-title,.wardrobe-more,.wardrobe-done){grid-column:1/-1}.wardrobe-card>.wardrobe-preview{grid-column:1;width:100%}.wardrobe-card>.wardrobe-looks{grid-column:2}}.toggle{border-radius:var(--radius-full);background:var(--track);width:40px;height:24px;box-shadow:inset 0 1px 3px var(--press-shadow);cursor:pointer;transition:background .12s var(--spring);border:0;flex:none;padding:0;position:relative}.toggle i{width:18px;height:18px;box-shadow:0 1px 2px var(--press-shadow), inset 0 1px 0 #ffffffe6;transition:transform .12s var(--spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle.on{background:var(--accent)}.toggle.on i{transform:translate(16px)}:root:not([data-theme=light]) .toggle i{background:color-mix(in srgb, var(--surface-raised) 70%, #fff 18%);box-shadow:0 1px 2px #00000080,inset 0 1px #ffffff14}:root:not([data-theme=light]) .toggle.on i{background:var(--btn-text)}.segmented{border-radius:var(--radius-seg);background:var(--track);border:1px solid var(--border-soft);box-shadow:inset 0 1px 3px var(--press-shadow);flex:none;gap:2px;padding:3px;display:inline-flex}.segmented button{min-height:var(--control-sm);border-radius:var(--radius-thumb);font-family:var(--font-ui);font-size:var(--type-12);color:var(--text-3);cursor:pointer;transition:background .12s var(--spring), color var(--fast);background:0 0;border:0;padding:0 12px;font-weight:600;line-height:1}.segmented button:hover:not(.on){color:var(--text)}.segmented button.on{background:var(--surface-raised);color:var(--text);box-shadow:0 1px 3px var(--press-shadow), inset 0 0 0 1px var(--border-soft)}:root:not([data-theme=light]) .segmented button.on{background:color-mix(in srgb, var(--surface-raised) 80%, #fff 10%)}.tip{vertical-align:middle;display:inline-flex;position:relative}.tip__btn{width:24px;height:24px;color:var(--text-4);font-family:var(--font-ui);font-size:var(--type-14);cursor:help;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;line-height:1;display:inline-grid}.tip__btn:hover{color:var(--accent-text)}.tip__pop{z-index:40;border-radius:var(--radius-sm);background:var(--text);width:max-content;max-width:min(280px,70vw);color:var(--canvas);font-size:var(--type-12);white-space:normal;visibility:hidden;opacity:0;transition:opacity .12s var(--spring), transform .12s var(--spring), visibility 0s linear .12s;padding:9px 12px;font-weight:500;line-height:1.6;position:absolute;top:calc(100% + 6px);left:-8px;transform:translateY(-2px);box-shadow:0 8px 24px -8px #0006}.tip:hover .tip__pop,.tip:focus-within .tip__pop{visibility:visible;opacity:1;transition:opacity .14s var(--spring) .4s, transform .14s var(--spring) .4s, visibility 0s linear .4s;transform:none}.tip:focus-within .tip__pop{transition-delay:0s}.room-label{font-size:var(--type-13);color:var(--text-2);opacity:1;font-weight:500}.room-input{min-height:var(--control-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input);color:var(--text);font-family:var(--font);font-size:var(--type-16);transition:border-color var(--fast), box-shadow var(--fast);padding:7px 12px}.room-input:hover:not(:focus){border-color:color-mix(in srgb, var(--text) 22%, transparent)}.room-input:focus{border-color:var(--accent-text);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.room-code-input{font-family:var(--mono,ui-monospace, Menlo, monospace);font-size:var(--type-20)}.room-join,.room-share,.room-copy,.room-go,.room-leave{min-height:var(--control-md);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text);font-family:var(--font-ui);font-size:var(--type-13);box-shadow:0 1px 2px var(--press-shadow);transition:transform .12s var(--spring), background var(--fast);justify-content:center;align-items:center;padding:0 16px;font-weight:600;line-height:1;display:inline-flex}:is(.room-join,.room-share,.room-copy,.room-go,.room-leave):hover{background:var(--surface-muted)}:is(.room-join,.room-share,.room-copy,.room-go,.room-leave):active{transform:translateY(1px)scale(.985)}.room-go{min-height:var(--control-sm);font-size:var(--type-12);padding:0 12px}.room-leave{color:var(--negative);border-color:color-mix(in srgb, var(--negative) 30%, var(--border))}.room-error{color:var(--negative);font-size:var(--type-13)}.room-code{color:var(--accent-text);font-size:var(--type-32)}.room-rider{border-top-color:var(--border-soft)}.room-tag{font-size:var(--type-12);color:var(--text-3);opacity:1}.room-spinner{border-color:var(--border);border-top-color:var(--accent-text)}.intro-friends{border-color:var(--glass-line);color:var(--on-glass)}.room-chip{border:1px solid var(--glass-line);color:var(--on-glass);font-family:var(--font-ui);font-size:var(--type-13);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);font-weight:600}.race-hud{border-color:var(--glass-line);background:var(--glass);color:var(--on-glass);font-family:var(--font);font-size:var(--type-14);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.horn-btn{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.horn-btn.on{background:#ffffff4d;border-color:#0000}.intro-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lap,.place-card,.summit-title{border:1px solid var(--glass-line);background:var(--glass);color:var(--on-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.lap{border-radius:var(--radius-md);background:var(--glass-strong)}.place-card{border-radius:var(--radius-lg);background:var(--glass-strong);box-shadow:var(--menu-shadow);padding:16px 20px 18px}.place-tag{color:var(--on-glass-2)}.place-en{opacity:1;color:var(--on-glass-2)}.summit-title{border-radius:var(--radius-lg)}.start-chip{border:1px solid var(--glass-line);border-radius:var(--radius-full);background:var(--glass-strong);color:var(--on-glass);font-family:var(--font,var(--mm));font-size:var(--type-14);white-space:nowrap;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);pointer-events:none;align-items:center;gap:8px;padding:6px 14px 6px 8px;line-height:1.6;display:none;position:absolute}body.riding .start-chip.show{display:flex}.start-chip-arrow{width:24px;height:24px;color:var(--accent);place-items:center;transition:transform .25s linear;display:grid}.start-chip-arrow .icon{width:18px;height:18px}.start-chip-dist{color:var(--on-glass-2)}.start-chip-dist:before{content:"· "}@media (prefers-reduced-motion:reduce){.start-chip-arrow{transition:none}}.story-pill{border-radius:var(--radius-xs);background:var(--parabaik-folds), var(--parabaik);max-width:calc(100% - 32px);color:var(--chalk);font-family:var(--font,var(--mm));text-align:left;box-shadow:0 1px 0 #ffffff0f inset, var(--menu-shadow);opacity:0;pointer-events:none;cursor:pointer;touch-action:manipulation;border:0;align-items:center;gap:12px;padding:8px 30px 8px 20px;transition:opacity .3s,transform .3s;display:flex;position:absolute;left:50%;transform:translate(-50%,8px)}.story-pill:before{content:"";border-radius:var(--radius-xs) 0 0 var(--radius-xs);background:var(--parabaik-edge);width:6px;box-shadow:1px 0 0 var(--parabaik-edge-line);position:absolute;top:3px;bottom:3px;left:0}.story-pill:after{content:"";background:var(--parabaik-cord);width:4px;position:absolute;top:0;bottom:0;right:12px;box-shadow:0 0 0 1px #00000059}.story-pill.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.story-pill:active{transform:translate(-50%)scale(.97)}.story-pill:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.story-badge{opacity:.9;flex:none;place-items:center;display:grid}.story-badge svg{width:26px;height:32px;display:block}.story-text{flex-direction:column;justify-content:center;min-width:0;display:flex}.story-read{font-size:var(--type-16);white-space:nowrap;font-weight:700;line-height:1.6}.story-name{color:var(--chalk-2);font-size:var(--type-13);white-space:nowrap;text-overflow:ellipsis;line-height:1.6;overflow:hidden}body:not(.riding) .story-pill,body.at-summit .story-pill{display:none}@media (prefers-reduced-motion:reduce){.story-pill{transition:none}}.toast,.bigmap-title{border:1px solid var(--glass-line);border-radius:var(--radius-full);background:var(--glass-strong);color:var(--on-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.bigmap-title{font-family:var(--font-ui);font-size:var(--type-14);font-weight:600}.race-hud{--st:var(--on-glass-2);align-items:center;gap:8px;display:inline-flex}.race-hud:before{content:"";background:var(--st);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--st) 22%, transparent);border-radius:50%;flex:none}.race-hud[hidden]{display:none}.race-hud.ahead{--st:var(--glass-positive);border-color:var(--glass-line)}.race-hud.behind{--st:var(--glass-negative);border-color:var(--glass-line)}.room-chip.warn{color:var(--on-glass)}.room-chip.warn:before{content:"";vertical-align:1px;background:var(--glass-warning);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.room-error:not(:empty){--st:var(--negative);border-radius:var(--radius-md);background:color-mix(in srgb, var(--st) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--st) 25%, transparent);color:var(--text-2);align-items:center;gap:12px;padding:10px 14px;display:flex}.room-error:not(:empty):before{content:"";background:var(--st);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--st) 18%, transparent);border-radius:50%;flex:none}.board-row{border-top-color:var(--border-soft);border-radius:var(--radius-sm)}.board-row.new{color:var(--text);background:var(--accent-soft);border-top-color:#0000;font-weight:400}.board-row.new .board-time{color:var(--accent-text)}.board-place,.board-date,.board-bike,.tour-note,.tour-en,.tour-dist{color:var(--text-3);opacity:1}.photo-thumb{border-radius:var(--radius-md)}body.riding .horn-btn{right:max(14px, env(safe-area-inset-right));width:52px;height:52px;font-size:var(--type-20);top:calc(40% - 62px)}@media (pointer:coarse){body.riding .horn-btn{top:calc(32% - 62px)}}.bike-card{width:92px}.bike-bar{grid-template-columns:auto minmax(16px,1fr);gap:6px}@media (min-width:720px){.intro-card{max-width:660px}.intro-sub,.intro-help{max-width:460px}}.intro-setup{width:100%;min-width:0}.intro-setup-title{width:-moz-fit-content;width:fit-content;min-height:var(--control-lg,40px);border:1px solid var(--glass-line);border-radius:var(--radius-pill);color:var(--on-glass);font-family:var(--font-ui);cursor:pointer;flex-direction:column;align-items:center;gap:2px;margin:0 auto;padding:6px 18px;list-style:none;display:flex}.intro-setup-title::-webkit-details-marker{display:none}.intro-setup-title:hover{background:var(--glass-hover)}.intro-setup-word{font-size:var(--type-14);align-items:center;gap:6px;font-weight:600;line-height:1.6;display:inline-flex}.intro-setup-word:after{content:"";width:6px;height:6px;transition:transform var(--fast);border-bottom:1.5px solid;border-right:1.5px solid;margin:-3px 0 0 2px;transform:rotate(45deg)}.intro-setup[open] .intro-setup-word:after{margin-top:3px;transform:rotate(-135deg)}.intro-setup-now{color:var(--on-glass-2);font-size:var(--type-12);line-height:1.6}.intro-setup[open]{flex-direction:column;align-items:stretch;gap:14px;display:flex}.intro-setup>.bikes{min-width:0}.intro-setup>.time-chips{align-self:center}.intro-help{width:100%;max-width:460px}.intro-help summary{min-height:var(--control-sm);border-radius:var(--radius-full);color:var(--on-glass-2);font-family:var(--font-ui);font-size:var(--type-13);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-weight:500;line-height:1;list-style:none;display:inline-flex}.intro-help summary::-webkit-details-marker{display:none}.intro-help summary:after{content:"⌄";font-size:var(--type-14);transform:translateY(-2px)}.intro-help[open] summary:after{transform:rotate(180deg)translateY(-2px)}.intro-help summary:hover{color:var(--on-glass);background:var(--glass-hover)}.intro-help>p{border-radius:var(--radius-md);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);margin-top:8px;padding:12px 16px}.bigmap-go{left:50%;bottom:max(20px, env(safe-area-inset-bottom));border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass-strong);max-width:calc(100% - 160px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--on-glass);font-family:var(--mm);font-size:var(--type-14);align-items:center;gap:12px;padding:8px 8px 8px 16px;line-height:1.6;display:flex;position:absolute;transform:translate(-50%)}.bigmap-go-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bigmap-go-btn{background:var(--accent);color:var(--btn-text);font-family:var(--mm);font-size:var(--type-14);flex:none}.photo-view{border-radius:var(--radius-lg);box-shadow:none}.photo-bar{border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass);max-width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);align-items:center;gap:2px;padding:4px}.photo-bar .photo-btn:not(.photo-save){-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.photo-bar .photo-btn:not(.photo-save):hover:not(:disabled){background:var(--glass-hover);border-color:#0000}.photo-bar .photo-btn[aria-pressed=true]{background:var(--glass-hover)}.photo-bar .photo-btn.photo-del{color:var(--glass-negative);border-color:#0000}@media (max-width:600px){.photo-bar{border-radius:var(--radius-lg);justify-content:center}}.overlay{z-index:50;pointer-events:auto;background:#06080e7a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-raised);width:min(380px,100%);color:var(--text);box-shadow:var(--menu-shadow);padding:24px}.dialog h2{font-size:var(--type-16);margin:0 0 8px;font-weight:600;line-height:1.6}.dialog p{color:var(--text-2);font-size:var(--type-13);margin:0;line-height:1.6}.dialog__actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.btn{min-height:var(--control-md);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--type-13);white-space:nowrap;cursor:pointer;transition:transform .12s var(--spring), background var(--fast), color var(--fast);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)scale(.985)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--surface-muted)}.btn-danger{color:var(--negative);background:var(--surface-raised);border-color:color-mix(in srgb, var(--negative) 30%, var(--border));box-shadow:0 1px 2px var(--press-shadow)}.btn-danger:hover{background:color-mix(in srgb, var(--negative) 7%, var(--surface-raised))}.wardrobe-preview,.bike-thumb,.rider-thumb{box-shadow:none}.wardrobe-preview{border-radius:var(--radius-lg)}.bike-thumb{border-radius:var(--radius-sm)}.minimap{border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--glass-line)}.icon{vertical-align:-3px;flex:none;width:16px;height:16px}body.riding :is(.shot-btn,.album-btn,.tour-btn,.horn-btn){color:var(--on-glass);place-items:center;padding:0;display:grid}.shot-btn .icon{width:26px;height:26px}:is(.album-btn,.tour-btn,.horn-btn) .icon{width:22px;height:22px}.board-btn .icon{width:18px;height:18px}:is(.board-close,.tour-close,.place-close){place-items:center;padding:0;display:grid}:is(.board-close,.tour-close,.place-close) .icon{width:20px;height:20px}.time-chip .icon{width:15px;height:15px}.rider-title{align-items:center;gap:6px;display:inline-flex}.intro-help summary .icon{margin-right:6px}.tour-icon>.icon,.couple-spot-icon>.icon{width:26px;height:26px;color:var(--accent-text)}.tour-banner-name .tour-icon>.icon{width:20px;height:20px}:is(.onfoot-btn,.room-chip,.room-pickup)>.icon{vertical-align:-3px;width:18px;height:18px;margin-right:6px}.summit-icon .icon{width:22px;height:22px}body.riding :is(.lap,.pad-btn,.shot-btn,.album-btn,.tour-btn,.horn-btn,.unstick-btn){border:1px solid var(--glass-soft-line);background:var(--glass-soft);color:var(--on-glass);-webkit-backdrop-filter:var(--glass-soft-blur);backdrop-filter:var(--glass-soft-blur);box-shadow:var(--glass-soft-shadow)}body.riding :is(.shot-btn,.album-btn,.tour-btn,.horn-btn,.unstick-btn):hover{background:var(--glass-strong)}body.riding :is(.pad-btn,.shot-btn,.album-btn,.tour-btn,.horn-btn,.unstick-btn):active{transform:scale(.94)}body.riding .lap{border-radius:var(--radius-pill);border-top:2px solid var(--glass-gold-edge)}body.riding .lap-bar{border-radius:var(--radius-xs);background:var(--glass-soft-track);height:6px}body.riding .lap-fill{border-radius:var(--radius-xs)}body.riding.touring .tour-btn{background:var(--glass-gold-wash)}body.riding .stick{background:0 0;border-radius:50%}body.riding .stick-gate{fill:none;width:100%;height:100%;stroke:var(--on-glass);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px var(--press-shadow));position:absolute;inset:0}body.riding .stick-gate .g1{opacity:.85}body.riding .stick-gate .g2{opacity:.55}body.riding .stick-gate .g3{opacity:.3}body.riding .stick-gate .back{stroke:var(--negative)}body.riding .stick.lv-1 .g1,body.riding .stick.lv-2 .g2,body.riding .stick.lv-3 .g3{stroke:var(--accent);opacity:1}body.riding .stick-knob{will-change:transform;border:2px solid var(--on-glass);background:var(--glass-hover);box-shadow:0 1px 3px var(--press-shadow);border-radius:50%}body.riding .stick-level{left:0;bottom:calc(100% + var(--stick-knob,56px) / 2 + 6px);color:var(--on-glass);font-family:var(--font-ui);font-size:var(--type-14);white-space:nowrap;pointer-events:none;align-items:center;gap:4px;font-weight:600;display:flex;position:absolute}body.riding .stick-level-word{text-shadow:0 1px 2px var(--press-shadow);margin-right:2px}body.riding .stick-level-gear{border-radius:var(--radius-full);color:#ffffffe6;width:30px;height:30px;font-size:var(--type-16);transition:background var(--fast), color var(--fast);background:#140e0acc;border:1px solid #ffffff59;place-items:center;display:grid}body.riding .stick-level-gear.on{border-color:var(--accent);background:var(--accent);color:var(--on-gold)}body.riding .gear-flash{border:1px solid var(--gold-fill-line);border-radius:var(--radius-full);box-shadow:0 2px 8px var(--press-shadow);color:#fff;font-family:var(--font-ui);font-size:var(--type-16);white-space:nowrap;opacity:0;transition:opacity .2s, transform .2s var(--spring);pointer-events:none;background:#140e0aeb;align-items:center;gap:10px;padding:6px 18px;font-weight:600;display:flex;position:absolute;top:27%;left:50%;transform:translate(-50%,-6px)}body.riding .gear-flash b{color:var(--accent);font-size:var(--type-24);line-height:1.5}body.riding .gear-flash.on{opacity:1;transform:translate(-50%)}body:not(.riding) .gear-flash{display:none}body.riding .pad-stop{box-shadow:none;color:var(--on-glass);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;align-content:end;justify-items:center;gap:4px;display:grid}body.riding .pad-stop-ring{width:var(--stop-ring,68px);height:var(--stop-ring,68px);border:2.5px solid var(--on-glass);background:var(--glass-hover);box-shadow:0 1px 3px var(--press-shadow);border-radius:50%;place-items:center;display:grid}body.riding .pad-stop-ring svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;width:34px;height:34px}body.riding .pad-stop-label{text-shadow:0 1px 2px var(--press-shadow)}body.riding .pad-stop.on .pad-stop-ring{background:#fff6}body.riding .unstick-btn{place-items:center;display:grid}.unstick-btn .icon{width:22px;height:22px}body.riding .minimap{border-radius:var(--radius-pill);box-shadow:var(--glass-soft-ring)}body.riding .credit{opacity:.55}.speed-value{text-shadow:var(--hud-text-shadow)}body.on-foot .stick-level,body.on-foot .gear-flash{display:none}@media (max-width:600px),(pointer:coarse){body.riding .lap{grid-template-columns:auto 1fr;grid-template-areas:"time tools""bar bar""best best";align-items:center;column-gap:8px;width:206px;padding:4px 10px 6px 14px;display:grid}body.riding .lap-head{display:contents}body.riding .lap-label{display:none}body.riding .lap-tools{grid-area:tools;justify-self:end}body.riding .lap .board-btn{width:36px;margin:-4px 0}body.riding .lap-time{font-size:var(--type-20);grid-area:time;line-height:1.3}body.riding .lap-bar{grid-area:bar;height:4px;margin:2px 0 4px}body.riding .lap-best{font-size:var(--type-12);white-space:nowrap;grid-area:best}body.riding.touring .lap{grid-template-columns:auto;grid-template-areas:"tools";width:auto;padding:4px 8px}body.riding.touring :is(.lap-time,.lap-bar,.lap-best){display:none}}@media (max-width:600px){body.riding .tour-banner{top:calc(max(14px, env(safe-area-inset-top)) + 146px);left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right))}}body.riding:not(.lap-on) .lap{width:auto;padding:4px 8px;display:flex}body.riding:not(.lap-on) :is(.lap-label,.lap-time,.lap-bar,.lap-best){display:none}body.riding:not(.lap-on) .lap-head{display:flex}.tools-btn{display:none}@media (max-width:600px),(pointer:coarse){body.riding .shot-btn{top:40%!important}body.riding .tools-btn{top:calc(40% + 62px);right:max(14px, env(safe-area-inset-right));border:1px solid var(--glass-soft-line,var(--glass-line));background:var(--glass-soft,var(--glass));width:50px;height:50px;color:var(--on-glass);-webkit-backdrop-filter:var(--glass-soft-blur,var(--glass-blur));backdrop-filter:var(--glass-soft-blur,var(--glass-blur));box-shadow:var(--glass-soft-shadow,none);pointer-events:auto;cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;display:grid;position:absolute}body.riding .tools-btn svg{width:22px;height:22px}body.riding.tools-open .tools-btn{background:var(--glass-gold-wash,var(--accent-soft))}body.riding:not(.tools-open) :is(.album-btn,.tour-btn,.horn-btn,.unstick-btn){display:none!important}body.riding.tools-open :is(.album-btn,.tour-btn,.horn-btn,.unstick-btn){top:calc(40% + 62px)!important;bottom:auto!important}body.riding.tools-open .tour-btn{right:calc(max(14px, env(safe-area-inset-right)) + 58px)!important}body.riding.tools-open .album-btn{right:calc(max(14px, env(safe-area-inset-right)) + 116px)!important}body.riding.tools-open .horn-btn{right:calc(max(14px, env(safe-area-inset-right)) + 174px)!important}body.riding.tools-open .unstick-btn{right:calc(max(14px, env(safe-area-inset-right)) + 232px)!important}}body.no-blur{--glass:#041214ad;--glass-strong:#041214c2;--glass-soft:linear-gradient(180deg, #222e2c8f, #081414b8)}body.no-blur *,body.no-blur :before,body.no-blur :after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.story-pill{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 96px)}.start-chip{top:calc(max(14px, env(safe-area-inset-top)) + 56px);right:max(14px, env(safe-area-inset-right))}body.riding .selfie-btn{right:calc(max(14px, env(safe-area-inset-right)) + 62px)}body.riding:not(.bike-still) .selfie-btn,body:is(.on-foot,.at-summit,.selfie-on) .selfie-btn,body:not(.riding) .selfie-btn{display:none!important}@media (pointer:coarse){body{--hud-top:max(14px, env(safe-area-inset-top));--hud-left:max(14px, env(safe-area-inset-left));--hud-right:max(14px, env(safe-area-inset-right));--pad-bottom:calc(max(4px, env(safe-area-inset-bottom)) + 24px);--stick-size:132px;--stick-knob:48px;--stop-size:84px;--gas-size:calc(var(--stop-size) + 10px);--map-size:88px;--menu-size:48px;--round-btn:48px;--round-gap:12px;--round-right:calc(var(--hud-right) + (var(--stop-size) - var(--round-btn)) / 2);--map-top:var(--hud-top);--map-end:calc(var(--map-top) + var(--map-size));--chip-top:calc(var(--map-end) + 10px);--row-end:var(--map-end);--nav-h:0px;--below-top:calc(var(--row-end) + 8px + var(--nav-h));--shot-bottom:calc(var(--pad-bottom) + var(--gas-size) + 16px);--horn-bottom:calc(var(--shot-bottom) + var(--round-btn) + var(--round-gap));--getoff-bottom:calc(var(--horn-bottom) + var(--round-btn) + var(--round-gap) + 18px);--stop-ring:68px}body:has(.start-chip.show){--row-end:calc(var(--chip-top) + 36px)}@media (max-width:340px){body{--stick-size:108px;--stick-knob:44px;--stop-size:76px;--stop-ring:60px;--map-size:76px;--menu-size:44px;--round-btn:44px;--round-gap:10px}}body.touring{--nav-h:calc(var(--tour-banner-h,62px) + 8px)}body.touring.race-nav{--nav-h:calc(var(--tour-banner-h,62px) + 8px + 46px + 8px)}body.riding :is(.brand,.map-tools,.tools-btn,.album-btn,.tour-btn,.unstick-btn,.room-chip,.lap-tools),body.riding:not(.lap-on) .lap{display:none!important}body.riding canvas.minimap{top:var(--map-top);left:var(--hud-left);width:var(--map-size)!important;height:var(--map-size)!important}body.riding .onfoot-btn{top:auto;bottom:var(--getoff-bottom);left:auto;right:var(--round-right);width:var(--round-btn);height:var(--round-btn);line-height:var(--round-btn);text-align:center;border-radius:50%;padding:0}body.riding .onfoot-btn>.icon{vertical-align:middle;width:22px;height:22px;margin:0}body.riding .onfoot-word{font-size:var(--type-12);text-shadow:0 1px 3px #000000d9;margin-top:2px;line-height:1.5;position:absolute;top:100%;left:50%;transform:translate(-50%)}body.riding:not(.on-foot):not(.bike-still) .onfoot-btn{display:none}body .menu-btn{top:var(--hud-top);right:var(--hud-right);width:var(--menu-size);height:var(--menu-size);display:none;position:absolute}body.riding .menu-btn{display:grid}body.at-summit .menu-btn{display:none}body .menu-btn .icon{width:22px;height:22px}body:has(.room-chip:not([hidden])) .menu-btn:after{content:"";border:2px solid var(--glass-strong);background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:2px;right:2px}body:has(.room-chip.warn:not([hidden])) .menu-btn:after{background:var(--glass-warning)}body.riding .lap{top:var(--hud-top);right:calc(var(--hud-right) + var(--menu-size) + 8px);width:min(206px, calc(100% - var(--hud-left) - var(--map-size) - 8px - var(--hud-right) - var(--menu-size) - 8px));left:auto}body .start-chip{top:var(--chip-top);max-width:calc(100% - var(--hud-left) - var(--hud-right));left:50%;right:auto;transform:translate(-50%)}body.riding .shot-btn{bottom:var(--shot-bottom);right:var(--round-right);width:var(--round-btn);height:var(--round-btn);top:auto!important}body.riding .selfie-btn{right:calc(var(--round-right) + var(--round-btn) + var(--round-gap))}html body.riding:not(.on-foot):not(.at-summit) .horn-btn{display:grid!important}body.riding .horn-btn{width:var(--round-btn);height:var(--round-btn);top:auto!important;bottom:var(--horn-bottom)!important;right:var(--round-right)!important}body.riding .speedo{bottom:var(--pad-bottom)}body .story-pill{bottom:calc(var(--pad-bottom) + var(--stick-size) + 12px)}body.touring .tour-banner{top:calc(var(--row-end) + 8px);left:var(--hud-left);right:var(--hud-right);width:auto;max-width:520px;margin-inline:auto;transform:none}body.race-nav .race-hud{top:calc(var(--row-end) + 8px + var(--tour-banner-h,62px) + 8px)}body .toast,body.touring .toast,body.race-nav .toast{top:var(--below-top)}body .place-card{top:var(--below-top);max-height:calc(100% - var(--below-top) - var(--pad-bottom) - var(--gas-size) - 16px)}body.touring .place-card{transition:opacity .3s;transform:none}body .pad{left:var(--hud-left);right:var(--hud-right);bottom:var(--pad-bottom);align-items:flex-end}body .stick{width:var(--stick-size);height:var(--stick-size)}body .stick-knob{width:var(--stick-knob);height:var(--stick-knob);margin:calc((var(--stick-size) - var(--stick-knob)) / 2 - 1px)}body .pad-stop{width:var(--stop-size);height:var(--stop-size);margin-bottom:10px}}@media (pointer:coarse) and (orientation:landscape) and (max-height:500px){body .intro{padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left))}body .intro-card{gap:10px;max-width:760px}body .intro-title{font-size:var(--type-32);line-height:1.5}body .intro-sub,body .intro-highlights,body .intro-keys{display:none}body .intro .start,body .intro .start:disabled{position:relative;bottom:auto}}@media (pointer:coarse){body{--hit:44px}body :is(.menu-chip,.segmented button,.time-chip,.intro-board,.wardrobe-chip,.wardrobe-swatch,.tip__btn){position:relative}body :is(.board-close,.place-close,.menu-chip,.segmented button,.toggle,.tip__btn,.time-chip,.intro-board,.wardrobe-chip,.wardrobe-swatch,.intro .start,.wardrobe-done):before{content:"";inset:min(0px, calc(50% - var(--hit) / 2));position:absolute}}@media (pointer:coarse) and (orientation:landscape) and (max-height:500px){body{--stick-size:116px;--stick-knob:44px;--stop-size:76px;--mid-left:calc(var(--hud-left) + var(--map-size) + 12px);--mid-right:calc(var(--round-right) + 2 * var(--round-btn) + var(--round-gap) + 12px);--top-band-left:calc(var(--hud-left) + var(--map-size) + 12px);--top-band-right:calc(var(--hud-right) + var(--menu-size) + 8px);--below-top:calc(var(--hud-top) + 78px);--stop-ring:60px}body.touring,body.touring.race-nav{--below-top:calc(var(--hud-top) + var(--tour-banner-h,62px) + 8px)}body.race-nav{--below-top:calc(var(--hud-top) + 46px + 8px)}body.touring.race-nav{--below-top:calc(var(--hud-top) + var(--tour-banner-h,62px) + 8px + 46px + 8px)}body .start-chip{top:calc(var(--hud-top) + (var(--menu-size) - 36px) / 2);left:calc((var(--top-band-left) + 100% - var(--top-band-right)) / 2);max-width:calc(100% - var(--top-band-left) - var(--top-band-right))}body:has(.start-chip.show){--row-end:var(--map-end)}body.touring .tour-banner{top:var(--hud-top);left:var(--top-band-left);right:var(--top-band-right)}body.riding.touring .lap{display:none!important}body.race-nav .race-hud{top:var(--hud-top)}body.touring.race-nav .race-hud{top:calc(var(--hud-top) + var(--tour-banner-h,62px) + 8px)}body .toast,body.touring .toast,body.race-nav .toast{top:var(--below-top);left:calc((var(--mid-left) + 100% - var(--mid-right)) / 2);max-width:calc(100% - var(--mid-left) - var(--mid-right))}body .story-pill{bottom:calc(var(--pad-bottom) + 8px + 96px);max-width:calc(100% - 2 * (var(--pad-bottom) + var(--stick-size) + 12px))}body .place-card{top:var(--below-top);left:var(--mid-left);right:var(--mid-right);width:auto;max-height:calc(100% - var(--below-top) - var(--pad-bottom) - var(--gas-size) - 8px)}body.riding .onfoot-btn{bottom:var(--horn-bottom);right:calc(var(--round-right) + var(--round-btn) + var(--round-gap))}}body.riding :is(.menu-btn,.shot-btn,.horn-btn,.onfoot-btn,.start-chip,.lap,.street-chip,.stick-knob){background:var(--hud-mat);color:var(--on-glass);-webkit-backdrop-filter:var(--hud-mat-blur);backdrop-filter:var(--hud-mat-blur);box-shadow:var(--hud-hair);border:0}body.riding :is(.menu-btn,.shot-btn,.horn-btn,.onfoot-btn){-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--press-out), background var(--press-out), opacity var(--fast);border-radius:50%;place-items:center;padding:0;display:grid}body.riding :is(.menu-btn,.shot-btn,.horn-btn,.onfoot-btn) .icon{stroke-width:2px;width:22px;height:22px}body.riding :is(.menu-btn,.shot-btn,.horn-btn,.onfoot-btn):hover{background:var(--hud-mat)}body.riding :is(.menu-btn,.shot-btn,.horn-btn,.onfoot-btn):active{background:var(--hud-mat-press);transition:transform var(--press-in), background var(--press-in);transform:scale(.9)}body.riding .onfoot-btn.near{box-shadow:inset 0 0 0 2px var(--accent), var(--hud-hair);border:0}body.riding .pad-stop-ring{transition:transform var(--press-out), background var(--press-out)}body.riding .pad-stop:is(:active,.on) .pad-stop-ring{transition:transform var(--press-in), background var(--press-in);transform:scale(.9)}body.riding .stick-knob{box-shadow:inset 0 0 0 1.5px #ffffffd9, var(--hud-hair)}body.riding .stick.on .stick-knob{background:var(--hud-mat-press)}body.riding .stick:not(.on) .stick-knob{transition:transform .35s cubic-bezier(.3,1.4,.5,1)}body.riding .stick-gate{stroke-width:2.6px}body.riding .minimap{box-shadow:inset 0 0 0 .5px #ffffff59,0 2px 10px #0003}body.riding .lap{border-radius:var(--radius-lg)}body.riding .start-chip{border-radius:var(--radius-full);font-weight:700}body.riding .start-chip-dist{font-weight:400}body.riding .street-chip{font-weight:700}body.riding .street-chip.fresh{background:var(--hud-mat-press)}body.riding .speedo{flex-direction:column;align-items:center;gap:2px}body.riding .speed-value{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:600}body.riding .speed-unit{font-family:var(--font-num);font-size:var(--type-12);letter-spacing:.06em;text-transform:uppercase;font-weight:600}@media (prefers-reduced-motion:reduce){body.riding :is(.menu-btn,.shot-btn,.horn-btn,.onfoot-btn,.pad-stop-ring,.stick-knob){transition:none!important}}@media (pointer:fine){body.riding .speedo{bottom:calc(max(4px, env(safe-area-inset-bottom)) + 24px);gap:4px}body.riding .speed-unit{font-size:var(--type-16);opacity:.85}body.riding .onfoot-btn{width:48px;height:48px}body.riding .onfoot-btn>.icon{width:22px;height:22px;margin:0}body.riding .onfoot-word{font-size:var(--type-13);white-space:nowrap;text-shadow:0 1px 3px #000000d9;margin-top:4px;line-height:1.5;position:absolute;top:100%;left:50%;transform:translate(-50%)}body.touring{--card-nav-top:calc(max(14px, env(safe-area-inset-top)) + 62px)}body.touring.race-nav{--card-nav-top:calc(max(14px, env(safe-area-inset-top)) + 104px)}body.touring .place-card{--card-top:calc(var(--card-nav-top) + var(--tour-banner-h,62px) + 8px);top:var(--card-top);max-height:min(46vh, calc(100% - var(--card-top) - 140px));transition:opacity .3s;transform:translate(-50%)}}@media (pointer:fine) and (max-width:600px){body.touring,body.touring.race-nav{--card-nav-top:calc(max(14px, env(safe-area-inset-top)) + 146px)}body.touring.race-nav .place-card{--card-top:calc(max(14px, env(safe-area-inset-top)) + 216px + 46px + 8px)}}body.riding .lap-label,body.riding .lap-best-label{font-family:var(--font);font-size:var(--type-13);color:var(--on-glass-2);opacity:1;font-weight:700}body.riding .lap-time,body.riding .lap-best-time{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--on-glass);font-weight:600}body.riding .lap-time{font-size:var(--type-32);line-height:1.15}body.riding .lap-best{opacity:1;align-items:baseline;gap:6px;display:flex}body.riding .lap-best-time{font-size:var(--type-14)}@media (max-width:600px),(pointer:coarse){body.riding .lap-time{font-size:var(--type-24);line-height:1.2}}body :is(.intro-title,.place-card h2,.board-title,.world-intro-title,.homecity-title,.cover-title){font-family:var(--font-head);font-weight:400}@media (pointer:coarse){body .game-menu{padding:0 8px max(8px, env(safe-area-inset-bottom));place-items:end center}body .game-menu-card{width:min(100%,500px);max-height:calc(100% - max(16px, env(safe-area-inset-top)) - 8px);border-radius:var(--radius-pill);background:var(--sheet-glass);-webkit-backdrop-filter:var(--sheet-blur);backdrop-filter:var(--sheet-blur);box-shadow:var(--hud-hair);overscroll-behavior:contain;border:0;padding:26px 16px 16px;animation:.38s cubic-bezier(.2,.9,.25,1) sheet-up}body .game-menu-card:before{content:"";border-radius:var(--radius-xs);background:var(--text);opacity:.3;width:36px;height:5px;margin-left:-18px;position:absolute;top:8px;left:50%}body .game-menu-card.dragging{transition:none;animation:none}body .game-menu-card.settling{transition:transform .32s cubic-bezier(.3,1.3,.5,1)}body .game-menu-card .board-title{color:var(--text);font-size:var(--type-20);text-align:left;touch-action:none;margin:0}body .game-menu-card .board-close{background:var(--sheet-fill);width:30px;height:30px;color:var(--text-2);font-size:var(--type-14);border-radius:50%;top:22px;right:16px}body .menu-tiles{grid-template-columns:repeat(4,1fr);gap:14px 8px;margin-top:16px}body .menu-tile{font-size:var(--type-12);transition:transform var(--press-out);background:0 0;border-radius:0;gap:6px;padding:0;line-height:1.4}body .menu-tile .icon{box-sizing:content-box;background:var(--sheet-fill);stroke-width:1.9px;border-radius:50%;width:24px;height:24px;padding:16px}body .menu-tile:active{transition:transform var(--press-in);transform:scale(.92)}body .menu-tile:nth-child(n+5){background:var(--sheet-fill);min-height:40px;font-size:var(--type-16);text-align:left;grid-column:1/-1;align-items:center;gap:12px;margin-top:-14px;padding:4px 36px 4px 14px;line-height:1.6;display:flex;position:relative}body .menu-tile:nth-child(5){border-radius:var(--radius-md) var(--radius-md) 0 0;margin-top:6px}body .menu-tile:last-child:nth-child(n+5){border-radius:0 0 var(--radius-md) var(--radius-md)}body .menu-tile:nth-child(5):last-child{border-radius:var(--radius-md)}body .menu-tile:nth-child(n+6){box-shadow:inset 0 .5px 0 var(--border)}body .menu-tile:nth-child(n+5) .icon{background:0 0;width:20px;height:20px;padding:0}body .menu-tile:nth-child(n+5):after{content:"";border-top:2px solid var(--text-2);border-right:2px solid var(--text-2);opacity:.5;width:7px;height:7px;margin-top:-4px;position:absolute;top:50%;right:18px;transform:rotate(45deg)}body .menu-tile.menu-switch-tile:after{content:none}body .menu-tile:nth-child(n+5):active{background:var(--sheet-press);transform:none}body .menu-body{border-radius:var(--radius-md);background:var(--sheet-fill);margin-top:16px;padding:4px 14px 12px}body .menu-row{border-top:0}body .menu-row:first-child{margin-top:0}body .menu-foot{margin-top:16px}body .menu-go{border-radius:var(--radius-full);min-height:40px;font-size:var(--type-16);padding-block:6px;font-weight:700}}@media (pointer:coarse) and (orientation:landscape) and (max-height:500px){body .game-menu-card{background:var(--sheet-solid);width:min(100%,520px)}body .menu-foot{background:var(--sheet-solid);padding-block:10px 16px;position:sticky;bottom:-16px}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){body .game-menu-card{animation:none}}