:root{--ink:#173832;--muted:#64766c;--green:#206958;--gold:#c0a578;--paper:#f4f7f4;--line:#dbe3dc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;line-height:1.65}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b87e25;outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}header,main,footer{max-width:1200px;margin:auto}header{padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--green)}.language{font-size:14px;border:1px solid var(--line);border-radius:30px;padding:6px 17px}main{padding:40px 32px}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.intro h1{font-size:clamp(32px,4vw,48px);line-height:1.25;letter-spacing:-2px;margin:0;font-weight:800}.intro p{max-width:370px;font-size:15px;color:var(--muted);margin:0 0 4px}.tool-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}.tool-nav a{font-size:13px;padding:7px 15px;border-radius:24px;border:1px solid transparent}.tool-nav a:hover{background:#e3ece5}.tool-nav [aria-current]{background:var(--ink);color:white}.adventure{display:grid;grid-template-columns:290px minmax(0,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:white;box-shadow:0 15px 45px #193c3208}.setup{padding:30px 25px;background:#fafcf9;border-right:1px solid var(--line)}.setup h2{font-size:18px;margin:0 0 25px}fieldset{padding:0;border:0;margin:0;min-width:0}.setup label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.select-wrap{margin-bottom:22px}select{width:100%;padding:12px 9px;border:1px solid #cad7ce;border-radius:9px;background:white;color:var(--ink);font-size:14px}.hint{font-size:12px;line-height:1.75;color:var(--muted);margin:10px 0 18px}#range-hint{margin-top:-14px}.target-input{display:flex;align-items:center;gap:10px;background:white;border:1px solid #cad7ce;border-radius:9px;padding:8px 14px}.target-input input{width:100%;min-width:0;font-size:32px;font-weight:700;border:0;color:var(--ink);background:none}.target-input span{font-size:13px;color:var(--muted)}.presets{display:flex;gap:5px;margin-top:9px}.presets button{flex:1;padding:5px 0;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px}.presets button.selected{background:#e2ede4;border-color:#94b8a3;color:#173832}.sound-row{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center}.sound-row label{margin:0}.sound-row input{appearance:none;width:40px;height:23px;border-radius:20px;background:#cbd5ce;cursor:pointer;position:relative;transition:background .2s;margin:0}.sound-row input:before{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .2s}.sound-row input:checked{background:var(--green)}.sound-row input:checked:before{transform:translateX(17px)}.quiet-button{border:0;background:none;padding:0;color:var(--green);font-size:12px;text-decoration:underline;text-underline-offset:4px}.journey-progress{margin-top:27px;padding-top:22px;border-top:1px solid var(--line)}.journey-progress>div{display:flex;align-items:center;justify-content:space-between;font-size:12px}.journey-progress strong{font-size:23px;font-variant-numeric:tabular-nums}progress{width:100%;height:6px;accent-color:var(--green);border:0;border-radius:10px;overflow:hidden;background:#e2eae3}progress::-webkit-progress-bar{background:#e2eae3}progress::-webkit-progress-value{background:var(--green);border-radius:10px}#step-count{font-size:12px;color:var(--muted);margin:7px 0 0}.stage{padding:24px 30px 30px;text-align:center;background:radial-gradient(ellipse at 50% 34%,#edf3e9,transparent 65%),#fff;position:relative}.stage-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px}.mode-badge{background:#e7eee6;border-radius:20px;padding:4px 11px;font-weight:700}.orientation{color:var(--muted)}.compass-wrap{width:min(100%,440px);aspect-ratio:1;margin:20px auto 8px;position:relative;padding:10px}.compass-shadow{position:absolute;bottom:1%;left:12%;width:76%;height:22%;background:#143e3a30;filter:blur(18px);border-radius:50%}.compass-bezel{position:relative;border-radius:50%;padding:9px;background:conic-gradient(from 20deg,#48665a,#172f29 12%,#66796a 25%,#1a302a 38%,#0a221d 52%,#3c5e51 67%,#6b8072 76%,#172f29 90%,#48665a);box-shadow:0 1px 0 2px #859685,0 6px 0 #132f28,0 9px 0 #b8b9a0,0 12px 0 #40584a,0 18px 28px #12332626,inset 0 1px 2px #d8e8c8}.compass-bezel:after{content:"";position:absolute;inset:7px;border:1px solid #d0bd8670;border-radius:50%;pointer-events:none}.compass-bezel svg{display:block;width:100%;overflow:visible}.major{stroke:#827044;stroke-width:1.6}.minor{stroke:#819789;stroke-width:1}.direction-label{fill:#3d5749;font-size:15px;font-weight:700}.dial-dot{position:absolute;left:calc(50% - 3px);top:13px;width:6px;height:6px;border-radius:50%;background:#e8cd8e;box-shadow:0 0 5px #fbe3a6}.mission{min-height:110px}.mission>p:first-child{font-size:12px;color:var(--muted);margin:12px 0 4px}.mission h2{font-size:26px;line-height:1.4;letter-spacing:-.7px;margin:3px 0 6px}.mission>p:last-child{font-size:12px;color:var(--muted);margin:5px 0 15px}#mission-clock{font-size:36px;line-height:1.35;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:1px}.main-actions{display:flex;justify-content:center;gap:12px}.spin-button,.primary{border:0;border-radius:13px;padding:14px 26px;font-weight:750;color:#fff;background:var(--green);box-shadow:0 4px 0 #104d40,0 7px 16px #16544020;min-width:205px;transition:transform .12s,box-shadow .12s}.spin-button>span:first-child{font-size:23px;vertical-align:middle;margin-right:8px}.spin-button:hover:not(:disabled),.primary:hover:not(:disabled){background:#287d69;transform:translateY(-1px)}.spin-button:active:not(:disabled),.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #104d40}.secondary-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:20px}.secondary-actions button{border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}.error{color:#a73626;font-size:13px;min-height:0;margin:10px 0 0}.safety{display:flex;gap:13px;margin-top:22px;padding:18px 22px;background:#f2eee4;border:1px solid #e3dcc7;border-radius:12px}.safety>span{font-size:25px;color:#8b6b32}.safety h2{font-size:13px;margin:0 0 4px;color:#705927}.safety p{font-size:12px;color:#776c53;line-height:1.8;margin:0}.history{padding:28px 0;border-bottom:1px solid var(--line)}.history h2,.guide h2{font-size:16px;margin:0 0 12px}.history p{font-size:13px;color:var(--muted)}.history ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:0}.history li{font-size:12px;padding:8px 13px;background:white;border:1px solid var(--line);border-radius:8px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:28px}.guide p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}footer{display:flex;gap:20px;padding:25px 32px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer span{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;max-width:min(440px,90vw);color:var(--ink)}dialog::backdrop{background:#102b2480}dialog h2{font-size:22px}dialog p{font-size:14px}dialog>div{display:flex;gap:10px;margin-top:22px}dialog button{border:1px solid var(--line);padding:10px 17px;border-radius:9px;background:white;color:var(--ink)}dialog .primary{min-width:0;color:white;background:var(--green)}@media(max-width:800px){header{padding:18px 20px}main{padding:27px 20px}.intro{display:block}.intro h1 br{display:none}.intro p{margin-top:13px;max-width:100%}.adventure{grid-template-columns:1fr}.setup{border-right:0;border-bottom:1px solid var(--line);padding:22px}.setup h2{margin-bottom:15px}#settings{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}#settings>label{margin:0}#settings>label[for=travel]{grid-column:1;grid-row:1}#settings>label[for=range]{grid-column:2;grid-row:1}.select-wrap{margin:0}#settings>.select-wrap:nth-of-type(1){grid-row:2;grid-column:1}#settings>.select-wrap:nth-of-type(2){grid-row:2;grid-column:2}#range-hint{grid-column:1/-1;margin:0 0 7px}#settings>label[for=target]{grid-column:1/-1}.target-input{grid-column:1}.presets{grid-column:2;margin:0;align-items:center;flex-wrap:wrap}.presets button{flex:1 1 40%;padding:5px}.setup>.hint{margin-bottom:12px}.sound-row{padding-top:12px}.journey-progress{margin-top:16px;padding-top:12px}.stage{padding:22px 18px}.compass-wrap{max-width:385px}.guide{gap:22px}.orientation{font-size:10px}.mission h2{font-size:23px}}@media(max-width:450px){main{padding:24px 12px}.intro{padding:0 8px}.intro h1{font-size:32px}.intro p{font-size:13px}.tool-nav{gap:2px}.tool-nav a{padding:6px 10px;font-size:12px}.setup{padding:18px}.stage{padding:20px 10px}.stage-top{padding:0 6px}.orientation{max-width:145px;line-height:1.4}.compass-wrap{margin-top:18px}.guide{grid-template-columns:1fr;padding:24px 8px}.safety{padding:15px}.mission h2{font-size:22px}.target-input input{font-size:26px}footer{padding:22px 16px;gap:13px}}@media(prefers-reduced-motion:reduce){*,*:before{transition:none!important;scroll-behavior:auto!important}}