body[data-screen=title] #ui,body[data-screen=loading] #ui{visibility:hidden}
#loading{background:radial-gradient(ellipse at 50% 35%,#27494e,#101f32 70%);gap:13px}#loading h1{font:38px 'Jua',sans-serif;color:#f7e3af;text-shadow:0 4px #0c1b29}#loading .loadingMoon{font:100px 'Jua',sans-serif;color:#ffe5a4;text-shadow:0 0 40px #e7ce7155;animation:loadMoon 3s ease-in-out infinite}#loading p{font:15px 'Jua',sans-serif;color:#c4d9d5}#loading small{font:12px 'Gowun Dodum',sans-serif;color:#8eacb9}#loadingProgress{appearance:none;width:min(300px,75vw);height:10px;border:1px solid #ddc99766;border-radius:8px;background:#0c2131;overflow:hidden;margin:10px 0}#loadingProgress::-webkit-progress-bar{background:#0c2131}#loadingProgress::-webkit-progress-value{background:linear-gradient(90deg,#61b5a2,#ffe7a1);border-radius:8px;transition:width .2s}#loadingProgress::-moz-progress-bar{background:#a0d9b6}
#gameDialog.titleDialog{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;overflow:auto;background:#122637}#gameDialog.titleDialog::backdrop{background:#142737;backdrop-filter:none}#gameDialog.titleDialog .card{width:100%;max-width:none;min-height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.titleScene{position:relative;isolation:isolate;min-height:100dvh;display:flex;align-items:center;background:linear-gradient(90deg,#0c2432ee 0%,#183740bd 35%,#142b3444 66%,#0c223020),url('./assets/moonlight-keyart.png') center 55%/cover}.titleScene:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 70%,#0c1f31);z-index:-1}.titleContent{position:relative;width:510px;margin:35px 0 35px clamp(30px,9vw,155px);text-align:center;text-shadow:0 2px 8px #081c28}.titleMoon{display:block;font:58px 'Jua',sans-serif;color:#ffe9a7;line-height:1}.titleKicker{font:13px 'Gowun Dodum',sans-serif;letter-spacing:2px;color:#d2dfcc;margin:12px 0 20px}#gameDialog.titleDialog .card #modalTitle{font:72px/.95 'Jua',sans-serif;color:#e8eee0;padding:0;margin:0 0 20px;text-shadow:0 4px #284c50,0 9px #112c3b,0 12px 30px #102333}#gameDialog.titleDialog #modalTitle strong{font-weight:400;color:#ffe5a4;font-size:88px;display:inline-block;margin-top:7px}.titleStory{font:15px/1.8 'Gowun Dodum',sans-serif;color:#dae4d7}.titleSave{display:grid;gap:7px;margin:23px auto 17px;padding:13px 20px;width:360px;max-width:100%;border:1px solid #b9cca354;border-radius:15px;background:#102e3be0;box-shadow:0 5px #0c233077}.titleSave span{font:11px 'Gowun Dodum',sans-serif;color:#a2c6c7}.titleSave b{font:15px 'Jua',sans-serif;color:#f2dfad}.titleSave small{font:12px 'Gowun Dodum',sans-serif;color:#bcd7d2}.titleStart{width:360px;max-width:100%;min-height:61px;border:2px solid #efd59a;border-radius:17px;box-shadow:0 6px #877247,0 11px 25px #0a1a2799;background:linear-gradient(#f8e3a1,#cfb975);color:#25474c;font:24px 'Jua',sans-serif;padding:15px 24px;cursor:pointer}.titleStart span{font-size:16px;margin-left:16px}.titleStart:hover{filter:brightness(1.08);transform:translateY(-2px)}.titleStart:active{transform:translateY(3px);box-shadow:0 3px #877247}.titleLinks{display:flex;justify-content:center;gap:25px;margin:24px 0 20px}.titleLinks button{color:#d6dfcd;background:transparent;border:0;border-bottom:1px solid #bbccbb55;padding:8px 3px;font:13px 'Jua',sans-serif;cursor:pointer}.titleLocal{font:11px 'Gowun Dodum',sans-serif;color:#9db6b5}.titleLandscapeNote{position:absolute;right:35px;bottom:25px;font:12px 'Gowun Dodum',sans-serif;color:#cad7cf;letter-spacing:2px}.titleFireflies{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.titleFireflies i{position:absolute;left:calc(8% + var(--i)*7%);top:var(--y);width:4px;height:4px;border-radius:50%;background:#f7e8a7;box-shadow:0 0 13px 4px #c2e4a155;animation:titleFloat calc(4s + var(--i)*.3s) ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.45s)}
#gameDialog.titleDialog section.titleGuide{width:min(600px,calc(100% - 32px));margin:auto;padding:36px 30px;align-self:center;border:1px solid #b4c9bf66;border-radius:22px;background:#173647;box-shadow:0 8px #0b1e2d}#gameDialog.titleDialog .card.titleGuide{display:flex;align-items:center;min-height:100dvh;padding:24px 0;background:radial-gradient(ellipse,#315954,#122b3c 80%)}#gameDialog.titleDialog .titleGuide #modalTitle{font-size:32px;line-height:1.4;text-shadow:none;color:#ffe4a7;margin:0 0 20px}.titleGuide>p,.titleGuide li p{font:14px/1.9 'Gowun Dodum',sans-serif;color:#c5d9d6}.titleGuide ol{padding-left:27px}.titleGuide li{padding:8px 0;color:#e3ce99;font:21px 'Jua',sans-serif}.titleGuide li b{font:19px 'Jua',sans-serif;color:#f3e2b6}.titleGuide li p{margin:6px 0}.resetKeep{padding:13px;border-radius:12px;background:#8ac7aa16;color:#b5e1c7!important}.resetConfirm{background:#9e6454;border:1px solid #efb09a;color:#ffead5;border-radius:12px;font:14px 'Jua',sans-serif;padding:12px;cursor:pointer}.resetError{color:#ffd0b4!important}.titleDialog button:focus-visible{outline:3px solid #a5f2da;outline-offset:5px}
@keyframes loadMoon{50%{transform:translateY(-7px);opacity:.7}}@keyframes titleFloat{to{transform:translate(15px,-35px);opacity:.25}}.reducedMotion :is(.titleFireflies i,.loadingMoon){animation:none!important}
@media(max-width:759px){.titleScene{background-position:58% center;background-image:linear-gradient(#112c3b44,#123040ba 35%,#10283deb 80%),url('./assets/moonlight-keyart.png');justify-content:center}.titleContent{width:calc(100% - 40px);max-width:430px;margin:40px 0}.titleMoon{font-size:45px}#gameDialog.titleDialog .card #modalTitle{font-size:57px}#gameDialog.titleDialog #modalTitle strong{font-size:70px}.titleKicker{font-size:11px;letter-spacing:1px;margin-bottom:18px}.titleStory{font-size:13px}.titleSave{width:100%;padding:12px 8px}.titleSave b{font-size:13px}.titleStart{font-size:21px;min-height:56px}.titleLandscapeNote{display:none}#gameDialog.titleDialog section.titleGuide{padding:25px 21px}.titleLinks{gap:23px}.titleLinks button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.loadingMoon{animation:none!important}}