:root{--bg: #fffcf7;--surface: #ffffff;--border: #e7eddf;--text: #333f49;--muted: #67757f;--accent: #1a66c2;--accent-soft: #dce8fa;--goal: #27793a;--goal-soft: #e1f3dc;--cta: #b95d23;--cta-text: #ffffff;--danger: #a8503f;--radius: 16px;--radius-lg: 24px;--shadow: 0 4px 16px rgb(51 63 73 / .1);--floating-right: max(1rem, env(safe-area-inset-right), calc((100vw - 42rem)/2 + 1rem) );--floating-button-width: min(6.25rem, calc(100vw - 2rem) );--floating-button-height: 3.25rem;--floating-button-padding: .75rem;--icon-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M16.414 7.71 15 9.124l-4-4V19H9V5.124l-4 4L3.586 7.71l5.707-5.707h1.414z'/%3E%3C/svg%3E");--icon-sort-vertical: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m15 13-5 5-5-5v-1h10zm0-6v1H5V7l5-5z'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root{--bg: #1e252b;--surface: #28313a;--border: #3a454f;--text: #e8eef3;--muted: #9fb0bd;--accent: #7fb0f2;--accent-soft: #1e3357;--goal: #6fc97f;--goal-soft: #1f3a26;--cta: #e09252;--cta-text: #1e252b;--danger: #e0928a;--shadow: 0 4px 16px rgb(0 0 0 / .35)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Noto Sans TC,sans-serif;-webkit-text-size-adjust:100%}.app{display:flex;flex-direction:column;min-height:100dvh;max-width:42rem;margin:0 auto}.page-chip{display:inline-block;padding:.08em .55em;border-radius:999px;background:var(--accent-soft);font-weight:600;white-space:nowrap}.page-chip-goal{background:var(--goal-soft);color:var(--goal)}.page-chip-pending{min-width:4.5em;height:1.5em;vertical-align:middle;opacity:.55}.topbar{position:sticky;top:var(--vv-top, 0px);z-index:3;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;min-height:50px}.topbar-goal{display:flex;align-items:center;gap:.4rem;min-width:0;overflow:hidden;font-size:1.05rem}.topbar-goal-label{flex:none;font-size:.76rem;letter-spacing:.1em;color:var(--muted)}.topbar-toggle{display:flex;align-items:center;gap:.35rem;margin-left:auto;padding:.3rem .5rem;border:0;border-radius:999px;background:none;color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;flex:none}.topbar-toggle:hover{background:var(--accent-soft)}.topbar-steps{font-size:1.25rem;font-weight:700}.topbar-unit,.topbar-time,.topbar-caret{font-size:.9rem;color:var(--muted)}.topbar-paused{padding:.08rem .35rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.68rem;font-weight:700}.topbar-caret{display:inline-grid;place-items:center;min-width:1.35rem;min-height:1.35rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:1rem;font-weight:800;line-height:1}.topbar-back{font-size:.78rem;color:var(--muted)}.topbar-panel{padding:.25rem .85rem .85rem;border-top:1px dashed var(--border);font-size:.95rem}.panel-label{font-size:.68rem;letter-spacing:.1em;color:var(--muted);margin-right:.4rem}.panel-row{margin:.5rem 0}.stage{flex:1;padding:.9rem .95rem 5.5rem}.stage-centered{display:grid;align-content:center;justify-items:start;padding-bottom:2rem}.setup{width:min(100%,32rem)}.setup-eyebrow{margin:0 0 1.25rem;color:var(--cta);font-size:.72rem;font-weight:700;letter-spacing:.18em}.setup-puzzle{display:grid;justify-items:start;gap:.15rem;margin:0 0 .75rem}.setup-page{font-size:clamp(1.9rem,9vw,2.75rem);font-weight:700;line-height:1.15;overflow-wrap:anywhere}.setup-page-goal{color:var(--goal)}.setup-goal-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;max-width:100%}.setup-page-skeleton{display:block;width:min(9em,70%);height:1em;border-radius:8px;background:var(--accent-soft)}.setup-page-skeleton+.setup-arrow+.setup-page-skeleton{width:min(6em,50%);background:var(--goal-soft)}@media(prefers-reduced-motion:no-preference){.setup-page-skeleton{animation:skeleton-pulse 1.1s ease-in-out infinite}}@keyframes skeleton-pulse{50%{opacity:.45}}.setup-arrow{margin-inline-start:.45rem;color:var(--muted);font-size:1.5rem;line-height:1}.setup-puzzle-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.25rem}.setup-choice-button{min-height:44px;padding:.45rem .85rem;border-color:var(--border);background:var(--surface);color:var(--muted);font-size:.82rem;font-weight:650}.setup-choice-button:hover,.setup-choice-button:focus-visible,.setup-copy-button:hover,.setup-copy-button:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.setup-rules-card{width:100%;margin:0 0 1.35rem;padding:0;border:0;background:none}.setup-rules-card h2{margin:0 0 .35rem;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.14em}.setup-rules{margin:0;padding-inline-start:1.1rem;color:var(--muted);font-size:.88rem;line-height:1.75}.goal-hint{display:block;margin:.6rem 0 1rem}.goal-hint-toggle{padding:0;border:0;background:none;color:var(--goal);font:inherit;font-size:.92rem;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:pointer}.goal-hint-panel{display:block;margin-top:.55rem;padding:.75rem .85rem;border:1px solid var(--border);border-radius:12px;background:var(--goal-soft);color:var(--text);font-size:.84rem;font-weight:400;line-height:1.65}.goal-hint-panel>span,.goal-hint-summary{display:block}.goal-hint-compact{display:contents}.goal-hint-compact .goal-hint-toggle{display:inline-grid;place-items:center;width:1.55rem;height:1.55rem;padding:0;border:1px solid var(--goal);border-radius:50%;background:var(--goal-soft);color:var(--goal);font-size:.9rem;font-weight:800;line-height:1;text-decoration:none}.setup-goal-row .goal-hint-panel{flex:1 0 100%;width:min(28rem,calc(100vw - 1.9rem));margin:.55rem 0 0}.goal-hint-credit{display:block;margin-top:.55rem!important;color:var(--muted);font-size:.68rem;line-height:1.5}.goal-hint-credit a{color:inherit;text-underline-offset:2px}.topbar-panel .goal-hint{margin-top:.35rem}.setup-badge{margin-inline-start:.6rem;padding:.15em .6em;border-radius:999px;background:var(--goal-soft);color:var(--goal);letter-spacing:.04em}.panel-confirm,.panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:.75rem}.panel-confirm{color:var(--danger)}.panel-confirm .btn-quiet,.panel-actions .btn-quiet{margin-top:0;padding:0}.setup-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;width:100%}.setup-actions .btn{margin-top:0;min-height:44px}.setup-actions .btn-primary{min-width:6rem;padding:.55rem 1.25rem;font-size:.95rem}.setup-copy-button{padding:.55rem .9rem;color:var(--text);font-size:.82rem;font-weight:650;white-space:nowrap}.setup-legal{margin:1.1rem 0 0;color:var(--muted);font-size:.7rem;line-height:1.7}.setup-legal a{color:inherit;text-decoration:underline;text-underline-offset:.15em}.result-legal{margin:1.5rem 0 0;color:var(--muted);font-size:.7rem;text-align:center}.result-legal a{color:inherit;text-decoration:underline;text-underline-offset:.15em}.article-title{font-size:1.35rem;margin:0 0 .4rem}.article-body{margin:0;font-size:.94rem;line-height:1.65}.article-error{color:var(--danger)}.wikilink{display:inline;padding:.05em .28em;border:0;border-radius:5px;background:var(--accent-soft);box-decoration-break:clone;-webkit-box-decoration-break:clone;font:inherit;color:var(--accent);text-decoration:none;cursor:pointer}.wikilink:hover,.wikilink:focus-visible{background:var(--accent);color:var(--surface)}.fab{position:fixed;right:var(--floating-right);bottom:max(1.25rem,env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:.35rem;justify-content:center;width:var(--floating-button-width);height:var(--floating-button-height);min-width:0;padding:0 var(--floating-button-padding);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);font-size:1.2rem;box-shadow:var(--shadow);cursor:pointer;z-index:4}.fab-label{font-size:.95rem;font-weight:600;white-space:nowrap}.fab:active{transform:translateY(1px)}.fab:disabled{opacity:.62;pointer-events:none}@media(prefers-reduced-motion:no-preference){.fab{transition:opacity .18s ease,transform .18s ease}}.scroll-icon{display:block;width:1.35rem;height:1.35rem;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.scroll-icon-up{-webkit-mask-image:var(--icon-arrow-up);mask-image:var(--icon-arrow-up)}.scroll-icon-drag{-webkit-mask-image:var(--icon-sort-vertical);mask-image:var(--icon-sort-vertical)}.scroll-top{position:fixed;left:50%;bottom:max(1.25rem,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;transform:translate(-50%);border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);cursor:pointer;z-index:4}.scroll-top:active{transform:translate(-50%) translateY(1px)}.scroll-rail{position:fixed;top:4.5rem;bottom:calc(max(1.25rem,env(safe-area-inset-bottom)) + 4.25rem);right:max(.35rem,env(safe-area-inset-right));width:2.5rem;pointer-events:none;z-index:4}.scroll-thumb{position:absolute;top:calc(var(--scroll-progress, 0) * 100%);right:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;transform:translateY(calc(var(--scroll-progress, 0) * -100%));border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);box-shadow:var(--shadow);opacity:.9;cursor:grab;pointer-events:auto;touch-action:none}.scroll-thumb[data-dragging]{color:var(--text);opacity:1;cursor:grabbing}@media(prefers-reduced-motion:no-preference){.scroll-top,.scroll-thumb{animation:scroll-control-in .15s ease}}@keyframes scroll-control-in{0%{opacity:0}}.trail{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;list-style:none;margin:0;padding:0}.trail-item{display:flex;align-items:center;gap:.3rem}.trail-arrow{color:var(--muted)}.trail-back{opacity:.55}.trail-back .page-chip{background:transparent;outline:1px dashed var(--border);font-weight:400}.result{width:100%;padding:1.75rem 1.5rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.result-title{margin:0 0 .85rem;font-size:clamp(1.85rem,8vw,2.4rem);line-height:1.15}.result-won .result-title{color:var(--goal)}.result-badge{display:inline-block;margin:0 0 .85rem;padding:.25rem .7rem;border-radius:999px;background:var(--goal-soft);color:var(--goal);font-size:.78rem;font-weight:700}.result-route{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 1.5rem;font-size:.95rem}.result-route-arrow{color:var(--muted)}.result-stats{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.5rem;margin:0 0 1.5rem}.stat{display:flex;flex-direction:column;min-width:0;padding:.6rem .55rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.stat dt{font-size:.68rem;letter-spacing:.1em;color:var(--muted)}.stat dd{margin:0;font-size:clamp(1.15rem,5vw,1.55rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.25}.result-subtitle{font-size:.68rem;letter-spacing:.1em;color:var(--muted);margin:0 0 .5rem;font-weight:400}.result .trail{font-size:.85rem}.result-path-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;font-weight:650;cursor:pointer}.result-path-count{color:var(--muted);font-size:.78rem;font-weight:400}#result-path{margin-top:.65rem}.personal-records,.community{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--border)}.record-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}.record-chip{padding:.3rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:.78rem;color:var(--muted)}.record-chip strong{color:var(--text);font-size:.92rem;font-variant-numeric:tabular-nums}.community{border-top-style:dashed}.community-hero{display:grid;gap:.65rem;padding:1.1rem 1rem .9rem;border-radius:var(--radius);background:var(--goal-soft);text-align:center}.community-headline{margin:0;font-size:.95rem;color:var(--text)}.community-headline-value{font-size:clamp(2.6rem,14vw,3.6rem);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--goal);font-variant-numeric:tabular-nums;vertical-align:-.08em}.community-headline-unit{font-size:.42em;margin-inline-start:.05em}.community-gauge{height:.5rem;border-radius:999px;background:var(--surface);overflow:hidden}.community-gauge-fill{display:block;height:100%;border-radius:inherit;background:var(--goal);transform-origin:left center}@media(prefers-reduced-motion:no-preference){.community-gauge-fill{animation:gauge-grow .6s cubic-bezier(.2,.8,.25,1)}}@keyframes gauge-grow{0%{transform:scaleX(0)}}.community-rank{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin:0;font-size:.78rem;color:var(--muted)}.community-rank-badge{padding:.2rem .65rem;border-radius:999px;background:var(--surface);color:var(--goal);font-size:.82rem;font-weight:700}.community-rank-badge strong{font-size:1.1rem;font-variant-numeric:tabular-nums}.compare{margin-top:.95rem}.compare-label{margin:0 0 .35rem;font-size:.68rem;letter-spacing:.1em;color:var(--muted)}.compare-track{position:relative;display:flex;align-items:center;min-height:2.1rem;margin:0 0 .35rem;border-radius:10px;background:var(--bg);overflow:hidden}.compare-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;transform-origin:left center}.compare-track-mine .compare-fill{background:var(--goal-soft)}.compare-track-average .compare-fill{background:var(--accent-soft)}.compare-text{position:relative;padding:0 .65rem;font-size:.82rem;font-weight:650;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:no-preference){.compare-fill{animation:gauge-grow .6s cubic-bezier(.2,.8,.25,1)}}.community-note{margin:.7rem 0 0;font-size:.75rem;line-height:1.5;color:var(--muted)}.community-loading{display:grid;gap:.75rem}.community-loading-text{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.85rem}.community-spinner{flex:none;width:1rem;height:1rem;border:2px solid var(--border);border-top-color:var(--goal);border-radius:50%}@media(prefers-reduced-motion:no-preference){.community-spinner{animation:community-spin .8s linear infinite}}@keyframes community-spin{to{transform:rotate(360deg)}}.community-skeleton{display:grid;gap:.45rem}.community-skeleton-hero{display:block;height:6.5rem;border-radius:var(--radius);background:var(--goal-soft)}.community-skeleton-bar{display:block;height:2.1rem;border-radius:10px;background:var(--border)}.community-skeleton-bar-short{width:68%}@media(prefers-reduced-motion:no-preference){.community-skeleton>*{animation:skeleton-pulse 1.1s ease-in-out infinite}}.community-verify{display:grid;gap:.25rem}.turnstile-widget{display:grid;justify-items:center;width:100%;margin-top:1rem}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.75rem}.result-actions .btn{margin-top:0}.btn-share:disabled{opacity:.45;cursor:wait}.result-share-options{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.65rem;padding:.65rem;border-radius:var(--radius);background:var(--bg)}.result-share-options .btn{padding-inline:.55rem;font-size:.85rem}.result-share-options .btn:disabled{opacity:.45;cursor:wait}.share-feedback{min-height:1.25rem;margin:.35rem 0 -.35rem;text-align:center;font-size:.75rem;color:var(--muted)}.btn{padding:.6rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;min-height:44px}.btn-primary{margin-top:1.75rem;background:var(--cta);border-color:var(--cta);color:var(--cta-text);font-weight:700}.btn-quiet{margin-top:.75rem;padding:.4rem 0;min-height:0;border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.banner{padding:.5rem .75rem;border-radius:var(--radius);background:var(--accent-soft);margin:0 0 1rem;font-size:.85rem}.banner-error{color:var(--danger);background:none;border:1px solid var(--danger)}