/* Pixel Quest 6.1: quieter scenery, readable type, product photography and ambient life. */
:root { --readable: 'Trebuchet MS', Arial, sans-serif; --story: Georgia, 'Times New Roman', serif; }
body { font-family:var(--readable); }
.world-backdrop { background-image:linear-gradient(#183b2c55,#183b2c55),url('../img/pixel-village-v1.webp'); }
.quest-shell { max-width:1160px; margin-top:74px; background:#f8edcf; border-width:4px; box-shadow:0 0 0 2px #b9833d,0 14px 45px #10261c70; }
.quest-shell:before,.quest-shell:after,.hero-scroll:before,.hero-scroll:after,.quest-fact:before { display:none; }
.nav { min-height:84px; border-bottom-width:3px; background:linear-gradient(100deg,#57381f,#76522f); box-shadow:inset 0 2px #b18b55; }
.nav nav a,.world-cart { font-family:var(--readable); font-size:15px; }
.brand { font-size:32px; }
.button,.nav-buy { font-family:var(--readable); font-size:16px; line-height:1.4; min-height:48px; border-width:2px; gap:12px; box-shadow:inset 0 0 0 1px #ffe18a,0 2px #71502a; }
.button { padding:14px 20px; }
.nav-buy { padding:10px 15px; }
.eyebrow { font-family:var(--readable); font-size:12px; font-weight:700; line-height:1.6; letter-spacing:1.3px; }
h1,h2 { font-family:var(--story); letter-spacing:-.035em; line-height:1.12; }
h2,.purchase-panel h2,.guarantee h2,.faq h2,.final-panel h2 { font-size:clamp(34px,3.8vw,48px); }
.systems h3,.play-steps h3,.why-grid h3,.guarantee-grid h3,.box-contents h3 { font-family:var(--readable); line-height:1.3; }
.section { padding-block:64px; }
.wrap { padding-inline:44px; }
.world-stage { padding:18px 18px 0; }
.hero { grid-template-columns:1.08fr .92fr; gap:28px; min-height:550px; padding:45px 38px; background-position:center; border:1px solid #bdab7e; box-shadow:none; }
.hero:before { background:linear-gradient(90deg,#faf0d5 0%,#faf0d5f7 35%,#faf0d5d9 50%,#faf0d54a 76%,#faf0d51a); }
.hero-copy { max-width:510px; }
.hero-kicker { background:transparent; border:0; box-shadow:none; color:#4d653c; padding:0; margin-bottom:16px; font-size:11px; letter-spacing:1.3px; }
.hero h1 { font-family:var(--story); font-size:clamp(44px,4.6vw,64px); line-height:1.05; letter-spacing:-.045em; color:#342c1c; text-transform:none; text-shadow:none; filter:none; }
.hero h1 em { color:#406143; }
.hero-scroll { background:none; border:0; padding:0; margin:23px 0; box-shadow:none; }
.intro { font-size:16px; line-height:1.7; color:#514b38; }
.hero-offer { border:0; margin-top:20px; padding-top:0; gap:17px; }
.hero-offer strong { font-family:var(--readable); font-size:30px; letter-spacing:-1px; }
.hero-offer>span { font-size:12px; line-height:1.6; border-color:#bba477; }
.hero-button { min-width:0; width:auto; max-width:100%; font-size:16px; justify-content:center; }
.hero-button>span:first-child { display:none; }
.trust-mini { display:block; width:fit-content; margin-top:18px; padding:0; background:none; color:#4f543b; text-shadow:none; font-size:12px; font-weight:400; }
.hero-media { height:auto; width:100%; max-width:420px; margin:0 auto; padding:18px 16px 13px; background:#fff; border:1px solid #d6c7a0; box-shadow:0 12px 35px #243d2533; }
.hero-media>img { width:100%; max-width:100%; height:auto; aspect-ratio:1; object-fit:contain; transform:none; filter:none; margin:0; }
.product-aura { display:none; }
.photo-label { position:static; order:-1; align-self:flex-start; color:#656450; background:none; border:0; box-shadow:none; transform:none; padding:0 0 12px; white-space:normal; font:700 10px/1.4 var(--readable); letter-spacing:1px; }
.photo-label .icon { width:15px;height:15px; }
.hero-media figcaption { position:static; align-self:stretch; background:#f7f3e8; border:0; box-shadow:none; padding:10px; font-size:11px; gap:10px; justify-content:space-between; flex-direction:row; }
.hero-watch { display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-top:8px; font-size:13px; font-weight:700; color:#436143; }
.world-sparkles { display:none; }
.adventure-strip { padding:22px 35px; gap:22px; border-bottom:1px solid #d4c49f; }
.quest-fact { background:none; border:0; box-shadow:none; padding:0; gap:12px; }
.quest-fact strong { font-family:var(--readable); font-size:12px; line-height:1.5; }
.quest-fact span { font-size:12px; line-height:1.6; }
.hearts .icon:not(:first-child) { display:none; }
.hearts .icon { width:28px;height:28px; }
.buy { gap:55px; background:none; }
.product-gallery figure { background:#fff; border:1px solid #c4b48c; box-shadow:0 5px 18px #70562a0d; padding:18px; }
.stage-heading { margin:0; background:none; border:0; padding:0 0 16px; }
.stage-heading .eyebrow { font-family:var(--readable); color:#62634d; font-size:11px; letter-spacing:1px; }
.stage-heading .icon { width:19px;height:19px; }
#finish-photo { width:100%; height:auto; aspect-ratio:1; object-fit:contain; filter:none; }
#finish-caption { font-size:13px; padding-top:14px; }
.product-facts { background:none; border:0; margin-top:20px; }
.product-facts strong { font-family:var(--readable); font-size:20px; }
.product-facts span { font-size:12px; }
.purchase-intro { font-size:16px; line-height:1.7; margin:18px 0; }
.buy-price { font:700 32px/1.2 var(--readable); }
.buy-price small { font-size:13px; }
legend { font-size:15px; margin-bottom:13px; }
.swatches { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.swatch,.swatch:has(input:checked) { min-width:0; min-height:90px; padding:7px 3px; border:2px solid #d6c8a6; background:#fff; gap:7px; box-shadow:none; }
.swatch:has(input:checked) { border-color:#496b3e; background:#f1f5e8; box-shadow:0 0 0 1px #496b3e; }
.swatch input { inset:0; width:100%; height:100%; transform:none; z-index:2; }
.swatch i { width:20px; height:20px; }
.swatch img { width:100%; height:53px; object-fit:contain; }
.swatch span { font-size:12px; }
.box-contents h3 { font-size:16px; }
.included { font-size:14px; line-height:1.8; }
#purchase-form>.button { font-size:17px; min-height:54px; }
.fine,.buy-assurance { font-size:12px; line-height:1.7; }
.buy-assurance { gap:10px 16px; }
.library { background:#eee2c3; border-block:1px solid #c9b68c; }
.systems { gap:16px; }
.systems>div { background:#f9f1dd; border:1px solid #c7b68f; box-shadow:none; padding:24px 16px; }
.systems h3 { font-size:20px; }
.systems .era { font-family:var(--readable); font-size:10px; line-height:1.5; min-height:0; }
.systems p,.library-note,.why-grid p,.guarantee-grid p,.play-steps li p { font-size:14px; line-height:1.7; }
.text-link { font-family:var(--readable); font-size:15px; line-height:1.5; min-height:44px; display:inline-flex; align-items:center; }
.watch-world { background:none; }
.video-shell { border:1px solid #765a37; box-shadow:none; }
.video-bar { font-family:var(--readable); font-size:11px; letter-spacing:.5px; background:#5d432a; }
.video-frame { aspect-ratio:5/6; max-height:450px; background:#fff; }
.video-frame video { max-height:450px; object-fit:contain; }
.video-caption { font-size:12px; padding:12px; }
.play-steps h3 { font-size:28px; }
.play-steps li { margin-block:22px; }
.play-steps strong { font-size:16px; }
.play-steps li>span { font-family:var(--readable); font-size:14px; line-height:1.3; border:0; box-shadow:none; background:#e8dcbd; }
.play-steps .button { font-size:16px; }
.why { border-top:1px solid #d4c49f; }
.why-grid h3,.guarantee-grid h3 { font-size:20px; }
.specs { background:#f2e5c4; border:1px solid #bfa779; box-shadow:none; }
.specs summary { font-family:var(--readable); font-size:16px; line-height:1.5; }
.specs dt { font-size:13px; }
.specs dd { font-size:15px; }
.guarantee { background:#ede1c1; border-block:1px solid #c9b68c; }
.guarantee-grid article { background:none; border:0; box-shadow:none; padding:12px; }
.guarantee-grid a { font-size:14px; }
.faq-list summary { font-size:16px; line-height:1.6; }
.faq-list details>p { font-size:15px; line-height:1.8; }
.faq-heading>p:not(.eyebrow) { font-size:15px; }
.final-offer { background:linear-gradient(#32482be0,#32482bd9),url('../img/pixel-overworld-v1.webp') center/cover; border:0; }
.final-panel { background:none; border:0; box-shadow:none; color:#fff4d5; }
.final-panel em,.final-panel .eyebrow { color:#ead598; }
.final-panel>p:not(.eyebrow) { color:#ede1c1; font-size:14px; }
.final-panel .button { font-size:16px; }
.footer { background:#503922; border-top:0; box-shadow:none; }
.footer nav,.footer p { font-size:13px; }
.footer small { font-size:11px; }
.sticky-buy>span { font-family:var(--readable);font-size:16px; }
.sticky-buy .button { font-size:14px;min-height:44px; }
/* Decorative torches and birds are separate from the shopping controls. */
.scene-controls { position:absolute;top:-52px;right:0;display:flex;align-items:center;z-index:4; }
.motion-toggle { color:#fff2d5;background:#243d2df0;border:1px solid #b9bd8a;border-radius:4px;padding:9px 14px;min-height:40px;font:600 12px/1.4 var(--readable);cursor:pointer; }
.motion-toggle[hidden] { display:none; }
.scene-life { position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0; }
.bird { position:absolute;left:57%;top:7%;width:25px;height:15px;color:#344f4b;animation:bird-flight 19s linear infinite; }
.bird svg { width:100%;height:100%;animation:wing-beat 1.2s ease-in-out infinite; }
.bird:nth-child(2) { top:10%;width:18px;height:12px;animation-delay:-7s;animation-duration:23s; }
.bird:nth-child(3) { top:5%;width:14px;height:10px;animation-delay:-12s;animation-duration:21s; }
.quest-torch { position:absolute;top:300px;width:34px;height:80px;pointer-events:none;z-index:2; }
.quest-torch--left { left:-53px; }.quest-torch--right { right:-53px; }
.quest-torch:before { content:'';position:absolute;inset:-22px -26px 0;background:radial-gradient(ellipse,#ffb53855,transparent 65%);animation:torch-glow 2.8s ease-in-out infinite; }
.torch-handle { position:absolute;left:14px;top:32px;width:8px;height:43px;background:#725038;border:2px solid #35271c;box-shadow:3px 1px #271d16; }
.torch-cup { position:absolute;left:6px;top:27px;width:23px;height:13px;background:#675a44;border:3px solid #302a20;border-top-color:#b49a64;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%); }
.torch-flame { position:absolute;left:10px;top:2px;width:16px;height:32px;background:#f5a733;clip-path:polygon(45% 0,65% 20%,66% 8%,90% 45%,100% 74%,75% 100%,20% 100%,0 70%,15% 40%,30% 48%);transform-origin:50% 100%;animation:torch-flicker 1.1s ease-in-out infinite alternate; }
.torch-flame:after { content:'';position:absolute;inset:13px 5px 0;background:#ffe7a1;clip-path:polygon(50% 0,100% 60%,85% 100%,15% 100%,0 60%); }
.quest-torch--right .torch-flame { animation-delay:-.6s; }
@keyframes torch-flicker { 0%{transform:scale(.94,1) rotate(-3deg)}35%{transform:scale(1.07,.95) rotate(2deg)}70%{transform:scale(.96,1.08) rotate(-1deg)}100%{transform:scale(1.04,1) rotate(3deg)} }
@keyframes torch-glow { 0%,100%{opacity:.55}50%{opacity:.85} }
@keyframes bird-flight { 0%{transform:translate(-10px,8px);opacity:0}8%,88%{opacity:.7}100%{transform:translate(360px,-12px);opacity:0} }
@keyframes wing-beat { 0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1)} }
.motion-paused .bird,.motion-paused .bird svg,.motion-paused .torch-flame,.motion-paused .quest-torch:before { animation-play-state:paused; }
@media(max-width:1250px) { .quest-torch { display:none; } }
@media(max-width:1100px) { .hero { padding:35px 28px;gap:20px;min-height:510px; }.hero h1{font-size:55px}.hero-media{padding:14px 10px 10px}.wrap{padding-inline:30px}.hero.wrap{padding-inline:28px}.buy{gap:30px}.swatches{gap:6px}.swatch span{font-size:11px} }
@media(max-width:850px) { .hero h1{font-size:46px}.hero{gap:20px;padding-block:35px;min-height:480px}.intro{font-size:15px}.intro br{display:none}.hero-offer{gap:12px}.hero-offer strong{font-size:27px}.hero-offer>span{font-size:11px}.hero-button{font-size:15px;padding-inline:15px}.hero-media figcaption{flex-direction:column;gap:2px;align-items:center}.quest-fact{gap:8px;flex-direction:row;text-align:left}.quest-fact strong{font-size:11px}.quest-fact span{font-size:11px}.adventure-strip{padding-inline:25px;gap:15px}.hearts{height:auto}.systems{grid-template-columns:repeat(2,1fr)}.buy{grid-template-columns:1fr 1.1fr;gap:24px}.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.swatch img{height:48px}.guarantee-grid{gap:10px}.guarantee-grid h3{font-size:18px}.nav nav a{font-size:14px} }
@media(max-width:650px) {
 .quest-shell{width:calc(100% - 24px);margin:62px auto 85px;border-width:3px}.world-backdrop{background-image:linear-gradient(#183b2c88,#183b2c88),url('../img/pixel-village-v1.webp')}.nav{padding:12px 12px 9px}.nav>.brand{font-size:27px}.nav>.nav-buy{font-size:12px}.nav>nav a{font-family:var(--readable);font-size:12px;padding-inline:4px}.nav>.world-cart{font-family:var(--readable);font-size:13px}
 .world-stage{padding:10px 10px 0}.hero{display:flex;padding:28px 22px 22px;background-position:60% bottom;background-size:auto 100%;gap:27px}.hero:before{background:linear-gradient(#faf0d5 0%,#faf0d5f5 43%,#faf0d5a8 66%,#faf0d51a)}.hero-copy{text-align:left}.hero h1{font-size:clamp(40px,10.7vw,60px);line-height:1.07;letter-spacing:-.045em;text-shadow:none}.hero h1 em{display:inline;margin:0}.hero-kicker{font-size:9px;margin-bottom:15px;letter-spacing:1px}.hero-scroll{margin:20px 0;max-width:none;padding:0}.intro{font-size:15px;line-height:1.7}.hero-offer{justify-content:flex-start;margin-top:18px;padding:0}.hero-offer strong{font-size:30px}.hero-offer>span{font-size:12px}.hero-button{width:100%;min-height:52px;font-size:15px}.trust-mini{font-size:12px;margin:14px 0 0;padding:0}.hero-media{max-width:350px;min-height:0;height:auto;margin:0 auto;padding:13px}.hero-media>img{max-width:100%;width:100%;height:auto;aspect-ratio:1;transform:none}.photo-label{font-size:9px;max-width:none;line-height:1.5}.hero-media figcaption{flex-direction:row;gap:8px;font-size:10px;padding:8px}.hero-watch{font-size:12px}
 .adventure-strip{padding:20px;grid-template-columns:1fr;gap:14px}.quest-fact,.quest-fact:last-child{grid-column:auto;flex-direction:row;justify-content:flex-start;padding:0;gap:13px;text-align:left}.quest-fact strong,.quest-fact:last-child strong{font-size:12px}.quest-fact span{font-size:12px}.quest-fact>.icon,.hearts,.hearts .icon{width:26px;height:26px}.quest-fact:last-child .hearts{height:26px}.section{padding-block:40px}.wrap{padding-inline:23px}.hero.wrap{padding-inline:22px}.buy{gap:28px}.product-gallery figure{padding:16px}.stage-heading{margin:0}.stage-heading .eyebrow{font-size:10px}#finish-photo{height:auto;aspect-ratio:1}#finish-caption{font-size:12px}.product-facts strong{font-size:18px}.product-facts span{font-size:11px}.purchase-panel h2,h2,.guarantee h2,.faq h2,.final-panel h2{font-size:36px}.eyebrow{font-size:10px;letter-spacing:1px}.purchase-intro,.section-intro{font-size:15px}.buy-price{font-size:30px}legend{font-size:14px}.swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.swatch,.swatch:has(input:checked){min-height:90px;padding:8px 4px}.swatch img{height:52px}.swatch span{font-size:12px}#purchase-form>.button{font-size:15px;min-height:54px;padding-inline:12px}.included{font-size:14px}.fine{font-size:12px}.buy-assurance{font-size:12px;gap:7px 14px;justify-content:flex-start}.systems{gap:10px}.systems>div{padding:20px 10px}.systems h3{font-size:18px}.systems .era{font-size:9px;min-height:27px}.systems p{font-size:13px}.library-note{font-size:13px}.library .text-link{font-size:14px}.video-frame,.video-frame video{max-height:380px}.video-bar{font-size:10px}.video-caption{font-size:12px}.play-steps h3{font-size:25px}.play-steps li p{font-size:14px}.play-steps .button{font-size:16px}.why-grid h3,.guarantee-grid h3{font-size:19px}.why-grid p,.guarantee-grid p{font-size:14px}.guarantee-grid article{padding:15px 0}.guarantee-grid a{font-size:14px}.specs summary{font-size:15px}.specs dd{font-size:14px}.faq-list summary{font-size:15px}.faq-list details>p{font-size:14px}.footer nav{font-size:13px;gap:8px 18px}.footer p{font-size:13px}.footer small{font-size:11px}.final-panel .button{font-size:15px}.sticky-buy{gap:10px;padding-inline:14px}.sticky-buy>span{font-size:15px}.sticky-buy .button{font-size:14px;padding-inline:12px}.bird{left:28%;top:48%}.bird:nth-child(2){top:52%}.bird:nth-child(3){display:none}.scene-controls{top:-49px}.motion-toggle{min-height:40px}
}
@media(max-width:360px) { .nav>nav{grid-column:1/-1;grid-row:3;justify-content:space-between}.nav>.nav-buy{grid-column:1/-1;grid-row:2;justify-self:stretch}.nav>nav a{flex:1;min-width:44px;font-size:13px}.hero.wrap{padding-inline:16px}.wrap{padding-inline:18px}.hero h1{font-size:39px}.hero-kicker{font-size:8px;letter-spacing:.7px}.hero-offer{gap:10px}.hero-offer>span{font-size:11px}.hero-media{padding:10px}.hero-media figcaption{flex-wrap:wrap}.hero-button{font-size:14px}.purchase-panel h2,h2,.guarantee h2,.faq h2,.final-panel h2{font-size:33px} }
@media(prefers-reduced-motion:reduce) { html:not(.motion-opt-in) .scene-life{display:none}html:not(.motion-opt-in) .quest-torch:before,html:not(.motion-opt-in) .torch-flame{animation:none!important}.hero-watch{scroll-behavior:auto} }
/* Support/cart pages keep the same readable hierarchy. */
body:not(.rp-conversion) { --rpr-font-display:Georgia,'Times New Roman',serif;background-image:linear-gradient(#183b2c55,#183b2c55),url('../img/pixel-village-v1.webp'); }
body:not(.rp-conversion) .rpr-main :is(h1,h2,h3) { font-family:var(--story)!important;letter-spacing:-.02em;line-height:1.2; }
body:not(.rp-conversion) .rpr-nav__list a,body:not(.rp-conversion) .rpr-main .rpr-eyebrow,body:not(.rp-conversion) .rpr-footer__col h4 { font-family:var(--readable); }
body:not(.rp-conversion) :is(.rpr-btn--accent,.rpr-btn--rainbow,.rpr-btn--light),body:not(.rp-conversion) .rpr-page-content .woocommerce :is(a.button,button.button,input.button),body:not(.rp-conversion) .rpr-page-content :is(.wc-block-components-checkout-place-order-button,.wc-block-cart__submit-button,.checkout-button) { font-family:var(--readable)!important;font-size:15px; }
body:not(.rp-conversion) .rpr-footer__col a { font-size:13px;line-height:1.7; }
