/* Full-size illustrated bindings and readable seasonal identity. */
.wonder-pack{grid-template-columns:190px minmax(0,1fr)}
.wonder-pack-cover{position:relative;padding:0;background:transparent;box-shadow:5px 8px 0 #b99b6928;overflow:hidden;border-radius:10px;transform:rotate(-2deg)}
.wonder-pack-cover>span{display:none}.wonder-pack-cover>.season-cover-art{display:block;width:100%;height:auto;aspect-ratio:280/380}
.season-book{min-height:240px}.season-book>.season-cover-art{height:240px;width:auto;stroke:none}
.season-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;margin:20px 0}
.season-theme-grid>button{display:grid;justify-items:center;gap:10px;border:2px solid var(--line);border-radius:16px;padding:12px;color:var(--ink);background:var(--card);text-align:left;cursor:pointer}
.season-theme-grid>button[aria-pressed=true]{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--card));box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 16%,transparent)}
.season-theme-grid .season-cover-art{width:100%;height:180px;max-width:150px}.season-theme-grid strong,.season-theme-grid small{width:100%}.season-theme-grid small{font-size:12px;line-height:1.5;color:var(--muted)}
.season-theme-picker>[data-theme-preview]{padding:12px 0;font-size:14px}.season-landscape{min-width:0;max-width:100%;aspect-ratio:auto;text-align:center;position:relative;min-height:190px;overflow:hidden;color:var(--season-gold)}
.season-landscape>svg{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.season-banner-label{position:relative;display:inline-block;margin:65px auto 30px;padding:10px 24px;border:1px solid #e9d6ba80;background:linear-gradient(130deg,#edd6e925,#abb7e730);backdrop-filter:blur(6px);border-radius:16px;color:#f5e1d3;font:600 clamp(25px,4vw,36px) var(--serif);letter-spacing:.025em;text-shadow:0 2px 8px #171528}
.wonder-banner .wonder-banner-quote{font-size:clamp(11px,1.2vw,15px);line-height:1.5;max-width:75%;padding:7px 12px}
.ww-profile .ww-avatar-button{width:128px!important;height:128px!important}.profile-avatar{width:128px!important;height:128px!important}.settings-profile-avatar{width:112px!important;height:112px!important}
.ww-public-title,.profile-title,.season-title-preview{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ww-public-title{font-size:16px;margin-top:12px}.ww-public-title>.mythic-scene,#profile-title>.mythic-scene{width:48px;height:48px;flex:none;color:var(--gold)}
.square-origin{display:grid;grid-template-columns:repeat(4,7px);grid-template-rows:repeat(4,7px);gap:2px;width:34px;height:34px;perspective:80px;flex:none}
.square-origin i{border:1px solid currentColor;background:color-mix(in srgb,currentColor 25%,transparent);border-radius:2px;animation:square-copy 6s linear infinite;animation-delay:0s}
@keyframes square-copy{0%,8%{opacity:0;transform:rotateY(-180deg) scale(.5)}20%,67%{opacity:1;transform:rotateY(0) scale(1)}80%,100%{opacity:0;transform:rotateY(180deg) scale(.5)}}
#study-mastery,#target-sense-label,#difficulty-label{display:inline-flex;align-items:center;border-radius:11px;background:color-mix(in srgb,var(--green) 9%,var(--card));padding:7px 11px;font-size:12px;line-height:1.5;color:var(--ink);max-width:100%;overflow-wrap:anywhere}
#study-mastery[data-study-state=new]{background:color-mix(in srgb,#829fdb 16%,var(--card))}#study-mastery[data-study-state=developing]{background:color-mix(in srgb,#d2a667 17%,var(--card))}#study-mastery:is([data-study-state=strong],[data-study-state=very_strong],[data-study-state=mature]){background:color-mix(in srgb,#7aa98c 17%,var(--card))}
.final-oauth button{display:flex;align-items:center;justify-content:center;gap:10px}.provider-logo{width:21px;height:21px;flex:none}.final-oauth [data-unavailable=true]{opacity:.55}.provider-availability{font-size:12px;color:var(--muted)}
/* Pause collectible artwork on hidden pages; respect accessibility preferences. */
.page:not(.active) .mythic-scene *,.page:not(.active) .square-origin i,.page:not(.active) .chapter-art *{animation-play-state:paused!important}
.ww-inventory-grid>article,.final-index-grid>article{content-visibility:auto;contain-intrinsic-size:auto 460px}
.myth-orrery{animation:orrery-track 8s ease-in-out infinite;transform-origin:50px 40px}.myth-glass{animation:glass-bloom 5s ease-in-out infinite;transform-origin:50px 85px}.myth-pearl{animation:pearl-rise 6s ease-in-out infinite}.myth-curtain{animation:curtain-open 6s ease-in-out infinite;transform-origin:left center}.myth-aurora{animation:aurora-weave 7s ease-in-out infinite}.myth-dreamleaf{animation:dreamleaf-unfold 5s ease-in-out infinite;transform-origin:50px 50px}.myth-automaton{animation:automaton-step 4s steps(4) infinite}.myth-ark-sail{animation:ark-sail 6s ease-in-out infinite;transform-origin:50px 80px}
@keyframes orrery-track{0%,100%{transform:translateX(-18px) translateY(4px)}50%{transform:translateX(18px) translateY(-8px)}}
@keyframes glass-bloom{0%,100%{transform:scaleY(.2);opacity:.3}50%,80%{transform:scaleY(1);opacity:1}}
@keyframes pearl-rise{0%,100%{transform:translateY(13px);opacity:0}25%,70%{transform:translateY(-10px);opacity:1}}
@keyframes curtain-open{0%,100%{transform:scaleX(1)}35%,75%{transform:scaleX(.2)}}
@keyframes aurora-weave{0%,100%{stroke-dashoffset:120;opacity:.3}50%{stroke-dashoffset:0;opacity:1}}
@keyframes dreamleaf-unfold{0%,100%{transform:skewY(-12deg) scaleX(.2)}50%{transform:skewY(8deg) scaleX(1)}}
@keyframes automaton-step{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes ark-sail{0%,100%{transform:skewX(-8deg)}50%{transform:skewX(10deg)}}
@media(max-width:600px){.wonder-pack{grid-template-columns:120px minmax(0,1fr);gap:16px}.wonder-pack-cover>.season-cover-art{height:auto}.ww-profile .ww-avatar-button,.profile-avatar{width:104px!important;height:104px!important}.ww-profile-header{align-items:flex-start;gap:14px}.season-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.season-theme-grid .season-cover-art{height:150px}.season-banner-label{margin-top:62px}}
@media(prefers-reduced-motion:reduce){.square-origin i,.mythic-scene *{animation:none!important}.square-origin i{opacity:1;transform:none}.wonder-pack-cover{transform:none}}

#study-mastery[data-study-state=weak]{background:color-mix(in srgb,#ca8299 16%,var(--card))}

@keyframes square-copy-0{0%,0%{opacity:0;transform:rotateY(-180deg) scale(.5)}8%,72%{opacity:1;transform:rotateY(0) scale(1)}82%,100%{opacity:0;transform:rotateY(180deg) scale(.5)}}
@keyframes square-copy-1{0%,10%{opacity:0;transform:rotateY(-180deg) scale(.5)}18%,72%{opacity:1;transform:rotateY(0) scale(1)}82%,100%{opacity:0;transform:rotateY(180deg) scale(.5)}}
@keyframes square-copy-2{0%,20%{opacity:0;transform:rotateY(-180deg) scale(.5)}28%,72%{opacity:1;transform:rotateY(0) scale(1)}82%,100%{opacity:0;transform:rotateY(180deg) scale(.5)}}
@keyframes square-copy-3{0%,30%{opacity:0;transform:rotateY(-180deg) scale(.5)}38%,72%{opacity:1;transform:rotateY(0) scale(1)}82%,100%{opacity:0;transform:rotateY(180deg) scale(.5)}}
@keyframes square-copy-4{0%,40%{opacity:0;transform:rotateY(-180deg) scale(.5)}48%,72%{opacity:1;transform:rotateY(0) scale(1)}82%,100%{opacity:0;transform:rotateY(180deg) scale(.5)}}

.final-pack-film .mythic-scene *{animation:none!important}

.rc-avatar-preview,.ww-cosmetic-preview .ww-avatar{width:112px!important;height:112px!important}

.season-theme-picker [data-theme-preview]{display:flex;align-items:center;gap:20px;min-width:0}.season-theme-picker [data-theme-preview]>.season-cover-art{width:120px;max-width:35%;height:auto;flex:none}.season-theme-picker label{display:block;max-width:360px}.season-theme-picker label select{width:100%}.inventory-selection .functional-actions{gap:8px}.inventory-selection button{min-height:40px}.inventory-check{justify-content:space-between;font-size:12px}.inventory-check input[type=number]{width:64px}.inventory-check input[type=checkbox]{width:18px}.inventory-check label{white-space:nowrap}

.task-season-picker{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.task-season-picker[hidden]{display:none}.task-season-picker label{max-width:360px;display:block}.task-season-picker select{width:100%}.task-season-picker p{font-size:12px;color:var(--muted);margin:8px 0 0}
#inventory-content .inventory-check input[type=number]{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:5px 7px;font:inherit}

.season-theme-picker{padding:20px;margin:18px 0;border:1px solid var(--line);border-radius:16px;background:var(--card)}select[data-keep-native]{display:block;appearance:auto;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit}.season-draft-choices{margin:12px 0 18px}.season-draft-choices [aria-pressed=true]{border-color:var(--green);background:color-mix(in srgb,var(--green) 15%,var(--card))}