/* 블리어: 홈페이지 로그인 외관은 intro 상태에만 적용한다. */
html.homepage-login body.intro{background:linear-gradient(90deg,rgba(13,41,33,.6),rgba(13,41,33,.12)),url('/homepage/assets/valley.png') center/cover fixed!important;font-size:16px!important;min-height:100vh;min-height:100dvh;height:auto!important;overflow:auto!important;color:#243e37}
.portal-header,.portal-story,.portal-help{display:none}
html.homepage-login body.intro .portal-header{position:absolute;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;height:80px;padding:0 6%;background:#f8f6ee;color:#244d40;font:14px "Malgun Gothic",sans-serif;text-shadow:none;box-sizing:border-box}
html.homepage-login .portal-header a,html.homepage-login .portal-help a{color:inherit;text-decoration:none}
html.homepage-login .portal-header .portal-brand{font-size:25px;font-weight:bold}
html.homepage-login body.intro .portal-story{display:block;position:absolute;top:32vh;left:7%;width:36%;color:#fffdf0;text-shadow:0 2px 5px #10281f;font-family:"Malgun Gothic",sans-serif;pointer-events:none}
html.homepage-login .portal-story .portal-eyebrow{font-size:12px;letter-spacing:2px;color:#f1cc80;margin-bottom:26px}
html.homepage-login .portal-story h2{font-size:clamp(30px,4.4vw,64px);font-weight:bold;line-height:1.45;white-space:pre-line;margin:0 0 24px}
html.homepage-login .portal-story p{font-size:15px;line-height:1.9;white-space:pre-line}
html.homepage-login body.intro #intro{position:relative!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center;min-height:100vh;min-height:100dvh;height:auto!important;padding:116px 7% 140px;gap:24px}
html.homepage-login body.intro #parchment{position:relative!important;inset:auto!important;box-sizing:border-box;width:min(450px,100%)!important;height:auto!important;min-height:0!important;margin:0!important;padding:34px 32px!important;border:2px solid #c6aa69!important;border-image:none!important;border-radius:6px!important;background:#fbf8ee!important;box-shadow:0 16px 50px #09251f66,inset 0 0 0 5px #f1ebd9!important;color:#244d40!important;font-size:16px!important;transform:none!important;animation:none!important}
html.homepage-login body.intro #parchment>article{display:none!important;position:relative!important;inset:auto!important;box-sizing:border-box;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;font-size:16px!important;text-shadow:none!important}
html.homepage-login body.intro #parchment.load-character>#load-character,html.homepage-login body.intro #parchment.create-character>#create-character,html.homepage-login body.intro #parchment.create-avatar>#create-avatar,html.homepage-login body.intro #parchment.select-character>#select-character,html.homepage-login body.intro #parchment.reset-password>#reset-password,html.homepage-login body.intro #parchment.world-select>#world-select,html.homepage-login body.intro #parchment.credits>#credits,html.homepage-login body.intro #parchment.about>#about,html.homepage-login body.intro #parchment.news>#news,html.homepage-login body.intro #parchment.patchnotes>#patchnotes,html.homepage-login body.intro #parchment.death>#death,html.homepage-login body.intro #parchment.error>#error{display:flex!important;opacity:1!important;pointer-events:auto!important}
html.homepage-login body.intro #parchment h1{font-size:29px!important;line-height:1.5!important;letter-spacing:0!important;padding:0 0 18px!important;margin:0 0 17px!important;height:auto!important;color:#244d40!important;border-bottom:1px solid #d8d9c8;font-weight:bold;text-shadow:none!important}
html.homepage-login body.intro #parchment h1:after,html.homepage-login body.intro #parchment .left-ornament,html.homepage-login body.intro #parchment .right-ornament{display:none!important}
html.homepage-login body.intro #parchment form{display:flex!important;flex-direction:column!important;flex:none!important;gap:13px!important;justify-content:flex-start!important;width:100%!important;height:auto!important;margin:0!important}
html.homepage-login body.intro #parchment input:not([type=checkbox]),html.homepage-login body.intro #parchment select{box-sizing:border-box!important;display:block;width:100%!important;min-width:0!important;height:49px!important;padding:0 14px!important;margin:0!important;border:1px solid #bdc9b9!important;border-image:none!important;background:#fffef9!important;color:#243e37!important;border-radius:3px!important;font:15px "Malgun Gothic",sans-serif!important;text-align:left!important;text-shadow:none!important;box-shadow:none!important}
html.homepage-login body.intro #parchment input::placeholder{color:#727e70!important;text-shadow:none!important}
html.homepage-login body.intro #parchment input:focus,html.homepage-login body.intro #parchment select:focus{outline:2px solid #5e8972!important;outline-offset:2px}
html.homepage-login body.intro #parchment .button-row{display:flex!important;flex-flow:row wrap!important;gap:12px!important;justify-content:space-between!important;align-items:center;width:100%;margin:0!important}
html.homepage-login body.intro #parchment button{box-sizing:border-box;flex:1;min-width:100px;width:auto!important;min-height:45px!important;height:auto!important;padding:12px 14px!important;background:#244d40!important;border:1px solid #244d40!important;border-image:none!important;border-radius:3px!important;color:#fffdf1!important;text-shadow:none!important;font:14px "Malgun Gothic",sans-serif!important;cursor:pointer}
html.homepage-login body.intro #parchment #login,html.homepage-login body.intro #parchment #play{background:#f1cc80!important;color:#263b2d!important;border-color:#b69854!important;font-weight:bold!important}
html.homepage-login body.intro #parchment button:disabled{opacity:.5!important;cursor:not-allowed!important}
html.homepage-login body.intro #parchment button:hover:not(:disabled){filter:brightness(1.08)}
html.homepage-login body.intro #parchment .check{font-size:12px!important;color:#405944!important;text-shadow:none!important;display:flex!important;align-items:center;gap:7px;padding:4px 0}
html.homepage-login body.intro #parchment .check input[type=checkbox]{appearance:auto!important;display:inline-block!important;position:static!important;opacity:1!important;width:16px!important;height:16px!important;margin:0!important;accent-color:#244d40}
html.homepage-login body.intro #parchment .check .checkmark{display:none!important}
html.homepage-login body.intro #parchment .validation-summary{height:auto!important;min-height:0!important;font-size:12px!important;line-height:1.7!important;display:block!important;color:#596a4e!important;overflow-wrap:anywhere}
html.homepage-login body.intro #parchment .validation-error{color:#a52c23!important;text-shadow:none!important}
html.homepage-login body.intro #parchment .status{color:#365d48!important;text-shadow:none!important}
html.homepage-login body.intro #parchment .slice-list{background:#efefdf!important;border:1px solid #c1cdb7!important;border-image:none!important;max-height:290px;overflow:auto;color:#244d40!important}
html.homepage-login body.intro #parchment .slice-list-item{color:#244d40!important;background:#fffdf2!important;border-image:none!important}
html.homepage-login body.intro #parchment .news-header time{color:#626d5f}
html.homepage-login body.intro #parchment .close-about{font-size:11px;margin-top:20px}
html.homepage-login body.intro #intro>footer{position:relative!important;inset:auto!important;box-sizing:border-box;width:min(450px,100%)!important;margin:0!important;padding:10px!important;height:auto!important;font-size:11px!important;line-height:2!important;color:#fffde9!important;text-shadow:0 1px 4px #10291f!important;display:block!important;background:#173c2fcc;border-radius:4px}
html.homepage-login body.intro #intro>footer a{color:inherit!important}
html.homepage-login body.intro #intro>footer #about-link,html.homepage-login body.intro #intro>footer #about-link+span{display:none}
html.homepage-login body.intro #game-version{position:relative!important;inset:auto!important;order:2;color:#fffbe9!important;font-size:11px!important;text-shadow:0 1px 4px #09251f!important;width:min(450px,100%)!important;text-align:center}
html.homepage-login body.intro .portal-help{display:flex;position:absolute;bottom:25px;left:0;right:0;justify-content:center;gap:30px;color:#fffde9;font:12px "Malgun Gothic",sans-serif;text-shadow:0 1px 4px #09251f}
html.homepage-login body.intro #world-select-button{position:relative!important;inset:auto!important}
@media(max-width:800px){html.homepage-login body.intro .portal-story{display:none}html.homepage-login body.intro #intro{align-items:center!important;padding:112px 20px 95px}html.homepage-login body.intro .portal-header{height:74px;padding:0 22px}html.homepage-login .portal-header .portal-brand{font-size:21px}html.homepage-login .portal-header>a:last-child{font-size:11px}html.homepage-login body.intro #parchment{padding:28px 24px!important}html.homepage-login body.intro{background-position:65% center!important}}
@media(prefers-reduced-motion:reduce){html.homepage-login body.intro #intro *{animation:none!important;transition:none!important}}

html.portal-embedded body.intro .portal-header,html.portal-embedded body.intro .portal-help{display:none!important}
html.portal-embedded body.intro #intro{padding-top:36px!important;padding-bottom:36px!important}
html.portal-embedded body.intro .portal-story{top:26vh}
html.portal-embedded body.intro{visibility:hidden!important;background:#173c2f!important}
/* 블리어: 접속 지연과 오류 안내 */
html.website-handoff.game-access-status-ready::before{display:none}
.game-access-status{position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#173c2f;color:#fff4cf;font:700 18px/1.7 "Malgun Gothic",sans-serif;text-align:center;padding:24px;box-sizing:border-box}
.game-access-status p{max-width:560px;margin:0;white-space:pre-line;overflow-wrap:anywhere}
.game-access-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.game-access-actions[hidden]{display:none}
.game-access-actions button,.game-access-actions a{background:#f8f0d8;color:#254534;border:2px solid #bb8b3e;border-radius:6px;padding:12px 18px;font:700 16px/1.5 "Malgun Gothic",sans-serif;text-decoration:none;cursor:pointer}
.game-access-actions button:focus-visible,.game-access-actions a:focus-visible{outline:3px solid #fff4cf;outline-offset:4px}