:root{color:#2f473a;font-synthesis:none;--green:#365b45;--line:#d2d8c6;background:#f2f1e7;font-family:Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{border:1px solid var(--line);min-height:44px;color:inherit;cursor:pointer;background:#fcfcf6;border-radius:12px;padding:11px 15px;font-weight:600}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #ba814c}.primary{background:var(--green);color:#fff;border-color:var(--green)}button.primary:hover{background:#284834}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;max-width:1000px;margin:auto;padding:23px 24px;display:flex}.brand{color:inherit;letter-spacing:1px;font-size:13px;font-weight:800;text-decoration:none}.brand span{letter-spacing:0;margin-top:3px;font-size:11px;font-weight:500;display:block}.wallet{white-space:nowrap;background:#e1e8d8;border-radius:30px;padding:10px 15px;font-size:13px}.wallet strong{margin-left:8px}.panel{border:1px solid var(--line);background:#fafaf2;border-radius:24px;max-width:740px;margin:auto;padding:28px;position:relative}h1{letter-spacing:-1.6px;margin:14px 0;font-size:34px;line-height:1.35}h2{letter-spacing:-1px}.eyebrow{letter-spacing:2px;color:#6f826c;font-size:10px;font-weight:800}p{color:#68735f;font-size:14px;line-height:1.8}.intro{margin-bottom:25px}.postcard{text-align:center;background:#e1e8d7;border-bottom:5px solid #b9c6a9;border-radius:90px 90px 12px 12px;width:190px;height:190px;padding:13px;position:absolute;top:30px;right:28px}.tower{color:#536c54;margin:8px;font-family:monospace;font-size:30px;line-height:.95}.postcard small{letter-spacing:2px;font-size:9px}.route{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#85907b;align-items:center;gap:15px;padding:17px 0;font-size:11px;display:flex}.route b{color:var(--green)}.stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.stats div{background:#edf0e5;border-radius:10px;padding:10px}.stats dt{color:#74816b;font-size:11px}.stats dd{margin:5px 0 0;font-size:17px;font-weight:700}.base-actions{gap:9px;display:grid}.base-actions .primary{justify-content:space-between;display:flex}.base-actions small{margin-top:3px;font-size:10px;font-weight:400;display:block}.fine{margin-bottom:0;font-size:11px}.offers{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.offer{border:1px solid var(--line);border-radius:15px;padding:16px}.offer h3{margin:0;font-size:15px}.offer p{margin:8px 0;font-size:12px}.offer button{width:100%;font-size:12px}.run-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.run-heading h1{margin:6px 0 14px;font-size:23px}.run-heading button{padding:8px 12px;font-size:12px}.meters{grid-template-columns:1fr 1fr;gap:14px;display:grid}.meters strong{float:right;font-size:11px}progress{appearance:none;background:#dce2d2;border:0;border-radius:9px;width:100%;height:7px;margin:7px 0;display:block;overflow:hidden}.target{color:#59744d;justify-content:space-between;gap:8px;margin:8px 0;font-size:10px;display:flex}.target span{color:#78826d}#playfield{touch-action:none;background:#e4ebdc;border:1px solid #cbd6be;border-radius:16px;height:clamp(340px,55vh,660px);position:relative;overflow:hidden}#playfield>canvas:not(#minimap){display:block}#minimap{opacity:.6;pointer-events:none;z-index:2;background:#f8faee;border:1px solid #aabca0;width:60px;height:60px;position:absolute;top:10px;right:10px}.field-actions{align-items:center;gap:7px;margin:8px 0;display:flex}.field-actions span{color:#7a856f;margin-left:auto;font-size:10px}.toolbox{border:1px solid var(--line);background:#fafaf2;border-radius:15px;padding:12px}.tools{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.tools button{font-size:12px}.tools button[aria-pressed=true]{background:var(--green);color:#fff}.pattern-label{align-items:center;gap:12px;margin-top:10px;font-size:11px;display:flex}select{border:1px solid var(--line);min-width:0;color:inherit;background:#fff;border-radius:8px;flex:1;padding:8px}#feedback{min-height:24px;margin:8px 0;font-size:11px}#notice{color:#91603d;text-align:center;font-size:12px}dialog{color:inherit;border:1px solid var(--line);background:#fafaf2;border-radius:22px;width:min(430px,100% - 32px);max-height:90dvh;padding:28px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24382eb8}dialog button{width:100%;margin-top:8px}.result-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.result-actions .primary{grid-column:1/-1}.result-actions button{font-size:12px}#result-bonus{color:#426c3e;font-weight:700}[hidden]{display:none!important}@media (width<=600px){header{padding:16px}main{margin:18px auto;padding:0 14px 16px}.panel{padding:22px 18px}.postcard{float:right;width:112px;height:146px;margin:0 0 15px 10px;position:relative;top:auto;right:auto}.tower{font-size:24px}.postcard small{font-size:7px}.panel h1{font-size:29px}.intro{font-size:12px}.route{clear:both;gap:9px;font-size:9px}.stats{gap:6px}.stats div{padding:9px}.stats dd{font-size:14px}.offers{grid-template-columns:1fr}.run-heading h1{font-size:21px}.field-actions span{font-size:9px}#playfield{height:clamp(340px,49dvh,550px)}.target{font-size:9px}.meters strong{font-size:10px}}.twin-tower{fill:none;stroke:#526e5c;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:130px;height:132px;margin:-6px auto 0;display:block}.milestone{color:#536d50;margin-bottom:0;font-size:12px}.next-region{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.next-region button{width:100%;font-size:12px}.playtest{margin-top:20px;font-size:12px}.playtest summary{cursor:pointer;padding:10px 0}.playtest p{font-size:12px}.playtest button{font-size:11px}#site-hint{margin:4px 0 9px}#test-label{max-width:740px;margin:0 auto 12px}#playfield{height:clamp(360px,58vh,680px)}@media (width<=600px){.postcard{height:150px}.twin-tower{width:100px;height:100px}.postcard>span{font-size:14px}#playfield{height:54dvh;min-height:300px}.next-region{margin-top:16px}}.cutter-offer{background:#f0f4e9;border-color:#7a9678}.cutter-preview{justify-content:center;align-items:center;gap:28px;margin:6px 0 12px;display:flex}.cutter-preview figure{text-align:center;margin:0}.cutter-preview canvas{width:78px;height:78px;image-rendering:pixelated;background:#e1e9d8;border-radius:8px;display:block}.cutter-preview figcaption{margin-top:4px;font-size:11px}#cutter-shape{color:#42633f;margin:10px 0 4px;font-size:11px}@media (width<=600px){.stats{grid-template-columns:repeat(2,1fr)}body:has(#expedition:not([hidden])) main{padding-left:0;padding-right:0}body:has(#expedition:not([hidden])) #playfield{border-left:0;border-right:0;border-radius:0}}:root{color:#4c5843;--green:#586c50;--line:#9b9873;background:#bdb18c;font-family:system-ui,-apple-system,sans-serif}body{max-width:480px;min-height:100svh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:#d7d2b2;margin:0 auto;box-shadow:8px 0 #7d7d6026,-8px 0 #7d7d6026}header{border-color:#a3aa87;min-height:65px;padding:14px 18px}.brand{letter-spacing:0;font-size:12px}.brand span{letter-spacing:1.5px;font-size:9px}.wallet{background:#c3c5a3;border-radius:2px;padding:8px 10px;font-size:12px}main{max-width:none;margin:0;padding:12px 16px 20px}.panel{background:#eee1bc;border:1px solid #9b9873;border-radius:2px;padding:20px 18px;box-shadow:3px 4px #97977845}.panel h1{color:#4c5843;font-size:30px}p,.fine{color:#697157}.eyebrow{color:#727858}.postcard{float:right;background:#d7c59a;border-color:#a8a182;border-radius:2px;width:110px;height:145px;margin:0 0 18px 10px;position:relative;top:auto;right:auto}.twin-tower{width:100px;height:100px}.postcard>span{font-size:13px}.postcard small{font-size:7px}.route{clear:both;font-size:11px}.stats{grid-template-columns:repeat(2,1fr)}.stats div{background:#e0d8b8;border-radius:2px}.stats dd{font-size:16px}.offers{grid-template-columns:1fr}.offer,.cutter-offer{background:#e8dbb5;border-radius:2px}.cutter-preview canvas{background:#d5d3b2;border-radius:0}button{touch-action:manipulation;background:#e7dbb5;border-color:#85866a;border-radius:2px;min-height:44px;box-shadow:2px 3px #73765b}button:hover:not(:disabled){background:#d8c9a2}button:active:not(:disabled){transform:translate(1px,2px);box-shadow:1px 1px #73765b}.primary,button.primary:hover{color:#fff1cb;background:#5b7255;border-color:#3f5743}button:disabled{opacity:.5;box-shadow:1px 1px #979778}.next-region button{font-size:12px}dialog{background:#eee1bc;border-radius:2px;box-shadow:5px 6px #3e534855}dialog::backdrop{background:#333e30c9}#notice:empty{display:none}body:has(#expedition:not([hidden])){flex-direction:column;height:100dvh;min-height:480px;display:flex;overflow:hidden}body:has(#expedition:not([hidden]))>header{display:none}body:has(#expedition:not([hidden])) main{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}body:has(#expedition:not([hidden])) #test-label{display:none}#expedition{flex-direction:column;flex:1;min-height:0;display:flex}.run-heading{gap:10px;padding:12px 15px 6px}.run-heading h1{letter-spacing:-.04em;margin:4px 0;font-size:17px}.run-heading .eyebrow{letter-spacing:.05em;font-size:9px}.run-heading #pause{flex-shrink:0;width:44px;font-size:18px}.meters{grid-template-columns:minmax(0,1fr) 125px;gap:12px;padding:4px 15px 0}.meters label{font-size:10px}.meters strong{float:none;letter-spacing:-.04em;white-space:nowrap;margin-top:4px;font-size:15px;display:block}progress{background:#eee4c3;border:2px solid #82896a;border-radius:0;height:12px}progress::-webkit-progress-bar{background:#eee4c3}progress::-webkit-progress-value{background:#81916b}progress::-moz-progress-bar{background:#81916b}#energy::-webkit-progress-value{background:#ba9161}#energy::-moz-progress-bar{background:#ba9161}.target{border-bottom:3px solid #a3aa87;margin:0;padding:0 15px 8px;font-size:9px}.target span{font-size:9px}#site-hint{background:#dfcba2;margin:0;padding:6px 15px;font-size:10px;line-height:1.4}#playfield{background:#d8c59a;border:0;border-radius:0;flex:1;height:auto;min-height:160px}#minimap{opacity:.45;width:44px;height:44px;top:10px;right:10px}.field-actions{background:#d5c49e;gap:8px;margin:0;padding:6px 13px}.field-actions button{min-height:36px;padding:4px 9px;font-size:10px}.field-actions span{font-size:9px}.toolbox{background:#b7b391;border:0;border-top:3px solid #858b6c;border-radius:0;padding:9px 13px 6px}.dock-label{margin:0 2px 8px;font-size:10px}.dock-label span{float:right;color:#586b4d;font-size:9px}.tools{gap:9px}.tools button{border:2px solid #85876a;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:74px;padding:6px 4px;display:flex}.tool-glyph{font-size:26px;line-height:1}.tools b{font-size:12px}.tools button[aria-pressed=true]{color:#fff1cb;background:#5b7255;border-color:#3f5743}.tools button:disabled{color:#77765f;background:#bdb79e}#cutter-shape{margin:8px 0 0;font-size:10px}#tool-detail{margin:2px 0 0;font-size:10px}#feedback{background:#b7b391;min-height:0;margin:0;padding:5px 13px 8px;font-size:10px;line-height:1.4}#notice{margin:4px 0;padding:0 12px}@media (height<=680px){.run-heading{padding-top:6px}.meters strong{font-size:13px}.tools button{gap:2px;min-height:57px}.tool-glyph{font-size:20px}#cutter-shape{display:none}#site-hint{font-size:9px}.toolbox{padding-top:6px}.dock-label{margin-bottom:5px}.field-actions{padding-top:4px;padding-bottom:4px}}@media (orientation:landscape) and (height<=500px){body:has(#expedition:not([hidden])){height:auto;min-height:100dvh;overflow:auto}#playfield{flex:none;height:65dvh;min-height:220px}}