:root{color-scheme:light;font-family:Maplestory,Pretendard,Apple SD Gothic Neo,Noto Sans KR,Arial,sans-serif;background:#9fd6e8;color:#17332d;letter-spacing:0;--ink: #17332d;--ink-soft: #4f6861;--green-dark: #246b45;--red: #d75450}*{box-sizing:border-box}[hidden]{display:none!important}.game-launch-status{display:grid;gap:12px;margin-top:18px}.game-launch-status>strong{font-size:16px}.game-launch-status>p{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.6}.game-launch-status[data-tone=error]>p{color:#a03e3a}html,body,#app,#game-root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit;letter-spacing:0}button{color:inherit}svg{width:18px;height:18px;stroke-width:2}body:not([data-app-state=playing]) #app{visibility:hidden}#auth-gate{position:fixed;inset:0;z-index:100;min-height:100vh;min-height:100dvh;overflow:hidden;transition:opacity .26s ease-out,visibility .26s ease-out}#auth-gate[data-state=leaving]{visibility:hidden;opacity:0}.auth-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.auth-field:before{position:absolute;inset:0;z-index:6;background:#0c231d3d;content:""}.auth-field__backdrop,.auth-field__layer{position:absolute;inset:0}.auth-field__layer{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(var(--auth-layer-scale, 1.04));animation:auth-field-drift var(--auth-layer-duration, 14s) ease-in-out infinite alternate}.auth-field__layer--sky{--auth-layer-scale: 1.07;--auth-layer-duration: 20s}.auth-field__layer--far{--auth-layer-scale: 1.065;--auth-layer-duration: 18s;animation-delay:-6s}.auth-field__layer--mid{--auth-layer-scale: 1.06;--auth-layer-duration: 16s;animation-delay:-8s}.auth-field__layer--near{--auth-layer-scale: 1.055;animation-delay:-4s}.auth-field__layer--foreground{--auth-layer-scale: 1.05;--auth-layer-duration: 12s;animation-delay:-9s}.auth-field__environment{position:absolute;z-index:5;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 14px 5px rgb(23 51 45 / 24%))}.auth-field__environment--tree{bottom:9%;left:1%;width:clamp(190px,23vw,360px)}.auth-field__environment--bush{right:34%;bottom:10%;width:clamp(130px,14vw,220px)}.auth-field__environment--flowers{right:8%;bottom:3%;width:clamp(150px,17vw,260px)}.auth-field__familiars{position:absolute;bottom:13%;left:52%;z-index:7;width:190px;height:92px;transform:translate(-50%)}.auth-field__familiar{position:absolute;object-fit:contain;filter:drop-shadow(0 12px 4px rgb(23 51 45 / 28%));animation:auth-unit-breathe 2.8s ease-in-out infinite alternate}.auth-field__familiar--slime{right:0;bottom:0;width:64px;height:60px;animation-delay:-1.1s}.auth-field__familiar--mushroom{bottom:0;left:0;width:68px;height:68px;animation-delay:-2s}.auth-brand{position:absolute;z-index:3;top:50%;left:max(58px,7vw);width:min(580px,46vw);color:#fff;text-shadow:0 3px 8px rgb(23 51 45 / 42%);transform:translateY(-56%);animation:auth-brand-enter .5s ease-out both}.auth-brand>small{display:block;color:#fff6b6;font-size:11px;font-weight:900}.auth-brand h1{margin:8px 0 16px;font-family:Maplestory,Pretendard,sans-serif;font-size:58px;line-height:1.1;white-space:nowrap;text-shadow:0 4px 0 #2b6c49,0 9px 24px rgb(17 54 40 / 35%)}.auth-brand p{margin:0;color:#f3fff5;font-size:14px;font-weight:700;line-height:1.65}.auth-console{position:absolute;z-index:4;top:50%;right:max(42px,6vw);width:380px;max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid rgb(255 255 255 / 72%);border-radius:6px;background:#f8fbf6f2;box-shadow:0 24px 54px #17332d3d;transform:translateY(-50%);transition:opacity .22s ease-out,transform .22s ease-out}#auth-gate[data-state=checking] .auth-console{transform:translateY(-46%);opacity:0}#auth-gate[data-state=ready] .auth-console,#auth-gate[data-state=submitting] .auth-console{animation:auth-console-enter .36s ease-out both}#auth-gate[data-state=submitting] .auth-console{cursor:progress;opacity:.82}.auth-console>header small{color:var(--green-dark);font-size:9px;font-weight:900}.auth-console h2{margin:4px 0 0;font-family:Maplestory,Pretendard,sans-serif;font-size:24px}.auth-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin-top:20px;padding:3px;background:#dfe8e1}.auth-tabs button{min-height:38px;border:0;background:transparent;color:#66796e;cursor:pointer;font-size:11px;font-weight:800}.auth-tabs button[aria-selected=true]{background:#fff;box-shadow:0 2px 6px #17332d1a;color:var(--green-dark)}.auth-form{display:grid;gap:11px;margin-top:15px}.auth-form label,.guest-form label{display:grid;gap:5px;color:var(--ink-soft);font-size:9px;font-weight:800}.auth-form input,.guest-form input{width:100%;min-width:0;height:42px;padding:0 11px;border:1px solid #b9c8bc;border-radius:3px;outline:0;background:#fff;color:var(--ink);font-size:12px}.auth-form input:focus,.guest-form input:focus{border-color:var(--green-dark);box-shadow:0 0 0 3px #3d9b5e21}.auth-submit,.guest-form button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--green-dark);border-radius:4px;background:var(--green-dark);color:#fff;cursor:pointer;font-size:11px;font-weight:900}.recovery-receipt{display:grid;gap:12px;margin-top:22px}.recovery-receipt small{color:var(--green-dark);font-size:9px;font-weight:900}.recovery-receipt>strong{padding:16px 12px;border:1px solid #aac0af;background:#eef5ed;color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:16px;text-align:center;user-select:all}.recovery-receipt p{margin:0;color:var(--ink-soft);font-size:10px;line-height:1.55}.recovery-receipt>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:6px}.recovery-receipt button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border:1px solid var(--green-dark);border-radius:4px;background:#fff;color:var(--green-dark);cursor:pointer;font-size:10px;font-weight:900}.recovery-receipt button:last-child{background:var(--green-dark);color:#fff}.auth-submit:disabled,.guest-form button:disabled,.auth-tabs button:disabled{cursor:progress;opacity:.58}.auth-error{margin:0;padding:8px 10px;border-left:3px solid var(--red);background:#fff0ef;color:#953d39;font-size:10px;line-height:1.45}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:15px 0;color:#7e9186;font-size:9px}.auth-divider:before,.auth-divider:after{height:1px;background:#d6e0d8;content:""}.guest-form>div{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:6px;margin-top:6px}.guest-form button{min-height:42px;border-color:#2e708b;background:#2e708b}.auth-credit{position:absolute;z-index:4;right:max(24px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));color:#ffffffc2;font-size:8px;font-weight:900;text-shadow:0 1px 3px #17332d}@keyframes auth-unit-breathe{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes auth-field-drift{0%{transform:scale(var(--auth-layer-scale, 1.04)) translate3d(-.35%,0,0)}to{transform:scale(var(--auth-layer-scale, 1.04)) translate3d(.35%,-.2%,0)}}@keyframes auth-brand-enter{0%{transform:translateY(-50%) translate(-16px);opacity:0}to{transform:translateY(-56%) translate(0);opacity:1}}@keyframes auth-console-enter{0%{transform:translateY(-46%);opacity:0}to{transform:translateY(-50%);opacity:1}}@media(min-width:761px)and (max-width:900px){.auth-brand{left:32px;width:340px}.auth-brand h1{font-size:34px}.auth-console{right:32px;width:340px}}@media(min-width:761px)and (max-width:900px)and (max-height:520px)and (orientation:landscape){.auth-field__familiars{display:none}.auth-credit{right:auto;left:32px;width:340px}}@media(min-width:901px)and (max-width:1100px){.auth-brand{width:440px}.auth-brand h1{font-size:42px}}@media(max-width:760px){#auth-gate{overflow:auto;padding:max(20px,env(safe-area-inset-top)) 16px max(26px,env(safe-area-inset-bottom))}.auth-field{position:fixed}.auth-field:before{background:#0c231d47}.auth-field__environment--tree{bottom:31%;left:-20%;width:250px;opacity:.84}.auth-field__environment--bush{right:-11%;bottom:28%;width:168px}.auth-field__environment--flowers{right:42%;bottom:23%;width:154px}.auth-field__familiars{top:max(74px,calc(env(safe-area-inset-top) + 58px));left:50%;width:156px;height:74px;transform:translate(-50%)}.auth-field__familiar--slime{top:15px;right:0;width:58px;height:54px}.auth-field__familiar--mushroom{top:12px;left:0;width:62px;height:62px}.auth-brand{position:relative;top:auto;left:auto;width:100%;transform:none;animation:auth-brand-mobile-enter .42s ease-out both}.auth-brand>small{font-size:8px}.auth-brand h1{margin:5px 0 0;font-size:32px}.auth-brand p{display:none}.auth-console{position:relative;top:auto;right:auto;width:100%;margin-top:126px;padding:16px;transform:none}#auth-gate[data-state=checking] .auth-console{transform:translateY(10px);opacity:0}#auth-gate[data-state=ready] .auth-console,#auth-gate[data-state=submitting] .auth-console{animation:auth-console-mobile-enter .32s ease-out both}.auth-console h2{font-size:20px}.auth-tabs{margin-top:12px}.auth-tabs button{min-height:42px}.auth-form{gap:8px;margin-top:12px}.auth-form input,.guest-form input{height:44px}.guest-form button{min-height:44px}.auth-divider{margin:12px 0}.guest-form>div{grid-template-columns:minmax(0,1fr) 96px}.auth-credit{position:relative;right:auto;bottom:auto;display:block;margin:12px 2px 0;color:#ffffffdb}}@media(max-width:760px)and (max-height:520px)and (orientation:landscape){#auth-gate{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(286px,1.25fr);gap:16px;align-items:start;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.auth-field__layer{object-position:46% center}.auth-field__familiars{display:none}.auth-brand{align-self:center;padding-bottom:24px}.auth-brand h1{max-width:100%;font-size:24px;white-space:normal}.auth-brand p{display:block;font-size:10px;line-height:1.5}.auth-console{grid-row:1 / span 2;grid-column:2;margin-top:0;padding:9px}.auth-console h2{font-size:17px}.auth-tabs{margin-top:8px}.auth-tabs button{min-height:34px;font-size:9px}.auth-form{gap:5px;margin-top:7px}.auth-form input,.guest-form input{height:34px}.auth-submit,.guest-form button{min-height:34px}.auth-divider{margin:6px 0}.guest-form>div{margin-top:3px}.auth-credit{position:fixed;right:auto;bottom:max(10px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));width:calc(36% - 12px);margin:0}}@keyframes auth-brand-mobile-enter{0%{transform:translate(-12px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes auth-console-mobile-enter{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}