/* JW Quest V36.28 — layout, lettering, patterned surfaces and theme-consistent headings. */
/* 1: Avatar center must not drift when the callout appears. */
.profile .jwq-avatar-portrait-wrap{transform:none!important;margin-left:auto!important;margin-right:auto!important;left:auto!important;right:auto!important}
.profile #profileAvatar{margin-left:auto!important;margin-right:auto!important}
.profile #profileShareBtn{left:calc(50% + 53px)!important;right:auto!important;top:0!important;width:clamp(94px,30vw,130px)!important;max-width:130px!important;min-width:0!important;padding:9px 7px!important;min-height:67px!important}
.profile #profileShareBtn .jwq-share-bubble{max-width:116px!important;font-size:10px!important;line-height:1.27!important;overflow-wrap:break-word}
@media(max-width:390px){.profile .jwq-avatar-portrait-wrap{transform:none!important}.profile #profileShareBtn{left:calc(50% + 50px)!important;width:clamp(93px,29vw,112px)!important}.profile #profileShareBtn .jwq-share-bubble{font-size:9.4px!important}}
@media(max-width:340px){.profile .jwq-avatar-portrait-wrap{transform:none!important}.profile #profileShareBtn{left:calc(50% + 49px)!important;width:94px!important;max-width:94px!important;padding:7px 5px!important}.profile #profileShareBtn .jwq-share-bubble{font-size:9px!important}}
/* 2: The entire Support/Rate/Account block sits between profile hero and avatar chooser. */
.jwq-support-panel{position:relative;isolation:isolate;overflow:hidden;margin:0 18px 15px;padding:18px 13px 12px;background:linear-gradient(145deg,var(--card,#fff),var(--soft,#f7faf9));border:1px solid var(--line,#e2e8ed);border-radius:19px;box-shadow:var(--shadow,0 7px 23px #2341)}
.jwq-support-panel::before{content:"";position:absolute;inset:0;background:url("assets/jwq-pattern-v3628.svg") repeat;background-size:158px 158px;opacity:.34;pointer-events:none;z-index:0}
.jwq-support-panel>*{position:relative;z-index:1}
.jwq-support-panel .jwq-support-note{margin:0 auto 16px!important;padding:0 4px!important;gap:8px!important;text-align:center}
.jwq-support-panel .jwq-support-script{font-family:"Snell Roundhand","Apple Chancery","Segoe Script","Bradley Hand",cursive;font-size:clamp(18px,4.6vw,24px);font-weight:500;line-height:1.3;letter-spacing:.008em;color:var(--text,#283d53);font-style:italic;text-wrap:balance}
.jwq-support-panel .jwq-support-script em{font-size:1.13em;font-weight:800;color:color-mix(in srgb,var(--blue,#4b8274) 62%,var(--text,#253446) 38%);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--blue,#6d9886) 46%,transparent)}
.jwq-support-panel .jwq-support-script strong{font-weight:900;font-size:1.09em;color:color-mix(in srgb,var(--blue,#4b8274) 50%,var(--text,#253446) 50%)}
.jwq-support-panel .jwq-support-caption{font-size:11.5px;letter-spacing:.012em;color:var(--muted,#657489);font-family:system-ui,-apple-system,sans-serif;line-height:1.45;font-style:normal}
.jwq-support-panel .jwq-rate-grid{margin:0 0 12px!important;gap:9px!important}
.jwq-support-panel .authbox{margin:5px 0 3px!important}
html[data-jwq-theme="dark"] .jwq-support-panel,html[data-jwq-palette-mode="dark"] .jwq-support-panel{border-color:var(--line,#38506b);background:linear-gradient(145deg,var(--card,#182b40),var(--soft,#20334a))}
/* 3: More frequent but low-contrast flourishes; a repeated asset instead of duplicated large illustrations. */
.app,.wrap{background-image:url("assets/jwq-pattern-v3628.svg");background-repeat:repeat;background-size:164px 164px;background-position:3px 22px}
:is(.welcome,.profile,.jwq-avatar-section,.learningProfile)::after{background-image:url("assets/jwq-olive-ornament.svg"),url("assets/jwq-olive-ornament.svg")!important;background-repeat:no-repeat!important;background-position:right top,left bottom!important;background-size:82px 80px,62px 60px!important;width:100%!important;height:100%!important;inset:0!important;opacity:calc(var(--jwq-ornament-opacity,.18) * 1.1)!important}
:is(.welcome,.profile,.jwq-avatar-section,.learningProfile)>*{position:relative;z-index:1}
/* Keep the central arch in the profile and introduce a subtle woven tile behind it. */
.profile{background-image:url("assets/jwq-arch-ornament.svg"),url("assets/jwq-pattern-v3628.svg"),linear-gradient(135deg,var(--card,#fff),var(--soft,#eef5ff))!important;background-repeat:no-repeat,repeat,no-repeat!important;background-position:center top,center center,center center!important;background-size:100% 116px,156px 156px,cover!important}
.game::after{content:"";position:absolute;right:7px;bottom:7px;width:76px;height:73px;background:url("assets/jwq-olive-ornament.svg") center/contain no-repeat;opacity:.13;pointer-events:none;z-index:0}
.game > div{position:relative;z-index:1}.game > .new{z-index:2}
html[data-jwq-theme="dark"] .game::after,html[data-jwq-palette-mode="dark"] .game::after{opacity:.08}
/* 4: Watchtower subtitle has the same readable visual weight as Journey subtitle. */
#subtitle{font-size:clamp(11.1px,3.2vw,15.4px)!important;font-weight:500!important;line-height:1.5!important;letter-spacing:-.018em!important;white-space:nowrap!important;max-width:100%;color:var(--muted,#63738a)!important}
/* 5: Loading copy is recognizably in-progress, slightly softer and italic on every palette. */
.jwq-loading-copy{font-style:italic!important;font-weight:500!important;letter-spacing:.025em;color:color-mix(in srgb,var(--muted,#617389) 64%,var(--blue,#578699) 36%)!important;opacity:.78!important;line-height:1.5!important}
.jwq-profile-skeleton .jwq-loading-copy{font-style:italic!important;font-weight:500!important}
/* 6: Explore Again / Short Quest titles distinct from muted descriptions, always theme-aware. */
html body .jwq-v36-home-tools .jwq-v36-tool :is(h3#homeReviewTitle,h3#homeDailyTitle){color:color-mix(in srgb,var(--text,#273847) 70%,var(--blue,#538eaa) 30%)!important;font-weight:850!important;letter-spacing:.015em}
html[data-jwq-palette] body .jwq-v36-home-tools .jwq-v36-tool :is(h3#homeReviewTitle,h3#homeDailyTitle){color:color-mix(in srgb,var(--text,#273847) 72%,var(--blue,#538eaa) 28%)!important}
/* 7: All game-card headings, including Who Am I? and Bible Life, use the same variable-driven color. */
html body .game h4{color:color-mix(in srgb,var(--text,#253547) 78%,var(--blue,#557baa) 22%)!important;transition:color .2s ease}
html[data-jwq-palette] body .game h4,html[data-jwq-theme] body .game h4{color:color-mix(in srgb,var(--text,#253547) 78%,var(--blue,#557baa) 22%)!important}
@media(max-width:355px){.jwq-support-panel{padding:16px 9px 11px}.jwq-support-panel .jwq-support-script{font-size:17px}}
@media(prefers-reduced-motion:reduce){html body .game h4{transition:none}}