html{scroll-behavior:smooth;scroll-padding-top:90px}a{color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}#landing-page{color:#edf7ed;max-width:1200px;margin:auto;padding:0 38px}.landing-nav{display:flex;gap:24px;margin-left:auto;margin-right:26px;font-size:12px;color:#c1d9d2}.landing-nav a{text-decoration:none}.landing-nav a:hover{color:#ffe3a5}.landing-hero{display:grid;grid-template-columns:42% 58%;position:relative;min-height:680px;padding-top:65px}.hero-eyebrow,.section-kicker{font-size:11px;letter-spacing:2px;color:#abd7c6}.hero-eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:1px}.hero-eyebrow i{width:7px;height:7px;background:#b3ebbf;border-radius:50%;box-shadow:0 0 14px #b3ebbf}.hero-copy h1{font-size:clamp(48px,5.5vw,76px);letter-spacing:-4px;line-height:1.15;margin:30px 0 22px;font-weight:900}.hero-copy h1 em{font-style:normal;color:#b9eed0}.hero-copy>p{font-size:15px;line-height:1.9;color:#c2d4ce}.hero-actions{display:flex;flex-wrap:wrap;gap:19px;align-items:center;margin:28px 0 15px}.hero-actions a.primary{display:flex;text-decoration:none;gap:28px;align-items:center;padding:17px 22px}.text-link{font-size:12px;text-decoration:underline;text-underline-offset:5px}.hero-free{font-size:10px;color:#9bb9b0}.hero-cast{position:relative;height:530px;align-self:center;isolation:isolate}.hero-cast:before{content:'';position:absolute;inset:10% -5%;background:radial-gradient(ellipse,#8acbba35,transparent 67%);z-index:-1}.hero-cast img{position:absolute;object-fit:contain;filter:drop-shadow(0 18px 15px #10252e99);width:52%;height:auto;max-height:100%;bottom:45px;pointer-events:none}.hero-cast .cast-minho{left:0;bottom:130px;width:43%;transform:rotate(-10deg)}.hero-cast .cast-hana{right:-7%;bottom:120px;width:46%;transform:rotate(9deg)}.hero-cast .cast-jihun{left:12%;bottom:10px;width:54%;z-index:2;transform:rotate(-4deg)}.hero-cast .cast-seoyeon{right:-1%;bottom:8px;width:51%;z-index:3;transform:rotate(4deg)}.cast-orbit{position:absolute;border:1px solid #b9e4cb30;border-radius:50%;width:92%;height:67%;top:20%;left:5%;transform:rotate(-26deg)}.orbit-two{width:80%;height:90%;top:5%;left:15%;transform:rotate(32deg)}.cast-spark{position:absolute;color:#ffe0a5;font-size:33px;text-shadow:0 0 30px #ffe0a555}.spark-one{top:4%;left:40%}.spark-two{bottom:20%;left:0;font-size:48px}.cast-caption{position:absolute;bottom:0;left:20%;right:0;z-index:4;background:#244c4ce8;border:1px solid #9ecfbf8c;box-shadow:0 8px 30px #13292d77;backdrop-filter:blur(12px);border-radius:12px;padding:17px 20px;font-size:20px;font-weight:900;transform:rotate(-3deg);text-align:center}.cast-caption span{color:#ffe0a3}.cast-caption i{font-size:12px;font-style:normal;margin-left:8px;color:#c7e0cf}.hero-facts{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #64877d77;border-bottom:1px solid #64877d77;padding:25px 20px;margin-top:32px;color:#bad1c9;font-size:12px}.hero-facts b{font-size:27px;color:#f2f6e9;letter-spacing:-1px;margin-right:7px}.play-loop{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:42px 10px 68px}.play-loop div{display:grid;grid-template-columns:26px 1fr;gap:8px 10px}.play-loop div>span{grid-row:1/3;font-size:12px;color:#9ec9b7;padding-top:3px}.play-loop b{font-size:15px}.play-loop p{font-size:11px;color:#a8c3b9;margin:0;line-height:1.7}.play-loop>i{color:#799d92;font-style:normal}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.section-heading h2,.collection-copy h2,.prepare-heading h2{font-size:35px;line-height:1.4;letter-spacing:-1.5px;margin:14px 0 24px}.section-heading>p{font-size:12px;line-height:1.9;color:#b3cbc1;margin:0 0 25px}.guardian-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.guardian-card{position:relative;text-align:left;color:#edf5e9;padding:19px 18px;background:linear-gradient(160deg,color-mix(in srgb,var(--hero-color) 13%,#263f48),#223943);border:1px solid color-mix(in srgb,var(--hero-color) 45%,#47676a);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}.guardian-card:hover{transform:translateY(-7px);box-shadow:0 14px 30px #12242d88}.guardian-number{font-size:9px;letter-spacing:1.5px;color:#b6d0c6}.guardian-art{height:245px;position:relative;margin:8px -18px 12px}.guardian-art:before{content:'';position:absolute;inset:15% 5% 0;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--hero-color) 30%,transparent),transparent 68%)}.guardian-art img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 9px #142b2e88)}.guardian-role{font-size:10px;color:var(--hero-color)}.guardian-card h3{font-size:25px;margin:9px 0 12px}.guardian-card h3>span{float:right;font-size:19px;color:var(--hero-color)}.guardian-card p{font-size:9px;color:#bdd0c7;margin:0}.guardian-card p i{font-style:normal;margin:0 3px}.guardian-card.is-mastered:after{content:'★ 달인';position:absolute;top:45px;right:12px;background:#ffe2a1;color:#57462b;font-size:9px;padding:5px 8px;border-radius:20px;transform:rotate(8deg)}.collection-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:105px 0 95px}.collection-copy h2 em{font-style:normal;color:#b8e2c7}.collection-copy p{font-size:13px;line-height:2;color:#b1cac0;margin-bottom:25px}.collection-copy .primary{padding:14px 22px}.growth-notebook{position:relative;padding:30px 28px 26px 40px;background:#e6e6c9;color:#284a49;box-shadow:9px 10px 0 #132f39,0 18px 45px #12273166;border:1px solid #f3f0d2;border-radius:5px 16px 16px 5px;transform:rotate(3deg);background-image:repeating-linear-gradient(transparent,transparent 27px,#869f8d25 28px)}.notebook-binding{position:absolute;left:13px;top:0;bottom:0;border-left:2px dashed #a3ad91}.notebook-top{display:grid;gap:14px}.notebook-top>span{letter-spacing:2px;font-size:9px;color:#6b8171}.notebook-top b{font-size:22px}.rank-track,.badge-progress{height:7px;background:#adc2ab;border-radius:8px;overflow:hidden;margin:17px 0 8px}.rank-track i,.badge-progress i{display:block;height:100%;background:#4b9079;border-radius:8px;transition:width .3s}.growth-notebook>small{font-size:10px;color:#71846f}.notebook-medals{display:flex;justify-content:space-around;gap:10px;padding:27px 0}.notebook-medals>div{display:flex;flex-direction:column;align-items:center;gap:9px}.notebook-medals span{font-size:30px;border-radius:50%;background:linear-gradient(140deg,#f6dea0,#c6a564);width:66px;height:66px;display:grid;place-items:center;box-shadow:inset 0 0 0 5px #e9cd87,0 4px #a4aa84;color:#667c58}.notebook-medals b{font-size:10px}.notebook-medals small{font-size:8px;color:#6a826d}.notebook-totals{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #8eaa8d66;padding-top:18px;font-size:10px}.notebook-totals b{font-size:15px;margin-left:7px}.prepare-heading{text-align:center;padding-top:10px}.prepare-heading h2{margin-bottom:10px}.prepare-heading p{font-size:12px;color:#b4ccc2}.home{padding-top:25px!important}.home-art>.eyebrow,.home-art>h1,.home-art>.intro{display:none}.hero-canvas-wrap{margin-top:0!important}.in-battle .landing-nav{display:none}.student-open .student-portrait{width:49px;height:52px;object-fit:contain;object-position:50% 25%;flex-shrink:0}.student-card .student-portrait{height:112px;width:95px;object-fit:contain}.collection-tabs{display:flex;gap:10px;margin:18px 0}.collection-tabs button{padding:10px 14px;color:#bdd8cd;background:#263f4b;border:1px solid #688b87;border-radius:7px;font-size:12px}.collection-tabs button[aria-pressed=true]{color:#213f42;background:#c2e2c1;border-color:#e0f1ce}.collection-tabs span{font-size:10px;margin-left:8px}#collection-open{position:relative}#collection-open[data-notifications]:not([data-notifications='']):after{content:attr(data-notifications);position:absolute;right:-5px;top:-7px;border-radius:20px;background:#f3cf83;color:#3d513d;font-size:9px;padding:3px 5px;min-width:16px;box-shadow:0 2px 6px #1a303b}.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.badge-card{background:#273e49;border:1px solid #567472;border-radius:12px;padding:17px;text-align:center;color:#90a8a6}.badge-medal{display:grid;place-items:center;width:58px;height:58px;margin:auto;border:4px solid #617c76;border-radius:50%;font-size:26px;background:#334d54}.badge-card h3{font-size:13px;color:#bfd1c8;margin:13px 0 8px}.badge-card p{font-size:10px;min-height:25px;margin:0;line-height:1.6}.badge-card small{font-size:10px}.badge-card.earned{border-color:#d0b67a;background:linear-gradient(150deg,#3b594e,#2a4448)}.badge-card.earned .badge-medal{color:#47624c;background:linear-gradient(140deg,#f6e6b7,#d0ac62);border-color:#ead397;box-shadow:0 0 22px #f1d49922}.badge-card.earned h3{color:#f3e5b5}.badge-claim{display:block;width:100%;border:1px solid #aecda8;border-radius:5px;padding:8px 5px;margin-top:12px;background:#aed0a6;color:#2e503f;font-size:10px}.badge-claim:disabled{opacity:.45;cursor:default}.badge-card.claimed .badge-claim{background:#3a6255;color:#cce3c7;border-color:#6f9985;opacity:1}#badge-summary{font-size:12px;color:#bed7c7;margin-bottom:17px}.battle-reward-track{display:flex;align-items:center;gap:15px;margin:0 0 12px;padding:10px 17px;background:#244a4c;border:1px solid #729990;border-radius:8px;font-size:11px;color:#c5e4d4}#loot-dots{display:flex;gap:5px}#loot-dots i{height:7px;width:24px;border-radius:5px;background:#18363b}#loot-dots i.filled{background:#ecd18b;box-shadow:0 0 8px #ecd18b55}#loot-total{margin-left:auto;color:#f0d796}.map-tools{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:4px;z-index:3}.map-tools button{height:32px;min-width:32px;padding:3px 8px;border:1px solid #d6ead0;background:#244e52eb;color:#f1f5dc;border-radius:5px;box-shadow:0 2px 0 #1c373d;font-size:15px}.map-tools #zoom-reset{font-size:11px;min-width:51px}.map-tools span{font-size:9px;color:white;text-shadow:0 1px 3px #163234;background:#244e5299;border-radius:4px;padding:5px;margin-left:3px}.arena-wrap canvas{touch-action:pan-y}#reward-pop{pointer-events:none;border:1px solid #c1e5bb;background:#21494beF;color:#f3f7df;border-radius:14px;padding:16px 22px;box-shadow:0 8px 40px #081c2d66;gap:14px;align-items:center;position:fixed;inset:100px 20px auto auto;margin:0;max-width:min(380px,calc(100vw - 40px));backdrop-filter:blur(10px);font:inherit}#reward-pop:not(:popover-open):not(.reward-show){display:none}#reward-pop:popover-open,#reward-pop.reward-show{display:flex}.reward-icon{display:grid;place-items:center;font-size:30px;color:#f5d993;min-width:38px}#reward-title{font-size:15px}#reward-detail{font-size:11px;color:#c5dfca;line-height:1.6;margin:6px 0 0}#reward-pop[data-kind=combo]{border-color:#e6c480;background:#4e4939ed}#reward-pop[data-kind=badge]{border-color:#ddc0ee;background:#3b4259ed}.reward-show{animation:reward-in .35s cubic-bezier(.2,.8,.3,1.25)}@keyframes reward-in{from{opacity:0;transform:translateY(-16px) scale(.9)}to{opacity:1;transform:none}}.primary:active,.answer:active:enabled,.upgrade:active:enabled{transform:translateY(2px)}
@media(min-width:1500px){.landing-hero{padding-top:90px}.hero-cast{height:570px}}
@media(max-width:900px){#landing-page{padding:0 25px}.landing-nav{display:none}.landing-hero{min-height:0;grid-template-columns:46% 54%;padding-top:50px}.hero-copy h1{font-size:54px;letter-spacing:-3px}.hero-copy>p{font-size:13px}.hero-cast{height:440px}.cast-caption{left:8%;font-size:16px;padding:15px 8px}.cast-caption i{font-size:10px}.hero-facts{padding:22px 0}.hero-facts b{font-size:23px}.guardian-art{height:200px}.guardian-card{padding:15px 12px}.guardian-number{font-size:7px}.guardian-card p{font-size:8px}.section-heading h2,.collection-copy h2{font-size:28px}.section-heading>p{font-size:10px}.collection-story{gap:30px}.growth-notebook{padding:24px 18px 23px 30px}.notebook-medals span{width:52px;height:52px}.play-loop{gap:10px;padding-left:0;padding-right:0}.play-loop b{font-size:12px}.play-loop p{font-size:10px}.play-loop div{grid-template-columns:20px 1fr;gap:8px 4px}}
@media(max-width:600px){html{scroll-padding-top:75px}#landing-page{padding:0 21px}.landing-hero{display:flex;flex-direction:column;padding-top:35px}.hero-copy{position:relative;z-index:4}.hero-eyebrow{font-size:10px}.hero-copy h1{font-size:53px;line-height:1.12;margin:23px 0 18px;letter-spacing:-2.8px}.hero-copy h1 br:nth-of-type(2){display:none}.hero-copy>p{font-size:12px;line-height:1.8}.hero-actions{gap:16px;margin-top:24px}.hero-actions a.primary{font-size:12px;padding:15px 19px;gap:22px}.hero-free{font-size:9px}.text-link{font-size:10px}.hero-cast{height:380px;width:100%;max-width:390px;margin:8px auto 0}.hero-cast .cast-minho{bottom:95px}.hero-cast .cast-hana{bottom:90px;right:-2%}.hero-cast .cast-jihun{left:8%}.hero-cast .cast-seoyeon{right:0}.cast-caption{bottom:0;left:12%;right:5%;font-size:17px}.spark-one{font-size:24px}.hero-facts{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px 15px;padding:22px 9px;margin-top:25px}.hero-facts span{font-size:10px}.hero-facts b{font-size:25px}.play-loop{display:grid;padding:30px 3px 50px;gap:20px}.play-loop>i{display:none}.play-loop div{grid-template-columns:30px 1fr;gap:7px}.play-loop b{font-size:14px}.play-loop p{font-size:11px}.section-heading{display:block}.section-heading h2,.collection-copy h2,.prepare-heading h2{font-size:28px}.section-heading>p{font-size:11px;margin-top:-13px}.section-kicker{font-size:9px;letter-spacing:1.3px}.guardian-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.guardian-card{padding:14px 12px}.guardian-art{height:215px;margin:5px -12px 7px}.guardian-card h3{font-size:22px}.guardian-number{font-size:7px;letter-spacing:1px}.guardian-card p{font-size:8px;line-height:1.7;min-height:27px}.guardian-role{font-size:9px}.guardian-card.is-mastered:after{font-size:7px;right:5px;top:32px}.collection-story{grid-template-columns:1fr;gap:35px;padding:60px 4px}.collection-copy h2{margin-bottom:15px}.collection-copy p{font-size:12px}.growth-notebook{max-width:390px;width:100%;margin:auto;padding:26px 20px 25px 35px;transform:rotate(2deg)}.notebook-medals span{width:62px;height:62px}.notebook-medals b{font-size:9px}.prepare-heading{padding-top:15px}.prepare-heading p{font-size:11px}.home{padding-top:15px!important}.home-art .hero-canvas-wrap{margin-bottom:15px}.student-card .student-portrait{height:126px;width:100px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.badge-card{padding:13px 10px}.badge-card h3{font-size:12px}.badge-card p{font-size:9px}.collection-tabs{gap:7px}.collection-tabs button{font-size:10px;padding:10px}.collection-tabs span{font-size:9px;margin-left:3px}.map-tools{left:8px;top:8px;gap:3px}.map-tools span{display:none}.map-tools button{height:30px;min-width:30px}.battle-reward-track{padding:8px 11px;gap:9px;font-size:9px}#loot-dots i{width:16px}#reward-pop{inset:82px 12px auto auto;padding:13px 15px;gap:8px;max-width:calc(100vw - 24px)}#reward-title{font-size:13px}#reward-detail{font-size:10px}.reward-icon{font-size:26px;min-width:28px}}
#landing-page{overflow:clip}.map-tools{left:auto;right:12px}.map-tools button{min-height:32px}@media(max-width:600px){.map-tools{left:auto;right:8px;top:60px}.map-tools button{min-height:36px;min-width:36px}.hero-copy h1 br:nth-of-type(2){display:initial}.hero-cast{overflow:clip}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.guardian-card:hover{transform:none}}