@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand-primary:#0f766e;--brand-primary-soft:#e2f3ef;--brand-accent:#2f7fc4;--bus-red:#e5352b;--bus-red-soft:#fdecea;--warn-amber:#e8960c;--warn-amber-soft:#fef5e2;--success:#1e9e62;--success-soft:#e6f6ee;--user-route:#15191c;--text-primary:#15191c;--text-secondary:#5a6466;--text-tertiary:#929a9c;--text-inverse:#fff;--surface-card:#fff;--surface-bg:#f5f7f7;--surface-border:#e3e8e8;--shadow-float:0 6px 10px #0f1a1a24;--shadow-soft:0 4px 18px #0f1a1a12;--shadow-sheet:0 4px 18px #0f1a1a29;--panel-width:420px;color:var(--text-primary);background:var(--surface-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Plus Jakarta Sans Variable,system-ui,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}.app{height:100dvh;position:relative;overflow:hidden}.map-area,.map-area>.map{position:absolute;inset:0}.map-loading{background:#efeeea;position:absolute;inset:0}.web-nav{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;background:var(--surface-card);border:1px solid var(--surface-border);filter:drop-shadow(var(--shadow-float));border-radius:26px;gap:2px;padding:4px;display:flex;position:absolute;transform:translate(-50%)}.web-nav a{height:44px;color:var(--text-secondary);white-space:nowrap;border-radius:22px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.web-nav a.active{background:var(--brand-primary);color:var(--text-inverse);font-weight:700}.map-chips{top:calc(16px + env(safe-area-inset-top));z-index:10;gap:8px;display:flex;position:absolute;left:16px}.chip-province{background:var(--brand-primary);color:var(--text-inverse);box-shadow:var(--shadow-soft);border-radius:18px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.icon-button{z-index:10;background:var(--surface-card);width:48px;height:48px;box-shadow:var(--shadow-soft);border-radius:24px;place-items:center;display:grid;position:absolute}.locate{right:16px;bottom:calc(86px + env(safe-area-inset-bottom))}.scrim{z-index:30;background:#15191c52;position:fixed;inset:0}.sheet{z-index:31;max-height:calc(100dvh - 48px);padding:10px 20px calc(24px + env(safe-area-inset-bottom));background:var(--surface-card);box-shadow:var(--shadow-sheet);border-radius:24px 24px 0 0;flex-direction:column;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.grabber{background:var(--surface-border);border-radius:3px;align-self:center;width:40px;height:5px}.sheet h2{margin:0;font-size:20px;font-weight:800}.sheet p{color:var(--text-secondary);margin:4px 0 0;font-size:13px;line-height:18px}.province-list{flex-direction:column;display:flex}.province-row{text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:55px;padding:10px 12px;font-size:15px;font-weight:600;display:flex}.province-row span{flex:1}.province-row.selected{background:var(--brand-primary-soft);color:var(--brand-primary);font-weight:700}.page{z-index:15;padding:calc(24px + env(safe-area-inset-top)) 20px calc(96px + env(safe-area-inset-bottom));background:var(--surface-bg);position:absolute;inset:0;overflow-y:auto}.page h1{margin:0 0 8px;font-size:26px;font-weight:800}.page p{color:var(--text-secondary);margin:0}.account .google-button{min-height:44px;margin-top:20px}.account [role=alert]{margin-top:12px}.account-details{background:var(--surface-card);box-shadow:var(--shadow-soft);border-radius:16px;margin:16px 0 24px;padding:16px}.account-details dt{color:var(--text-tertiary);font-size:13px}.account-details dd{overflow-wrap:anywhere;margin:2px 0 12px;font-weight:600}.account-details dd:last-child{margin-bottom:0}.secondary-button{border:1px solid var(--surface-border);background:var(--surface-card);border-radius:999px;min-height:44px;padding:0 20px;font-weight:600}@media (width>=900px){.app{grid-template-columns:var(--panel-width) 1fr;display:grid}.panel{z-index:20;background:var(--surface-card);border-right:1px solid var(--surface-border);flex-direction:column;min-height:0;display:flex;position:relative}.map-area{position:relative;inset:auto}.page{background:0 0;padding:20px;position:static}.sheet{left:calc(var(--panel-width) + 16px);border-radius:16px;width:380px;top:60px;bottom:auto;right:auto}.sheet .grabber{display:none}.locate{bottom:16px}}.brand-row{align-items:center;gap:10px;padding:14px 16px 10px 20px;display:flex}.brand-row strong{flex:1;font-size:20px;font-weight:800}.sign-in{border:1.5px solid var(--surface-border);border-radius:20px;align-items:center;gap:8px;padding:9px 16px 9px 14px;font-size:14px;font-weight:700;display:flex}.sign-in.signed-in{padding:5px 14px 5px 5px}.sign-in .avatar{background:var(--brand-primary-soft);width:26px;height:26px;color:var(--brand-primary);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.tabs{border-bottom:1px solid var(--surface-border);padding:0 8px;display:flex}.tabs a{color:var(--text-secondary);border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px 0 11px;font-size:14px;font-weight:600;display:flex}.tabs a.active{border-bottom-color:var(--brand-primary);color:var(--brand-primary);font-weight:700}.primary-button,.danger-button{background:var(--brand-primary);width:100%;min-height:52px;color:var(--text-inverse);border-radius:26px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:700;display:flex}.primary-button:disabled{background:var(--surface-border);color:var(--text-tertiary);cursor:default}.danger-button{background:var(--bus-red)}.secondary-button.wide{border-radius:24px;width:100%;min-height:48px;font-size:15px;font-weight:700}.secondary-button.soft{background:var(--brand-primary-soft);color:var(--brand-primary);border:0;justify-content:center;align-items:center;display:flex}.dialog .secondary-button.soft{background:var(--surface-bg);color:var(--text-primary)}.text-button{width:100%;min-height:40px;color:var(--text-secondary);font-size:16px;font-weight:700}.round-button{background:var(--surface-bg);border-radius:18px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.round-button.large{border-radius:20px;width:40px;height:40px}.round-button:disabled{opacity:.4;cursor:default}.add-route-button{right:16px;bottom:calc(146px + env(safe-area-inset-bottom));z-index:10;background:var(--brand-primary);height:52px;color:var(--text-inverse);box-shadow:var(--shadow-float);border-radius:26px;align-items:center;gap:8px;padding:0 20px 0 16px;font-size:16px;font-weight:700;display:flex;position:absolute}.add-route-button img{filter:brightness(0)invert()}.locate.drawing{bottom:auto;top:calc(250px + env(safe-area-inset-top))}.toast{z-index:25;background:var(--text-primary);color:var(--text-inverse);border-radius:12px;margin:0;padding:12px 14px;font-size:13px;font-weight:600;line-height:18px;position:absolute;left:16px;right:16px}.locate-toast{bottom:calc(160px + env(safe-area-inset-bottom))}.route-pin img{cursor:grab;display:block}.route-waypoint{border:3px solid var(--brand-primary);background:var(--surface-card);cursor:grab;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0f1a1a4d}.add-route{z-index:15;pointer-events:none;position:absolute;inset:0}.add-route>*{pointer-events:auto}.route-panel{top:calc(12px + env(safe-area-inset-top));background:var(--surface-card);border-radius:20px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;left:16px;right:16px;box-shadow:0 4px 18px #0f1a1a21}.route-panel-title{align-items:center;gap:10px;display:flex}.route-panel-title h1{margin:0;font-size:16px;font-weight:800}.route-panel-title p,.panel-note{color:var(--text-secondary);margin:1px 0 0;font-size:12px}.panel-note a{color:var(--brand-primary);font-weight:700}.route-fields{align-items:center;gap:10px;display:flex}.route-inputs{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.route-input{background:var(--surface-bg);border:2px solid #0000;border-radius:12px;align-items:center;gap:10px;height:44px;padding:0 12px;display:flex}.route-input.focused{border-color:var(--brand-primary)}.route-input input{min-width:0;font:inherit;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font-size:14px;font-weight:600}.route-input input::placeholder{color:var(--text-tertiary);font-weight:400}.dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.dot.start{background:var(--brand-accent)}.dot.end{background:var(--brand-primary)}.route-rules{color:var(--text-tertiary);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.search-empty{top:calc(212px + env(safe-area-inset-top));background:var(--surface-card);color:var(--text-secondary);border-radius:14px;margin:0;padding:14px;font-size:13px;position:absolute;left:16px;right:16px}.search-results{top:calc(212px + env(safe-area-inset-top));background:var(--surface-bg);margin:0;padding:8px 16px;list-style:none;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.search-results button{text-align:left;align-items:center;gap:12px;width:100%;padding:10px 4px;display:flex}.result-icon{background:var(--brand-primary-soft);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.result-text{flex-direction:column;gap:2px;display:flex}.result-text strong{font-size:15px;font-weight:600}.result-text span{color:var(--text-secondary);font-size:12px}.map-hint{left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--text-primary);color:var(--text-inverse);border-radius:16px;align-items:center;gap:10px;margin:0;padding:14px 16px;font-size:13px;font-weight:600;line-height:18px;display:flex;position:absolute}.map-hint button{color:var(--text-inverse);font-weight:800;text-decoration:underline}.route-header{top:calc(12px + env(safe-area-inset-top));background:var(--surface-card);border-radius:26px;align-items:center;gap:10px;padding:6px;display:flex;position:absolute;left:16px;right:16px;box-shadow:0 4px 18px #0f1a1a1a}.route-header .round-button{border-radius:20px;width:40px;height:40px}.route-header-title{text-align:left;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.route-header-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.route-header-title span{color:var(--brand-primary);font-size:12px;font-weight:600}.route-sheet{max-height:70dvh;padding:10px 20px calc(24px + env(safe-area-inset-bottom));background:var(--surface-card);box-shadow:var(--shadow-sheet);border-radius:24px 24px 0 0;flex-direction:column;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.route-sheet h2,.dialog h2{margin:0;font-size:18px;font-weight:800}.route-sheet p,.dialog p{color:var(--text-secondary);margin:0;font-size:13px;line-height:18px}.alert-header{align-items:center;gap:12px;display:flex}.alert-header h2{margin-bottom:3px}.alert-icon,.dialog-icon{border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.alert-icon.red,.dialog-icon.red,.action-icon.red{background:var(--bus-red-soft)}.alert-icon.amber,.dialog-icon.amber{background:var(--warn-amber-soft)}.suggestion{background:var(--brand-primary-soft);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.suggestion div{flex-direction:column;gap:2px;display:flex}.suggestion strong{color:var(--brand-primary);font-size:12px;font-weight:700}.suggestion span{font-size:14px;font-weight:600}.distance{align-items:flex-end;gap:6px;display:flex}.route-sheet .distance{font-size:13px}.distance strong{color:var(--text-primary);font-size:26px;font-weight:800;line-height:1}.distance.over strong{color:var(--warn-amber)}.distance-bar{background:var(--surface-bg);border-radius:4px;gap:2px;height:8px;display:flex;overflow:hidden}.distance-bar span{background:var(--brand-primary);border-radius:4px;height:8px}.distance-bar span.over{background:var(--warn-amber)}.note{border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.route-sheet .note.teal,.note.teal{background:var(--brand-primary-soft);color:var(--brand-primary)}.route-sheet .note.amber,.note.amber{background:var(--warn-amber-soft);color:var(--text-primary)}.hint{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.page .hint{margin:12px 0}.overlap-route{background:var(--surface-bg);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.overlap-route div{flex-direction:column;gap:2px;display:flex}.overlap-route strong{font-size:15px;font-weight:700}.overlap-route span{color:var(--text-secondary);font-size:12px}.page-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-header h1{margin:0;font-size:20px}.route-summary{background:var(--surface-card);border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.route-summary div{flex-direction:column;gap:2px;display:flex}.route-summary strong{font-size:16px;font-weight:700}.route-summary span{color:var(--text-secondary);font-size:12px}.route-summary-icon{background:var(--brand-primary-soft);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.section-label{color:var(--text-secondary);margin:20px 0 10px;font-size:13px;font-weight:700}.slot-options,.slots{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.slot-option{border:2px solid var(--surface-border);background:var(--surface-card);text-align:left;border-radius:18px;flex-direction:column;gap:10px;width:100%;padding:14px;display:flex}.slot-option.selected{border-color:var(--brand-primary);background:var(--brand-primary-soft)}.slot-option:disabled{opacity:.6;cursor:default}.slot-option-row{align-items:center;gap:12px;display:flex}.slot-option-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.slot-option-text strong{font-size:15px;font-weight:700}.slot-option-text span{color:var(--text-secondary);font-size:12px}.locked-text{align-items:center;gap:4px;display:flex}.moves-note{background:var(--surface-card);border-radius:12px;padding:8px 12px;font-size:13px;font-weight:600}.slot-badge{background:var(--user-route);width:40px;height:40px;color:var(--text-inverse);border-radius:12px;flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:grid}.slot-badge.small{border-radius:10px;width:32px;height:32px;font-size:13px}.slot-badge.teal{background:var(--brand-primary)}.slot-badge.empty{background:var(--surface-bg);color:var(--text-tertiary)}.slot-badge.add{background:var(--brand-primary-soft)}.points-chip,.status-chip{background:var(--brand-primary-soft);color:var(--brand-primary);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-flex}.status-chip.counting{background:var(--success-soft);color:var(--success)}.status-chip.pending{background:var(--warn-amber-soft);color:var(--warn-amber)}.status-chip.locked{background:var(--surface-bg);color:var(--text-secondary)}.primary-button.sticky{bottom:calc(16px + env(safe-area-inset-bottom));margin-top:8px;position:sticky}.saved-page{flex-direction:column;gap:16px;display:flex}.saved-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-top:32px;display:flex}.saved-check{border:14px solid var(--brand-primary-soft);background:var(--brand-primary);box-sizing:content-box;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.saved-hero h1{margin:8px 0 0}.saved-hero p{line-height:20px}.notice{border-radius:14px;gap:10px;padding:14px;display:flex}.notice.amber{background:var(--warn-amber-soft)}.notice div{flex-direction:column;gap:2px;display:flex}.notice strong{font-size:14px;font-weight:700}.notice span{color:var(--text-secondary);font-size:12px}.saved-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.dialog{z-index:32;background:var(--surface-card);width:min(326px,100vw - 48px);box-shadow:var(--shadow-sheet);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:24px 16px 16px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-icon{border-radius:50%}.countdown{gap:8px;display:flex}.countdown span{background:var(--surface-bg);min-width:54px;color:var(--text-secondary);border-radius:12px;flex-direction:column;align-items:center;padding:8px;font-size:11px;display:flex}.countdown strong{color:var(--text-primary);font-size:22px;font-weight:800}.slot-choices{flex-direction:column;gap:8px;width:100%;display:flex}.my-routes-header{align-items:center;margin-bottom:14px;display:flex}.my-routes-header div{flex:1}.my-routes-header h1{margin:0}.my-routes-header p{font-size:12px}.avatar.large{background:var(--brand-accent);width:44px;height:44px;color:var(--text-inverse);border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid}.slot-card{background:var(--surface-card);text-align:left;border-radius:18px;align-items:center;gap:12px;width:100%;padding:14px 12px 14px 8px;display:flex}.slot-card.dragging{opacity:.5}.slot-card.empty,.slot-card.skeleton{border:2px dashed var(--surface-border);background:0 0;padding-left:46px}.slot-card.skeleton{padding-left:12px}.skeleton-line{background:var(--surface-border);border-radius:4px;flex:1;height:8px}.reorder{flex-direction:column;gap:4px;display:flex}.reorder button{background:var(--surface-bg);border-radius:8px;place-items:center;width:26px;height:22px;display:grid}.reorder button:disabled{background:var(--surface-card);cursor:default}.slot-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.slot-text strong{font-size:15px;font-weight:700}.slot-card.empty .slot-text strong{color:var(--brand-primary)}.slot-text>span{color:var(--text-secondary);font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.page .footnote{text-align:center;color:var(--text-tertiary);margin:16px 0 0;font-size:12px;line-height:17px}.signed-out-intro{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:32px;display:flex}.signed-out-intro h2{margin:0;font-size:20px;font-weight:800}.actions-sheet{gap:6px}.action-row{text-align:left;border-radius:14px;align-items:center;gap:14px;width:100%;padding:12px 4px;display:flex}.action-icon{background:var(--surface-bg);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.action-text{flex-direction:column;gap:2px;display:flex}.action-text strong{font-size:15px;font-weight:600}.action-text span{color:var(--text-secondary);font-size:12px}.action-row.danger strong{color:var(--bus-red)}@media (width>=900px){.add-route{pointer-events:auto;flex-direction:column;gap:14px;min-height:0;padding:16px;display:flex;position:static;overflow-y:auto}.route-panel,.route-header,.route-sheet,.search-results,.search-empty,.map-hint{max-height:none;position:static}.route-panel,.route-header{border:1px solid var(--surface-border);box-shadow:none}.route-sheet{box-shadow:none;border-radius:0;padding:0}.route-sheet .grabber{display:none}.search-results{background:0 0;padding:0}.page.my-routes,.page.rank-page,.page.saved-page,.add-route{background:var(--surface-bg);flex:1}.add-route-button{bottom:80px}.locate.drawing{top:auto;bottom:16px}.locate-toast{max-width:320px;bottom:16px;left:auto;right:76px}.primary-button.sticky{bottom:16px}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.legend{left:16px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:10;background:var(--surface-card);border-radius:16px;flex-direction:column;gap:8px;width:178px;padding:12px 14px;font-size:11px;display:flex;position:absolute;box-shadow:0 4px 18px #0f1a1a1a}.legend strong{color:var(--text-secondary);font-weight:700}.heat-scale{background:linear-gradient(90deg,#a6ddd0 0%,#5fc2ae 35%,#249c8b 65%,#0a524d 100%);border-radius:4px;width:150px;height:8px}.legend-ends{color:var(--text-tertiary);justify-content:space-between;display:flex}.legend small{color:#91999c;font-size:11px;font-weight:500}.no-votes{z-index:12;background:var(--surface-card);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:min(350px,100% - 32px);padding:24px 22px;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0f1a1a26}.no-votes-icon{background:var(--brand-primary-soft);border-radius:32px;place-items:center;width:64px;height:64px;display:grid}.no-votes h2{margin:0;font-size:18px;font-weight:800}.no-votes p{color:var(--text-secondary);margin:0;font-size:14px;line-height:20px}.no-votes .primary-button img,.stretch-actions .primary-button img{filter:brightness(0)invert()}.stretch-sheet{z-index:15;max-height:70dvh;padding:10px 20px calc(24px + env(safe-area-inset-bottom));background:var(--surface-card);box-shadow:var(--shadow-sheet);border-radius:24px 24px 0 0;flex-direction:column;gap:16px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.stretch-sheet[aria-busy=true]{min-height:200px}.stretch-sheet>h2{margin:0;font-size:18px;font-weight:800}.stretch-sheet>p{color:var(--text-secondary);margin:0;font-size:13px;line-height:18px}.stretch-sheet .footnote{color:var(--text-tertiary);margin:-6px 0 0;font-size:12px}.stretch-header{align-items:flex-start;gap:12px;display:flex}.stretch-header>div{flex:1;min-width:0}.stretch-header h2{margin:0;font-size:19px;font-weight:800}.stretch-header p{color:var(--text-secondary);margin:3px 0 0;font-size:13px}.rank-badge{background:var(--brand-primary);width:48px;height:48px;color:var(--text-inverse);border-radius:14px;flex-shrink:0;place-items:center;font-size:17px;font-weight:800;display:grid}.rank-badge.unranked{background:var(--surface-bg);color:var(--text-secondary)}.close-button{background:var(--surface-bg);border-radius:18px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.stats{gap:10px;display:flex}.stats span{background:var(--surface-bg);min-width:0;color:var(--text-secondary);white-space:nowrap;border-radius:14px;flex-direction:column;flex:1;gap:2px;padding:12px;font-size:12px;display:flex}.stats strong{color:var(--brand-primary);font-size:20px;font-weight:800}.breakdown{flex-direction:column;gap:8px;display:flex}.breakdown>strong{font-size:13px;font-weight:700}.split-bar{gap:3px;display:flex}.split-bar span{border-radius:5px;flex-basis:0;min-width:10px;height:10px}.split-legend{color:var(--text-secondary);flex-wrap:wrap;gap:4px 14px;font-size:11px;display:flex}.split-legend span{align-items:center;gap:5px;display:flex}.split-legend i{border-radius:50%;width:8px;height:8px}.stretch-actions{gap:10px;display:flex}.share-button{background:var(--brand-primary-soft);border-radius:26px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.share-toast{position:static}.heat-tooltip .maplibregl-popup-content{box-shadow:var(--shadow-soft);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600}.heat-tooltip .maplibregl-popup-tip{display:none}.busiest{color:var(--brand-primary);font-size:12px;font-weight:600}.leaderboard-header{align-items:center;margin-bottom:16px;display:flex}.leaderboard-header>div{flex:1}.page .leaderboard-header h1{margin:0 0 2px}.leaderboard-header p{align-items:center;gap:6px;font-size:12px;display:flex}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px}.leaderboard-header .round-button,.top-bar .round-button{background:var(--surface-card);border-radius:20px;width:40px;height:40px}.segmented{background:var(--surface-border);border-radius:14px;gap:4px;height:44px;margin-bottom:16px;padding:4px;display:flex}.segmented a{color:var(--text-secondary);border-radius:11px;flex:1;place-items:center;font-size:14px;font-weight:600;display:grid}.segmented a.active{background:var(--surface-card);color:var(--text-primary);font-weight:700}.province-select{border:1px solid var(--surface-border);background:var(--surface-card);text-align:left;border-radius:14px;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:10px 14px;display:flex}.province-select span{flex-direction:column;flex:1;gap:1px;display:flex}.province-select strong{font-size:15px;font-weight:700}.province-select small,.province-row small{color:var(--text-secondary);font-size:12px;font-weight:400;display:block}.leaderboard-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.leader-row{background:var(--surface-card);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.leader-row .rank{background:var(--surface-bg);width:36px;height:36px;color:var(--text-secondary);border-radius:12px;flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:grid}.leader-row .rank.top{background:var(--brand-primary);color:var(--text-inverse)}.leader-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.leader-main strong{overflow-wrap:anywhere;font-size:15px;font-weight:700}.leader-main>span:not(.score-bar){color:var(--text-secondary);font-size:12px}.score-bar{background:var(--surface-bg);border-radius:3px;width:170px;max-width:100%;height:6px;display:flex}.score-bar span{border-radius:3px;height:6px}.leader-score{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.leader-score strong{color:var(--brand-primary);font-size:16px;font-weight:800}.leader-score small{color:var(--text-tertiary);font-size:11px}.leader-row.loading .line{background:var(--surface-border);border-radius:5px;width:110px;height:10px;display:block}.leader-row.loading .line.long{width:160px}.leaderboard-list.compact{margin-top:16px}.leaderboard-list.compact .leader-row{border:1px solid var(--surface-border)}.empty-list{margin-top:8px;font-size:14px;line-height:20px}.text-link{color:var(--brand-primary);margin-top:14px;font-size:14px;font-weight:700;display:inline-block}.top-bar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.page .top-bar h1{margin:0;font-size:20px}.how-example,.how-rule{background:var(--surface-card);margin-bottom:14px}.how-example{border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.how-example h2,.how-rule h2{margin:0;font-size:16px;font-weight:800}.how-rule h2{font-size:15px;font-weight:700}.page .how-example p,.page .how-rule p{font-size:13px;line-height:19px}.how-diagram{width:338px;max-width:100%;height:196px;margin:0;position:relative}.how-diagram img{position:absolute;inset:0}.how-diagram span,.how-diagram b,.how-diagram em{white-space:nowrap;font-style:normal;position:absolute}.how-diagram span{color:var(--text-secondary);font-size:11px;font-weight:600}.how-diagram b{font-size:13px;font-weight:700;top:138px}.how-diagram em{background:var(--surface-bg);border-radius:10px;padding:4px 8px;font-size:12px;font-weight:800;top:160px}.how-diagram em.top{background:var(--brand-primary);color:var(--text-inverse)}.how-rule{border-radius:16px;align-items:flex-start;gap:14px;padding:14px;display:flex}.how-rule p{margin-top:3px}.how-icon{background:var(--brand-primary-soft);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}@media (width>=900px){.legend{bottom:16px}.stretch-sheet{max-height:none;box-shadow:none;border-radius:0;padding:20px;position:static}.page.leaderboard,.page.how-it-works{background:var(--surface-bg);flex:1}}