html,body{overscroll-behavior:none;height:100%;margin:0}#app,#map{position:absolute;inset:0}#map{z-index:0}#map.map-shell--empty{font-family:var(--kw-font-ui,"IBM Plex Sans Thai Looped", system-ui, sans-serif);color:#334;text-align:center;box-sizing:border-box;justify-content:center;align-items:center;padding:16px;font-size:14px;line-height:1.5;display:flex}#hud{z-index:1;pointer-events:none;font-family:var(--kw-font-ui,"IBM Plex Sans Thai Looped", system-ui, sans-serif);color:#1a1a22;font-size:16px;font-weight:500;line-height:1.5;position:absolute;inset:0}#hud>*{pointer-events:auto}#hud h1{margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.5}#hud h2{margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.5}#hud p{margin:0 0 8px}[hidden]{display:none!important}.btn{box-sizing:border-box;color:#1a1a22;min-height:48px;font:inherit;text-align:center;cursor:pointer;background:#fff;border:2px solid #1a1a22;border-radius:12px;justify-content:center;align-items:center;padding:8px 16px;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn-primary{color:#1a1a22;background:#fc0;width:100%;min-height:56px;box-shadow:0 4px #1a1a22}.btn-primary:active{box-shadow:none;transform:translateY(4px)}.btn-secondary{color:#334;background:#fff}.btn-danger-confirm{color:#c22;background:#fff;border-color:#c22}.btn-disabled,.btn:disabled,.btn-primary.btn-disabled,.btn-primary:disabled{color:#556;box-shadow:none;cursor:default;background:#dde}.btn-fullwidth-bottom{width:100%;display:block}.screen-bottom-bar{padding:8px 0 max(16px, env(safe-area-inset-bottom));background:#fff8ee;position:sticky;bottom:0}.card{box-sizing:border-box;width:100%;font:inherit;color:#1a1a22;text-align:left;cursor:pointer;background:#fff;border:2px solid #1a1a22;border-radius:12px;padding:16px;display:block}.card.selected{border-width:4px;box-shadow:0 0 0 3px #fc0}.popup-overlay{z-index:40;background:#1a1a2273;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.popup{box-sizing:border-box;width:100%;max-width:480px;max-height:85vh;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));color:#1a1a22;background:#fff8ee;border:2px solid #1a1a22;border-bottom:none;border-radius:12px 12px 0 0;flex-direction:column;gap:8px;display:flex;overflow-y:auto}.popup .btn{width:100%}.confirm-title{white-space:normal;font-size:24px;font-weight:700;line-height:1.5}.confirm-level,.confirm-hp{color:#334;font-size:16px}.confirm-hp-note{color:#1a1a22;font-size:16px}.confirm-cards{gap:8px;display:flex}.confirm-cards .card{flex:1 1 0}.chip-status{box-sizing:border-box;border-radius:999px;align-items:center;gap:4px;min-height:32px;padding:4px 12px;font-size:14px;font-weight:700;display:inline-flex}.chip-status-icon{flex:none;width:16px;height:16px;display:inline-flex}.chip-status-icon img,.chip-status-icon svg{width:100%;height:100%;display:block}.chip-status.closing-soon{color:#1a1a22;background:#fc0;border:2px solid #1a1a22}.chip-status.closed{color:#334;background:#fff;border:2px dashed #556}.chip-status.in-run{color:#1a1a22;background:#fff;border:4px solid #1a1a22}.chip-distance{font-variant-numeric:tabular-nums;color:#1a1a22;font-size:24px;font-weight:700}.chip-distance-tag{color:#334;vertical-align:middle;border:1px solid #334;border-radius:999px;margin-inline-start:8px;padding:2px 8px;font-size:14px;font-weight:700;display:inline-block}.direction-arrow{vertical-align:middle;width:48px;height:48px;margin-inline-end:8px;display:inline-flex}.direction-arrow img,.direction-arrow svg{width:100%;height:100%;display:block}.direction-arrow[data-direction=N]{transform:rotate(0)}.direction-arrow[data-direction=NE]{transform:rotate(45deg)}.direction-arrow[data-direction=E]{transform:rotate(90deg)}.direction-arrow[data-direction=SE]{transform:rotate(135deg)}.direction-arrow[data-direction=S]{transform:rotate(180deg)}.direction-arrow[data-direction=SW]{transform:rotate(225deg)}.direction-arrow[data-direction=W]{transform:rotate(270deg)}.direction-arrow[data-direction=NW]{transform:rotate(315deg)}@media (prefers-reduced-motion:no-preference){.direction-arrow{transition:transform .15s ease-out}}.direction-label{vertical-align:middle;white-space:nowrap;font-size:16px}.gps-pill{top:max(8px, env(safe-area-inset-top));box-sizing:border-box;background:#fff;border-radius:999px;align-items:center;gap:4px;min-height:28px;padding:4px 12px;font-size:16px;font-weight:700;display:inline-flex;position:absolute;left:8px}.gps-pill[data-tone=info]{color:#069;border:2px solid #069}.gps-pill[data-tone=danger]{color:#c22;border:2px solid #c22}.gps-pill-body{top:calc(max(8px, env(safe-area-inset-top)) + 36px);color:#334;max-width:min(80vw,320px);padding:4px 12px;font-size:16px;position:absolute;left:8px}#follow-toggle{top:max(8px, env(safe-area-inset-top));position:absolute;right:8px}.banner{box-sizing:border-box;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:16px;font-weight:500;display:flex}.banner.info{color:#069;border-bottom:2px solid #069}.banner.warn{color:#c22;border-bottom:2px solid #c22}#network-banner{top:max(48px, calc(env(safe-area-inset-top) + 40px));z-index:10;text-align:center;justify-content:center;position:absolute;left:8px;right:8px}.recovering-banner{top:calc(max(48px, calc(env(safe-area-inset-top) + 40px)) + 44px);z-index:10;text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:8px;position:absolute;left:8px;right:8px}.recovering-banner-icon{flex:none;width:24px;height:24px}.recovering-banner-text{text-align:center;flex-direction:column;align-items:center;gap:0;display:flex}.recovering-banner-label{font-weight:700}.toast{z-index:30;box-sizing:border-box;color:#1a1a22;text-align:center;background:#fff;border:2px solid #1a1a22;border-radius:12px;width:max-content;max-width:calc(100vw - 32px);margin-inline:auto;padding:8px 16px;font-size:16px;position:absolute;bottom:24px;left:0;right:0}.toast.faded{color:#334;box-shadow:none;border-color:#556}.toast.danger{color:#c22;border-color:#c22;font-weight:700}.toast-line{margin:2px 0}.toast-continue-cta,.toast-level-up{font-weight:700}.toast-loot-row{justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.hp-bar{box-sizing:border-box;background:#fff;border:2px solid #1a1a22;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.hp-track{background:#dde;border:2px solid #1a1a22;border-radius:999px;flex:auto;height:20px;position:relative;overflow:hidden}.hp-fill{transform-origin:0;background:#173;width:100%;height:100%}.hp-fill.low{background:#c22}.hp-fill-edge-marker{pointer-events:none;background:#1a1a22;width:2px;position:absolute;top:0;bottom:0;left:0}.hp-percent{font-variant-numeric:tabular-nums;color:#1a1a22;min-width:3em;font-size:16px;font-weight:700}.auto-retreat-off-badge{flex:none}.run-top-stack{top:max(8px, env(safe-area-inset-top));flex-direction:column;gap:8px;display:flex;position:absolute;left:8px;right:8px}.run-bar{box-sizing:border-box;background:#fff;border:2px solid #1a1a22;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px;display:flex}.run-state-pill{box-sizing:border-box;color:#1a1a22;background:#fff8ee;border-bottom:2px solid #1a1a22;border-radius:999px;order:1;align-items:center;gap:4px;min-height:32px;padding:4px 12px;font-size:16px;font-weight:700;display:inline-flex}.run-state-pill[data-status=grace]{color:#069;background:0 0;border-bottom:6px solid #069}.run-state-pill[data-status=suspended]{color:#fff;background:#069;border-bottom:none}.run-state-pill-icon{width:16px;height:16px;display:inline-flex}.run-state-pill-icon img,.run-state-pill-icon svg{width:100%;height:100%;display:block}.run-tick-timer{font-variant-numeric:tabular-nums;white-space:nowrap;order:2;margin-inline-start:auto;font-weight:700}.run-exit-button{order:3}.run-bar>.banner{flex-basis:100%;order:4}.run-bar>.popup-overlay{order:5}.nav-panel{bottom:max(16px, env(safe-area-inset-bottom));box-sizing:border-box;background:#fff;border:2px solid #1a1a22;border-radius:12px;padding:12px;position:absolute;left:8px;right:8px}.nav-panel>div{margin-top:8px}.nav-panel>div:first-child{margin-top:0}.nav-panel-destination-name{font-size:16px;font-weight:700}.nav-panel-closed,.nav-return-before-arrive{color:#334;font-size:14px}.nav-fallback-open-link{color:#069;width:100%;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:16px;font-weight:700;text-decoration:underline;display:block}.home-panel{bottom:max(16px, env(safe-area-inset-bottom));box-sizing:border-box;background:#fff;border:2px solid #1a1a22;border-radius:12px;max-height:70vh;padding:12px;position:absolute;left:8px;right:8px;overflow-y:auto}.home-panel-shortcuts{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.home-avatar-card{background:#fff;border:2px solid #1a1a22;border-radius:50%;flex:none;width:40px;height:40px}.home-panel-title{margin-bottom:4px;font-size:20px;font-weight:700}.home-panel-body,.home-panel-next-open{margin-bottom:8px;font-size:16px}.home-panel-distance-line{align-items:center;gap:4px;margin-bottom:8px;display:flex}.home-panel-register-card{background:#fff8ee;border:2px solid #1a1a22;border-radius:12px;margin-bottom:8px;padding:12px}.home-primary-cta{width:100%}.home-recent-runs-detail{color:#334;margin-top:4px;font-size:14px}#hud-panel{top:max(8px, env(safe-area-inset-top));color:#fff8ee;background:#1a1a22d9;border-radius:8px;max-width:min(70vw,360px);max-height:60vh;padding:8px;font-size:11px;position:absolute;right:8px;overflow-y:auto}#hud-panel-readout{white-space:pre-wrap;word-break:break-word;margin:0 0 8px}#hud-export-summary,#hud-export-raw{width:100%;margin-top:4px;font-size:12px;display:block}.item-icon-frame{vertical-align:middle;width:52px;height:52px;margin-inline-end:8px;display:inline-block;position:relative}.item-icon-frame-bg{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.item-icon-glyph{object-fit:contain;width:48px;height:48px;margin:auto;position:absolute;inset:2px}.run-summary-reward-row{align-items:center;margin:4px 0;display:flex}.run-summary-header{margin-bottom:8px;font-size:24px;font-weight:700}.run-summary-canon,.run-summary-body{margin-bottom:8px;font-size:16px}.run-summary-exp-row,.run-summary-tick-row{font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:16px}.run-summary-rewards{margin:8px 0;padding:0;list-style:none}.screen{z-index:50;box-sizing:border-box;color:#1a1a22;background:#fff8ee;padding:16px;position:absolute;inset:0;overflow-y:auto}.screen.intro-screen,.screen.age-gate-screen,.screen.consent-location-screen,.screen.consent-permission-screen{z-index:60}.run-summary-body{white-space:pre-line}.class-select-cards{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.class-select-badge{width:48px;height:48px;margin:0 auto 8px;display:block}.class-select-name{text-align:center;font-weight:700}.class-select-desc{color:#334;text-align:center;font-size:14px}.role-info-row,.interest-group{border-bottom:1px solid #dde;align-items:center;gap:12px;padding:12px 0;display:flex}.interest-group{flex-direction:column;align-items:stretch}.role-info-badge{flex:none;width:48px;height:48px}.role-info-name{font-weight:700}.role-info-desc{color:#334;font-size:14px}.interest-group-heading{margin-bottom:4px;font-weight:700}.interest-option{text-align:left;width:100%;margin-top:8px}.interest-option[aria-pressed=true]{border-width:4px;box-shadow:0 0 0 3px #fc0}.interest-confirmed-line{color:#173;margin:8px 0;font-weight:700}.credits-entry{margin-bottom:12px}.credits-entry a{color:#069}.settings-menu-row{text-align:left;width:100%;margin-top:8px;display:block}.settings-menu-clear-local-data-blocked-note{color:#334;margin-top:4px;font-size:14px}.settings-menu-clear-local-data-confirm-body{white-space:pre-line}.settings-menu-close,.settings-close-button{margin-top:16px}.settings-row{border-bottom:1px solid #dde;padding:12px 0}.settings-row-label{font-weight:700}.settings-row-hint{color:#334;font-size:14px}.toggle{box-sizing:border-box;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:48px;min-height:48px;margin-top:8px;padding:8px;display:inline-flex}.toggle-track{box-sizing:border-box;background:#dde;border:2px solid #1a1a22;border-radius:999px;width:56px;height:32px;display:block;position:relative}.toggle-track:after{content:"";box-sizing:border-box;background:#fff;border:2px solid #1a1a22;border-radius:50%;width:24px;height:24px;position:absolute;top:2px;left:2px}.toggle[data-on=true] .toggle-track{background:#173}.toggle[data-on=true] .toggle-track:after{transform:translate(24px)}.inventory-list{margin:0;padding:0;list-style:none}.inventory-row{border-bottom:1px solid #dde;align-items:center;gap:8px;padding:8px 0;display:flex}.inventory-row-label{flex:auto}.privacy-location-status-row{gap:8px;margin-bottom:8px;font-size:16px;display:flex}.privacy-location-status-label{font-weight:700}.privacy-position-log-explain,.privacy-withdraw-confirm-body{white-space:pre-line;margin-bottom:8px;font-size:16px}.privacy-withdraw-during-run-note{color:#c22;margin-top:8px;font-size:16px;font-weight:700}.intro-screen{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.intro-message{font-size:24px;font-weight:700}.intro-tap-hint{color:#334;font-size:16px}.age-gate-options-label,.consent-location-body{margin-bottom:8px;font-size:16px}.consent-location-body{white-space:pre-line}.age-gate-birth-year-select{color:#1a1a22;width:100%;min-height:48px;font:inherit;background:#fff;border:2px solid #1a1a22;border-radius:12px;margin-bottom:16px;padding:8px 12px;font-size:16px;display:block}.age-gate-confirm,.age-gate-underage-back{margin-top:8px}.consent-header-label{color:#334;margin-bottom:8px;font-size:14px}.consent-location-buttons{flex-direction:column;gap:8px;margin-top:16px;display:flex}.checkin-status-row{color:#1a1a22;font-variant-numeric:tabular-nums;align-items:center;gap:8px;min-height:48px;margin:8px 0;font-size:16px;display:flex}.checkin-status-icon{flex:none;width:48px;height:48px}.checkin-status-icon img,.checkin-status-icon svg{width:100%;height:100%;display:block}.overlay-speedlock{z-index:50;box-sizing:border-box;text-align:center;color:#1a1a22;background:#fff8ee;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0}.speedlock-icon{width:48px;height:48px;display:block}.speedlock-title{font-size:20px;font-weight:700}.speedlock-body{font-size:16px}.speedlock-buttons{flex-direction:column;gap:8px;width:100%;max-width:320px;margin-top:8px;display:flex}.pocket-screen{z-index:50;box-sizing:border-box;color:#fff8ee;text-align:center;touch-action:none;background:#1a1a22;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0}.pocket-screen-hp{font-variant-numeric:tabular-nums;font-size:64px;font-weight:700}.pocket-screen-tick{font-variant-numeric:tabular-nums;font-size:24px}.pocket-screen-counting,.pocket-screen-wake-hint{color:#99a;white-space:pre-line;font-size:16px}.pocket-screen-wake-hint{bottom:max(16px, env(safe-area-inset-bottom));position:absolute}.pocket-screen-lock-notice{white-space:pre-line}.pocket-enter-button{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:10;position:absolute}#hud>.cue-visual-pulse{z-index:30;pointer-events:none;background:0 0;position:absolute;inset:0}.cue-visual-pulse.cue-visual-pulse-active{animation:.18s ease-out kw-cue-visual-pulse}@keyframes kw-cue-visual-pulse{0%{background:#ffcc0040}to{background:0 0}}.run-tutorial-line{top:calc(max(8px, env(safe-area-inset-top)) + 148px);box-sizing:border-box;color:#1a1a22;text-align:center;background:#fff;border:2px solid #1a1a22;border-radius:12px;padding:8px 12px;font-size:16px;position:absolute;left:8px;right:8px}