/* Load after the host styles. All rules are scoped; no fonts or assets requested. */
.ls-shop{--ls-ink:#213c50;--ls-muted:#617687;--ls-line:#dce7ed;--ls-blue:#0076b7;color:var(--ls-ink);background:#fff;border:1px solid var(--ls-line);border-radius:24px;padding:30px;font:14px/1.55 'Pretendard','Noto Sans KR','Malgun Gothic',system-ui,sans-serif;box-shadow:0 16px 48px #183f5710;isolation:isolate;max-width:1200px;margin:24px auto}
.ls-shop *{box-sizing:border-box}.ls-shop button{font:inherit;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}.ls-shop button:focus-visible{outline:3px solid #0076b7;outline-offset:3px}.ls-shop button:disabled{cursor:default;opacity:1}.ls-shop h2,.ls-shop h3,.ls-shop h4,.ls-shop p{margin:0}.ls-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:25px;border-bottom:1px solid var(--ls-line)}.ls-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--ls-blue)}.ls-header h2{font-size:clamp(20px,2.3vw,28px);letter-spacing:-.055em;line-height:1.45;margin:7px 0}.ls-header h2 span{display:inline-block;color:#d5a832;margin-left:10px}.ls-header p,.ls-hint{color:var(--ls-muted);font-size:12px}.ls-demo{flex:none;background:#fff5d4;color:#786019;border:1px solid #efdb9b;font-size:10px;font-weight:850;letter-spacing:.1em;padding:7px 12px;border-radius:30px}.ls-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;padding-top:26px}.ls-dressing{align-self:start;border:1px solid var(--ls-line);border-radius:18px;overflow:hidden;background:#f8fbfd}.ls-stage{height:295px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#fffdf2 0%,#e4f4fc 48%,#d7ecf6 100%)}.ls-stage:before,.ls-stage:after{content:'';position:absolute;width:200px;height:90px;border-radius:50%;background:#ffffff80;left:-90px;top:100px;box-shadow:260px 40px 0 20px #ffffff65}.ls-stage:after{width:340px;height:100px;top:auto;bottom:-57px;left:-20px;background:#a9cfcc;box-shadow:none;transform:rotate(-8deg)}.ls-stage-tag{position:absolute;left:18px;top:17px;font-size:9px;color:#587a8d;letter-spacing:.15em;font-weight:800;z-index:2}.ls-star{position:absolute;color:#c5a04b;z-index:2;font-size:30px}.ls-star-one{top:70px;left:34px}.ls-star-two{right:25px;top:140px;font-size:20px}.ls-platform{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:178px;height:30px;border-radius:50%;background:#c4dde5;box-shadow:0 8px 0 #a1c1ce,inset 0 3px 0 #effbff}.ls-hero{position:absolute;inset:17px 0 0;display:flex;justify-content:center;align-items:center;z-index:3}.ls-avatar{display:inline-block;vertical-align:middle;max-width:100%;overflow:visible;flex-shrink:0}.ls-hero .ls-avatar{filter:drop-shadow(0 5px 0 #ffffff70);animation:ls-idle 3.4s ease-in-out infinite}.ls-stage.is-preview{box-shadow:inset 0 0 0 3px #c9ae69}.ls-identity{text-align:center;padding:17px 10px 10px}.ls-identity strong{display:block;font-size:17px;overflow-wrap:anywhere}.ls-preview-label{display:block;min-height:21px;color:var(--ls-muted);font-size:11px;margin-top:4px}.ls-skins{border:0;display:flex;justify-content:center;gap:10px;margin:0;padding:10px 14px 18px}.ls-skins legend{text-align:center;font-size:10px;color:var(--ls-muted);padding:0 8px}.ls-skins button{width:26px;height:26px;border-radius:50%;border:3px solid white;background:var(--ls-swatch);box-shadow:0 0 0 1px #cbd8df;padding:0}.ls-skins button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ls-blue)}.ls-wallet{margin:0 18px;padding:17px 0 0;border-top:1px dashed #c5d9e2}.ls-wallet>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:7px}.ls-wallet dt{font-size:11px;color:var(--ls-muted)}.ls-wallet dd{font-size:12px;font-weight:700;margin:0;overflow-wrap:anywhere}.ls-wallet .ls-wallet-total{border-top:1px solid var(--ls-line);padding-top:12px;margin-top:13px}.ls-wallet-total dd{font-size:23px;color:var(--ls-blue);letter-spacing:-.04em}.ls-reset{display:block;margin:12px auto 17px;border:0;background:transparent;color:#637786;font-size:11px!important;text-decoration:underline;text-underline-offset:3px}.ls-collection{min-width:0}.ls-collection-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.ls-collection-heading h3{font-size:23px;letter-spacing:-.04em;margin-top:3px}.ls-count{color:#758994;font-size:10px;letter-spacing:.1em;white-space:nowrap}.ls-hint{margin-top:6px!important}.ls-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:19px 0}.ls-tabs button{border:1px solid var(--ls-line);border-radius:30px;background:white;color:#536e7f;padding:7px 17px;font-size:12px;font-weight:700}.ls-tabs button[aria-pressed=true]{background:var(--ls-ink);color:#fff;border-color:var(--ls-ink)}.ls-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ls-card{--ls-tint:#edf5fb;border:1px solid var(--ls-line);border-radius:14px;overflow:hidden;min-width:0;background:#fff;transition:box-shadow .2s,border-color .2s}.ls-card:hover,.ls-card:focus-within{border-color:#8eb9cd;box-shadow:0 6px 18px #1b526718}.ls-card.is-equipped{border-color:#5aa7c8}.ls-tone-rose{--ls-tint:#f9edf1}.ls-tone-lilac{--ls-tint:#f0ecfa}.ls-tone-mint{--ls-tint:#e8f5ef}.ls-tone-night{--ls-tint:#eaeef6}.ls-tone-sand{--ls-tint:#f6f0e5}.ls-card-art{height:142px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 65%,#fff 0%,var(--ls-tint) 72%);padding-top:9px}.ls-card-art:after{content:'';position:absolute;bottom:13px;width:80px;height:10px;border-radius:50%;background:#66839913}.ls-card-art .ls-avatar{z-index:1;transition:transform .2s}.ls-card:hover .ls-avatar{transform:translateY(-3px)}.ls-item-badge{position:absolute;top:9px;left:9px;font-size:9px;color:#647985;background:#ffffffbd;border-radius:5px;padding:2px 6px;z-index:2}.is-equipped .ls-item-badge{color:#006b9c;background:#fff}.ls-card-info{padding:12px}.ls-card h4{font-size:13px;font-weight:800;letter-spacing:-.025em}.ls-card-info p{font-size:10px;color:var(--ls-muted);min-height:32px;margin-top:4px}.ls-price{display:block;font-size:15px;margin:8px 0 10px;color:#2f546b}.ls-price small{font-size:10px;color:#607b8d}.ls-card-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:5px}.ls-card-actions button{border:1px solid #d4e3eb;border-radius:7px;padding:7px 3px;min-height:34px;font-size:10px;font-weight:700;background:#fff;color:#42677d;overflow-wrap:anywhere}.ls-card-actions [data-buy]{background:#e8f4fc;border-color:#d3e8f6;color:#006b9c}.ls-card-actions [data-buy]:not(:disabled):hover{background:#006fa8;color:white}.ls-card-actions [data-buy]:disabled{color:#697c88;background:#f0f4f6;border-color:#e3eaee}.ls-status{font-size:11px;color:#48687c;min-height:36px;padding-top:15px}.ls-disclosure{border-top:1px solid var(--ls-line);padding-top:18px;margin-top:20px;font-size:11px;line-height:1.8;color:var(--ls-muted)}.ls-disclosure b{color:#745d25;margin-right:8px}.ls-storage-note{display:block;color:#946329}.ls-shop [hidden]{display:none!important}
@keyframes ls-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(min-width:1000px){.ls-dressing{position:sticky;top:20px}}
@media(max-width:960px){.ls-layout{grid-template-columns:230px minmax(0,1fr);gap:20px}.ls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ls-shop{padding:22px}}
@media(max-width:620px){.ls-shop{padding:17px;border-radius:18px;margin:15px auto}.ls-header{gap:10px;flex-wrap:wrap;padding-bottom:18px}.ls-header h2{font-size:22px}.ls-eyebrow{font-size:8px}.ls-demo{font-size:9px;padding:4px 9px}.ls-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:18px}.ls-dressing{display:grid;grid-template-columns:44% minmax(0,1fr)}.ls-stage{grid-row:1/5;height:260px}.ls-hero .ls-avatar{width:155px;height:auto}.ls-platform{width:120px;bottom:33px}.ls-stage-tag{font-size:8px;left:12px}.ls-star-one{left:10px}.ls-star-two{right:8px}.ls-identity{padding:13px 8px 5px}.ls-identity strong{font-size:14px}.ls-preview-label{font-size:10px}.ls-skins{padding:7px 10px 9px}.ls-wallet{margin:0 12px;padding-top:9px}.ls-wallet>div{flex-wrap:wrap;gap:0 5px}.ls-wallet-total dd{font-size:20px}.ls-wallet dt{font-size:10px}.ls-wallet .ls-wallet-total{padding-top:7px;margin-top:7px}.ls-reset{font-size:10px!important;margin:5px auto 10px}.ls-grid{gap:10px}.ls-card-info{padding:10px}.ls-tabs button{padding:7px 14px}.ls-collection-heading h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.ls-shop *,.ls-avatar{animation:none!important;transition:none!important}}

/* Character art: a softly lit display with room for the complete silhouette. */
.ls-avatar {
  height:auto;
  aspect-ratio:3 / 4;
  overflow:hidden;
  object-fit:contain;
  shape-rendering:geometricPrecision;
}
.ls-shop .ls-stage {
  height:330px;
  background:
    radial-gradient(ellipse at 35% 22%,#fffdf6 0%,#fffdf600 55%),
    linear-gradient(155deg,#eef4fa 12%,#e4ecf6 57%,#d7e1ed);
}
.ls-shop .ls-stage:before {
  width:230px;
  height:230px;
  left:50%;
  top:37px;
  transform:translateX(-50%);
  border:1px solid #ffffffa8;
  background:linear-gradient(145deg,#ffffff7a,#ffffff00);
  box-shadow:0 0 0 13px #ffffff24,0 0 0 28px #ffffff17;
}
.ls-shop .ls-stage:after {
  width:100%;
  height:76px;
  left:0;
  bottom:0;
  border-radius:0;
  transform:none;
  background:linear-gradient(#aebed800,#aebed836);
}
.ls-shop .ls-hero {
  inset:35px 12px 14px;
  align-items:flex-end;
}
.ls-shop .ls-hero .ls-avatar {
  width:200px;
  max-height:100%;
  filter:drop-shadow(0 8px 6px #43577418);
  animation:none;
}
.ls-shop .ls-platform {
  width:184px;
  height:30px;
  bottom:20px;
  background:linear-gradient(165deg,#fffefa,#d9e3ef);
  box-shadow:0 7px 0 #bac8da,0 12px 16px #3448621c,inset 0 2px 0 #fff;
}
.ls-shop .ls-star {color:#b39768;opacity:.6;font-size:20px}
.ls-shop .ls-star-one {top:92px;left:26px}
.ls-shop .ls-star-two {top:187px;right:22px;font-size:13px}
.ls-skin-note {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:4px 12px 17px;
  color:var(--ls-muted);
  font-size:10px;
}
.ls-skin-note>span {
  width:14px;
  height:14px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 25%,#fff3e9,#f7dfd1 55%,#e5b6a4);
  box-shadow:inset 0 0 0 1px #b98b7333,0 1px 2px #67472f12;
}
.ls-shop .ls-card-art {
  height:204px;
  padding:22px 8px 4px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 42% 30%,#ffffffeb 0%,#ffffff00 64%),
    linear-gradient(155deg,#fafcff,var(--ls-tint));
}
.ls-shop .ls-card-art:before {
  content:'';
  position:absolute;
  width:138px;
  height:138px;
  top:34px;
  left:50%;
  transform:translateX(-50%);
  border:1px solid #ffffffb8;
  border-radius:50%;
  box-shadow:0 0 0 9px #ffffff25;
  pointer-events:none;
}
.ls-shop .ls-card-art:after {
  width:108px;
  height:15px;
  bottom:13px;
  background:linear-gradient(160deg,#ffffffc2,#bfd0dc66);
  box-shadow:0 3px 0 #b4c7d440;
}
.ls-shop .ls-card-art .ls-avatar {
  width:126px;
  height:auto;
  max-height:100%;
  filter:drop-shadow(0 4px 3px #35486014);
  transform-origin:50% 90%;
}
.ls-shop .ls-card:hover .ls-avatar,
.ls-shop .ls-card:focus-within .ls-avatar {transform:translateY(-3px)}

/* Only the avatar area of the existing league popover is enlarged. */
.leaderboard-preview .leaderboard-preview-head>.league-avatar {
  width:108px;
  height:144px;
  padding:3px;
  border-radius:16px;
  background:
    radial-gradient(ellipse at 35% 25%,#fffdf9,#fffdf900 70%),
    linear-gradient(145deg,#eaf1fa,#dee8f3);
  box-shadow:inset 0 0 0 1px #ffffffb3,0 4px 12px #253d5910;
}
.leaderboard-preview .leaderboard-preview-head>.league-avatar .ls-avatar {
  width:100%;
  height:100%;
  max-height:100%;
  transform:none;
  filter:drop-shadow(0 3px 2px #33476316);
}
@media(max-width:620px) {
  .ls-shop .ls-stage {height:278px}
  .ls-shop .ls-hero {inset:33px 3px 23px;align-items:center}
  .ls-shop .ls-hero .ls-avatar {width:175px}
  .ls-shop .ls-stage:before {width:170px;height:170px;top:49px}
  .ls-shop .ls-platform {width:105px;max-width:85%;height:21px;bottom:34px}
  .ls-shop .ls-star-one {left:10px;top:72px;font-size:14px}
  .ls-shop .ls-star-two {right:10px;top:190px}
  .ls-skin-note {font-size:9px;padding:4px 5px 10px}
  .ls-shop .ls-card-art {height:184px;padding:22px 4px 4px}
  .ls-shop .ls-card-art .ls-avatar {width:112px}
  .ls-shop .ls-card-art:before {width:112px;height:112px;top:38px}
  .ls-shop .ls-card-art:after {width:88px;bottom:12px}
  .leaderboard-preview .leaderboard-preview-head>.league-avatar {width:87px;height:116px}
}
@media(prefers-reduced-motion:reduce) {
  .ls-shop .ls-card:hover .ls-avatar,
  .ls-shop .ls-card:focus-within .ls-avatar {transform:none}
}