:root{--font:"LXGW WenKai Screen", "PingFang SC", "Microsoft YaHei", sans-serif;--paper:#fff8f0;--paper-2:#fff0e6;--card:#fff;--ink:#5d4e37;--text:#6b5a42;--muted:#a8977a;--line:#ffe0cc;--red:#ff6b6b;--orange:#ff9f43;--yellow:#ffd93d;--green:#6bcb77;--blue:#4d96ff;--purple:#a66cff;--sun-soft:#fff4d6;--focus:#4d96ff;--radius:24px;--shadow:0 4px 12px #ff6f6b26;--shadow-lg:0 10px 26px #ff6f6b38;--bounce:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;background:linear-gradient(#fff8f0 0%,#f0f8ff 55%,#fff0e6 100%) fixed;line-height:1.7}button,a,input{font-family:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:#e0782a}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:1120px;margin:0 auto;padding:20px 16px 72px}.btn{background:linear-gradient(135deg, #ffb057, var(--orange));color:#fff;cursor:pointer;min-height:44px;transition:transform .15s var(--bounce);border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px #e5832b}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(2px);box-shadow:0 1px #e5832b}.btn.small{min-height:38px;padding:0 16px;font-size:16px}.btn.ghost{color:var(--ink);border:2px solid var(--line);box-shadow:var(--shadow);background:#fff;font-weight:400}.draft-chip{color:#e25555;background:#ffe7e7;border-radius:999px;padding:0 9px;font-size:13px;font-style:normal;display:inline-block}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(40px)scale(.3)}70%{opacity:1;transform:translateY(-4px)scale(1.06)}to{opacity:1;transform:none}}@keyframes bob{0%{translate:0 -4px}to{translate:0 4px}}@keyframes ping{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}.map-frame{background:#fbf3e3;height:100dvh;position:relative;overflow:hidden}.map-viewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.map-viewport:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #ffaa7847}.map-viewport:focus-visible{outline-offset:-4px}.map-viewport.dragging,.map-viewport.dragging *{cursor:grabbing!important}.map-world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.map-world.animate{transition:transform .52s cubic-bezier(.3,.8,.3,1)}.map-art{width:100%;height:100%;display:block}.area-label{font-family:var(--font);paint-order:stroke;stroke:#fff;stroke-linejoin:round;pointer-events:none}.area-label.ours{letter-spacing:5px;stroke-width:9px;opacity:.85;font-size:36px;font-weight:700}.map-world .area-label.ours{font-size:min(36px, 44px / var(--k));letter-spacing:min(5px, 6px / var(--k));stroke-width:min(9px, 11px / var(--k))}.area-label.neighbor{fill:#c9b590;letter-spacing:3px;stroke-width:5px;font-size:22px}.park-label,.road-label,.station-label{font-family:var(--font);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;pointer-events:none}.park-label{fill:#3d9a4e;font-size:13px}.road-label{fill:#a07a45;stroke-width:3px;font-size:9px}.road-label.road-motorway{fill:#b8701b;font-size:10px}.station-label{fill:var(--ink);font-size:11px}.map-world[data-zoom=far] .road-label,.map-world[data-zoom=far] .park-label{display:none}.map-head{z-index:4;pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;top:14px;left:14px;right:80px}.map-head>*{pointer-events:auto}.map-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cat-chip{cursor:pointer;color:var(--ink);border:2px solid color-mix(in srgb, var(--c) 50%, #fff);box-shadow:0 3px 10px color-mix(in srgb, var(--c) 20%, transparent);transition:opacity .16s, transform .15s var(--bounce);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:5px 14px;font-size:15px;text-decoration:none;display:inline-flex}.cat-chip:hover{transform:translateY(-2px)}.cat-chip b{color:#fff;background:var(--c);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;display:inline-grid}.cat-chip[aria-pressed=false]{opacity:.5;box-shadow:none;border-style:dashed}.cat-chip[aria-pressed=false] b{background:#cbbfa8}.fuzzy-area{pointer-events:none;border:3px dashed color-mix(in srgb, var(--c) 60%, #fff);background:color-mix(in srgb, var(--c) 12%, transparent);border-radius:50%;transition:opacity .3s;position:absolute}.fuzzy-area.is-off{opacity:0}.bubble,.home-marker{cursor:pointer;width:1px;height:1px;font:inherit;color:var(--ink);transform:scale(calc(var(--bs,1) / var(--k)));transform-origin:0 0;z-index:1;background:0 0;border:0;padding:0;transition:opacity .3s;position:absolute}.bubble:focus-visible,.home-marker:focus-visible{outline:none}.bubble:focus-visible .bubble-body,.home-marker:focus-visible .home-say{outline:3px solid var(--focus);outline-offset:3px}.bubble[data-on]{z-index:3}.bubble.is-off{opacity:0;pointer-events:none}.bubble-fly{left:var(--ox);bottom:var(--len);animation:pop .7s var(--bounce) backwards;animation-delay:calc(.25s + var(--i) * .12s);flex-direction:column;align-items:center;transition:left .36s cubic-bezier(.3,.8,.3,1),bottom .36s cubic-bezier(.3,.8,.3,1);display:flex;position:absolute;translate:-50%}.bubble-body{background:radial-gradient(circle at 32% 28%, #fff 0 45%, color-mix(in srgb, var(--c) 10%, #fff) 100%);border:4px solid var(--c);width:62px;height:62px;box-shadow:0 6px 14px color-mix(in srgb, var(--c) 35%, transparent), inset 0 -4px 0 color-mix(in srgb, var(--c) 12%, transparent);animation:3.2s ease-in-out infinite alternate bob;animation-delay:calc(var(--i) * -.6s);transition:scale .22s var(--bounce);border-radius:50%;place-items:center;font-size:34px;line-height:1;display:grid;position:relative}.bubble-body:before{content:"";opacity:.9;background:#fff;border-radius:50%;width:13px;height:8px;position:absolute;top:9px;left:12px;rotate:-30deg}.is-sky .bubble-body{border-style:dashed;width:76px;height:76px;font-size:42px}.bubble-tag{z-index:1;white-space:nowrap;color:#fff;background:var(--c);box-shadow:0 3px 8px color-mix(in srgb, var(--c) 35%, transparent);border:2px solid #fff;border-radius:999px;align-items:center;gap:5px;margin-top:-8px;padding:1px 6px 1px 11px;font-size:14px;font-weight:700;line-height:1.6;display:inline-flex;position:relative}.bubble-tag b{min-width:18px;height:18px;color:var(--c);background:#fff;border-radius:999px;place-items:center;padding:0 4px;font-size:11px;display:inline-grid}.bubble-stem{pointer-events:none;animation:.5s backwards rise;animation-delay:calc(.6s + var(--i) * .12s);position:absolute;bottom:0;overflow:visible}.bubble-stem path{fill:none;stroke:var(--c);stroke-width:2px;stroke-linecap:round;stroke-dasharray:.1 7;opacity:.4;transition:opacity .2s,stroke-width .2s}.bubble:hover,.bubble:focus-visible{z-index:4}.bubble:hover .bubble-stem path,.bubble:focus-visible .bubble-stem path{opacity:1;stroke-width:3.5px;stroke-dasharray:none}.bubble-peg{transition:scale .2s var(--bounce)}.bubble:hover .bubble-peg,.bubble:focus-visible .bubble-peg{scale:1.35}.bubble-peg{background:var(--c);border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:-7px;box-shadow:0 2px 5px #0003}.bubble-peg:after{content:"";border:2px solid var(--c);animation:2.4s ease-out infinite ping;animation-delay:calc(var(--i) * .4s);border-radius:50%;position:absolute;inset:-3px}.bubble:hover .bubble-body{scale:1.12}.bubble[data-on] .bubble-body{box-shadow:0 0 0 6px color-mix(in srgb, var(--yellow) 70%, transparent), 0 6px 14px color-mix(in srgb, var(--c) 35%, transparent);scale:1.16}.home-marker{z-index:2}.home-house{filter:drop-shadow(0 6px 8px #ff6f6b40);width:96px;height:auto;transition:scale .22s var(--bounce);transform-origin:50% 100%;animation:pop .8s var(--bounce) backwards;position:absolute;bottom:-6px;left:-48px;overflow:visible}.home-say{white-space:nowrap;box-shadow:var(--shadow-lg);animation:pop .8s var(--bounce) .15s backwards;background:#fff;border:3px solid #ffc9a8;border-radius:22px;flex-direction:column;align-items:center;padding:8px 20px 9px;display:flex;position:absolute;bottom:92px;left:0;translate:-50%}.home-say:after{content:"";background:#fff;border-bottom:3px solid #ffc9a8;border-right:3px solid #ffc9a8;border-bottom-right-radius:4px;width:18px;height:18px;position:absolute;bottom:-12px;left:50%;translate:-50%;rotate:45deg}.home-say strong{letter-spacing:3px;background:linear-gradient(90deg,#ff7a5c,#ff9f43 35%,#4d96ff 70%,#a66cff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;line-height:1.25}.home-say small{color:var(--muted);font-size:13px}.home-marker:hover .home-house,.home-marker[data-on] .home-house{scale:1.08}.home-marker[data-on] .home-say{border-color:var(--yellow)}.clouds{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cloud{opacity:.85;background:#fff;border-radius:999px;width:190px;height:56px;animation:linear infinite drift;position:absolute;left:-240px;box-shadow:0 10px 20px #78aadc2e}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:86px;height:86px;top:-42px;left:30px}.cloud:after{width:64px;height:64px;top:-28px;left:94px}.cloud.c1{animation-duration:95s;animation-delay:-20s;top:14%}.cloud.c2{opacity:.7;animation-duration:130s;animation-delay:-80s;top:50%;scale:.7}.cloud.c3{opacity:.75;animation-duration:110s;animation-delay:-50s;top:78%;scale:.85}@keyframes drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 1500px))}}.compass{z-index:4;width:46px;height:46px;box-shadow:var(--shadow);color:var(--red);pointer-events:none;background:#fff;border:3px solid #ffd0b3;border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;top:16px;right:16px}.compass:before{content:"";border:7px solid #0000;border-bottom:11px solid var(--red);border-top:0;position:absolute;top:-10px}.zoom-ctl{z-index:4;flex-direction:column;gap:8px;display:flex;position:absolute;top:80px;right:16px}.zoom-ctl button{width:46px;height:46px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:transform .15s var(--bounce);background:#fff;border:3px solid #ffd0b3;border-radius:50%;font-size:20px}.zoom-ctl button:hover{transform:scale(1.08)}.zoom-ctl button:active{transform:scale(.94)}.map-hint{z-index:4;box-shadow:var(--shadow);color:var(--text);pointer-events:none;white-space:nowrap;background:#ffffffeb;border-radius:999px;margin:0;padding:6px 18px;font-size:15px;animation:.5s 1.6s backwards rise,.6s 15s forwards hint-out;position:absolute;bottom:34px;left:50%;translate:-50%}@keyframes hint-out{to{opacity:0;translate:-50% 10px}}.map-credit{color:var(--muted);margin:8px 4px 0;font-size:13px}.map-credit a{color:inherit}.map-frame .map-credit{z-index:4;text-align:center;background:#ffffffbf;margin:0;padding:3px 12px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.topbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.topbar .spacer{flex:1}.topic-hero{grid-template-columns:minmax(260px,1fr) 1fr;align-items:center;gap:32px;padding:10px 0 18px;display:grid}.locator{margin:0;animation:.42s ease-out rise;position:relative;transform:rotate(-1.5deg)}.locator .tape{z-index:2;background:#ffd93d8c;border-radius:4px;width:110px;height:28px;position:absolute;top:-12px;left:50%;translate:-50%;rotate:2deg}.locator-frame{aspect-ratio:3/2;border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fbf3e3;border:6px solid #fff;position:relative;overflow:hidden}.locator-art{width:100%;height:100%;display:block}.locator-art .road-label,.locator-frame.close .area-label{display:none}.locator-pin{background:var(--c);border:4px solid #fff;border-radius:50% 50% 50% 0;width:30px;height:30px;position:absolute;top:50%;left:50%;translate:-50% -110%;rotate:-45deg;box-shadow:0 3px 10px #0000004d}.locator-area{aspect-ratio:1;border:3px dashed var(--c);background:color-mix(in srgb, var(--c) 18%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.locator figcaption{text-align:center;color:var(--muted);margin-top:8px;font-size:15px}.draft-flag{color:#e25555;background:#ffe7e7;border-radius:999px;margin:0 0 8px;padding:2px 12px;font-size:14px;display:inline-block}.topic-cat{color:color-mix(in srgb, var(--c) 80%, #5d4e37);margin:0 0 4px;font-size:16px}.topic-head h1{color:var(--ink);align-items:center;gap:12px;margin:0 0 12px;font-size:clamp(34px,5.5vw,52px);line-height:1.15;display:flex}.topic-emoji{font-size:1.15em}.topic-head .hello{color:var(--ink);background:color-mix(in srgb, var(--c) 10%, #fff);border-radius:var(--radius);border:2px dashed color-mix(in srgb, var(--c) 45%, #fff);margin:0;padding:14px 18px;font-size:20px;line-height:1.6}.topic-count{color:var(--muted);margin:12px 0 0;font-size:16px}.article-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:8px 0 0;padding:0;list-style:none;display:grid}.article-card{background:linear-gradient(135deg, #fff 55%, color-mix(in srgb, var(--c) 12%, #fff));border:3px solid color-mix(in srgb, var(--c) 40%, #fff);border-radius:var(--radius);height:100%;box-shadow:var(--shadow);color:var(--text);transition:transform .25s var(--bounce), box-shadow .2s;flex-direction:column;gap:6px;padding:18px 20px 16px 66px;text-decoration:none;animation:.36s ease-out backwards rise;display:flex;position:relative}.article-list li:nth-child(2) .article-card{animation-delay:80ms}.article-list li:nth-child(3) .article-card{animation-delay:.16s}.article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.article-no{background:var(--c);color:#fff;width:36px;height:36px;box-shadow:0 3px 0 color-mix(in srgb, var(--c) 70%, #000);border-radius:50%;place-items:center;font-size:18px;font-weight:700;display:grid;position:absolute;top:18px;left:16px}.article-card strong{color:var(--ink);font-size:21px;line-height:1.4}.article-card small{flex:1;font-size:16px;line-height:1.6}.article-go{color:color-mix(in srgb, var(--c) 80%, #5d4e37);align-self:flex-end;font-size:15px;font-weight:700}.article-card.is-draft .article-no{background:color-mix(in srgb, var(--c) 50%, #fff);box-shadow:none}.other-topics{margin-top:30px}.other-topics h2{color:var(--ink);margin:0 0 10px;font-size:18px}.other-chips{flex-wrap:wrap;gap:10px;display:flex}.article-head{max-width:760px;padding:8px 0 14px}.article-head .topic-cat a{color:inherit}.article-head h1{color:var(--ink);margin:0 0 12px;font-size:clamp(32px,5.5vw,48px);line-height:1.2}.article.app{max-width:860px}.block-todo{text-align:center;border:3px dashed var(--line);border-radius:var(--radius);background:repeating-linear-gradient(-45deg,#fffaf3 0 14px,#fff2e6 14px 28px);padding:22px}.block-todo .todo-icon{margin:0;font-size:44px}.block-todo h3{color:var(--ink);margin:0 0 4px;font-size:24px}.block-todo p{margin:0;font-size:17px}.tide-note{color:var(--muted);margin:10px 0 0;font-size:14px}.cite{vertical-align:super;min-width:20px;height:20px;font:700 11px/1 var(--font);cursor:pointer;background:color-mix(in srgb, var(--c) 18%, #fff);color:color-mix(in srgb, var(--c) 70%, #5d4e37);border:0;border-radius:999px;place-items:center;margin-left:3px;padding:0 5px;display:inline-grid}.cite:hover{background:var(--c);color:#fff}.qa-main{max-width:780px}.qa-scene{text-align:center;color:var(--muted);box-shadow:var(--shadow);background:#fffc;border-radius:999px;margin:0 auto 16px;padding:6px 16px;font-size:15px;display:table}.qa-scene span{margin-right:6px}.qa-chat{gap:14px;display:grid}.qa-turn{gap:10px;display:grid}.qa-turn+.qa-turn{padding-top:6px}.qa-line{animation:.35s both qa-pop;animation-delay:calc(min(var(--i,0), 8) * 70ms);align-items:flex-start;gap:10px;display:flex}.qa-line.is-nian{flex-direction:row-reverse}.qa-avatar{border:2px solid var(--line);width:44px;height:44px;box-shadow:var(--shadow);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.qa-avatar .avatar{width:100%;height:100%}svg.avatar{vertical-align:middle;width:1.6em;height:1.6em;display:inline-block}.is-nian .qa-avatar{background:#fff1d6;border-color:#ffb36b}.is-dad .qa-avatar{background:#e5f0ff;border-color:#8db6f0}.qa-bubble{--gutter:54px;max-width:calc(100% - 2 * var(--gutter));box-shadow:var(--shadow);border-radius:18px;padding:10px 16px 12px}.is-nian .qa-bubble{background:#fff7e6;border:2px solid #ffd7a8;border-top-right-radius:4px}.is-dad .qa-bubble{background:#fff;border:2px solid #cfe0f7;border-top-left-radius:4px}.qa-bubble p{color:var(--ink);margin:4px 0 0;font-size:18px;line-height:1.75}.is-nian .qa-bubble p{font-weight:700}.qa-face{display:none}.qa-name{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.qa-show{box-shadow:var(--shadow);opacity:0;background:#fff;border:2px solid #cfe0f7;border-radius:20px;margin:0 54px;padding:16px;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.3,1);transform:translateY(16px)}.qa-show.in{opacity:1;transform:none}.qa-show.show-steps{box-shadow:none;background:0 0;border:0;padding:0}.qa-steps{align-items:stretch;gap:22px;margin:0;padding:0;list-style:none;display:flex}.qa-steps li{min-width:0;box-shadow:var(--shadow);text-align:center;background:#fff;border:2px solid #cfe0f7;border-radius:16px;flex:1 1 0;align-content:start;justify-items:center;gap:4px;padding:10px 8px;display:grid;position:relative}.qa-show.in .qa-steps li{animation:.4s both qa-pop;animation-delay:calc(var(--i) * .35s + .2s)}.qa-steps li+li:before{content:"→";color:#6f9fe0;font-weight:700;position:absolute;top:50%;left:-19px;transform:translateY(-50%)}.qa-steps span{font-size:30px;line-height:1.2}.qa-steps small{color:#3a4a66;font-size:13px;line-height:1.35}.qa-wrap{border-top:2px dashed var(--line);gap:12px;margin-top:26px;padding-top:18px;display:grid}.qa-wrap h3{color:var(--ink);margin:0 0 6px;font-size:17px}.qa-related{gap:8px;display:grid}.qa-related h3 .avatar{background:#fff;border-radius:50%;margin-right:6px}.qa-related a{border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:17px;text-decoration:none;display:flex}.qa-related a:hover{background:#fff7e6}.parent-tip{background:#f6f9ff;border:2px solid #dbe7fb;border-radius:14px;padding:10px 14px}.parent-tip summary{cursor:pointer;color:var(--ink);font-weight:700}.parent-tip p,.parent-tip ul{margin:8px 0 0;font-size:16px;line-height:1.7}.parent-tip.shots{background:#fffaf1;border:2px dashed #ecd8b8}@keyframes qa-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.numbers{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.numbers[data-count="1"]{max-width:320px;margin:0 auto}.numbers[data-count="1"] li{text-align:center;align-items:center}.numbers li{background:linear-gradient(160deg, #fff 40%, color-mix(in srgb, var(--c) 12%, #fff));border:3px solid color-mix(in srgb, var(--c) 30%, #fff);border-radius:20px;flex-direction:column;gap:4px;padding:14px 14px 12px;display:flex}.qa-show.in .numbers li{animation:pop .52s var(--bounce) backwards;animation-delay:calc(var(--i) * 90ms)}.numbers strong{color:color-mix(in srgb, var(--c) 85%, #5d4e37);font-size:40px;line-height:1}.numbers strong small{color:var(--muted);margin-left:3px;font-size:15px}.numbers span{font-size:15px;line-height:1.5}.race{border:2px dashed var(--line);background:#fffaf1;border-radius:20px;flex-direction:column;gap:14px;padding:14px 16px;display:flex}.race-ends{color:var(--muted);justify-content:space-between;margin-left:170px;margin-right:72px;font-size:14px;display:flex}.race-lane{grid-template-columns:160px 1fr 62px;align-items:center;gap:10px;display:grid}.race-label{color:var(--ink);font-size:16px}.race-track{background:#f1e6d3;border-radius:999px;height:34px;margin-right:16px;position:relative}.race-fill{background:color-mix(in srgb, var(--c) 35%, #fff);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.race-runner{filter:drop-shadow(0 2px 2px #00000026);font-size:28px;position:absolute;top:50%;translate:-50% -50%}.race-flag{font-size:18px;position:absolute;top:-14px;right:-4px}.race-time{color:var(--muted);text-align:right;font-size:16px}.race-lane.done .race-time{color:var(--ink);animation:pop .4s var(--bounce);font-weight:700}.race-again{margin-top:12px}.who-ask{color:var(--muted);margin:0 0 12px;font-size:17px}.who-grid{flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.who-grid>li{flex:112px;max-width:170px}.who-card{cursor:pointer;width:100%;height:100%;font:inherit;color:var(--ink);border:3px dashed var(--line);transition:transform .25s var(--bounce);background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.who-card:hover{transform:translateY(-3px)}.who-icon{font-size:44px;line-height:1.1}.who-card strong{font-size:18px}.who-guess{color:var(--muted);font-size:13px}.who-verdict{text-align:center;animation:pop .4s var(--bounce);flex-direction:column;gap:2px;font-size:14px;line-height:1.5;display:flex}.who-verdict b{font-size:18px}.who-card.is-ok{background:#effbef;border-style:solid;border-color:#8fdc9a}.who-card.is-ok b{color:#2f9a46}.who-card.is-no{background:#fff1f1;border-style:solid;border-color:#ffb3b3}.who-card.is-no b{color:#e04848}.who-sum{color:var(--muted);margin:14px 0 0;font-size:17px}.who-sum.in{color:var(--ink);font-weight:700;animation:.36s ease-out rise}.ride-map{box-shadow:var(--shadow-lg);background:#fbf3e3;border:5px solid #fff;border-radius:20px;position:relative;overflow:hidden}.ride-art,.ride-over{width:100%;height:100%;display:block;position:absolute;inset:0}.ride-art .park-label{display:none}.ride-art .area-label.ours{opacity:.35}.ride-over path{fill:none;stroke-linecap:round;stroke-linejoin:round}.ride-todo{stroke:#fff;stroke-width:9px}.ride-tail{stroke:#ff9b9b;stroke-width:4.5px;stroke-dasharray:7 6}.ride-done{stroke:#ff3f5e;stroke-width:6.5px;filter:drop-shadow(0 0 3px #ffffffe6)}.ride-stop{z-index:1;cursor:pointer;width:26px;height:26px;font:700 13px/1 var(--font);color:var(--muted);transition:scale .25s var(--bounce), background .2s;background:#fff;border:3px solid #ffc2c2;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;translate:-50% -50%}.ride-stop.passed{color:#fff;background:#ff6b6b;border-color:#fff}.ride-stop.here{scale:1.25;box-shadow:0 0 0 5px #ffd93db3}.ride-bike{z-index:2;pointer-events:none;background:#fff;border:3px solid #ff6b6b;border-radius:50%;place-items:center;width:40px;height:40px;font-size:24px;display:grid;position:absolute;translate:-50% -78%;box-shadow:0 4px 10px #ff505059}.ride-ctl{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin-top:14px;display:grid}.ride-read{color:var(--text);grid-column:1/-1;margin:0;font-size:17px}.ride-read b{color:#ff4d6a;font-size:24px}input[type=range]{width:100%;accent-color:var(--c);height:28px}.ride-card{animation:pop .42s var(--bounce);background:linear-gradient(135deg,#fff 50%,#fff0f0);border:3px solid #ffd0d0;border-radius:20px;align-items:flex-start;gap:14px;margin-top:12px;padding:14px 18px;display:flex}.ride-card-icon{font-size:36px;line-height:1}.ride-card strong{color:var(--ink);font-size:19px}.ride-card p{margin:4px 0 0;font-size:17px;line-height:1.7}.ruler{height:112px;margin:0 26px;position:relative}.ruler-track{background:#f1e6d2;border-radius:999px;height:10px;position:absolute;top:50px;left:0;right:0;overflow:hidden}.ruler-fill{border-radius:inherit;height:100%;transition:width .6s var(--bounce);background:linear-gradient(90deg,#ffb36b,#ff8a5c);display:block}.ruler-mark{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;padding:0;display:grid;position:absolute;top:55px;translate:-50% -18px}.ruler-mark.up{flex-direction:column-reverse;translate:-50% calc(18px - 100%)}.ruler-mark.up small{order:-1}.ruler-dot{width:36px;height:36px;transition:scale .25s var(--bounce), border-color .2s;background:#fff;border:3px solid #f1e6d2;border-radius:50%;place-items:center;font-size:19px;display:grid}.ruler-mark small{white-space:nowrap;font-size:13px;font-weight:700}.ruler-mark.passed .ruler-dot{border-color:#ff9b6b}.ruler-mark.here .ruler-dot{border-color:#ff6b3d;scale:1.2;box-shadow:0 0 0 5px #ffd93d99}.ruler-mark.here small{color:var(--ink)}.ruler-gap{color:var(--muted);white-space:nowrap;font-size:12px;position:absolute;top:20px;translate:-50%}.ruler.even .ruler-mark small{margin-top:2px}.ruler-ctl{align-items:center;gap:8px;margin-top:8px;display:flex}.btn:disabled{opacity:.4;cursor:default;transform:none}.bars{gap:12px;margin:0;padding:0;list-style:none;display:grid}.bars li{grid-template-columns:minmax(90px,max-content) 1fr auto;align-items:center;gap:12px;font-size:16px;display:grid}.bars-label{color:var(--ink);align-items:center;gap:6px;display:flex}.bars-label span{font-size:22px}.bars-track{background:#f4ecdd;border-radius:999px;height:22px;overflow:hidden}.bars-fill{border-radius:inherit;width:0;height:100%;transition:width .9s cubic-bezier(.2,.8,.3,1);transition-delay:calc(var(--i) * .2s + .2s);background:linear-gradient(90deg,#8db6f0,#4d8de0);display:block}.qa-show.in .bars-fill{width:var(--w)}.bars b{color:#3f6fb5;text-align:right;min-width:4.5em;font-size:17px}.streets-pick{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.streets-pick button{font:700 16px var(--font);color:var(--c);border:2px solid var(--c);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px}.streets-pick button[aria-pressed=true]{background:var(--f);box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 30%, transparent)}.streets-map{box-shadow:var(--shadow-lg);background:#fbf3e3;border:5px solid #fff;border-radius:20px;position:relative;overflow:hidden}.streets-art,.streets-over{width:100%;height:100%;display:block;position:absolute;inset:0}.streets-art .area-label,.streets-art .park-label,.streets-art .station-label,.streets-art .road-label{display:none}.streets-area{fill:#fffaf0;fill-opacity:.62;stroke:none;cursor:pointer;transition:fill-opacity .3s}.streets-area.on{fill-opacity:0;stroke:var(--c);stroke-width:9px;stroke-linejoin:round}.streets-edge{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.streets-edge.g6{stroke:#e07b00;stroke-width:9px}.streets-edge.l13{stroke:#c9a800;stroke-width:8px}.streets-name{font:700 30px var(--font);paint-order:stroke;stroke:#fff;stroke-width:7px;opacity:.55;pointer-events:none;transition:opacity .3s}.streets-name.on{opacity:1;font-size:36px}.streets-key{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0 0;font-size:14px;display:flex}.streets-key .k{border-radius:3px;width:24px;height:6px;display:inline-block}.streets-key .k.g6{background:#e07b00}.streets-key .k.l13{background:#c9a800;margin-left:6px}.streets-card{border-color:var(--c);background:linear-gradient(135deg, #fff 45%, var(--f))}.streets-swatch{background:var(--f);border:3px solid var(--c);border-radius:9px;flex:none;width:30px;height:30px;margin-top:2px}.metro{width:100%;height:auto;display:block}.metro-label{font:13px var(--font);fill:#5d4e37;paint-order:stroke;stroke:#fff;stroke-width:4px}.metro-label.home{fill:#e0602b;font-size:15px;font-weight:700}.metro-under{fill:none;stroke-width:6px;stroke-dasharray:1 9;stroke-linecap:round}.metro-mid{font:700 22px var(--font);fill:#c9a800}.metro-mid.small{fill:var(--muted);font-size:14px;font-weight:400}.metro-train text{font-size:15px}.metro-ctl{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:6px;display:flex}.metro-read{margin:0;font-size:17px}.metro-read b{color:#e0602b;font-size:21px}.metro-key{vertical-align:middle;border-radius:3px;width:22px;height:6px;margin:0 4px 1px 8px;display:inline-block}.metro-key:first-child{margin-left:0}.metro-key.solid{box-shadow:inset 0 0 0 1px #5d4e3738}.metro-key.dots{background:radial-gradient(circle,currentColor 2.4px,#0000 2.6px) 0/7px 6px repeat-x}.metro-key.tunnel-13{background-image:radial-gradient(circle,#fff 1.7px,#0000 1.9px);background-position:1px;background-repeat:repeat-x;background-size:6px 7px;height:7px;box-shadow:inset 0 0 0 1px #5d4e3738}.station-art .layer-cycleway{display:none}.station-art .station-label{transform:translateY(-9px)}.station-pin{border-color:#9a98d8}.station-pin.here{color:#fff;background:#5554a2;border-color:#fff}.tide-ends{color:var(--muted);justify-content:space-between;padding:0 6px;font-size:15px;font-weight:700;display:flex}.tide-road{width:100%;height:auto;margin-top:4px;display:block}.tide-mid-arrow{transition:rotate .6s var(--bounce)}.tide-gantry-label{font:13px var(--font);fill:var(--muted)}.tide-signs{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.tide-sign{color:#fff;background:#3e3a36;border-radius:18px;padding:10px 12px}.tide-sign>small{color:#e8dccb;margin-bottom:8px;font-size:13px;display:block}.tide-lights{gap:8px;display:flex}.tide-lights .light{background:#2b2826;border-radius:12px;flex:1;align-items:center;gap:8px;padding:6px 8px;display:flex}.tide-lights .light b{background:#111;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-size:22px;display:grid}.tide-lights .light.ok b{color:#6bff8a;text-shadow:0 0 8px #3dff6a}.tide-lights .light.no b{color:#ff5a5a;text-shadow:0 0 8px #ff3b3b}.tide-lights .light small{font-size:13px;line-height:1.35}.tide-clock{grid-template-columns:130px 1fr;align-items:center;gap:18px;margin-top:16px;display:grid}.clock{width:130px;height:130px}.clock-hand{transition:rotate .3s}.tide-now{color:var(--ink);margin:0 0 6px;font-size:19px}.tide-now b{font-size:26px}.tide-now .go-west,.tide-now .go-east{white-space:nowrap;color:#fff;background:#ff6b6b;border-radius:10px;margin:0 4px;padding:0 8px;font-size:20px;display:inline-block}.tide-day{color:#fff;border-radius:999px;height:30px;font-size:13px;display:flex;position:relative;overflow:hidden}.tide-day span{white-space:nowrap;flex:1;place-items:center;display:grid}.tide-day .am{background:#ff8f8f}.tide-day .pm{background:#ff6b6b}.tide-day i{background:var(--ink);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;translate:-50%}.tide-presets{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ramp-modes{background:#fff3e4;border-radius:999px;gap:6px;margin-bottom:12px;padding:5px;display:inline-flex}.ramp-mode{cursor:pointer;font:700 16px var(--font);color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 18px}.ramp-mode.on{color:var(--ink);box-shadow:var(--shadow);background:#fff}.ramp-art{border-radius:18px;width:100%;height:auto;display:block}.ramp-height-label{font:700 16px var(--font);fill:var(--muted)}.ramp-tag{font:700 18px var(--font);fill:#ff6b6b}.ramp-ctl{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px;display:flex}.ramp-ctl .btn:disabled{opacity:.7;cursor:default;transform:none}.ramp-hours{color:var(--muted);font-size:15px}.ramp-steps{counter-reset:step;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.ramp-steps li{counter-increment:step;color:var(--muted);background:#fffaf3;border:2px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:8px 12px;font-size:17px;transition:all .3s;display:flex}.ramp-steps li:before{content:counter(step);color:#fff;background:#d8c8ad;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.ramp-steps li.now{color:var(--ink);border-color:color-mix(in srgb, var(--c) 45%, #fff);box-shadow:var(--shadow);background:#fff}.ramp-steps li.now:before{background:var(--c)}.ramp-steps li.done{color:var(--text)}.ramp-steps li.done:before{content:"✓";background:var(--green)}.tick-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tick-list li{color:var(--ink);background:linear-gradient(90deg, color-mix(in srgb, var(--c) 9%, #fff), #fff 70%);border-radius:18px;align-items:center;gap:12px;padding:10px 14px;font-size:18px;line-height:1.55;display:flex}.qa-show.in .tick-list li{animation:.38s ease-out backwards rise;animation-delay:calc(var(--i) * 70ms)}.tick-icon{width:38px;height:38px;box-shadow:var(--shadow);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:22px;display:grid}.sources{border-top:2px dashed var(--line);color:var(--muted);margin-top:30px;padding-top:16px;font-size:15px}.sources h3{color:var(--text);margin:0 0 6px;font-size:17px}.sources ol{margin:0;padding-left:22px}.sources li{border-radius:8px;margin-left:-6px;padding:2px 6px;transition:background .3s}.sources li:target,.sources li.is-lit{background:var(--sun-soft);color:var(--ink)}.sources-fold summary{cursor:pointer;color:var(--text);font-weight:700}.sources-fold ol{margin-top:8px}@media (width<=760px){.app{padding:12px 10px 60px}.map-head{gap:6px;top:10px;left:8px;right:56px}.map-bar{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;padding:2px 22px 8px 2px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}.cat-chip{padding:3px 11px;font-size:14px}.compass{width:38px;height:38px;font-size:13px;top:14px;right:10px}.zoom-ctl{top:auto;bottom:30px;right:10px}.zoom-ctl button{width:40px;height:40px;font-size:18px}.map-hint{font-size:13px;bottom:32px}.map-frame .map-credit{font-size:11px}.wide-only{display:none}.topic-hero{grid-template-columns:1fr}.locator{transform:none}.article-list{grid-template-columns:1fr}.qa-avatar{display:none}.qa-bubble{--gutter:0px}.qa-face{border:2px solid;border-radius:50%;width:26px;height:26px;display:inline-grid;overflow:hidden}.is-nian .qa-face{background:#fff1d6;border-color:#ffb36b}.is-dad .qa-face{background:#e5f0ff;border-color:#8db6f0}.qa-face .avatar{width:100%;height:100%}.qa-bubble p,.tick-list li{font-size:16px}.qa-show{margin:0;padding:12px 10px}.qa-steps{gap:12px}.qa-steps li{border-radius:12px;padding:8px 4px}.qa-steps li+li:before{font-size:12px;left:-12px}.qa-steps span{font-size:24px}.qa-steps small{font-size:12px}.numbers{grid-template-columns:1fr 1fr}.numbers[data-count="1"]{grid-template-columns:1fr;max-width:none}.numbers[data-count="3"] li:last-child{grid-column:1/-1}.numbers strong{font-size:32px}.ruler{margin:0 18px}.ruler-dot{width:30px;height:30px;font-size:16px}.ruler-gap{font-size:11px}.race-ends{margin:0}.race-lane{grid-template-columns:1fr auto}.race-track{grid-area:2/1/auto/-1}.who-grid>li{flex-basis:96px}.ride-stop{border-width:2px;width:20px;height:20px;font-size:11px}.ride-bike{width:32px;height:32px;font-size:19px}.tide-signs{grid-template-columns:1fr}.tide-clock{grid-template-columns:84px 1fr;gap:12px}.clock{width:84px;height:84px}.tide-day{font-size:10px}.tide-now{font-size:16px}.tide-now b{font-size:22px}.tide-now .go-west,.tide-now .go-east{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.qa-show{opacity:1;transform:none}}body.snap *,body.snap :before,body.snap :after{transition:none!important;animation:none!important}body.snap .qa-show{opacity:1;transform:none}