.album-game-page{width:min(100%,58rem);margin-inline:auto}.album-page-back{color:var(--bts-accent-ink);align-items:center;gap:.35rem;margin-bottom:1rem;font-size:.8rem;font-weight:900;display:inline-flex}.album-page-head{grid-template-columns:1fr auto;align-items:end;gap:1rem;margin-bottom:1.25rem;display:grid}.album-page-head>div:first-child>span{color:var(--bts-accent-ink);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.67rem;font-weight:900;display:inline-flex}.album-page-head h1{font-family:Black Han Sans,sans-serif;font-size:clamp(2.45rem,8vw,4.7rem);line-height:.95}.album-page-head p{max-width:41rem;color:var(--ink-2);margin-top:.55rem;font-size:.86rem;line-height:1.55}.album-page-facts{flex-direction:column;gap:.42rem;display:flex}.album-page-facts>*{border:2px solid var(--ink);background:hsl(var(--card));min-height:2.45rem;color:var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:.7rem;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.68rem;font-weight:800;display:inline-flex}.album-page-facts a{background:var(--bts-accent);color:var(--bts-accent-foreground)}.album-intro,.album-stage,.album-result{border:2px solid var(--ink);background:hsl(var(--card));box-shadow:6px 6px 0 var(--ink);border-radius:1.5rem;position:relative;overflow:hidden}.album-intro{background:radial-gradient(circle at 14% 12%, color-mix(in srgb, var(--bts-accent) 28%, transparent), transparent 25%), linear-gradient(145deg, hsl(var(--card)), color-mix(in srgb, var(--bts-secondary) 12%, hsl(var(--card))));padding:clamp(1rem,4vw,2rem)}.album-cover-line{perspective:800px;justify-content:center;align-items:center;min-height:8rem;margin:-1rem -1rem .8rem;display:flex;overflow:hidden}.album-cover-line img{aspect-ratio:1;border:2px solid var(--ink);object-fit:cover;width:clamp(4.7rem,14vw,7rem);box-shadow:3px 4px 0 var(--ink);transform:rotate(calc((var(--cover) - 3) * 2deg)) translateY(calc((var(--cover) % 2) * .5rem));border-radius:.55rem;margin-left:clamp(-1.45rem,-2vw,-.7rem)}.album-cover-line img:first-child{margin-left:0}.album-intro-copy{text-align:center}.album-intro-copy>p:first-child,.album-result-kicker{color:var(--bts-accent-ink);letter-spacing:.13em;text-transform:uppercase;font-size:.65rem;font-weight:900}.album-intro-copy h2{margin-top:.2rem;font-family:Black Han Sans,sans-serif;font-size:clamp(2rem,7vw,3.65rem);line-height:1}.album-intro-copy h2 em{color:var(--bts-accent-ink);font-style:normal}.album-intro-copy>p:last-child{max-width:40rem;color:var(--ink-2);margin:.7rem auto 1.1rem;font-size:.8rem;line-height:1.55}.album-how{grid-template-columns:repeat(3,1fr);gap:.55rem;margin:0 auto 1rem;display:grid}.album-how div{border:1px solid var(--ink);background:color-mix(in srgb, hsl(var(--card)) 86%, var(--bts-accent));border-radius:.75rem;align-items:center;gap:.55rem;padding:.55rem .65rem;display:flex}.album-how b{color:var(--bts-accent-ink);font-family:Space Mono,monospace;font-size:.62rem}.album-how span{font-size:.68rem;font-weight:800}.album-daily-card{border:2px solid var(--ink);background:var(--ink);width:100%;color:var(--bts-accent);text-align:left;box-shadow:4px 4px 0 var(--bts-accent);border-radius:1rem;grid-template-columns:1fr auto;align-items:center;gap:1rem;margin-bottom:.65rem;padding:.9rem 1rem;transition:transform .16s;display:grid}.album-daily-card:hover,.album-mode-grid button:hover{transform:translateY(-2px)}.album-daily-card span>*{display:block}.album-daily-card small{color:color-mix(in srgb, var(--bts-accent) 78%, white);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-style:normal;font-weight:900}.album-daily-card strong{margin-top:.15rem;font-size:1rem}.album-daily-card em{color:color-mix(in srgb, var(--bts-accent) 72%, white);margin-top:.13rem;font-size:.64rem;font-style:normal}.album-daily-card>b{font-size:1.25rem}.album-mode-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.album-mode-grid button{border:2px solid var(--ink);background:hsl(var(--card));min-height:4.5rem;color:var(--ink);text-align:left;box-shadow:3px 3px 0 var(--ink);border-radius:.9rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.65rem .75rem;transition:transform .16s;display:grid}.album-mode-grid button.is-featured{background:var(--bts-accent);color:var(--bts-accent-foreground)}.album-mode-grid button>span{color:var(--ink-muted);font-family:Space Mono,monospace;font-size:.63rem}.album-mode-grid strong,.album-mode-grid small{display:block}.album-mode-grid strong{font-size:.84rem}.album-mode-grid small{color:var(--ink-muted);margin-top:.12rem;font-size:.63rem}.album-mode-grid button.is-featured small,.album-mode-grid button.is-featured>span{color:var(--bts-accent-foreground);opacity:.78}.album-intro footer{color:var(--ink-muted);flex-wrap:wrap;justify-content:center;gap:.45rem 1rem;margin-top:1rem;font-size:.63rem;font-weight:700;display:flex}.album-stage{background:linear-gradient(155deg, color-mix(in srgb, var(--bts-accent) 10%, hsl(var(--card))), hsl(var(--card)) 45%);padding:clamp(.8rem,3vw,1.4rem)}.album-hud{grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:.7rem;display:grid}.album-hud>div:not(.album-progress){min-width:3rem}.album-hud span{color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.55rem;font-weight:900;display:block}.album-hud strong{font-family:Black Han Sans,sans-serif;font-size:1.2rem}.album-hud strong small{color:var(--ink-muted);font-size:.7rem;display:inline}.album-progress{border:1px solid var(--ink);background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:999px;height:.55rem;overflow:hidden}.album-progress i{border-radius:inherit;background:var(--bts-accent);height:100%;transition:width .2s;display:block}.album-hud button{border:2px solid var(--ink);background:hsl(var(--card));width:2.45rem;height:2.45rem;color:var(--ink);border-radius:.65rem;place-items:center;font-size:1rem;font-weight:900;display:grid}.album-round-meta{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.9rem;display:flex}.album-round-meta>*{border:1px solid var(--ink);background:hsl(var(--card));border-radius:999px;padding:.2rem .48rem;font-size:.58rem}.album-round-meta b{background:var(--ink);color:var(--bts-accent)}.album-attempts{justify-content:center;gap:.35rem;margin:.65rem 0;display:flex}.album-attempts i{border:1px solid var(--ink);background:hsl(var(--card));border-radius:.45rem;place-items:center;width:1.7rem;height:1.7rem;font-style:normal;display:grid}.album-attempts i span{font-family:Space Mono,monospace;font-size:.56rem;font-weight:800}.album-attempts i.is-used{background:hsl(var(--destructive) / .12);color:hsl(var(--destructive))}.album-attempts i.is-current{background:var(--bts-accent);color:var(--bts-accent-foreground);box-shadow:2px 2px 0 var(--ink)}.album-art{aspect-ratio:1;border:2px solid var(--ink);background:color-mix(in srgb, var(--bts-accent) 8%, hsl(var(--card)));border-radius:1.15rem;outline:0;width:min(100%,24rem);margin:0 auto;position:relative;overflow:hidden}.album-art>img{object-fit:cover;width:100%;height:100%;transform:scale(var(--album-scale));transform-origin:var(--album-x) var(--album-y);transition:transform .42s}.album-art-clue{border:2px solid var(--ink);background:color-mix(in srgb, hsl(var(--card)) 94%, transparent);color:var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:.75rem;padding:.55rem .65rem;position:absolute;inset:auto .65rem .65rem}.album-art-clue span,.album-art-clue strong{display:block}.album-art-clue span{color:var(--bts-accent-ink);text-transform:uppercase;font-size:.56rem;font-weight:900}.album-art-clue strong{margin-top:.1rem;font-size:.75rem}.album-word-clue{border:2px solid var(--ink);background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--bts-accent) 25%, transparent), transparent 38%), hsl(var(--card));text-align:center;border-radius:1.15rem;outline:0;place-content:center;width:min(100%,34rem);min-height:13rem;margin:0 auto;padding:1.2rem;display:grid}.album-word-clue span{color:var(--bts-accent-ink);letter-spacing:.07em;text-transform:uppercase;font-size:.62rem;font-weight:900}.album-word-clue strong{max-width:30rem;margin-top:.5rem;font-family:Black Han Sans,sans-serif;font-size:clamp(1.7rem,6vw,2.7rem);line-height:1.1}.album-word-clue.is-fact strong{font-family:Lexend Deca,sans-serif;font-size:clamp(1rem,3.7vw,1.35rem);line-height:1.45}.album-clue-stack{gap:.4rem;width:min(100%,34rem);margin:.7rem auto 0;display:grid}.album-clue-stack p{border:1px solid var(--ink);background:hsl(var(--card));border-radius:.65rem;grid-template-columns:auto 1fr;gap:.55rem;padding:.45rem .55rem;font-size:.68rem;display:grid}.album-clue-stack p span{color:var(--bts-accent-ink);text-transform:uppercase;font-size:.56rem;font-weight:900}.album-options{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.7rem;display:grid}.album-options button{border:2px solid var(--ink);background:hsl(var(--card));width:100%;min-height:3.25rem;color:var(--ink);text-align:left;box-shadow:2px 2px 0 var(--ink);border-radius:.75rem;grid-template-columns:auto 1fr;align-items:center;gap:.55rem;padding:.5rem .6rem;font-size:.72rem;font-weight:800;line-height:1.25;transition:transform .13s,opacity .13s;display:grid}.album-options button:not(:disabled):hover{transform:translateY(-2px)}.album-options button>span{border:1px solid var(--ink);background:color-mix(in srgb, var(--bts-accent) 12%, hsl(var(--card)));border-radius:.4rem;place-items:center;width:1.65rem;height:1.65rem;font-family:Space Mono,monospace;font-size:.58rem;display:grid}.album-options button.is-used{opacity:.38;text-decoration:line-through}.album-type-form{width:min(100%,34rem);margin:.75rem auto 0}.album-type-form label{color:var(--ink-muted);margin-bottom:.35rem;font-size:.62rem;font-weight:800;display:block}.album-type-form>div{gap:.45rem;display:flex}.album-type-form input{border:2px solid var(--ink);background:hsl(var(--card));min-width:0;color:var(--ink);border-radius:.75rem;flex:1;padding:.65rem .75rem}.album-type-form button{border:2px solid var(--ink);background:var(--ink);color:var(--bts-accent);border-radius:.75rem;padding:.55rem .8rem;font-size:.72rem;font-weight:900}.album-round-actions{justify-content:center;margin-top:.65rem;display:flex}.album-round-actions button{border:1px solid var(--ink);background:hsl(var(--card));color:var(--ink);border-radius:999px;padding:.42rem .7rem;font-size:.65rem;font-weight:900}.album-round-actions button span{color:var(--ink-muted);font-size:.55rem}.album-round-actions button:disabled{opacity:.4}.album-live{min-height:1.2rem;color:var(--ink-muted);text-align:center;margin-top:.45rem;font-size:.66rem;font-weight:700}.album-reveal{text-align:center;width:min(100%,34rem);margin:.75rem auto 0}.album-reveal>span{color:var(--bts-accent-ink);letter-spacing:.07em;text-transform:uppercase;font-size:.6rem;font-weight:900}.album-reveal.is-wrong>span{color:hsl(var(--destructive))}.album-reveal h2{margin-top:.12rem;font-family:Black Han Sans,sans-serif;font-size:clamp(1.5rem,5vw,2.3rem);line-height:1.1}.album-reveal p{color:var(--ink-2);font-size:.72rem}.album-reveal small{color:var(--ink-muted);margin:.45rem auto 0;font-size:.63rem;line-height:1.45;display:block}.album-reveal button,.album-primary{border:2px solid var(--ink);background:var(--ink);width:100%;min-height:2.9rem;color:var(--bts-accent);box-shadow:3px 3px 0 var(--bts-accent);border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;margin-top:.65rem;font-size:.75rem;font-weight:900;display:flex}.album-result{background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--bts-accent) 34%, transparent), transparent 31%), hsl(var(--card));text-align:center;padding:clamp(1.4rem,5vw,2.5rem)}.album-result-burst{border:2px solid var(--ink);background:var(--bts-accent);width:5.5rem;height:5.5rem;box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;margin:0 auto .8rem;font-size:2.45rem;display:grid;transform:rotate(-4deg)}.album-result h2{font-family:Black Han Sans,sans-serif;font-size:clamp(3rem,11vw,5rem);line-height:1}.album-result h2 span{color:var(--ink-muted);font-size:.38em}.album-result>p:not(.album-result-kicker):not(.album-save):not(.album-share-status){color:var(--ink-2);font-size:.82rem}.album-result-grid{flex-wrap:wrap;justify-content:center;gap:.25rem;max-width:32rem;margin:.9rem auto;display:flex}.album-result-grid i{aspect-ratio:1;border:1px solid var(--ink);background:var(--bts-secondary);border-radius:.24rem;width:min(1.25rem,4.7vw)}.album-result-grid i.stage-1{background:color-mix(in srgb, var(--bts-secondary) 65%, var(--bts-accent))}.album-result-grid i.stage-2{background:var(--bts-accent)}.album-result-grid i.stage-3{background:color-mix(in srgb, var(--bts-accent) 58%, hsl(var(--destructive)))}.album-result-grid i.stage-x{background:hsl(var(--destructive) / .45)}.album-result-grid i.stage-empty{background:hsl(var(--card));opacity:.55}.album-result-stats{grid-template-columns:repeat(3,1fr);gap:.55rem;max-width:30rem;margin:0 auto 1rem;display:grid}.album-result-stats div{border:1px solid var(--ink);background:hsl(var(--card));border-radius:.7rem;padding:.55rem}.album-result-stats span,.album-result-stats strong{display:block}.album-result-stats span{color:var(--ink-muted);text-transform:uppercase;font-size:.56rem;font-weight:800}.album-result-stats strong{margin-top:.1rem;font-size:.82rem}.album-save{border-radius:.65rem;max-width:31rem;margin:0 auto;padding:.5rem .7rem;font-size:.7rem;font-weight:800}.album-save.is-saving{background:color-mix(in srgb, var(--bts-accent) 13%, transparent)}.album-save.is-saved{background:color-mix(in srgb, var(--bts-secondary) 18%, hsl(var(--card)))}.album-save.is-error{background:hsl(var(--destructive) / .1);color:hsl(var(--destructive))}.album-retry{color:var(--bts-accent-ink);margin-top:.4rem;font-size:.7rem;font-weight:900;text-decoration:underline}.album-result-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.9rem;display:flex}.album-result-actions>*{border:2px solid var(--ink);background:hsl(var(--card));width:auto;min-height:2.7rem;color:var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:.72rem;align-items:center;padding:.48rem .75rem;font-size:.7rem;font-weight:900;display:inline-flex}.album-result-actions .album-primary{background:var(--ink);color:var(--bts-accent);margin:0}.album-share-status{min-height:1.2rem;color:var(--ink-muted);margin-top:.5rem;font-size:.66rem}.album-notice{border:2px solid var(--ink);background:hsl(var(--card));border-radius:.8rem;padding:1rem;font-size:.78rem}.game-playing [data-game-chrome]{display:none}@media (prefers-reduced-motion:reduce){.album-cover-line img,.album-daily-card,.album-mode-grid button,.album-options button,.album-art>img,.album-progress i{transition:none}}@media (width<=620px){.album-page-head{grid-template-columns:1fr}.album-page-facts{grid-template-columns:1fr 1fr;display:grid}.album-page-facts a{grid-column:1/-1}.album-cover-line{min-height:5.5rem}.album-cover-line img{width:4.5rem;margin-left:-1rem}.album-how{grid-template-columns:1fr}.album-how div{justify-content:center}.album-mode-grid,.album-options{grid-template-columns:1fr}.album-hud{gap:.42rem}.album-hud button{width:2.25rem;height:2.25rem}.album-art{width:min(100%,100dvh - 22rem);min-width:15rem}}
