:root{--ink:#1b3041;--muted:#68808e;--cream:#fffaf0;--line:#d9e4df;--mint:#d9f1e5;--teal:#217b75;--orange:#ff914d;--hot:#ee5d4e}*{box-sizing:border-box}body{color:var(--ink);background:#f3fbf8;min-height:100vh;margin:0;font-family:Gowun Dodum,sans-serif}.app-shell{max-width:1120px;margin:auto;padding:26px 32px 50px;position:relative}.topbar{justify-content:space-between;align-items:center;display:flex}.brand{color:var(--ink);font:32px Jua,sans-serif;text-decoration:none}.brand span{color:var(--teal)}.profile-area{align-items:center;gap:14px;font-size:13px;display:flex}.text-button,.hint-button{color:var(--teal);font:inherit;cursor:pointer;background:0 0;border:0}.text-button{font-weight:700}.setup-screen{text-align:center;padding:58px 0 0}.eyebrow{color:var(--teal);letter-spacing:.08em;margin:0 0 11px;font-size:13px;font-weight:700}.setup-screen h1{margin:0;font:54px/1.17 Jua,sans-serif}.setup-screen h1 em{color:var(--teal);font-style:normal}.intro{color:var(--muted);margin:20px 0 30px;font-size:15px;line-height:1.8}.setup-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:24px;max-width:750px;margin:auto;padding:26px 30px 30px;box-shadow:0 18px 45px #44857012}fieldset{border:0;margin:0 0 23px;padding:0}legend{padding:0 0 12px;font-size:15px;font-weight:700}.choice-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.choice{border:1px solid var(--line);min-height:108px;color:var(--ink);cursor:pointer;font:inherit;background:#fff;border-radius:14px;padding:14px 8px;transition:all .15s}.choice:hover{border-color:#86c6b6}.choice.active{border:2px solid var(--teal);background:#effaf5}.choice b,.choice span,.choice small{display:block}.choice b{color:var(--teal);margin-bottom:5px;font-size:17px}.choice span{font-size:14px;font-weight:700}.choice small{color:var(--muted);margin-top:6px;font-size:11px}.primary-button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:14px 20px;font:700 16px Gowun Dodum,sans-serif;transition:all .15s}.primary-button:hover{background:#176761;transform:translateY(-1px)}.setup-card>.primary-button{width:100%;font-size:17px}.hidden{display:none!important}.game-screen{padding-top:44px}.game-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.game-heading h2{margin:0;font:30px Jua,sans-serif}.status-pills{gap:8px;display:flex}.pill{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:18px;padding:7px 11px;font-size:13px}.pill strong{color:var(--ink)}.game-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:20px;display:grid}.play-panel,.map-panel{border:1px solid var(--line);background:#fff;border-radius:20px;padding:24px}.guess-form label{font-size:15px;font-weight:700}.input-row{gap:8px;margin:11px 0 4px;display:flex}.input-row input{min-width:0;color:var(--ink);outline-color:var(--teal);border:1px solid #bccfca;border-radius:11px;flex:1;padding:0 14px;font:15px inherit}.input-row .primary-button{padding:12px 17px}.input-message{color:var(--muted);min-height:22px;margin:0;font-size:12px}.input-message.error{color:#d4564a}.hint-row{border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef;align-items:center;gap:12px;margin:20px 0 16px;padding:11px 0;display:flex}.hint-button{color:#9b6b00;background:#fff6d9;border:1px solid #f5d77d;border-radius:8px;padding:6px 9px;font-size:12px}.hint-button small{color:#b28429;font-size:10px}.hint-text{color:#7d6530;margin:0;font-size:12px}.guess-history{gap:8px;display:grid}.empty-history{text-align:center;color:var(--muted);border:1px dashed #ccd9d5;border-radius:12px;padding:27px;font-size:13px;line-height:1.7}.guess-item{border-radius:10px;grid-template-columns:72px 1fr 65px 30px;align-items:center;gap:8px;padding:10px 11px;font-size:13px;display:grid}.guess-name{font-weight:700}.temperature{background:#fff;border:1px solid #fffa;border-radius:10px;height:8px;overflow:hidden}.temperature i{border-radius:10px;height:100%;display:block}.distance{text-align:right;font-size:12px;font-weight:700}.direction{text-align:right;font-size:20px}.map-title{margin-bottom:15px;font-size:15px;font-weight:700}.map-title small{color:var(--muted);margin:4px 0 0 22px;font-size:11px;font-weight:400;display:block}.compass{color:var(--teal);vertical-align:middle;margin-right:4px;font-size:22px}.map-canvas{background:linear-gradient(145deg,#e2f4ee,#cfe9e4);border-radius:16px;height:330px;position:relative;overflow:hidden}.map-grid{opacity:.55;background-image:linear-gradient(#fff8 1px,#0000 1px),linear-gradient(90deg,#fff8 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.map-label{color:#398b83;font:12px Jua;position:absolute}.north{top:12px;left:50%}.south{bottom:12px;left:50%}.east{top:50%;right:13px}.west{top:50%;left:13px}.map-empty{text-align:center;color:#588984;place-content:center;font-size:13px;line-height:1.8;display:grid;position:absolute;inset:0}.map-pin{z-index:2;position:absolute;transform:translate(-50%,-100%)}.map-pin i{background:var(--orange);border:3px solid #fff;border-radius:50% 50% 50% 0;width:18px;height:18px;display:block;transform:rotate(-45deg);box-shadow:0 2px 6px #375b5970}.map-pin span{white-space:nowrap;color:#fff;background:#173d3a;border-radius:5px;padding:3px 6px;font-size:11px;position:absolute;top:20px;left:12px}.direction-arrow{z-index:1;color:var(--hot);text-shadow:0 2px #fff;transform-origin:50%;font-size:54px;line-height:1;position:absolute}.map-caption{text-align:center;color:var(--muted);margin:12px 0 0;font-size:11px}.modal{z-index:5;background:#173d3a88;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{text-align:center;background:#fff;border-radius:22px;width:min(430px,100%);padding:32px;position:relative;box-shadow:0 20px 50px #0003}.modal-card h2{margin:5px 0 10px;font:31px Jua}.modal-card>p:not(.eyebrow):not(.result-emoji){color:var(--muted);font-size:14px;line-height:1.7}.result-emoji{margin:0;font-size:48px}.result-stats{justify-content:center;gap:8px;margin:19px 0;display:flex}.result-stat{background:#f1faf6;border-radius:10px;padding:8px 12px;font-size:12px}.result-stat b{color:var(--teal);font-size:17px;display:block}.close-button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:15px}.login-card form{gap:9px;margin-top:20px;display:grid}.login-card input{border:1px solid var(--line);text-align:center;border-radius:10px;padding:12px;font:15px inherit}@media (width<=700px){.app-shell{padding:20px 16px}.setup-screen{padding-top:42px}.setup-screen h1{font-size:43px}.setup-card{padding:21px 16px}.choice-grid{grid-template-columns:1fr}.choice{text-align:left;min-height:75px;padding-left:16px}.choice b,.choice span,.choice small{margin:0 7px 0 0;display:inline}.game-layout{grid-template-columns:1fr}.map-canvas{height:270px}.game-heading{gap:10px}.game-heading h2{font-size:25px}.input-row{flex-wrap:wrap}.input-row input{flex-basis:100%;height:46px}.input-row .primary-button{flex:1}.guess-item{grid-template-columns:60px 1fr 58px 25px}.profile-area{gap:7px}.guest-label{display:none}}.map-panel{background:#fffdf8;border-color:#d9e4df}.map-title{color:#1b3041}.map-title small,.map-caption{color:#68808e}.map-canvas{background:#f2faf7;border:1px solid #d5e8e1;height:390px}.map-empty{z-index:3;color:#68808e;pointer-events:none;background:#f2faf7cc}.korea-svg{width:100%;height:100%;display:block}.land-shape{fill:#d9eee7;stroke:#4f9f91;stroke-width:1.45px;stroke-linejoin:round}.island-shape{fill:#d9eee7;stroke:#4f9f91;stroke-width:1.2px}.guess-dot{fill:#f28c47;stroke:#fffdf8;stroke-width:1.8px;filter:url(#orangeGlow)}.hint-vector{stroke:#2d9a86;stroke-width:1.65px;stroke-dasharray:5 5;opacity:.85}@media (width<=700px){.map-canvas{height:330px}}