:root{--ink:#243f3c;--muted:#7b8982;--paper:#f8f7f0;--line:#e4e7dd;--green:#2c6658;--orange:#d47a50;--sea:#c0dfe0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Malgun Gothic','맑은 고딕',sans-serif}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #dc8a4e;outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin:0}small{font-size:11px}.topbar{height:88px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfaf5}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:900;font-size:21px;letter-spacing:-1px}.brand-icon{background:var(--green);color:#fff4d5;padding:7px 9px;font-size:26px;box-shadow:3px 3px 0 #aabd9c;transform:rotate(-4deg)}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:2px;margin-top:5px;color:var(--muted)}.day{display:flex;align-items:center;gap:12px;font-size:12px}.sun{color:#ce9650;font-size:24px}.local-tag{border:1px solid #d3dccd;padding:5px 9px;border-radius:4px;font-size:10px}.icon-button{font-size:26px}.layout{display:grid;grid-template-columns:230px minmax(400px,1fr) 290px;max-width:1800px;margin:auto;min-height:calc(100vh - 137px)}.left-panel{padding:30px 20px;border-right:1px solid var(--line)}.profile{display:flex;align-items:center;gap:12px}.avatar{width:51px;height:58px;flex-shrink:0;background:#e6e8d6;border:1px solid #d2d8c8;display:grid;place-items:center}.avatar svg{height:48px;width:40px;image-rendering:pixelated}.eyebrow{font-size:10px;letter-spacing:1.1px;color:#8c9787;font-weight:700}.profile h2{font-size:16px;margin:5px 0}.muted{font-size:10px;color:var(--muted)}.wallet{margin-top:24px;background:#eeefdf;padding:15px;border-radius:5px}.wallet>span{font-size:11px;display:block;color:#687361}.wallet span small{float:right;font-size:9px}.wallet strong{font-size:26px;display:block;margin-top:7px;font-family:Georgia,serif}.wallet strong small{font-size:15px;color:#ac8c4b}.stats{padding:20px 3px;font-size:11px}.stats>div:not(.energy-track){display:flex;justify-content:space-between}.energy-track,.quest-progress{height:5px;background:#dfe5d8;margin:10px 0 16px;border-radius:2px;overflow:hidden}.energy-track i,.quest-progress i{display:block;height:100%;width:100%;background:#92ac76;transition:width .3s}.nav-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:15px 11px;font-size:12px;border-radius:4px;margin:3px 0}.nav-item span{font-size:18px}.nav-item small{font-size:8px;margin-left:auto;color:#899485;letter-spacing:1px}.nav-item.active{background:#e5ecdf;color:#396445;font-weight:bold}.quest-card{margin-top:32px;border:1px solid #dfdcca;padding:16px;background:#f7f2e4;border-radius:4px}.quest-card h3{font-size:14px;line-height:1.5;margin-top:9px}.quest-card p{font-size:11px;line-height:1.8;margin:8px 0;color:#8a8e7e}.quest-card small{color:#828c75}.quest-progress{margin-bottom:8px}.quest-progress i{background:#c5a564}.rest-button{border:1px solid #d7ddcf;width:100%;padding:12px 0;font-size:11px;border-radius:4px;margin-top:22px}.save-note{font-size:9px;text-align:center;margin-top:12px;color:#949b8a}.main-panel{padding:30px 28px;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}h1{font-size:25px;letter-spacing:-1.4px;font-weight:800;margin:9px 0}.page-heading p{font-size:11px;color:var(--muted);line-height:1.8}.chapter-chip{font-size:10px;border:1px solid #e2d9c2;padding:9px;white-space:nowrap;border-radius:4px;color:#8d927d}.chapter-chip b{color:#a47e45;margin-left:5px}.map-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:8px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{font-size:10px;padding:7px 10px;border:1px solid #e1e4db;border-radius:4px}.filters .selected{background:var(--green);color:white;border-color:var(--green)}.text-button{font-size:10px;color:#7c8e7a;white-space:nowrap}.map-frame{position:relative;overflow:hidden;background:var(--sea);border:1px solid #9fbec0;border-radius:6px;box-shadow:0 4px 0 #d9e2d8}#map{display:block;width:100%;height:clamp(410px,52vh,670px);touch-action:none;cursor:grab}#map:active{cursor:grabbing}.map-caption{position:absolute;left:22px;top:22px;pointer-events:none}.map-caption b{display:block;font:22px Georgia,serif;letter-spacing:4px;color:#3e7775}.map-caption span{display:block;font-size:9px;color:#6e9b91;margin-top:5px}.compass{position:absolute;right:23px;top:20px;text-align:center;color:#4c8682;font-family:Georgia,serif;font-size:18px;line-height:1.5}.map-zoom{position:absolute;right:16px;bottom:18px;display:flex;flex-direction:column;background:#fbfbecd9;border:1px solid #a6b8a6;border-radius:4px}.map-zoom button{padding:7px 10px;font-size:20px}.map-zoom button+button{border-top:1px solid #ccd8c4}.map-legend{position:absolute;left:18px;bottom:18px;background:#f9faefdd;border:1px solid #cbd6bc;border-radius:3px;padding:8px;font-size:9px;color:#677b6d}.map-legend i{display:inline-block;width:7px;height:7px;background:#487565;border-radius:50%;margin:0 5px}.map-legend i.orange{background:var(--orange);margin-left:12px}.map-source{font-size:8px;color:#8e998c;margin-top:12px;line-height:1.8}.map-source button{font-size:8px;text-decoration:underline}.bottom-note{display:flex;align-items:center;gap:15px;margin-top:18px;padding:16px 18px;background:#eceee1;border:1px solid #e2e6d6;border-radius:4px}.bottom-note>span{font-size:26px;color:#8a9d76}.bottom-note b{font-size:11px;font-weight:500}.bottom-note p{font-size:9px;color:#929a88;margin-top:6px}.bottom-note button{margin-left:auto;font-size:10px;white-space:nowrap;color:#557e60}.right-panel{padding:32px 23px;border-left:1px solid var(--line);background:#fbfaf4}.place-art{height:148px;margin:15px 0 18px;overflow:hidden;border-radius:4px;border:1px solid #d9e0ce}.place-art svg{width:100%;height:100%;display:block}.place-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8fa084}.place-category{color:#658d75;background:#e8eee0;padding:5px 7px;border-radius:3px}.right-panel h2{font-size:23px;letter-spacing:-1px;margin:12px 0}.place-desc{font-size:11px;color:#889180;line-height:1.9;min-height:60px}.place-details{padding:15px 0;font-size:10px;color:#7e8d78;line-height:2;border-bottom:1px solid var(--line);margin-bottom:17px}.primary{display:block;width:100%;padding:14px;background:var(--green);color:#fffaf0;border:1px solid #265648;border-radius:4px;box-shadow:0 3px 0 #c6d1bb;font-size:12px;font-weight:bold}.mentor{display:flex;gap:11px;background:#f0f0e5;border-radius:4px;padding:13px;margin-top:20px}.mini-avatar{background:#d5ddc0;border:2px solid #bac9a6;display:grid;place-items:center;width:30px;height:35px;flex-shrink:0;font-size:14px;font-weight:800;color:#6c825c}.mentor b{font-size:10px}.mentor p{font-size:10px;line-height:1.8;color:#84917d;margin-top:5px}.route-card{margin-top:26px;border-top:1px solid var(--line);padding-top:20px}.route-card h3{font-size:13px;margin-top:10px}.route-card ol{list-style:none;padding:0;counter-reset:steps;margin-top:15px}.route-card li{font-size:10px;color:#9aa18c;padding:10px 0;counter-increment:steps}.route-card li:before{content:counter(steps);border:1px solid #d7dccf;border-radius:50%;padding:3px 6px;margin-right:10px;font-size:9px}.route-card li.done{color:#46846a}.route-card li.done:before{background:#dfeadc;border-color:#bad2b2}footer{border-top:1px solid var(--line);padding:16px 32px;font-size:9px;color:#7e8c7a;display:flex;gap:18px}footer small{margin-left:auto;font-size:8px;letter-spacing:1px}dialog{border:1px solid #b4c4ac;border-radius:8px;color:var(--ink);background:#fcfaf0;padding:32px;max-width:calc(100vw - 32px);width:480px;box-shadow:10px 12px 0 #1b443426;max-height:90vh;overflow:auto}dialog::backdrop{background:#183a37a6;backdrop-filter:blur(4px)}dialog h2{font-size:26px;line-height:1.5;letter-spacing:-1px;margin:12px 0}dialog p{font-size:12px;color:#7a8979;line-height:1.9;margin:12px 0 20px}dialog label{font-size:12px;display:block}input[type=text],input:not([type]){width:100%;padding:12px;border:1px solid #cad3bf;background:#fffef8;border-radius:3px;margin:9px 0 14px;color:var(--ink)}fieldset{border:0;padding:0;margin:15px 0 20px}legend{font-size:11px;color:#8a967c;margin-bottom:10px}fieldset label{padding:6px 0}input[type=radio]{accent-color:var(--green)}.colors{display:flex;gap:15px}.colors label{display:flex;align-items:center;gap:5px}.colors span{display:inline-block;width:15px;height:15px;border-radius:2px}form>small{display:block;text-align:center;margin-top:18px;color:#9aa18c;font-size:9px}.close{position:absolute;right:10px;top:6px;font-size:28px}.modal-actions{display:flex;gap:10px;margin-top:15px}.secondary{padding:12px;border:1px solid #c9d3c1;border-radius:3px;width:100%;font-size:12px}.fishing-scene{height:140px;border:1px solid #a9c8c1;background:linear-gradient(#d7e6d5 0 40%,#90c8c5 40% 45%,#66aead 45%);position:relative;overflow:hidden}.fishing-scene svg{width:100%;height:100%}.timing-track{height:32px;margin:20px 0 12px;background:#dedfcb;position:relative;border:2px solid #c4ccb5;border-radius:3px;overflow:hidden}.target-zone{position:absolute;left:36%;width:28%;height:100%;background:#83b280}.timing-needle{position:absolute;width:5px;height:100%;background:#8b522f;left:0;box-shadow:0 0 0 2px #fff8}.fish-help{font-size:11px;text-align:center;color:#82917b}.shop-hero{border:1px solid #c9d0b9;background:#e9ead5;border-radius:6px;overflow:hidden}.shop-hero svg{width:100%;height:260px;display:block}.shop-content{padding:24px}.shop-content h2{font-size:23px;margin-bottom:12px}.requirements{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.requirements>div{background:#fbfaef;padding:14px;border:1px solid #d5d9c2;font-size:11px;line-height:1.9}.requirements b{display:block;font-size:16px}.shop-buttons{display:flex;gap:10px}.journal-list{list-style:none;margin:0;padding:0}.journal-list li{padding:20px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.8;background:#fcfbf4}.journal-list small{display:block;color:#9b9d7f;font-size:10px;margin-bottom:4px}.journal-intro{background:#e6ecdd;padding:24px;margin-bottom:20px;border-radius:4px;line-height:1.9}.journal-intro p{font-size:12px;color:#788875}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#254e43;color:#fff9e6;padding:15px 22px;border-radius:4px;box-shadow:0 4px 20px #183d3c33;font-size:12px;z-index:10;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.map-pin{cursor:pointer}.map-pin:hover .pin-disc,.map-pin:focus .pin-disc{fill:#d07a50}.map-label{font-size:12px;fill:#43644d;paint-order:stroke;stroke:#f6f4df;stroke-width:4px;stroke-linejoin:round;font-weight:700;pointer-events:none}.land{fill:#dfe5bb;stroke:#88a884;stroke-width:1.4;fill-rule:evenodd}.map-pin.selected .pin-disc{fill:#cf7b50}.district-label{fill:#839e72;font-size:18px;letter-spacing:6px;pointer-events:none}.selected-ring{fill:none;stroke:#d89358;stroke-width:2;stroke-dasharray:4 4}.empty-note{font-size:12px;line-height:1.8;color:#869177}.setting-stack{display:grid;gap:10px;margin-top:15px}.danger{color:#a05238}.backup-label{display:block;padding:12px;text-align:center;border:1px solid #c9d3c1;cursor:pointer}.backup-label input{display:block;width:100%;margin-top:10px}.map-tip{font-size:11px;line-height:1.9;color:#738773}
@media(min-width:1550px){.layout{grid-template-columns:260px minmax(400px,1fr) 320px}.left-panel{padding:36px 28px}.main-panel{padding:34px 40px}.right-panel{padding:35px 28px}h1{font-size:30px}}
@media(max-width:1150px){.layout{grid-template-columns:190px minmax(350px,1fr) 245px}.left-panel{padding:25px 14px}.main-panel{padding:25px 18px}.right-panel{padding:25px 16px}.chapter-chip{display:none}h1{font-size:22px}.topbar{padding:0 22px}.bottom-note{padding:12px}.bottom-note button{display:none}}
@media(max-width:900px){.layout{grid-template-columns:170px 1fr}.right-panel{grid-column:2;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr;gap:0 20px}.right-panel>.eyebrow,.route-card{display:none}.place-art{grid-column:1;grid-row:1 / 6;margin:0;height:170px}.right-panel h2{margin:8px 0}.right-panel .place-desc{min-height:auto}.right-panel .place-details{margin-bottom:12px;padding:6px 0}.right-panel .primary{grid-column:2}.mentor{grid-column:1 / 3}.left-panel{grid-row:1 / 3}.page-heading{margin-bottom:20px}}
@media(max-width:600px){.topbar{height:70px;padding:0 16px}.brand{font-size:17px}.brand-icon{font-size:22px}.brand small{font-size:6px}.day{font-size:10px;gap:5px}.local-tag{display:none}.sun{font-size:18px}.layout{display:flex;flex-direction:column}.left-panel{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:12px;border-right:0;border-bottom:1px solid var(--line)}.profile{gap:9px}.avatar{height:44px;width:39px}.avatar svg{height:39px}.wallet{margin:0;padding:9px 12px}.wallet strong{font-size:23px;margin-top:2px}.wallet>span{font-size:9px}.stats{padding:0;grid-column:1;font-size:10px}.stats .energy-track{margin:5px 0 8px}.left-panel nav{grid-column:1 / 3;display:flex;grid-row:3;border-top:1px solid var(--line);padding-top:7px}.nav-item{justify-content:center;padding:9px 6px;gap:5px;font-size:11px}.nav-item small{display:none}.quest-card{display:none}.rest-button{margin:0;grid-column:2;grid-row:2;font-size:10px}.save-note{display:none}.main-panel{padding:22px 14px}.page-heading{margin-bottom:17px}h1{font-size:24px}.page-heading p{font-size:10px}.eyebrow{font-size:9px}.map-toolbar{align-items:flex-start}.filters{gap:4px}.filters button{padding:7px;font-size:9px}.map-toolbar>.text-button{font-size:9px;padding-top:7px}#map{height:450px}.map-caption{left:14px;top:15px}.map-caption b{font-size:17px}.map-caption span{font-size:8px}.map-source{font-size:8px}.bottom-note{gap:10px}.bottom-note b{font-size:10px}.right-panel{padding:20px 16px;grid-template-columns:120px 1fr;gap:0 14px}.right-panel h2{font-size:21px}.place-art{height:155px}.place-details{font-size:9px}.mentor{margin-top:14px}.place-desc{font-size:10px}.right-panel .primary{grid-column:1 / 3;margin-top:10px}footer{padding:18px 16px;gap:5px;flex-wrap:wrap}footer span{display:none}footer small{font-size:7px}.requirements{gap:6px}.requirements>div{padding:8px;font-size:9px}.requirements b{font-size:14px}.shop-content{padding:16px}.shop-buttons{flex-direction:column}dialog{padding:26px}.shop-hero svg{height:210px}}
#placeSelect{width:100%;padding:10px 12px;margin-bottom:12px;background:#f4f4e9;border:1px solid #d6dfcc;border-radius:4px;color:#55735c;font:11px 'Malgun Gothic',sans-serif}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}