:root{--purple:#6840d6;--pink:#f04491;--coral:#ff7656;--mint:#35d4aa;--ink:#28164d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{max-width:none!important;margin:0!important;padding:0!important;background:linear-gradient(145deg,#eafaff,#fff1f8 47%,#f0eaff)!important;color:var(--ink)!important;font-family:Pretendard,'Noto Sans KR','Apple SD Gothic Neo',sans-serif!important}.ladder-nav{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(15px,4vw,58px);background:#fff;border-bottom:1px solid #eee4f4}.ladder-nav a{text-decoration:none;color:#6440c6;font-size:12px;font-weight:950}.ladder-nav b{font-size:11px;letter-spacing:2px}.ladder-shell{max-width:1400px;margin:auto;padding:24px clamp(10px,3vw,38px) 75px}.ladder-hero{min-height:480px;border-radius:40px;display:flex;align-items:center;padding:clamp(30px,6vw,78px);background:#6436ce url('assets/ladder/ladder-hero.webp') center/cover no-repeat;color:#fff;position:relative;overflow:hidden;box-shadow:0 28px 75px #43208742}.ladder-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#28105be8 0%,#5420a9bd 42%,transparent 75%),linear-gradient(0deg,#210a4e66,transparent 55%)}.hero-copy{position:relative;z-index:1;max-width:720px}.hero-copy>span,.control-head span,.stage-heading span{font-size:11px;font-weight:1000;letter-spacing:2px;color:#ffe975}.hero-copy h1{font-size:clamp(48px,6.7vw,91px);line-height:.95;letter-spacing:-5px;margin:10px 0 17px}.hero-copy em{font-style:normal;color:#ffed71}.hero-copy p{max-width:620px;font-size:clamp(15px,1.5vw,20px);line-height:1.68;font-weight:750;text-shadow:0 2px 12px #24114e}.hero-copy>div{display:flex;flex-wrap:wrap;gap:8px}.hero-copy>div b{padding:8px 11px;border-radius:99px;background:#ffffff27;border:1px solid #ffffff38;font-size:11px}.ladder-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.ladder-guide article{position:relative;min-height:145px;padding:20px;border-radius:24px;background:#fff;box-shadow:0 14px 38px #4d2e8d18}.ladder-guide article>b{position:absolute;right:16px;top:14px;font-size:32px;color:#eee6ff}.ladder-guide span{font-size:28px}.ladder-guide h3{margin:8px 0 4px}.ladder-guide p{margin:0;color:#776987;font-size:12px;font-weight:750}.control-card,.stage-card{margin-top:20px;padding:clamp(18px,3vw,36px);border-radius:32px;background:#ffffffee;box-shadow:0 18px 55px #4a2b8a20}.control-head,.stage-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.control-head span,.stage-heading span{color:#ed3f8d}.control-head h2,.stage-heading h2{font-size:clamp(27px,3vw,42px);margin:4px 0}.preset-row{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.preset-row button{border:0!important;background:#f0e9ff!important;color:#5e36c3!important;font-weight:950!important}.config-panel{display:grid!important;grid-template-columns:1fr 1fr;gap:14px!important;margin:0!important}.config-panel>div{display:grid!important;grid-template-columns:auto 1fr;gap:8px!important;padding:17px;border-radius:20px;background:#f8f5ff}.config-panel>div:nth-child(2),.config-panel>div:nth-child(4){display:block!important;padding:0 17px!important;background:transparent!important;margin:0!important;grid-column:auto}.config-panel>div:last-child{grid-column:1/-1;display:flex!important;background:linear-gradient(135deg,#f1ebff,#e8fbff);align-items:center!important}.config-panel label{font-weight:950!important;color:#4c2c91!important}.config-panel input{height:50px!important;border:2px solid #e0d4ee!important;border-radius:14px!important;font-weight:850;background:#fff!important}.config-panel input:focus{outline:0;border-color:#7e54e4!important;box-shadow:0 0 0 4px #7447df18}.config-panel button{height:45px!important;border:0!important;border-radius:14px!important;background:#6b40d6!important;color:#fff!important;font-weight:950!important}.config-panel #buildbtn{background:linear-gradient(135deg,#ff408f,#ff7852)!important;box-shadow:0 9px 24px #f1437c34}.config-panel #msg{font-weight:850!important;color:#5f4b78!important}.stage-card{overflow:hidden;background:linear-gradient(#ffffffee,#f9f3ffee)}.stage-heading #stageLegend{padding:9px 12px;border-radius:99px;background:#fff4bd;color:#705718;font-size:10px;font-weight:900}.stage-card #stage{position:relative;min-height:580px;border-radius:28px;overflow:hidden;background:#4f35a1 url('assets/ladder/ladder-stage.webp') center/cover no-repeat;box-shadow:inset 0 0 0 2px #ffffff55,0 15px 40px #32196b35}.stage-card #stage:before{content:'';position:absolute;inset:0;background:linear-gradient(#25135455,#4a2aa31c 50%,#25135477);pointer-events:none}.stage-card #stage svg{position:relative;z-index:1;display:block;filter:drop-shadow(0 8px 10px #1d0d4a55)}.result-log{padding:14px;border-radius:18px;background:#f7f2ff;min-height:55px}.result-log span{background:#fff!important;border:2px solid #e2d6f3!important;color:#53348b!important;font-weight:900!important;box-shadow:0 6px 14px #53319b12}.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.tips div{padding:16px;text-align:center;border-radius:19px;background:#fff;color:#685979;font-size:12px;font-weight:850;box-shadow:0 10px 30px #4c2d8f15}.celebration{position:fixed;z-index:1000;inset:0;padding:18px;background:#1c0b43cc;display:none;place-items:center;backdrop-filter:blur(8px)}.celebration.on{display:grid}.celebrate-card{width:min(720px,100%);min-height:480px;padding:clamp(25px,5vw,55px);border-radius:34px;background:#5526b5 url('assets/ladder/ladder-celebrate.webp') center/cover no-repeat;color:#fff;text-align:center;position:relative;box-shadow:0 35px 90px #16072c99}.celebrate-card:before{content:'';position:absolute;inset:0;border-radius:34px;background:linear-gradient(#32106c99,#5d28b4a8);z-index:0}.celebrate-card>*{position:relative;z-index:1}.celebrate-card>button:first-child{position:absolute;right:15px;top:15px;width:42px;padding:0;border:0;border-radius:50%;background:#ffffffdd;color:#5e31bd;font-weight:1000}.celebrate-card>span{display:block;margin-top:40px;color:#ffeb72;font-size:10px;font-weight:1000;letter-spacing:2px}.celebrate-card h2{font-size:clamp(34px,5vw,62px);margin:9px}.celebrate-card p{font-weight:850}.celebrate-card #celebrateResults{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0}.celebrate-card #celebrateResults span{padding:9px 12px;border-radius:99px;background:#ffffffdc;color:#5125a0;font-size:12px;font-weight:1000}.celebrate-card .again{min-height:53px;border:0;border-radius:17px;background:linear-gradient(135deg,#ffed70,#ff9b4b);color:#54310b;font-weight:1000;padding:0 22px}@media(max-width:800px){.config-panel{grid-template-columns:1fr}.config-panel>div:nth-child(2),.config-panel>div:nth-child(4){grid-column:1}.control-head,.stage-heading{display:block}.preset-row{justify-content:flex-start;margin-top:12px}.stage-heading #stageLegend{display:inline-block;margin-top:9px}.stage-card #stage{min-height:460px}}@media(max-width:560px){.ladder-nav{height:50px}.ladder-nav b{display:none}.ladder-shell{padding:10px 8px 50px}.ladder-hero{min-height:520px;padding:24px;border-radius:27px;background-position:62% center}.hero-copy h1{letter-spacing:-3px}.ladder-guide{grid-template-columns:1fr}.ladder-guide article{min-height:105px}.control-card,.stage-card{padding:13px;border-radius:24px}.config-panel>div{grid-template-columns:1fr}.config-panel>div:last-child{align-items:stretch!important}.stage-card #stage{min-height:400px;border-radius:19px}.tips{grid-template-columns:1fr}.celebrate-card{border-radius:25px}.celebrate-card:before{border-radius:25px}}