/* One category in the shared Album rail; one scroll surface for every period. */
.mock-surface[data-proposal=album][data-success-section=quests]>.mock-banner{display:none}
#quest-panel{display:flex;flex:1;min-height:0;overflow:hidden;user-select:none;-webkit-user-select:none}
.mock-surface[data-proposal=album][data-success-section=quests]>#album-body{display:flex;flex-direction:column;overflow:hidden}
.quest-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:0 16px 16px;scroll-padding-top:44px;isolation:isolate}
.quest-scroll::-webkit-scrollbar{display:none}
.quest-section{position:relative}
.quest-section:last-child{min-height:100%}
/* Each section bounds its sticky title: the following title pushes it away. */
.quest-section-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;min-height:44px;margin:0;padding:8px 4px;font:22px/1.1 PixelUI,monospace;font-weight:400;text-transform:uppercase;background:var(--bg) var(--album-pattern) repeat;border-bottom:1px solid var(--edge)}
.quest-cards{display:grid;gap:8px;padding:8px 0 12px}
.quest-finished-period{margin:12px 4px 0;font:17px/1.1 PixelUI,monospace;font-weight:400;color:var(--muted)}
.quest-card .album-track{display:block}
.pass-xp-icon{display:block;width:40px;height:40px;flex:none;pointer-events:none}
.pass-xp-icon>img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}
.pass-xp-icon>.pass-xp-icon-dark{display:none}
html[data-ui-theme=dark] .pass-xp-icon>.pass-xp-icon-light{display:none}
html[data-ui-theme=dark] .pass-xp-icon>.pass-xp-icon-dark{display:block}
#mockup{--quest-xp-ink:#7950a7}
html[data-ui-theme=dark] #mockup{--quest-xp-ink:#b88af0}
#mockup .quest-xp>:is(b,span),#mockup .quest-xp-text{color:var(--quest-xp-ink)}
.quest-detail .album-detail-header h2{font-size:20px}
.quest-detail .album-detail-hero>.album-card-progress{max-width:300px;margin-top:12px}
.quest-detail .album-detail-hero .album-track{display:block;margin:0;height:26px}
.quest-detail .quest-xp{--album-reward-size:76px}
.quest-rules{border:1px solid var(--edge);border-radius:8px;background:var(--paper);padding:4px 16px;font:16px/1.4 PixelUI,monospace}
#quest-tools{font:13px/1.4 system-ui,sans-serif;margin:5px 0;text-align:center}
#quest-tools summary{cursor:pointer}
.quest-preview-active .proposal-tabs{display:none}
.quest-test-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:8px}
.quest-test-controls button{padding:5px 8px;font:13px/1.2 system-ui,sans-serif}
.quest-test-controls>span{width:100%}
@media(max-width:360px){.quest-scroll{padding-inline:8px}.quest-detail .album-detail-header h2{font-size:17px}}
@media(max-height:680px){.quest-section-heading{min-height:38px;font-size:20px}}