/* This sheet only styles the new test. Existing shared geometry stays in test.css. */
.maple-home .home-loading-inner{width:min(430px,100%)}
.maple-home #loading h1{font-size:26px;line-height:1.4}
.maple-home .home-eyebrow{color:var(--muted);font-size:12px;margin:18px 0 8px;letter-spacing:.4px}
.maple-home #result .result-title{font-size:clamp(28px,5vw,38px);line-height:1.3;overflow-wrap:anywhere}
.maple-home #result .result-hero .lead{margin:14px 0 23px;line-height:1.65;font-size:16px}
.maple-home .home-art-caption{margin:9px 0 20px;font-size:11px}
.maple-home .home-note:empty{display:none}
.maple-home .home-note{border-left:2px solid var(--accent);padding-left:10px;margin:12px 0 0}
.maple-home .home-disclaimer{margin-top:24px}
.maple-home .home-axis{margin:18px 0}
.maple-home .home-axis-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:8px;color:#bcb6be}
.maple-home .home-axis-head b{color:#eee9ee;font-size:13px}
.maple-home .home-axis-ends{display:flex;justify-content:space-between;font-size:11px;color:#a9a2ae;margin-top:6px}
.maple-home .home-axis-track{height:8px;border-radius:9px;background:#34313b;position:relative}
.maple-home .home-axis-track:before{content:"";position:absolute;left:50%;top:-2px;width:1px;height:12px;background:#a79da8}
.maple-home .home-axis-dot{position:absolute;width:12px;height:12px;top:-2px;transform:translateX(-50%);border-radius:50%;background:var(--accent);box-shadow:0 0 12px #ff9d3745}
.maple-home .home-footer{padding:22px 16px;text-align:center;color:#a9a2af;font-size:12px}
.maple-home .home-footer a{color:inherit;text-underline-offset:3px}
/* Abstract CSS landscape. This is not a reproduction of a MapleStory map. */
.maple-home .home-scene{--sky:#183f39;--land:#67c69c;--light:#c1e6a1;position:relative;isolation:isolate;width:100%;height:195px;overflow:hidden;border-radius:20px;border:1px solid color-mix(in srgb,var(--land) 40%,#30303a);background:linear-gradient(160deg,var(--sky),color-mix(in srgb,var(--land) 30%,var(--sky)));box-shadow:inset 0 0 60px #0003}
.home-scene i{display:block;position:absolute}
.home-scene .scene-orb{width:44px;height:44px;right:19%;top:25px;border-radius:50%;background:var(--light);opacity:.8;box-shadow:0 0 45px color-mix(in srgb,var(--light) 30%,transparent)}
.home-scene .scene-cloud{left:9%;top:37px;width:110px;height:23px;border-radius:100%;background:var(--light);opacity:.16;box-shadow:90px 19px 0 var(--light),170px -7px 0 var(--light)}
.home-scene .scene-hill{left:-12%;bottom:-55px;width:80%;height:155px;border-radius:50% 70% 0 0;background:color-mix(in srgb,var(--land) 65%,var(--sky));transform:rotate(-12deg)}
.home-scene .scene-hill.second{left:45%;bottom:-64px;width:80%;transform:rotate(11deg);background:color-mix(in srgb,var(--land) 35%,var(--sky))}
.home-scene .scene-buildings{position:absolute;inset:0}
.home-scene .scene-buildings i{bottom:48px;left:24%;width:48px;height:44px;background:var(--light);border-radius:9px 9px 3px 3px;box-shadow:inset 0 -12px 0 #0002}
.home-scene .scene-buildings i:before{content:"";position:absolute;width:64px;height:30px;left:-8px;top:-20px;border-radius:50% 50% 5px 5px;background:var(--land)}
.home-scene .scene-buildings i:after{content:"";position:absolute;left:19px;bottom:0;width:12px;height:20px;border-radius:9px 9px 0 0;background:var(--sky)}
.home-scene .scene-buildings i:nth-child(2){left:43%;bottom:64px;transform:scale(.85)}
.home-scene .scene-buildings i:nth-child(3){left:64%;bottom:45px;transform:scale(1.12)}
.home-scene .scene-path{left:41%;bottom:-25px;width:80px;height:86px;border-radius:60%;background:var(--light);transform:rotate(25deg);opacity:.2}
.home-scene .scene-sign{position:absolute;bottom:14px;left:15px;z-index:2;font-size:12px;color:#fff;background:#0b0b1399;border:1px solid #ffffff26;border-radius:10px;padding:6px 12px}
.home-scene[data-kind=forest] .scene-buildings i{height:85px;width:16px;background:var(--light);left:24%;bottom:20px}
.home-scene[data-kind=forest] .scene-buildings i:before{width:76px;height:95px;left:-30px;top:-35px;border-radius:48%;background:var(--land)}
.home-scene[data-kind=forest] .scene-buildings i:after{display:none}
.home-scene[data-kind=city] .scene-buildings i,.home-scene[data-kind=lab] .scene-buildings i{height:95px;width:50px;border-radius:4px;background:repeating-linear-gradient(0deg,var(--light) 0 7px,var(--sky) 7px 12px);bottom:27px}
.home-scene[data-kind=city] .scene-buildings i:before,.home-scene[data-kind=lab] .scene-buildings i:before{width:50px;left:0;height:10px;top:-10px;border-radius:3px}
.home-scene[data-kind=lab] .scene-orb{border:6px solid var(--light);background:transparent;border-radius:12px;transform:rotate(45deg)}
.home-scene[data-kind=sea] .scene-buildings i{height:75px;width:30px;border-radius:50%;background:var(--land)}
.home-scene[data-kind=sea] .scene-buildings i:before{width:7px;height:80px;left:8px;top:-8px;border-radius:90%;transform:rotate(-23deg);background:var(--light)}
.home-scene[data-kind=sea] .scene-cloud{background:transparent;border:2px solid var(--light);width:14px;height:14px;opacity:.5}
.home-scene[data-kind=sea] .scene-path,.home-scene[data-kind=harbor] .scene-path{left:0;width:100%;height:44px;bottom:0;border-radius:0;transform:none;background:repeating-linear-gradient(0deg,var(--light) 0 2px,transparent 2px 12px);opacity:.18}
.home-scene[data-kind=temple] .scene-buildings i:before,.home-scene[data-kind=castle] .scene-buildings i:before{border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%);height:37px;top:-30px}
.home-scene[data-kind=castle] .scene-buildings i{height:70px}
.home-scene[data-kind=mountain] .scene-hill{border-radius:0;clip-path:polygon(0 100%,48% 0,100% 100%);bottom:-20px;height:160px;transform:none}
.home-scene[data-kind=snow] .scene-hill{background:var(--light)}
.home-scene[data-kind=sky] .scene-hill{bottom:30px;height:36px;background:var(--light);opacity:.4}
.home-scene[data-kind=sky] .scene-buildings i{bottom:69px}
.home-scene[data-kind=desert] .scene-hill{height:110px;border-radius:100% 100% 0 0}
.home-scene[data-kind=toy] .scene-buildings i,.home-scene[data-kind=toy] .scene-buildings i:before{border-radius:3px;box-shadow:inset 0 0 0 4px #ffffff25}
.home-scene[data-kind=mist] .scene-cloud{left:-10%;top:105px;width:90%;height:40px;opacity:.16}
.home-scene[data-variant="1"] .scene-orb{right:28%;width:32px;height:32px}
.home-scene[data-variant="2"] .scene-buildings{transform:translateX(6%)}
.home-scene[data-variant="3"] .scene-orb{top:17px;right:12%;box-shadow:-60px 15px 0 -12px var(--light)}
.home-scene[data-variant="4"] .scene-cloud{transform:translateY(17px)}
@media(max-width:480px){.maple-home .home-scene{height:175px}.maple-home #loading h1{font-size:23px}.maple-home #result .result-hero .lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){.maple-home *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Long Korean start copy must expand rather than overflow fixed common slots. */
.maple-home #start{height:auto!important;min-height:590px}
.maple-home #start .callout{height:auto!important;min-height:82px;flex-shrink:0}
.maple-home #start .small{height:auto}
@media(max-width:700px){.maple-home #start{min-height:560px}}

.maple-home #start .callout,.maple-home #start .common-subtitle,.maple-home #result p,.maple-home #result .result-box{word-break:keep-all;overflow-wrap:break-word}

/* Result prose spacing, scoped to the three settlement descriptions. */
.maple-home #description,.maple-home #why,.maple-home #day{line-height:1.85}
.maple-home #description p,.maple-home #why p,.maple-home #day p{margin:0}
.maple-home #description p+p,.maple-home #why p+p,.maple-home #day p+p{margin-top:12px}