@layer components{.customer-album-page{max-width:1500px;margin:0 auto;position:relative}.customer-shell[data-entry-effect=paper-wipe] .customer-album-page:before,.customer-shell[data-entry-effect=paper-wipe] .customer-album-page:after{z-index:100;pointer-events:none;position:fixed}.customer-shell[data-entry-effect=paper-wipe] .customer-album-page:before{content:"";background:linear-gradient(174deg,#fff 0 24%,#f20a25 24% 71%,#050505 71% 76%,#fff 76% 100%);animation:1.05s cubic-bezier(.7,0,.2,1) both album-paper-wipe;inset:0}.customer-shell[data-entry-effect=paper-wipe] .customer-album-page:after{content:"BTS · ARIRANG";color:#050505;letter-spacing:-.065em;white-space:nowrap;background:#f20a25;padding:.14em .3em .08em;font-size:clamp(2.2rem,8vw,7rem);font-weight:950;line-height:.9;animation:1.05s cubic-bezier(.7,0,.2,1) both album-paper-title;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1deg)}.customer-shell[data-entry-effect=paper-wipe] .album-hero{animation:.7s cubic-bezier(.2,.8,.2,1) .58s both album-hero-arrival}.customer-shell[data-entry-effect=paper-wipe] .album-title-line{animation:.48s cubic-bezier(.2,.8,.2,1) .68s both album-title-arrival}.customer-shell[data-entry-effect=paper-wipe] .album-title-line:nth-child(2){animation-delay:.78s}.customer-shell[data-entry-effect=paper-wipe] .album-guide img{animation:.7s cubic-bezier(.2,.8,.2,1) .72s both album-guide-arrival}.customer-shell[data-entry-effect=paper-wipe] .album-progress-track span{transform-origin:0;animation:.85s ease-out .88s both album-progress-arrival}@keyframes album-paper-wipe{0%,48%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(-105%)}}@keyframes album-paper-title{0%{opacity:0;transform:translate(-50%,-42%)rotate(-1deg)scale(.92)}22%,52%{opacity:1;transform:translate(-50%,-50%)rotate(-1deg)scale(1)}to{opacity:0;transform:translate(-50%,-115%)rotate(-1deg)scale(.98)}}@keyframes album-hero-arrival{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes album-title-arrival{0%{opacity:0;transform:translate(-34px)rotate(-1.5deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes album-guide-arrival{0%{opacity:0;transform:translateY(34px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes album-progress-arrival{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.customer-shell[data-entry-effect=paper-wipe] .customer-album-page:before,.customer-shell[data-entry-effect=paper-wipe] .customer-album-page:after{display:none}.customer-shell[data-entry-effect=paper-wipe] .album-hero,.customer-shell[data-entry-effect=paper-wipe] .album-title-line,.customer-shell[data-entry-effect=paper-wipe] .album-guide img,.customer-shell[data-entry-effect=paper-wipe] .album-progress-track span{animation:none}}.album-action-message{border:1px solid;border-radius:1rem;margin:1rem 0;padding:.9rem 1rem;font-size:.82rem;font-weight:800}.album-action-message.is-success{color:#a7f3d0;background:#10b9811a;border-color:#34d3994d}.album-action-message.is-error{color:#fecaca;background:#ef44441a;border-color:#f871714d}.album-complete-banner{z-index:1;border:1px solid color-mix(in srgb,var(--universe-accent) 35%,transparent);max-width:760px;color:var(--universe-accent);background:color-mix(in srgb,var(--universe-primary) 15%,transparent);border-radius:1rem;margin-top:1rem;padding:.85rem 1rem;font-size:.78rem;font-weight:850;position:relative}.album-hero{border:1px solid color-mix(in srgb, var(--universe-border) 82%, transparent);border-radius:var(--universe-radius);background:radial-gradient(circle at 88% 5%, color-mix(in srgb, var(--universe-secondary) 28%, transparent), transparent 31%), linear-gradient(135deg, var(--universe-panel-soft), var(--universe-background) 72%);grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:end;gap:clamp(1rem,3vw,3rem);padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000061,inset 0 1px #ffffff14}.album-hero-copy{z-index:2;min-width:0;position:relative}.album-guide{z-index:1;align-self:end;place-items:end center;min-height:420px;margin:-1rem -1rem 0 0;display:grid;position:relative}.album-guide img{object-fit:contain;object-position:center bottom;width:108%;max-width:none;max-height:480px;filter:drop-shadow(0 26px 32px #00000080) drop-shadow(0 0 26px color-mix(in srgb,var(--universe-primary) 35%,transparent));display:block;transform:none}.album-guide figcaption{border:1px solid color-mix(in srgb,var(--universe-accent) 30%,transparent);background:color-mix(in srgb,var(--universe-panel) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;gap:.25rem;max-width:250px;padding:.75rem .9rem;display:grid;position:absolute;top:1rem;left:-1.75rem;box-shadow:0 18px 45px #0000005c}.album-guide figcaption strong{color:var(--universe-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:950}.album-guide figcaption span{color:var(--universe-muted);font-size:.7rem;line-height:1.4}.album-hero:after{content:"";aspect-ratio:1;border:1px solid color-mix(in srgb, var(--universe-accent) 32%, transparent);background:repeating-linear-gradient(45deg,#0000 0 24px,#ffffff06 25px 26px);width:25rem;position:absolute;top:-8rem;right:-7rem;transform:rotate(32deg)}.album-eyebrow{color:var(--universe-accent);letter-spacing:.22em;text-transform:uppercase;font-size:.7rem;font-weight:950}.album-hero h2{z-index:1;letter-spacing:-.055em;max-width:760px;margin-top:.75rem;font-size:clamp(2.2rem,5vw,4.8rem);font-weight:950;line-height:1;position:relative}.customer-shell[data-theme=bts-arirang-limited-edition] .album-hero h2{color:#050505;-webkit-text-fill-color:currentColor;width:max-content;max-width:100%;box-shadow:none;background:0 0;gap:.08em;padding:0;font-size:clamp(1.85rem,4vw,4.4rem);line-height:1;display:grid}.customer-shell[data-theme=bts-arirang-limited-edition] .album-title-line{white-space:nowrap;background:#f20a25;width:max-content;max-width:100%;padding:.06em .14em .13em;display:block;box-shadow:.1em 0 #f20a25,-.1em 0 #f20a25}.customer-shell[data-theme=bts-arirang-limited-edition] .album-hero{background:repeating-linear-gradient(118deg,#0000 0 92px,#05050509 93px 94px,#0000 95px 188px),#fff;border-color:#050505;box-shadow:8px 8px #050505}.customer-shell[data-theme=bts-arirang-limited-edition] .album-hero p{margin-top:1.65rem}.album-hero p{z-index:1;max-width:650px;color:var(--universe-muted);margin-top:1rem;position:relative}.album-hero-stats{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;max-width:760px;margin-top:2rem;display:grid;position:relative}.album-hero-stats>div{background:color-mix(in srgb,var(--universe-panel) 76%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff17;border-radius:1.2rem;padding:1rem}.album-hero-stats strong{font-size:clamp(1.55rem,3vw,2.4rem);line-height:1;display:block}.album-hero-stats strong span{color:var(--universe-muted);font-size:.55em}.album-hero-stats small{color:var(--universe-muted);margin-top:.45rem;font-size:.72rem;display:block}.album-progress-track{z-index:1;border:1px solid color-mix(in srgb,var(--universe-text) 38%,transparent);background:color-mix(in srgb,var(--universe-text) 16%,transparent);border-radius:999px;max-width:760px;height:1.25rem;margin-top:1.2rem;position:relative;overflow:hidden}.album-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--universe-primary), var(--universe-secondary), var(--universe-accent));height:100%;box-shadow:0 0 25px var(--universe-primary);display:block}.album-progress-track:after{content:attr(data-progress);z-index:2;color:var(--universe-text);place-items:center;font-size:.62rem;font-weight:950;line-height:1;display:grid;position:absolute;inset:0}.album-legend{flex-wrap:wrap;gap:.6rem;margin:1.25rem 0;display:flex}.album-legend span{letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff1a;border-radius:999px;padding:.5rem .8rem;font-size:.7rem;font-weight:900}.rarity-common{color:#e9d6ce;background:#bf93821f}.rarity-brilliant{color:#89c8ff;background:#3791ff1f}.rarity-holographic{color:#d8ff8e;background:linear-gradient(90deg,#ffbc551f,#57ffea1f)}.rarity-prism{color:#ff8ff3;background:#e144ff24}.album-book{border:1px solid color-mix(in srgb, var(--universe-border) 78%, transparent);border-radius:var(--universe-radius);background:linear-gradient(90deg, transparent calc(50% - 2px), color-mix(in srgb,var(--universe-background) 72%,transparent) 50%, transparent calc(50% + 2px)), radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--universe-accent) 24%, transparent), transparent 46%), var(--universe-panel);padding:clamp(1rem,3vw,2.3rem);position:relative;box-shadow:0 35px 90px #0000006b,inset 0 1px #ffffff0a}.album-book-spine{z-index:2;inset-block:1rem;background:linear-gradient(transparent, color-mix(in srgb, var(--universe-accent) 25%, transparent), transparent);width:1px;position:absolute;left:50%;box-shadow:0 0 28px #000000e6}.album-card-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(.65rem,1.4vw,1.15rem);display:grid}.album-slot{aspect-ratio:2/3;perspective:800px;min-width:0;position:relative}.album-card-action{z-index:8;position:absolute;bottom:.45rem;right:.45rem}.album-card-action button{border:1px solid color-mix(in srgb,var(--universe-accent) 42%,transparent);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08060ee0;border-radius:999px;padding:.38rem .55rem;font-size:.52rem;font-weight:950;box-shadow:0 8px 22px #00000073}.album-card-action button:hover{border-color:var(--universe-accent);color:var(--universe-accent)}.album-card-action button:disabled{cursor:not-allowed;opacity:.42}.album-card-face{background:linear-gradient(155deg,#ffffff13,#ffffff05);border:1px solid #ffffff1a;border-radius:clamp(.75rem,1.3vw,1.1rem);flex-direction:column;height:100%;padding:.65rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0000004d,inset 0 1px #ffffff0d}.album-slot:hover .album-card-face{z-index:3;border-color:color-mix(in srgb, var(--universe-accent) 52%, transparent);box-shadow:0 23px 45px #00000073, 0 0 25px color-mix(in srgb, var(--universe-primary) 18%, transparent);transform:translateY(-7px)rotateX(2deg)}.album-slot.is-missing .album-card-face{filter:saturate(.55);border-style:dashed}.album-card-number{color:#ffffff94;letter-spacing:.12em;font-size:.58rem;font-weight:900}.album-card-art{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--universe-primary) 20%, transparent), transparent 52%), #0000003d;border:1px solid #fff1;border-radius:.7rem;flex:1;place-items:center;margin:.45rem 0;display:grid}.album-card-question{color:#fff3;font-size:clamp(2rem,4vw,4rem);font-weight:300}.album-card-mark{color:var(--universe-accent);text-shadow:0 0 20px var(--universe-primary);font-size:clamp(1.4rem,2.6vw,2.7rem);font-weight:950}.album-card-copy strong,.album-card-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.album-card-copy strong{font-size:clamp(.58rem,1vw,.78rem)}.album-card-copy span{color:var(--universe-muted);margin-top:.2rem;font-size:.56rem}.album-copy-badge{color:#fff;background:var(--universe-primary);border-radius:999px;padding:.25rem .42rem;font-size:.52rem;font-weight:900;position:absolute;top:.5rem;right:.5rem}.album-slot.rarity-brilliant.is-owned .album-card-face{box-shadow:0 0 24px #3791ff33}.album-slot.rarity-holographic.is-owned .album-card-face{background:linear-gradient(145deg,#ffbe4b1f,#3effe71a,#ab4eff17)}.album-slot.rarity-prism.is-owned .album-card-face{box-shadow:0 0 30px #e144ff4d}.album-card-trigger{width:100%;color:inherit;text-align:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.album-card-trigger .ce-card{transition:transform .22s,filter .22s}.album-card-trigger:hover .ce-card{z-index:3;filter:brightness(1.07);transform:translateY(-7px)rotateX(2deg)}.album-card-trigger:focus-visible{outline:3px solid var(--universe-accent);outline-offset:5px;border-radius:1rem}.album-card-dialog{border:1px solid color-mix(in srgb, var(--universe-accent) 38%, transparent);width:min(920px,100% - 2rem);max-width:none;max-height:min(860px,100vh - 2rem);color:var(--universe-text);background:var(--universe-panel);box-shadow:0 45px 130px #000000c7, 0 0 65px color-mix(in srgb,var(--universe-primary) 18%,transparent);border-radius:2rem;margin:auto;padding:0;overflow:hidden}.album-card-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030207d6}.album-card-dialog-shell{background:radial-gradient(circle at 18% 32%, color-mix(in srgb,var(--universe-primary) 24%,transparent), transparent 36%), linear-gradient(135deg,var(--universe-panel-soft),var(--universe-background) 70%);grid-template-columns:minmax(280px,.82fr) minmax(320px,1.18fr);max-height:min(860px,100vh - 2rem);display:grid;position:relative;overflow:auto}.album-card-dialog-close{z-index:20;aspect-ratio:1;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05030ac7;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:2.7rem;font-size:1.5rem;line-height:1;display:grid;position:absolute;top:1rem;right:1rem}.album-card-dialog-close:hover{border-color:var(--universe-accent)}.album-card-dialog-close:focus-visible{outline:3px solid var(--universe-accent);outline-offset:3px}.album-card-dialog-visual{background:radial-gradient(circle at 50% 45%, color-mix(in srgb,var(--universe-accent) 18%,transparent), transparent 58%);place-items:center;min-height:640px;padding:clamp(2rem,5vw,4rem);display:grid}.album-card-dialog-visual .ce-card{width:min(100%,360px)}.album-card-dialog-copy{border-left:1px solid #ffffff14;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4.5rem);display:flex}.album-card-dialog-rarity{border:1px solid color-mix(in srgb,var(--universe-accent) 38%,transparent);color:var(--universe-accent);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:.45rem .7rem;font-size:.65rem;font-weight:950}.album-card-dialog[data-rarity=brilliant] .album-card-dialog-rarity{color:#89c8ff}.album-card-dialog[data-rarity=holographic] .album-card-dialog-rarity{color:#d8ff8e}.album-card-dialog[data-rarity=prism] .album-card-dialog-rarity{color:#ff8ff3}.album-card-dialog-copy h2{letter-spacing:-.045em;margin-top:1rem;font-size:clamp(2rem,5vw,3.7rem);font-weight:950;line-height:.95}.album-card-dialog-character{color:var(--universe-muted);margin-top:.65rem;font-weight:750}.album-card-dialog-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem;display:grid}.album-card-dialog-meta div{background:#ffffff09;border:1px solid #ffffff14;border-radius:1rem;padding:1rem}.album-card-dialog-meta dt{color:var(--universe-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:900}.album-card-dialog-meta dd{margin-top:.35rem;font-size:.88rem;font-weight:900}.album-card-dialog-quote{border-left:3px solid var(--universe-accent);background:color-mix(in srgb,var(--universe-primary) 13%,transparent);border-radius:.4rem 1rem 1rem .4rem;gap:.45rem;margin-top:1rem;padding:1rem 1.1rem;display:grid}.album-card-dialog-quote-label{color:var(--universe-muted);letter-spacing:.16em;text-transform:uppercase;font-size:.56rem;font-weight:950}.album-card-dialog-quote p{color:var(--universe-text);letter-spacing:-.015em;font-size:1rem;font-weight:850;line-height:1.45}.album-card-dialog-quote cite{color:var(--universe-accent);letter-spacing:.05em;font-size:.68rem;font-style:normal;font-weight:900}.album-card-dialog-quote cite:before{content:"— "}.album-card-dialog-notice{color:var(--universe-muted);margin-top:.8rem;font-size:.68rem}.album-card-dialog-copyright{color:color-mix(in srgb,var(--universe-muted) 76%,transparent);border-top:1px solid #ffffff14;margin-top:1.25rem;padding-top:1rem;font-size:.62rem;line-height:1.5}.album-demo-note{color:var(--universe-muted);text-align:center;margin-top:1rem;font-size:.75rem}.album-empty{border:1px dashed var(--universe-border);border-radius:var(--universe-radius);text-align:center;background:color-mix(in srgb,var(--universe-panel) 82%,transparent);align-content:center;place-items:center;min-height:520px;padding:2rem;display:grid}.album-empty-symbol{color:var(--universe-accent);font-size:4rem}.album-empty span{color:var(--universe-accent);letter-spacing:.2em;text-transform:uppercase;font-size:.7rem;font-weight:900}.album-empty h2{margin-top:.7rem;font-size:2rem;font-weight:950}.album-empty p{color:var(--universe-muted);margin-top:.7rem}.album-empty a{color:var(--universe-accent);margin-top:1.4rem;font-weight:900}@media (width<=1180px){.album-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.album-book{background:var(--universe-panel)}.album-book-spine{display:none}}@media (width<=900px){.album-hero{grid-template-columns:1fr}.album-guide{width:min(100%,680px);min-height:380px;margin:-1rem auto -2rem}}@media (width<=640px){.album-guide img{width:100%;transform:translateY(-1rem)}.album-guide figcaption{max-width:none;margin:-1rem .5rem 1.5rem;position:relative;inset:auto}.album-hero-stats{grid-template-columns:1fr}.album-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-book{border-radius:1.2rem;padding:.8rem}.album-card-dialog{border-radius:1.35rem;width:calc(100% - 1rem)}.album-card-dialog-shell{grid-template-columns:1fr}.album-card-dialog-visual{min-height:auto;padding:3.5rem 3.5rem 1.5rem}.album-card-dialog-visual .ce-card{width:min(100%,250px)}.album-card-dialog-copy{border-top:1px solid #ffffff14;border-left:0;padding:1.5rem}.album-card-dialog-meta{grid-template-columns:1fr}}.album-context-koru{pointer-events:none;place-self:end;width:min(18vw,180px);margin:0}.album-context-koru img{width:100%;height:auto;display:block}@media (width<=640px){.album-context-koru{width:min(34vw,130px)}}}
