@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{color:#eef4ed;font-synthesis:none;--mint:#a4ead5;--muted:#aabcbf;--panel:#07161ceb;background:#050e12;font-family:Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit;border:0;min-height:48px}button:focus-visible{outline-offset:3px;outline:3px solid #fff}button:disabled{cursor:default;opacity:.48}[hidden]{display:none!important}.game{isolation:isolate;height:100svh;min-height:340px;position:relative;overflow:hidden}.backdrop,.vignette,#world{z-index:-3;position:absolute;inset:0}.backdrop{filter:brightness(.66)saturate(.75);background:#13232a}.vignette{z-index:-2;background:linear-gradient(#04151bd9 0%,#0000 40% 58%,#04151b 100%)}#world{z-index:-1;top:6%;bottom:4%}#world canvas{display:block}header{padding:18px max(24px,env(safe-area-inset-right)) 18px max(24px,env(safe-area-inset-left));background:#07151b94;border-bottom:1px solid #bad9cf26;justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand>b{letter-spacing:4px;font-size:27px}.brand>b span{color:var(--mint);font-weight:400}.brand>span{letter-spacing:1px;font-size:16px}.brand small{color:var(--mint);border:1px solid #91b3af55;padding:5px 8px;font-size:11px}.top-actions{align-items:center;gap:10px;display:flex}.currency{color:var(--muted);margin-right:10px;font-size:13px}.currency b{color:#f0d597;font-variant-numeric:tabular-nums;margin-left:8px;font-size:22px}.icon{background:#c2e8dc0d;border:1px solid #c2e8dc26;border-radius:8px;padding:0 14px;font-size:13px}.mission{left:max(30px,env(safe-area-inset-left));max-width:520px;position:absolute;top:107px}.eyebrow{letter-spacing:3px;color:var(--mint);font-size:11px;font-weight:600}h1{letter-spacing:-1px;margin:10px 0;font-size:27px;font-weight:600}p{line-height:1.8}.mission p{color:#c1d1cf;margin:0 0 16px;font-size:13px}.progress{background:#c8e4de30;width:210px;height:3px;margin-bottom:7px}.progress i{background:var(--mint);height:100%;transition:width .5s;display:block}.mission>span{color:var(--muted);font-size:11px}.hero-label,.enemy-label{text-align:center;text-shadow:0 2px 5px #000;width:130px;font-size:13px;position:absolute;top:53%}.hero-label{left:34%;transform:translate(-50%,-50%)}.enemy-label{left:64%;transform:translate(-50%,-50%)}.hero-label small{font-size:10px}.bar{background:#15292dcc;border-radius:9px;height:5px;margin:7px 0 2px;overflow:hidden}.bar i{background:var(--mint);width:100%;height:100%;transition:width .15s;display:block}.bar.red i{background:#e68e7a}#hit{color:#ffe1ad;opacity:0;font-size:26px;font-weight:800;position:absolute;top:45%;left:61%}.pop{animation:.5s ease-out hit}@keyframes hit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-35px)}}.radio{color:#d0e4dd;white-space:nowrap;background:#07191acc;border:1px solid #aed8c333;border-radius:24px;max-width:80%;padding:10px 18px;font-size:12px;position:absolute;bottom:143px;left:50%;transform:translate(-50%)}.live-dot{background:var(--mint);border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block;box-shadow:0 0 9px #92eacf}footer{padding:17px max(30px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(30px,env(safe-area-inset-left));background:linear-gradient(#061317e8,#061317);border-top:1px solid #adc8c32b;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-card{align-items:center;gap:15px;display:flex}.hero-card img{object-fit:cover;border:1px solid #8cb6aa55;border-radius:8px;width:78px;height:78px}.hero-card>div{gap:4px;display:grid}.hero-card small{letter-spacing:2px;color:var(--mint);font-size:9px}.hero-card strong{font-size:19px;font-weight:500}.hero-card strong span{color:var(--mint);margin-left:10px;font-size:13px}.hero-card>div>span{color:var(--muted);font-size:12px}.controls{align-items:center;gap:12px;display:flex}.primary{background:var(--mint);color:#09231e;border:1px solid #c3f4e6;border-radius:9px;min-width:190px;padding:14px 26px;font-size:15px;font-weight:700;transition:background .2s,transform .2s;box-shadow:0 4px 30px #92eacf0c}.primary:hover:not(:disabled){background:#c5f8e8;transform:translateY(-1px)}.primary small{opacity:.7;margin-top:5px;font-size:11px;font-weight:500;display:block}.secondary{background:#a4ead50a;border:1px solid #a4ead537;border-radius:8px;padding:10px 19px;font-size:13px}.overlay{z-index:10;background:#061419;position:absolute;inset:0}.intro-art{background:linear-gradient(90deg,#061419 6%,#061419e0 35%,#0614190a 75%),url(/assets/crane.jpg) 70%/cover;position:absolute;inset:0}.intro-content{max-width:65%;position:absolute;top:50%;left:9%;transform:translateY(-50%)}.title-mark{letter-spacing:16px;color:#e6f0e8;margin:19px 0 0;font-size:clamp(62px,8vw,120px);font-weight:800;line-height:1.1}.intro h2{letter-spacing:8px;margin:4px 0 24px;font-size:25px;font-weight:400}.intro p{color:#d5dcd4;font-size:19px;line-height:1.9}.intro-meta{color:var(--muted);margin:20px 0;font-size:12px}.intro .primary{justify-content:space-between;min-width:290px;display:flex}.intro-content>small{color:#acbfba;margin-top:14px;font-size:11px;display:block}#loading{color:var(--mint);margin-top:10px;font-size:11px}dialog{color:#eef4ed;background:#091b22;border:1px solid #b4dcd74d;border-radius:16px;width:min(860px,92vw);max-height:90svh;padding:0;box-shadow:0 40px 100px #000a}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#031217c9}.story-layout{grid-template-columns:40% 60%;min-height:380px;display:grid}#story-image{object-fit:cover;object-position:center;width:100%;max-width:40%;height:100%;position:absolute;inset:0 auto 0 0}.story-body{z-index:1;grid-column:2;padding:34px}.story-body h2{margin:16px 0;font-size:27px}.story-body p{white-space:pre-line;min-height:115px;font-size:16px;line-height:1.85}.story-body>small{color:var(--muted);margin-bottom:25px;font-size:10px;display:block}.story-body .primary{width:100%}.journal-head{justify-content:space-between;align-items:center;padding:26px 28px 0;display:flex}.journal-head h2{font-size:23px}.journal-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:10px 28px;display:grid}.journal-grid article{background:#112b33;border:1px solid #a4ead51f;border-radius:10px;padding:18px}.journal-grid small{color:var(--mint);font-size:10px}.journal-grid h3{font-size:17px}.journal-grid p{color:#c6d4d1;font-size:12px}.fineprint{color:var(--muted);padding:6px 28px 20px;font-size:11px}.welcome-content{text-align:center;padding:42px}.welcome-content strong{color:var(--mint);margin:24px 0;font-size:32px;display:block}#toast{color:#0b2a23;opacity:0;pointer-events:none;z-index:5;background:#d1f1e8;border-radius:8px;padding:11px 22px;font-size:14px;transition:all .2s;position:absolute;bottom:165px;left:50%;transform:translate(-50%,10px)}#toast.shown{opacity:1;transform:translate(-50%,-10px)}#save-status{color:#f6c096;z-index:20;font-size:10px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}@media (height<=550px){header{padding-top:6px;padding-bottom:6px}.brand>b{font-size:22px}.brand small{display:none}.mission{max-width:420px;top:77px;left:24px}h1{margin:5px 0;font-size:21px}.mission p{margin-bottom:8px;font-size:11px}.mission .eyebrow{font-size:9px}.mission>span{font-size:10px}.hero-label,.enemy-label{width:100px;top:49%}footer{padding:10px 24px}.hero-card img{width:56px;height:56px}.hero-card strong{font-size:17px}.primary{min-height:48px;padding:9px 20px}.primary small{margin-top:2px}.radio{padding:7px 14px;font-size:10px;bottom:89px}.intro-content{left:8%}.intro-content .eyebrow{font-size:10px}.title-mark{margin-top:10px;font-size:65px}.intro h2{letter-spacing:6px;margin:0 0 12px;font-size:19px}.intro p{margin:10px 0;font-size:14px;line-height:1.7}.intro-meta{margin:12px 0;font-size:10px}.intro-content>small{margin-top:8px;font-size:10px}#loading{margin-top:5px;font-size:10px}.story-layout{min-height:300px}.story-body{padding:23px 28px}.story-body h2{margin:9px 0;font-size:22px}.story-body p{min-height:78px;margin:10px 0;font-size:14px;line-height:1.65}.story-body>small{margin-bottom:13px}.story-body .eyebrow{font-size:9px}#toast{bottom:98px}.journal-head{padding-top:14px}.journal-head h2{margin:6px 0 8px}.journal-grid article{padding:13px}.journal-grid p{font-size:11px}.fineprint{margin:2px 0;padding-bottom:12px}.welcome-content{padding:26px}}@media (width<=640px) and (orientation:portrait){.game{min-height:660px}.brand{gap:8px}.brand>span{font-size:12px}.brand small{display:none}header{padding:10px 12px}.top-actions{gap:5px}.currency{margin:0;font-size:0}.currency b{font-size:18px}.icon{padding:0 9px;font-size:11px}.mission{top:100px;left:22px;right:22px}.mission h1{font-size:24px}.mission p{max-width:290px;font-size:12px}#world{inset:14% -65% 10%}.hero-label{top:55%;left:22%}.enemy-label{top:55%;left:78%}.radio{white-space:normal;width:max-content;max-width:94%;font-size:10px;bottom:202px}footer{padding:13px 20px max(20px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:13px}.hero-card img{width:56px;height:56px}.controls{justify-content:space-between}.controls .primary{flex:1}.intro-content{max-width:90%;left:8%}.intro-art{background:linear-gradient(#06141980 15%,#061419 90%),url(/assets/crane.jpg) 50%/cover}.intro h2{letter-spacing:5px}.title-mark{font-size:76px}.intro p{font-size:17px}.intro-meta{font-size:11px}.story-layout{display:block}.story-body{padding:25px}.story-body h2{font-size:24px}#story-image{max-width:100%;height:150px;display:block;position:static}.story-body p{min-height:0;font-size:15px}.journal-grid{grid-template-columns:1fr}.journal-head{padding:18px}.journal-head h2{font-size:20px}.journal-grid{padding:8px 18px}.fineprint{padding:10px 18px}.welcome-content{padding:26px}#toast{bottom:215px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.account-content{padding:10px 28px 24px}.account-content .journal-head{padding:10px 0}.account-content p{color:#ccdcd6;font-size:14px}.account-content label{margin:14px 0;font-size:13px;display:block}.account-content input{color:#eff6f3;width:100%;min-height:48px;font:inherit;background:#041116;border:1px solid #729a9055;border-radius:8px;margin-top:6px;padding:12px;display:block}.account-content small{color:var(--muted);margin-top:16px;font-size:11px;line-height:1.7;display:block}.account-buttons{flex-wrap:wrap;gap:12px;display:flex}.account-content .primary{min-width:140px}.text-button{color:var(--muted);background:0 0;margin-top:20px;font-size:12px;text-decoration:underline}.account-content #use-cloud,.account-content #use-local{width:100%;margin:12px 0;display:block}#account-message{color:var(--mint)}#save-status{opacity:.8;pointer-events:none;font-size:10px;bottom:3px}.top-actions{gap:7px}@media (width<=950px){.brand>span{font-size:12px}.currency{margin-right:3px;font-size:11px}.icon{padding:0 9px;font-size:12px}header{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}}@media (width<=640px) and (orientation:portrait){.brand>span{display:none}.brand>b{font-size:23px}.account-content{padding:12px 20px}}.backdrop{display:none}#world{z-index:-2;inset:0}.vignette{z-index:-1;pointer-events:none;background:linear-gradient(#07151be6 0%,#07151b66 20%,#0000 38% 72%,#07151bf0 100%)}.hero-label,.enemy-label{pointer-events:none;width:95px;font-size:12px;transform:translate(-50%,-100%)}.mission{pointer-events:none}.mission p{max-width:400px}#hit{z-index:1;pointer-events:none;text-shadow:0 2px 5px #000}#world canvas{width:100%;height:100%}@media (width<=640px) and (orientation:portrait){#world{inset:0}.mission p{max-width:290px}}.game{touch-action:none}.move-hint{color:#cbdad5a8;pointer-events:none;font-size:11px;position:absolute;bottom:137px;left:28px}#joystick{pointer-events:none;z-index:8;background:#071b2255;border:2px solid #a4ead577;border-radius:50%;place-items:center;width:110px;height:110px;display:grid;position:absolute;transform:translate(-50%,-50%)}#joystick i{background:#a4ead599;border:1px solid #dcfff2;border-radius:50%;width:40px;height:40px;display:block}@media (height<=550px){.move-hint{font-size:10px;bottom:86px;left:24px}.radio{max-width:50%;left:auto;right:24px;transform:none}}@media (width<=640px) and (orientation:portrait){.move-hint{font-size:10px;bottom:190px;left:20px}.radio{bottom:215px}}.intro-login{color:#b9d7ce;background:0 0;min-height:36px;padding:8px 0;font-size:12px;text-decoration:underline}.intro-content>small{margin-top:2px}.icon{min-width:48px}@media (height<=550px){.mission{max-width:255px}.mission p{max-width:245px;font-size:11px;line-height:1.5}.progress{width:145px}.hero-label,.enemy-label{width:78px;font-size:11px}.hero-label small{font-size:9px}.mission h1{font-size:19px}.radio{font-size:10px;bottom:89px}.move-hint{font-size:10px}#toast{padding:8px 15px;font-size:12px}}#story{z-index:4;background:#071b22ed;border:1px solid #a4ead54d;border-left:3px solid #a4ead5;border-radius:10px;width:min(370px,40vw);position:absolute;bottom:132px;left:24px;box-shadow:0 8px 24px #0005}#story .story-layout{min-height:0;display:block}#story-image{display:none}#story .story-body{padding:14px 18px}#story .eyebrow{letter-spacing:1.5px;font-size:9px}#story h2{margin:6px 0;font-size:17px}#story p{white-space:pre-line;min-height:0;max-height:84px;margin:5px 0;font-size:13px;line-height:1.6;overflow:auto}#story-source{display:none!important}#story .primary{width:auto;min-width:0;min-height:36px;margin-top:5px;padding:5px 10px;font-size:12px;display:inline-block}#story .text-button{min-height:36px;margin:0 0 0 9px;padding:5px;display:inline-block}.controls{gap:8px}#auto-move[aria-pressed=true]{color:var(--mint);border-color:#a4ead588}.enemy-label small{letter-spacing:.5px;color:#dfaa99;font-size:8px;display:block}.enemy-label{width:110px}#hero-hit{pointer-events:none;color:#ff8d70;opacity:0;font-size:23px;font-weight:800;position:absolute}#kill-feed{color:#ffe3a5;pointer-events:none;opacity:0;font-size:14px;font-weight:700;position:absolute;top:85px;left:50%;transform:translate(-50%)}.map-cards{grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 24px;display:grid}.map-card{text-align:left;background:linear-gradient(150deg,#1c4246,#0b2025);border:1px solid #a4ead548;border-radius:10px;flex-direction:column;gap:12px;min-height:250px;padding:24px 18px;display:flex}.map-card.map-1{background:linear-gradient(150deg,#315d73,#152830)}.map-card.map-2{background:linear-gradient(150deg,#624130,#291c17)}.map-card strong{font-size:21px}.map-card b{color:#d0dbd5;font-size:12px}.map-card span,.map-card small{color:#a4ead5;font-size:12px}.map-card p{margin:0;font-size:13px}.map-card em{color:#abbdb9;margin-top:auto;font-size:10px;font-style:normal}#interact{z-index:3;font-size:14px;position:absolute;bottom:142px;right:28px}#objective-marker{pointer-events:none;color:#d9ffeb;white-space:nowrap;background:#0b312bd9;border:1px solid #a4ead5;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;transform:translate(-50%,-100%)}.mission{max-width:360px}.move-hint{max-width:240px}.radio{text-overflow:ellipsis;max-width:45%;overflow:hidden}.controls .secondary{padding:10px 12px}.hero-card{gap:10px}@media (height<=550px){#story{width:280px;bottom:88px;left:18px}#story .story-body{padding:9px 12px}#story h2{margin:4px 0;font-size:14px}#story p{max-height:57px;font-size:12px}#story .eyebrow{display:none}#interact{min-width:160px;bottom:95px;right:18px}footer{padding:8px 18px}.hero-card img{width:46px;height:46px}.hero-card small{display:none}.hero-card strong{font-size:15px}.hero-card strong span{margin-left:5px;font-size:12px}.controls{gap:5px}.controls .secondary{padding:8px;font-size:12px}.controls .primary{min-width:138px;padding:8px 10px;font-size:13px}.mission{max-width:255px;top:74px}.mission p{font-size:12px}.map-card{gap:8px;min-height:205px;padding:16px 12px}.map-cards{padding:8px 18px}.map-card strong{font-size:18px}#kill-feed{font-size:12px;top:68px}.brand>span,.radio{display:none}}@media (width<=640px) and (orientation:portrait){.map-cards{grid-template-columns:1fr}.map-card{min-height:150px}.controls{flex-wrap:wrap}.controls .primary{min-width:130px}#story{width:65vw;bottom:210px;left:12px}#interact{min-width:120px;max-width:40vw;bottom:280px;right:12px}.radio{display:none}.mission{max-width:80%}.top-actions{gap:4px}.icon{padding:0 6px;font-size:10px}.brand>b{letter-spacing:1px;font-size:19px}}.level-progress{color:#e4fff2;background:#102f2e;border:1px solid #a4ead552;border-radius:8px;width:190px;padding:10px 16px;font-size:14px}.level-progress .bar{height:7px;margin:8px 0}.level-progress small{color:#bed6ce;font-size:11px}.controls #grow{flex:none}.currency{white-space:nowrap}@media (height<=550px){.level-progress{width:140px;padding:7px 10px;font-size:13px}.level-progress .bar{margin:5px 0}.top-actions{gap:4px}.icon{padding:0 8px;font-size:11px}.brand small{display:none}}#kill-feed.pop{animation:2.2s ease-out killNotice}@keyframes killNotice{0%,65%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}#story .primary,#story .text-button{min-height:48px}#story p{touch-action:pan-y}#story .story-body{padding-bottom:8px}