@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&family=Noto+Serif+KR:wght@500;600;700&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#333e36;background:#f6f3eb;font-synthesis:none;font-weight:400;--green:#304f40;--muted:#93978b;--line:#dedfd3}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #68a8ac;outline-offset:3px}svg{width:100%;height:100%;display:block}button{touch-action:manipulation}a{color:inherit;text-decoration:none}.topbar{max-width:1320px;margin:auto;height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 12px}.brand{display:flex;align-items:center;gap:13px}.brand>svg{width:40px;height:40px;color:var(--green)}.brand>span{font-size:18px;font-weight:700;letter-spacing:-.7px}.brand small{display:block;font-size:8px;letter-spacing:3.1px;font-weight:500;margin-top:5px}.toplinks{display:flex;gap:15px;align-items:center}.edition{font-size:9px;letter-spacing:2px;color:#929587;margin-right:30px}.toplinks button{width:34px;height:34px;border:1px solid #d8dace;border-radius:50%;font-family:serif;font-size:18px;color:#657260}.toplinks button:last-child{border:0;font-size:23px}main{max-width:1230px;display:grid;grid-template-columns:280px minmax(350px,500px) 240px;gap:52px;margin:64px auto 56px;align-items:start;padding:0 16px}.intro{padding-top:32px}.eyebrow{font-size:9px;letter-spacing:2px;color:#7e8975;font-weight:600;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#849775}h1{font-family:"Noto Serif KR",serif;font-weight:600;font-size:33px;line-height:1.7;letter-spacing:-1.6px;margin:25px 0 20px}h1>span{color:#ba8652}.intro>p{font-size:12px;line-height:2.1;color:#8a8d7f;letter-spacing:-.3px}.journey{margin-top:42px;max-width:210px}.journey>span{display:block;font-size:8px;letter-spacing:2px;color:#8b9483}.journey>b{display:block;font-size:26px;font-weight:500;margin-top:10px}.journey em{font-style:normal;font-size:13px;color:#a0a595;margin-left:4px}.progress{height:3px;background:#e0e1d4;margin:12px 0 13px}.progress i{display:block;background:#56745b;height:100%;transition:width .4s}.journey button{width:100%;display:flex;justify-content:space-between;font-size:11px;padding:0;color:#74816e}.desert-art{height:180px;position:relative;margin-top:50px;overflow:hidden;width:240px}.orbit{position:absolute;border:1px solid #e7e1d3;border-radius:50%;width:175px;height:175px;left:35px;top:0}.art-sun{position:absolute;width:48px;height:48px;background:#e4c18b;border-radius:50%;top:20px;left:130px}.dune{position:absolute;border-radius:50% 50% 0 0;width:260px;height:130px;transform:rotate(-10deg);top:100px;left:-30px;background:#e7d8b8}.dune.two{background:#d1d4ba;left:75px;transform:rotate(18deg);top:113px}.desert-art>svg{position:absolute;width:68px;height:68px;top:70px;left:85px}.desert-art>span{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:9px;color:#7b806b;letter-spacing:1px}.stage-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.stage-label{padding:0;font-size:9px;font-weight:700;letter-spacing:2px;color:#84917a}.stage-label span{padding-left:8px;color:#a3ab97}h2{font-family:"Noto Serif KR",serif;font-size:22px;letter-spacing:-.8px;font-weight:600;margin:9px 0 0}.turns{display:flex;align-items:baseline;gap:7px}.turns>span{font-size:10px;color:#8c9382;margin-right:3px}.turns strong{font-size:32px;font-weight:500;letter-spacing:-1px}.turns small{font-size:11px;color:#a0a492}.board-wrap{position:relative;border:1px solid #ddded0;padding:27px 15px 15px;background:#eeeee3;border-radius:12px;box-shadow:0 12px 25px #47513b05}.coordinates{position:absolute;display:flex;top:8px;left:15px;right:15px;font-size:8px;color:#9ba08a;text-align:center}.coordinates span{width:20%}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.tile{padding:0;position:relative;aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;isolation:isolate;border:1px solid #d9c7a44d;transition:filter .15s,transform .15s;background:#e8d6b3;box-shadow:inset 0 -3px #c9b58730}.tile:nth-child(3n).sand{background:#ecddbf}.tile.shadow{background:#727f71;border-color:#667568;box-shadow:inset 0 -3px #4c605c25}.tile.shadow:nth-child(3n){background:#7d8976}.tile.shadow:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#3c535523 0%,#3c535523 45%,transparent 45%);z-index:-1}.tile.waterfall{background:#b3cfca;border-color:#9dbfbc}.tile>svg{width:85%;height:85%}.tile.goal>svg{width:80%;height:80%}.tile.reachable:hover{filter:brightness(1.09);transform:translateY(-2px)}.tile.player{outline:2px solid #fdfcf3;outline-offset:-4px;box-shadow:0 3px 8px #33453c28}.bottle{position:absolute;width:79%;height:79%;filter:drop-shadow(0 3px 2px #253b3026);animation:arrive .18s ease-out}.player>svg{opacity:.42}.you{position:absolute;bottom:3px;font-size:6px;letter-spacing:1px;background:#f9f6e7;color:#466453;padding:1px 4px;border-radius:3px}.step{position:absolute;font-size:26px;color:#fff9dc9c;pointer-events:none}.grain{width:3px;height:2px;background:#b3a17c55;border-radius:50%;position:absolute;left:22%;top:69%;box-shadow:24px -30px #b3a17c55,15px 5px #b3a17c55}.legend{display:flex;align-items:center;gap:16px;margin:17px 3px;font-size:9px;color:#7c8674}.legend>span{display:flex;align-items:center;gap:5px}.legend i{width:9px;height:9px;border-radius:2px}.legend-sand{background:#e6d3ac}.legend-shadow{background:#748272}.legend em{font-size:8px;font-style:normal;color:#a2a692}.legend-tip{margin-left:auto;font-size:8px;color:#929b88}.board-tools{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:18px;gap:8px}.board-tools button{font-size:20px;color:#73806b;padding:0;display:flex;align-items:center;gap:5px;white-space:nowrap;min-height:30px}.board-tools button>span{font-size:10px}.board-tools button:disabled{opacity:.3}.board-tools p{font-size:9px;color:#8d9482;text-align:center;margin:0;line-height:1.8}.controls{padding-top:4px}.control-heading{display:flex;justify-content:space-between;align-items:center;margin:0 2px 23px}.control-heading>span{font-size:9px;letter-spacing:2px;color:#919a85}.control-heading i{font-style:normal;color:#86947b}.compass-card,.water-card{border:1px solid var(--line);border-radius:10px;padding:20px;background:#f9f7f0}.card-heading{display:flex;align-items:center;justify-content:space-between}.card-heading h3{font-size:12px;font-weight:600;margin:0}.card-heading>span{font-size:9px;color:#919887}.compass{position:relative;width:170px;height:170px;margin:10px auto 6px}.compass-ring{position:absolute;inset:22px;border:1px solid #deded0;border-radius:50%;outline:1px solid #e8e6da;outline-offset:-8px;background:repeating-conic-gradient(from 0deg,#a5ad9510 0 1deg,transparent 1deg 15deg)}.dir{position:absolute;width:36px;height:36px;font-size:10px;color:#9ba38e;border-radius:50%;z-index:2}.dir-N{left:67px;top:0}.dir-E{right:0;top:67px}.dir-S{left:67px;bottom:0}.dir-W{left:0;top:67px}.dir.selected{background:#304f40;color:#f5f4e9;box-shadow:0 2px 6px #304f4020}.needle{position:absolute;width:42px;height:88px;left:64px;top:41px;transition:transform .3s}.needle i,.needle b{position:absolute;left:9px;width:24px;height:44px;clip-path:polygon(50% 0,100% 100%,50% 83%,0 100%);background:#b77d57}.needle b{transform:rotate(180deg);top:44px;background:#d2d7c5}.compass-center{position:absolute;left:81px;top:81px;width:8px;height:8px;background:#fcfaf0;border:2px solid #788874;border-radius:50%}.compass-card>p{font-size:10px;text-align:center;color:#919987;margin:10px -7px 0}.compass-card>p b{font-weight:500;color:#586e51}.compass-card>p strong{font-weight:600;color:#53735c}.water-card{margin-top:16px}.water-card .card-heading>span{color:#5f837d;font-size:17px}.card-heading em{font-style:normal;font-size:11px;color:#9aa08f}.water-level{display:flex;gap:13px;justify-content:center;margin:16px 0 20px}.water-level>span{width:30px;height:34px;color:#dfdfd2}.water-level>span.filled{color:#6faeb0}.fill-button,.primary{display:flex;align-items:center;justify-content:center;width:100%;border-radius:6px;font-size:11px;min-height:44px;font-weight:500;gap:6px}.fill-button{background:#e1ece6;color:#466f65}.fill-button:disabled{background:#eeeee5;color:#a5ab99}.fill-button>svg,.deliver>svg{width:18px;height:20px}.fill-button small,.primary small{margin-left:auto;font-size:8px;font-weight:400;opacity:.7}.fill-button,.deliver{padding:0 13px}.primary{background:#304f40;color:#fcfaf0}.primary:disabled{background:#dce0d2;color:#9aa58d}.deliver{margin-top:8px}.deliver>svg{width:20px}.hint{display:flex;gap:12px;align-items:flex-start;padding:21px 3px}.hint>span{color:#a6a888;font-size:21px}.hint p{font-size:10px;line-height:1.9;color:#929983;margin:0}.hint b{font-weight:500;color:#6c7e61}footer{max-width:1296px;margin:0 auto;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:#a1a590}footer>span:nth-child(2){display:flex;align-items:center;gap:6px}footer i{width:5px;height:5px;border-radius:50%;background:#8c9c7d}footer>span:last-child{font-size:8px;letter-spacing:1.5px}.result{position:absolute;inset:27px 15px 15px;z-index:5;background:#f8f6ecf5;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center;animation:arrive .3s}.result-icon{font-size:48px;color:#82916b;margin-bottom:15px}.result>span{font-size:9px;letter-spacing:2px;color:#8a987a}.result h3{font-family:"Noto Serif KR",serif;font-size:21px;font-weight:600}.result p{font-size:11px;color:#87917b;line-height:1.8}.result .primary{width:210px;margin-top:20px}.text-button{font-size:10px;margin-top:16px;color:#819074}.modal-backdrop{position:fixed;inset:0;background:#273e354f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;display:grid;place-items:center;padding:18px}.modal{position:relative;width:100%;max-width:440px;max-height:90dvh;overflow:auto;border-radius:16px;background:#faf7ee;padding:35px;box-shadow:0 20px 80px #26372c33}.close{position:absolute;right:15px;top:12px;font-size:27px;color:#8a9480;width:32px;height:32px}.modal h2{margin:15px 0 25px}.modal ol{padding-left:20px;font-size:12px;color:#476149}.modal li{padding-left:4px;margin-bottom:18px}.modal p{font-size:11px;color:#87927c;line-height:1.9}.modal li p{margin:6px 0}.setting{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px}.setting b{border-radius:20px;padding:6px 14px;background:#e5e9db;font-size:11px;color:#53704f}.stage-option{width:100%;display:flex;text-align:left;align-items:center;gap:17px;padding:19px 0;border-bottom:1px solid var(--line)}.stage-option>span{color:#89957c;font-size:18px}.stage-option b{font-size:13px}.stage-option small{display:block;font-size:9px;color:#989e8a;margin-top:6px}.stage-option em{margin-left:auto;font-style:normal;color:#5b7c57}@keyframes arrive{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){main{margin-top:85px;margin-bottom:78px}}@media(max-width:1150px){main{gap:28px;grid-template-columns:220px minmax(320px,460px) 210px}.intro h1{font-size:29px}.desert-art{width:205px}.compass-card,.water-card{padding:16px}.compass{margin-left:auto;margin-right:auto}.edition{display:none}.topbar{margin:0 24px}footer{margin:0 24px}}@media(max-width:950px)and (min-width:701px){main{grid-template-columns:minmax(320px,460px) 220px;max-width:760px}.intro{display:none}.topbar{height:90px}.controls{padding-top:4px}}@media(max-width:700px){.topbar{height:65px;margin:0 20px;padding:0}.brand{gap:8px}.brand>svg{width:30px;height:30px}.brand>span{font-size:14px}.brand small{font-size:6px;letter-spacing:2.3px;margin-top:3px}.toplinks{gap:8px}.toplinks button{width:30px;height:30px;font-size:16px}.toplinks button:last-child{font-size:21px}main{max-width:430px;display:flex;flex-direction:column;gap:0;margin:0 auto;padding:0 20px}.intro{display:none}.game-panel{width:100%}.stage-head{margin:20px 0 15px}.stage-label{font-size:8px}h2{font-size:19px;margin-top:6px}.turns strong{font-size:29px}.turns>span{font-size:9px}.board-wrap{padding:23px 10px 10px;border-radius:9px}.coordinates{left:10px;right:10px;top:6px;font-size:7px}.board{gap:4px}.tile{border-radius:5px}.legend{margin:12px 1px;gap:12px;font-size:8px}.legend em,.legend-tip{font-size:7px}.board-tools{padding:8px 0 0}.board-tools button{font-size:21px;min-width:44px;min-height:36px}.board-tools button>span{font-size:9px}.board-tools p{font-size:8px}.controls{width:100%;display:grid;grid-template-columns:140px 1fr;gap:10px;margin-top:15px;padding:0}.control-heading,.hint{display:none}.compass-card,.water-card{padding:12px;border-radius:8px;margin:0}.card-heading h3{font-size:10px}.card-heading>span{font-size:8px}.compass{width:110px;height:110px;margin:4px auto 0}.compass-ring{inset:17px}.dir{width:30px;height:30px;font-size:8px}.dir-N{left:40px;top:0}.dir-S{left:40px;bottom:0}.dir-E{top:40px;right:0}.dir-W{top:40px;left:0}.needle{width:24px;height:54px;top:28px;left:43px}.needle i,.needle b{left:4px;width:16px;height:27px}.needle b{top:27px}.compass-center{left:52px;top:52px;width:6px;height:6px}.compass-card>p{font-size:8px;margin:5px -7px 0}.water-level{margin:6px 0 8px;gap:10px}.water-level>span{width:22px;height:25px}.water-card .card-heading>span{font-size:14px}.fill-button,.primary{font-size:10px;min-height:36px}.fill-button,.deliver{padding:0 10px}.fill-button>svg,.deliver>svg{width:16px;height:18px}.deliver{margin-top:6px}.fill-button small,.primary small{font-size:7px}footer{max-width:390px;padding:17px 0 13px;margin:0 auto;border:0;justify-content:center;font-size:8px}footer>span:first-child,footer>span:last-child{display:none}.result{inset:23px 10px 10px;padding:18px}.result-icon{font-size:32px;margin-bottom:5px}.result h3{font-size:18px;margin:12px 0}.result p{font-size:10px;margin:0}.result .primary{margin-top:15px}.text-button{margin-top:10px}.modal{padding:29px 24px}.modal h2{font-size:20px}.modal li{margin-bottom:13px}}@media(max-width:700px)and (max-height:730px){.topbar{height:54px}.stage-head{margin:12px 0 10px}main{max-width:360px;padding:0 15px}.legend{margin:8px 0}.controls{margin-top:10px;grid-template-columns:127px 1fr}.compass-card,.water-card{padding:9px}.board-tools{padding-top:3px}.compass{width:105px;height:105px;transform:scale(.95);margin:-1px auto -4px}.dir-N,.dir-S{left:37.5px}.dir-E,.dir-W{top:37.5px}.needle{top:25.5px;left:40.5px}.compass-center{top:49.5px;left:49.5px}.compass-card>p{font-size:7px}footer{padding:10px 0}.water-level{margin:3px 0 6px}.fill-button,.primary{min-height:33px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:700px)and (max-height:730px){.topbar{height:50px}.stage-head{margin:10px 0 8px;min-height:42px}.stage-head h2{font-size:17px;line-height:1.4;margin-top:4px}.stage-label{line-height:1}.turns strong{font-size:25px}.board-wrap{width:min(100%,calc(100dvh - 350px));margin:0 auto}.board-tools{padding-top:2px;min-height:29px}.board-tools button{min-height:28px}.legend{margin:7px 0}.controls{margin-top:8px}footer{padding:7px 0}}