:root{font-family:Nunito Sans,Noto Sans TC,sans-serif;color:#173b3e;background:#eef5ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--ink: #173b3e;--ink-soft: #2c5558;--muted: #49666a;--paper: #f8fbf6;--paper-deep: #edf5ec;--line: #d1ded8;--line-strong: #b7cbc3;--coral: #e85f49;--coral-deep: #c84937;--mustard: #efc951;--leaf: #528b69;--map-sea: #c6e2e4;--map-border: #17444a;--map-attempted: #e85f49;--map-answer: #7f5a00;--map-label: #173b3e;--map-label-halo: #f8fbf6;--shadow: 0 10px 28px rgba(29, 64, 58, .1);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:light}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scrollbar-color:#8daea1 #e5eee4;scrollbar-width:thin}body{min-width:320px;min-height:100vh;margin:0;background:#eef5ed}body,button,select{font-family:Nunito Sans,Noto Sans TC,sans-serif}html:lang(ja) body,html:lang(ja) button,html:lang(ja) select{font-family:Nunito Sans,Noto Sans JP,Noto Sans TC,sans-serif}button,select{color:inherit;font-size:14px}button{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d75b44;outline-offset:3px}::selection{color:#fffdf7;background:#315f56}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#e5eee4}::-webkit-scrollbar-thumb{border:2px solid #e5eee4;border-radius:8px;background:#8daea1}.app-shell{display:flex;min-height:100vh;flex-direction:column}.topbar{z-index:2;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(18px,3vw,42px);border-bottom:1px solid #d9e5da;background:#f7faf3}.brand{display:inline-flex;min-width:0;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;width:43px;height:43px;flex:0 0 auto;place-items:center;border-radius:13px;background:#e5f0df;color:#315f56}.brand-mark svg{width:40px;height:40px;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.brand-copy{display:grid;gap:1px}.brand-copy strong{font-size:16px;font-weight:900;letter-spacing:-.025em;line-height:1.15}.brand-copy span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.035em;line-height:1.2}.topbar-right{display:flex;align-items:center;gap:clamp(14px,2.6vw,34px)}.best-score{display:flex;align-items:center;gap:9px}.best-score-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d9e5da;border-radius:50%;color:#498267}.best-score>span:last-child{display:grid;gap:0}.best-score small{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.1em}.best-score strong{font-size:15px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.2}.help-button{display:inline-flex;min-height:40px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;font-size:13px;font-weight:800;transition:background .16s var(--ease-out),border-color .16s var(--ease-out)}.help-button:hover{border-color:var(--line-strong);background:#edf5ec}.language-select{min-height:38px;padding:0 28px 0 10px;border:1px solid var(--line);border-radius:10px;background:#f8fbf6;color:#315850;cursor:pointer;font-size:12px;font-weight:800}.language-select:disabled{cursor:wait;opacity:.7}.game-layout{display:grid;min-height:0;flex:1;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:18px;padding:18px}.map-stage{position:relative;min-width:0;min-height:540px;overflow:hidden;border:1px solid rgba(34,75,73,.14);border-radius:17px;background:var(--map-sea);isolation:isolate}.map-canvas-stack,.terrain-canvas,.ink-canvas{position:absolute;inset:0;width:100%;height:100%}.terrain-canvas{display:block}.ink-canvas{display:block;touch-action:none;cursor:crosshair}.ink-canvas[data-tool=pan]{cursor:grab}.ink-canvas[data-tool=pan]:active{cursor:grabbing}.ink-canvas[data-tool=erase]{cursor:cell}.map-heading{position:absolute;top:17px;left:18px;display:inline-flex;min-height:34px;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(23,59,62,.12);border-radius:10px;background:#f8fbf6f2;color:#315c59;font-size:9px;font-weight:900;letter-spacing:.105em;pointer-events:none}.map-heading-dot{width:7px;height:7px;border-radius:50%;background:var(--coral)}.map-heading-divider{width:1px;height:14px;margin:0 2px;background:#c7d8d0}.map-north{position:absolute;top:17px;right:18px;display:grid;width:39px;height:43px;place-content:center;justify-items:center;border:1px solid rgba(23,59,62,.12);border-radius:11px;background:#f8fbf6f0;color:#315f56;pointer-events:none}.map-north span{font-size:9px;font-weight:900;line-height:1}.map-challenge-float{position:absolute;top:67px;left:18px;display:grid;width:min(310px,calc(100% - 98px));gap:6px;padding:11px 14px 12px;border:1px solid rgba(23,59,62,.13);border-radius:13px;background:#f8fbf6;box-shadow:var(--shadow);animation:note-arrive .34s var(--ease-out) both;pointer-events:none}.map-challenge-float[hidden]{display:none}.float-label{color:#55746e;font-size:9px;font-weight:900;letter-spacing:.12em}.map-challenge-float>strong{color:var(--ink);font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.2}.float-timer{display:flex;align-items:center;gap:11px;margin-top:2px;color:#2c5856;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}.float-timer>span:first-child{min-width:34px}.timer-track{height:5px;flex:1;overflow:hidden;border-radius:9px;background:#dce8dc}.timer-track i{display:block;width:100%;height:100%;border-radius:inherit;transform:scaleX(1);transform-origin:left center;background:#528b69;transition:transform .15s linear,background-color .18s ease}.float-timer.time-low .timer-track i{background:var(--coral)}.float-timer.time-low{color:#a7392f}.map-zoom-tools{position:absolute;top:71px;right:18px;display:grid;overflow:hidden;border:1px solid rgba(23,59,62,.15);border-radius:12px;background:#f8fbf6}.map-zoom-tools button{display:grid;width:40px;height:39px;place-items:center;border:0;border-bottom:1px solid #dce7df;background:transparent;color:#315f56;cursor:pointer;transition:background .15s ease}.map-zoom-tools button:hover{background:#eaf3e8}.map-zoom-tools button:last-child{border-bottom:0}.map-bottom{position:absolute;right:14px;bottom:13px;left:14px;display:flex;align-items:end;justify-content:space-between;gap:12px;pointer-events:none}.map-tool-dock{display:inline-flex;min-height:47px;align-items:center;gap:3px;padding:4px;border:1px solid rgba(23,59,62,.15);border-radius:13px;background:#f8fbf6;box-shadow:0 5px 18px #1c41391f;pointer-events:auto}.map-tool{display:inline-flex;min-width:43px;min-height:37px;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#3c5f60;cursor:pointer;font-size:12px;font-weight:800;transition:background .15s ease,color .15s ease,opacity .15s ease}.map-tool:hover:not(:disabled){background:#edf5ec}.map-tool.active{background:#e4efe1;color:#245f4a}.map-tool:disabled{opacity:.38;cursor:not-allowed}.map-tool.icon-tool{min-width:36px;width:36px;padding:0}.dock-divider{width:1px;height:25px;margin:0 3px;background:#d6e2da}.map-credit{display:flex;max-width:100%;min-height:30px;align-items:center;gap:4px;flex-wrap:wrap;padding:0 8px;border-radius:8px;background:#f8fbf6e0;color:#3f6262;font-size:10px;font-weight:700;pointer-events:auto}.map-credit a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px}.map-credit a:hover{color:#a94336}.landd-logo-link{display:inline-flex;align-items:center}.landd-logo-link img{display:block;width:92px;height:15px;object-fit:contain}.map-status{position:absolute;right:18px;bottom:68px;display:none;max-width:260px;padding:8px 10px;border:1px solid #d9c27d;border-radius:9px;background:#fff8d9;color:#594816;font-size:11px;font-weight:800}.map-status.visible{display:block}.challenge-panel{display:flex;min-width:0;min-height:0;flex-direction:column;justify-content:space-between;overflow:auto;border:1px solid #d4e1d5;border-radius:16px;background:#f8fbf6}.panel-upper{padding:clamp(20px,2vw,27px) clamp(18px,2vw,24px) 15px}.panel-title-row{display:flex;align-items:start;justify-content:space-between;gap:10px}.panel-title-row h1{max-width:12ch;margin:0;color:var(--ink);font-size:clamp(27px,2.3vw,34px);font-weight:900;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}.panel-intro{margin:9px 0 0;color:var(--muted);font-size:14px;font-weight:600;line-height:1.45}.district-count{display:grid;flex:0 0 auto;justify-items:center;gap:0;padding:3px 0 0 10px;color:#45665f}.district-count strong{font-size:26px;font-weight:900;letter-spacing:-.05em;line-height:1}.district-count span{font-size:9px;font-weight:800}.mode-select{margin-top:clamp(22px,3vh,35px)}.form-label{display:block;margin-bottom:8px;color:#526f6a;font-size:9px;font-weight:900;letter-spacing:.12em}.mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:11px;background:#eaf2e9}.mode-choice{min-height:40px;padding:0 5px;border:1px solid transparent;border-radius:8px;background:transparent;color:#47635f;cursor:pointer;font-size:11px;font-weight:800;line-height:1.15;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.mode-choice.selected{background:#f9fcf7;color:#1f4d44;box-shadow:0 1px 4px #254e3e21}.mode-choice:hover:not(.selected){color:#173b3e}.ready-state,.active-state,.result-state{margin-top:clamp(24px,3vh,36px)}.ready-copy{display:flex;align-items:start;gap:11px}.ready-marker{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:10px;background:#fbe8dc;color:#bf4e3d}.ready-copy>div{display:grid;gap:3px}.ready-copy strong{color:var(--ink);font-size:14px;font-weight:900;line-height:1.2}.ready-copy span:last-child{color:var(--muted);font-size:12px;font-weight:600;line-height:1.4}.field-stats{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:19px;padding-top:13px;border-top:1px solid #dce6dc;color:#49666a;font-size:11px;font-weight:700}.field-stats b{color:#234d43;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.stat-dot{width:4px;height:4px;border-radius:50%;background:#93a99d}.mode-choice:disabled{cursor:not-allowed;opacity:.66}.active-state{padding-top:18px;border-top:1px solid #dce6dc}.prompt-type{color:#a84437;font-size:9px;font-weight:900;letter-spacing:.12em}.prompt-copy{margin:12px 0 9px;color:#49666a;font-size:12px;font-weight:700}.district-target{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.district-name,.trail-name,.single-place{display:grid;min-width:0;gap:0;color:#173b3e;font-size:15px;font-weight:900;line-height:1.2}.district-name small,.trail-name small,.single-place small{color:#55736e;font-size:11px;font-weight:700}.prompt-hint{margin:11px 0 15px;color:#4c6769;font-size:11px;font-weight:600;line-height:1.45}.result-state{padding-top:15px;border-top:1px solid #dce6dc}.result-heading{display:grid;justify-items:start}.result-heading>span:first-child{color:#55746e;font-size:9px;font-weight:900;letter-spacing:.12em}.result-heading>strong{margin-top:1px;color:#204f44;font-size:56px;font-weight:900;letter-spacing:-.035em;line-height:1}.result-heading>strong[data-grade=A]{color:#2f8059}.result-heading>strong[data-grade=B]{color:#386e5e}.result-heading>strong[data-grade=C]{color:#8b762b}.result-heading>strong[data-grade=D]{color:#aa6237}.result-heading>strong[data-grade=E]{color:#bd493a}.result-heading h2{margin:8px 0 0;color:var(--ink);font-size:19px;font-weight:900;letter-spacing:-.02em;line-height:1.1}.result-heading p{margin:4px 0 0;color:var(--muted);font-size:12px;font-weight:600;line-height:1.35}.result-topic{margin-top:7px;color:#315f56;font-size:12px;font-weight:900}.answer-toggles{display:flex;gap:7px;margin-top:15px}.answer-toggle{display:inline-flex;min-height:31px;align-items:center;gap:6px;padding:0 8px;border:1px solid #cbdad0;border-radius:8px;background:transparent;color:#526d68;cursor:pointer;font-size:10px;font-weight:800}.answer-toggle.selected{border-color:#abc6b4;background:#edf5eb;color:#234e43}.key-line{display:block;width:15px;height:3px;background:var(--coral)}.key-answer{height:0;border:0;border-top:2px dashed #7f5a00;background:transparent}.panel-lower{padding:14px clamp(18px,2vw,24px) 18px;border-top:1px solid #dce6dc}.mobile-play-bar{display:none}.session-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#49666a;font-size:11px;font-weight:700}.session-label{color:#55746e;font-size:9px;font-weight:900;letter-spacing:.1em}.session-row b{color:#234d43;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.primary-action,.secondary-action{display:flex;width:100%;min-height:49px;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;border:1px solid transparent;border-radius:11px;cursor:pointer;font-size:14px;font-weight:900;transition:transform .17s var(--ease-out),background .15s ease,box-shadow .15s ease}.primary-action{background:var(--coral-deep);color:#fffdf7;box-shadow:0 5px 12px #ba48362b}.primary-action:disabled{box-shadow:none;cursor:wait;opacity:.62}.primary-action:disabled:hover{transform:none;background:var(--coral-deep)}.primary-action:hover{transform:translateY(-1px);background:#b84333;box-shadow:0 8px 17px #ba483633}.primary-action:active{transform:translateY(0)}.primary-action.is-finish{background:#315f56;box-shadow:0 5px 12px #2553442b}.primary-action.is-finish:hover{background:#264f47}.primary-arrow{display:inline-flex}.privacy-note{margin:9px 0 0;color:#536e6c;font-size:10px;font-weight:600;line-height:1.3}.help-dialog,.clear-dialog{width:min(460px,calc(100vw - 32px));padding:0;border:1px solid #cddbd1;border-radius:16px;background:#f8fbf6;color:var(--ink);box-shadow:0 18px 54px #12302b3d}.help-dialog::backdrop,.clear-dialog::backdrop{background:#132e2b59}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid #dce6dc}.dialog-head h2{margin:0;font-size:21px;font-weight:900;letter-spacing:-.025em}.dialog-close{display:grid;width:35px;height:35px;flex:0 0 auto;place-items:center;border:0;border-radius:9px;background:#eaf2e9;color:#355d56;cursor:pointer}.help-body{padding:15px 20px 4px;color:#3f5e5e;font-size:13px;font-weight:600;line-height:1.55}.help-body p{margin:0 0 12px}.help-body ul{display:grid;gap:8px;margin:12px 0;padding-left:20px}.help-body li{padding-left:2px}.help-body strong{color:#234d43;font-weight:900}.help-body .help-source{padding-top:11px;border-top:1px solid #dce6dc;color:#536d68;font-size:11px}.dialog-action{width:calc(100% - 40px);margin:8px 20px 20px}.clear-dialog>p{margin:17px 20px;color:#49666a;font-size:13px;font-weight:600;line-height:1.45}.dialog-actions{display:flex;gap:10px;padding:0 20px 20px}.dialog-actions>*{flex:1}.secondary-action{justify-content:center;border-color:#cbdad0;background:transparent;color:#315850}.secondary-action:hover{background:#edf5eb}.boot-state,.load-error{display:grid;min-height:100vh;place-content:center;gap:14px;padding:28px;color:#294f49;text-align:center}.load-error h1,.load-error p{margin:0}.load-error .primary-action{max-width:220px;margin:0 auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}[hidden]{display:none!important}@keyframes note-arrive{0%{transform:translateY(-5px);opacity:.7}to{transform:translateY(0);opacity:1}}@media(max-width:1040px)and (min-width:801px){.game-layout{grid-template-columns:minmax(0,1fr) 300px;gap:13px;padding:13px}.panel-upper,.panel-lower{padding-right:17px;padding-left:17px}.map-tool{gap:5px;padding:0 8px}}@media(max-width:800px){.app-shell{min-height:100svh}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.topbar{min-height:64px;gap:12px;padding:0 15px}.brand-mark{width:37px;height:37px;border-radius:11px}.brand-mark svg{width:35px;height:35px}.brand-copy strong{font-size:13px;white-space:nowrap}.brand-copy span{font-size:10px}.topbar-right{gap:10px}.best-score{gap:5px}.best-score-mark{width:29px;height:29px}.best-score small{font-size:8px}.best-score strong{font-size:13px}.help-button{width:38px;min-height:38px;justify-content:center;padding:0}.help-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.game-layout{display:flex;min-height:0;flex-direction:column;gap:12px;padding:12px}.map-stage{min-height:0;height:min(46svh,520px);min-height:320px;flex:0 0 auto;border-radius:14px}.map-heading{top:11px;left:11px;min-height:30px;gap:6px;padding:0 8px;font-size:8px}.map-north{top:11px;right:11px;width:34px;height:38px}.map-challenge-float{top:49px;left:11px;width:min(300px,calc(100% - 62px));padding:8px 10px 9px;border-radius:10px}.map-challenge-float>strong{font-size:13px}.map-zoom-tools{top:55px;right:11px}.map-zoom-tools button{width:35px;height:35px}.map-bottom{right:8px;bottom:8px;left:8px;align-items:end;gap:6px;flex-direction:column-reverse}.map-tool-dock{width:100%;min-height:43px;justify-content:center;gap:2px;padding:3px;border-radius:11px}.map-tool{min-height:35px;flex:1 1 auto;gap:5px;padding:0 6px;font-size:11px}.map-tool.icon-tool{min-width:34px;width:34px;flex:0 0 34px}.map-tool svg{width:16px;height:16px}.dock-divider{margin:0 2px}.map-credit{min-height:28px;align-self:start;gap:3px;padding:4px 6px;font-size:11px;line-height:1.2}.map-status{right:10px;bottom:59px;max-width:210px;font-size:10px}.challenge-panel{overflow:visible;border-radius:14px}.panel-upper{padding:19px 17px 13px}.panel-title-row h1{max-width:14ch;font-size:clamp(25px,7vw,32px)}.district-count{padding-left:6px}.mode-select{margin-top:19px}.mode-choice{min-height:39px;font-size:12px}.ready-state,.active-state,.result-state{margin-top:20px}.panel-lower{display:none}.mobile-play-bar{position:fixed;z-index:5;right:0;bottom:0;left:0;display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #d4e1d5;background:#f8fbf6;box-shadow:0 -7px 20px #1d403a14}.mobile-play-meta{color:#536e6c;font-size:10px;font-weight:800;white-space:nowrap}.mobile-play-bar .primary-action{width:auto;min-width:146px;min-height:44px;padding:0 11px;font-size:12px}}@media(max-width:480px){.brand-copy span{display:none}.topbar-right{gap:7px}.best-score-mark{display:none}.best-score small{font-size:7px}}@media(max-width:400px){.topbar{padding-right:11px;padding-left:11px}.brand{gap:8px}.brand-copy strong{font-size:13px}.topbar-right{gap:7px}.best-score-mark{display:none}.best-score small{font-size:7px}.language-select{min-height:36px;padding:0 22px 0 7px;font-size:11px}.game-layout{padding:9px}.map-stage{height:min(42svh,420px);min-height:300px}.map-tool{gap:3px;padding:0 3px;font-size:10px;white-space:nowrap}.map-tool.icon-tool{min-width:31px;width:31px;flex-basis:31px}}@media(max-width:360px){.topbar{gap:7px}.brand-copy strong{font-size:12px;white-space:nowrap}.brand-copy span,.best-score{display:none}.language-select{width:78px;min-width:0;padding-right:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}