/* Third trial skin: Pixel World */
body[data-theme="pixel"]{--bg:#0a1424;--surface:#14243a;--paper:#f5e8ca;--paper2:#d5bd8e;--ink:#263348;--text:#f5e8ca;--muted:#c0b18c;--accent:#e5b85f;--line:#dbbf7a;--green:#6b9f9a;--locked:#8991a0;--nav:#101b2cee;--shadow:4px 5px 0 #030913}
body[data-theme="pixel"] .living-home{background-image:linear-gradient(#09132228,#0913223d),url("assets/pixel-study-home.webp");background-position:center,center 40%;background-size:100% 100%,cover;image-rendering:pixelated}
body[data-theme="pixel"] .living-home::before{background:linear-gradient(180deg,#07101c10 0%,#08142608 42%,#0814265c 100%)}
body[data-theme="pixel"] .fox-foreground{display:none}
body[data-theme="pixel"] .home-heading{top:10%;color:#ffe8b2;text-shadow:2px 2px 0 #162338,0 0 10px #0a1320}
body[data-theme="pixel"] .home-heading h1{font-family:ui-monospace,"Courier New",monospace;letter-spacing:.1em;text-shadow:2px 2px 0 #28364c}
body[data-theme="pixel"] .home-heading p{color:#ead7ab}
body[data-theme="pixel"] .home-leaf{font-family:ui-monospace,monospace;color:#efbd72}
body[data-theme="pixel"] .letter-envelope{filter:none}
body[data-theme="pixel"] .envelope-back{border:3px solid #7c6242;border-radius:2px;background:linear-gradient(135deg,#fff3d6,#d7c295);box-shadow:inset 0 0 0 3px #fff8e6}
body[data-theme="pixel"] .envelope-letter{border-radius:1px;background-color:#fff4d7;background-image:repeating-linear-gradient(0deg,transparent 0 17px,#b99e6d28 17px 18px);box-shadow:3px 3px 0 #56482e55;color:#344253}
body[data-theme="pixel"] .envelope-letter span{font-family:ui-monospace,"Courier New",monospace;font-weight:700;color:#344c5a}
body[data-theme="pixel"] .envelope-front,body[data-theme="pixel"] .envelope-fold,body[data-theme="pixel"] .envelope-flap{border-radius:1px;background:linear-gradient(145deg,#ffefc5,#d8b77d)}
body[data-theme="pixel"] .envelope-front{border-bottom:3px solid #9a7044}
body[data-theme="pixel"] .envelope-front::after{opacity:.8}
body[data-theme="pixel"] .envelope-insignia{top:31%;width:38px;height:38px;padding:5px;border:3px solid #8b3e37;border-radius:50%;background:#b94c42;color:#ffe0a1;box-shadow:3px 3px 0 #512e33}
body[data-theme="pixel"] .envelope-insignia .sprout-mark,body[data-theme="pixel"] .envelope-insignia .night-postmark{display:none}
body[data-theme="pixel"] .envelope-insignia .wax-leaf{display:block}
body[data-theme="pixel"] .open-envelope-button{border:3px solid #f4d897;border-radius:3px;background:#9c433b;color:#fff0c8;box-shadow:4px 5px 0 #251c25;font-family:ui-monospace,"Courier New",monospace;font-weight:700;letter-spacing:.02em}
body[data-theme="pixel"] .screen::before{background-image:linear-gradient(180deg,#0c1a2ab3,#111c2bdc),url("assets/pixel-study-home.webp");background-size:cover;background-position:center 38%;image-rendering:pixelated}
body[data-theme="pixel"] .case-title{color:#ffe4a4;text-shadow:2px 2px 0 #121b2a}
body[data-theme="pixel"] .case-sub,body[data-theme="pixel"] .read-tag,body[data-theme="pixel"] .after-note{color:#e8d9b8}
body[data-theme="pixel"] .illustration{border:3px solid #c4a76c;border-radius:3px;box-shadow:4px 5px 0 #07101c}
body[data-theme="pixel"] .story-paper{border:3px solid #9e8152;border-radius:3px;background-color:#f7edda;background-image:repeating-linear-gradient(0deg,transparent 0 27px,#cfbc9950 27px 28px),linear-gradient(135deg,#fff6df,#eddfc0);box-shadow:5px 6px 0 #07101c99;color:#344253}
body[data-theme="pixel"] .story-paper:before{background:#ba9f6b}
body[data-theme="pixel"] .card-actions .action-btn{border:3px solid #f3d991;border-radius:3px;background:#a24c42;color:#fff0c5;box-shadow:4px 4px 0 #091222;font-family:ui-monospace,"Courier New",monospace}
body[data-theme="pixel"] .card-actions .action-btn.secondary{background:#263d5a;color:#fff0c5}
body[data-theme="pixel"] .museum-title{color:#ffe5aa;text-shadow:2px 2px 0 #142034;letter-spacing:.12em}
body[data-theme="pixel"] #museumPage .museum-collection-links .favorites-compact,
body[data-theme="pixel"] #museumPage .museum-collection-links #pictureBookOpen{filter:drop-shadow(3px 4px 0 #08111d)}
body[data-theme="pixel"] .favorites-open,body[data-theme="pixel"] .museum-category,body[data-theme="pixel"] .museum-category.expanded{border:2px solid #b99b62;border-radius:4px;background:linear-gradient(145deg,#1c3048,#142337);box-shadow:4px 5px 0 #060d18}
body[data-theme="pixel"] .favorites-label b,body[data-theme="pixel"] .category-tile b{color:#ffebbf}
body[data-theme="pixel"] .favorites-label small,body[data-theme="pixel"] .category-tile small{color:#c7b98f}
body[data-theme="pixel"] .favorites-star{border-radius:2px;background:#9f443c;color:#fff0bf}
body[data-theme="pixel"] .category-entry{border-top:1px dashed #d1ae6b;color:#f1dfb6}
body[data-theme="pixel"] .category-entry.unlocked{color:#fff0c7}
body[data-theme="pixel"] .category-entry.locked{color:#9aa2ac}
body[data-theme="pixel"] .picture-book-drawer,body[data-theme="pixel"] .favorites-drawer{background-color:#111d2e;background-image:linear-gradient(#111d2eec,#111d2eec),url("assets/pixel-study-home.webp");background-size:cover;background-position:center 50%;color:#f6e8c8;border:3px solid #bd9c61}
body[data-theme="pixel"] .picture-book-head,body[data-theme="pixel"] .favorites-drawer-head{border-color:#c09e63}
body[data-theme="pixel"] .picture-book-head h2,body[data-theme="pixel"] .favorites-drawer-head h2{color:#ffedc2}
body[data-theme="pixel"] .picture-book-head small,body[data-theme="pixel"] .picture-book-count,body[data-theme="pixel"] .favorites-drawer-head #savedCount{color:#d4bd8d}
body[data-theme="pixel"] .picture-card{border:2px solid #d1ad69;border-radius:2px;background:#f4e7c8;box-shadow:3px 3px 0 #050c16}
body[data-theme="pixel"] .picture-card img{border-radius:0}
body[data-theme="pixel"] .picture-card .picture-name{font-family:ui-monospace,"Courier New",monospace;font-weight:700;color:#28364a}
body[data-theme="pixel"] .picture-card.locked{border:2px dashed #9b8967;background:#d8c9a9;color:#6d6658;box-shadow:none}
body[data-theme="pixel"] .picture-category-toggle,body[data-theme="pixel"] .picture-category-options button{border:2px solid #b99b62;border-radius:3px;background:#20334a;color:#fff0c7}
body[data-theme="pixel"] .picture-category-options button.selected{background:#a3483d;color:#fff0c7}
body[data-theme="pixel"] .memory-sheet{border:3px solid #b99b62;border-radius:4px;background:linear-gradient(145deg,#14273e,#0e1b2c);box-shadow:5px 6px 0 #050b14}
body[data-theme="pixel"] .memory-top,body[data-theme="pixel"] .memory-top .coin-total{color:#f5d88e}
body[data-theme="pixel"] .memory-sheet>h1{color:#ffedc2}
body[data-theme="pixel"] .memory-intro{color:#d9cba9}
body[data-theme="pixel"] .memory-question{border:2px solid #b99b62;border-radius:3px;box-shadow:3px 4px 0 #050b14}
body[data-theme="pixel"] .memory-question h3{color:#28364a}
body[data-theme="pixel"] .memory-option{border:2px solid #ae9667;border-radius:3px;background:#fff3d9;color:#26364b;box-shadow:2px 2px 0 #7a6c51}
body[data-theme="pixel"] .memory-option.chosen{background:#d7e6e4;border-color:#4c868a}
body[data-theme="pixel"] .memory-actions button,body[data-theme="pixel"] .memory-modal .treasure-finish{border:3px solid #f3d991;border-radius:3px;background:#9e453b;color:#fff2ca;box-shadow:3px 4px 0 #070e19}
body[data-theme="pixel"] .memory-actions #memoryReturn{background:#243951;color:#ffecc5}
body[data-theme="pixel"] .memory-modal{border:3px solid #c9a365;border-radius:5px;background:#f5e7c7;box-shadow:5px 6px 0 #040a14}
body[data-theme="pixel"] .memory-modal h2{color:#283950;font-family:ui-monospace,"Courier New",monospace;font-weight:800}
body[data-theme="pixel"] .memory-modal>p{color:#5b604f}
body[data-theme="pixel"] .treasure-chest{border:2px solid #b99b62;border-radius:3px;box-shadow:3px 4px 0 #081120}
body[data-theme="pixel"] .nav{border-top:3px solid #bd9b60;background:#111d2fef;box-shadow:0 -4px 0 #070d18}
body[data-theme="pixel"] .nav button{color:#c6b991}
body[data-theme="pixel"] .nav button.active{color:#ffd985}
body[data-theme="pixel"] .nav .ico{filter:drop-shadow(2px 2px 0 #101826)}
body[data-theme="pixel"] .sheet-back{background:#020713bd}
body[data-theme="pixel"] .sheet{border:3px solid #bd9b60;border-bottom:0;border-radius:5px 5px 0 0;background-image:linear-gradient(#14273ef2,#0e1a2af2),url("assets/pixel-study-home.webp");color:#f6e7c5;box-shadow:0 -5px 0 #050b14}
body[data-theme="pixel"] .sheet-top h2,body[data-theme="pixel"] .setting-label b{color:#ffebbf}
body[data-theme="pixel"] .theme-choice{border:2px solid #bb9c63;border-radius:4px;background:#1c3048;color:#f7e7c2}
body[data-theme="pixel"] .theme-choice.selected{border-color:#ffe28a;background:#263b55;box-shadow:inset 0 0 0 2px #ffe28a44}
body[data-theme="pixel"] .theme-swatch{border:2px solid #b99b62;border-radius:2px;background-image:url("assets/pixel-study-home.webp");background-size:cover;background-position:center 35%;image-rendering:pixelated}
body[data-theme="pixel"] .theme-choice[data-theme="warm"] .theme-swatch{background-image:url("assets/warm-forest.webp")}
body[data-theme="pixel"] .theme-choice[data-theme="pixel"] .theme-swatch{background-image:url("assets/pixel-study-home.webp")}
body[data-theme="pixel"] .shop-header h1{color:#ffedc1}
body[data-theme="pixel"] .shop-header p,body[data-theme="pixel"] .shop-footnote{color:#d2c4a2}
body[data-theme="pixel"] .shop-wallet{border:2px solid #c6a367;border-radius:4px;background:#14263c;color:#ffe0a0}
body[data-theme="pixel"] #futurePage .shop-list{border:3px solid #b99b62;border-radius:5px;background:linear-gradient(#12243aeb,#12243aeb),url("assets/pixel-study-home.webp") center 45%/cover;box-shadow:4px 5px 0 #050b14}
body[data-theme="pixel"] #futurePage .shop-item-info h2{color:#fff0c8;font-family:ui-monospace,"Courier New",monospace;font-weight:800}
body[data-theme="pixel"] #futurePage .shop-item-info p{color:#d5c49c;border-color:#b99b62}
body[data-theme="pixel"] #futurePage .shop-price{color:#ffe2a0}
body[data-theme="pixel"] #futurePage .shop-buy{border:2px solid #ffedbf;border-radius:3px;background:#293e58;color:#fff1c9;box-shadow:3px 3px 0 #060e19}
body[data-theme="pixel"] #futurePage .extra-ticket .shop-buy{background:#287bc1}
body[data-theme="pixel"] #futurePage .theme-buy{background:#a6483d}
body[data-theme="pixel"] #futurePage .shop-quota{color:#decda9}
body[data-theme="pixel"] #futurePage .theme-item .theme-thumb{background-image:linear-gradient(#07132420,#07132435),url("assets/pixel-study-home.webp");background-position:center,center 40%;background-size:100% 100%,cover;border:2px solid #c7a568;border-radius:3px;box-shadow:4px 4px 0 #050b14;image-rendering:pixelated}
body[data-theme="pixel"] #futurePage .theme-item .thumb-stars{color:#fff4a6;text-shadow:2px 2px 0 #483754,0 0 8px #fff4a6}
body[data-theme="pixel"] .toast{border:2px solid #c19d5e;border-radius:3px;background:#f3e5c6;color:#28384c;box-shadow:3px 4px 0 #050b14}
@media(prefers-reduced-motion:reduce){body[data-theme="pixel"] *{scroll-behavior:auto!important}}

/* Approved ornate assets: separate interactive layers, no embedded screen mockups. */
body[data-theme="pixel"] .screen::before{background-image:linear-gradient(#08142635,#08142685),url("assets/pixel-study-home.webp")}
body[data-theme="pixel"] .screen::after{content:"";display:block!important;position:absolute;inset:0;z-index:8;opacity:1;pointer-events:none;width:auto;height:auto;border:18px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 18px / 0 stretch;background:none;clip-path:none}
body[data-theme="pixel"] .home-heading{top:22px;left:15%;right:15%;padding:7px 3px;border:12px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 12px / 0 stretch;background:#f2dfb8;color:#26354a;text-shadow:none}
body[data-theme="pixel"] .home-heading h1{font-size:21px;text-shadow:none;letter-spacing:.04em}
body[data-theme="pixel"] .home-heading p{color:#705131;font-size:9px}
body[data-theme="pixel"] .home-leaf{display:none}
body[data-theme="pixel"] .letter-scene{top:64%;width:62%;max-width:280px}
body[data-theme="pixel"] .letter-envelope::after{content:"";position:absolute;inset:-8%;z-index:7;background:url("assets/pixel-envelope.webp") center/121% auto no-repeat;image-rendering:pixelated;transition:opacity .28s;pointer-events:none;clip-path:inset(6.5% 0 6%)}
body[data-theme="pixel"] .letter-envelope>.envelope-back,body[data-theme="pixel"] .letter-envelope>.envelope-front,body[data-theme="pixel"] .letter-envelope>.envelope-fold,body[data-theme="pixel"] .letter-envelope>.envelope-flap,body[data-theme="pixel"] .letter-envelope>.envelope-insignia{opacity:0}
body[data-theme="pixel"] .unsealing .letter-envelope::after{opacity:0}
body[data-theme="pixel"] .open-envelope-button,body[data-theme="pixel"] .memory-actions button,body[data-theme="pixel"] .shop-buy{border:8px solid transparent!important;border-image:url("assets/pixel-ornate-frame.webp") 150 / 8px / 0 stretch!important;border-radius:0!important}
body[data-theme="pixel"] .open-envelope-button{z-index:20;pointer-events:auto}
body[data-theme="pixel"] .story-paper{background:#f6e7c7 url("assets/pixel-parchment.webp") center/100% 100% no-repeat;padding:90px 28px 32px;border:0;border-radius:0;box-shadow:4px 5px 0 #040914}
body[data-theme="pixel"] .story-paper::before{display:none}
body[data-theme="pixel"] .memory-question{background:#f4e4c4 url("assets/pixel-parchment.webp") center/100% 100% no-repeat;padding:24px 20px 20px;border:0;border-radius:0}
body[data-theme="pixel"] .memory-question h3{padding-top:20px}
body[data-theme="pixel"] .memory-sheet,body[data-theme="pixel"] #futurePage .shop-list,body[data-theme="pixel"] .memory-modal,body[data-theme="pixel"] .picture-book-drawer,body[data-theme="pixel"] .favorites-drawer{border:16px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 16px / 0 stretch;border-radius:0}
body[data-theme="pixel"] .picture-card{border:7px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 7px / 0 stretch;background:#241b18;border-radius:0;padding:0}
body[data-theme="pixel"] .picture-card .picture-name{color:#f6e6c3}
body[data-theme="pixel"] .chest-art{width:100px;height:100px;background:url("assets/pixel-chests.webp") left center/200% 100% no-repeat;image-rendering:pixelated;filter:drop-shadow(2px 3px 0 #26171388)}
body[data-theme="pixel"] .chest-art>.chest-lid,body[data-theme="pixel"] .chest-art>.chest-base,body[data-theme="pixel"] .chest-art>.chest-band,body[data-theme="pixel"] .chest-art>.chest-lock,body[data-theme="pixel"] .chest-art>.chest-ornament{visibility:hidden}
body[data-theme="pixel"] .treasure-chest.opening .chest-art{background-position:right center}
body[data-theme="pixel"] .memory-modal-backdrop{background:linear-gradient(#05101ccc,#05101ce8),url("assets/pixel-study-home.webp") center/cover}
body[data-theme="pixel"] .memory-reward-splash{background:radial-gradient(#09162765,#040b17dc),url("assets/pixel-study-home.webp") center/cover}
body[data-theme="pixel"] .nav{border:10px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 10px / 0 stretch;background:#101d30}
body[data-theme="pixel"] .museum-category{border:9px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 9px / 0 stretch}
body[data-theme="pixel"] #futurePage .theme-item:not(.pixel-theme-item) .theme-thumb{background-image:url("assets/night-study.webp")!important}
body[data-theme="pixel"] #futurePage .pixel-theme-item .theme-thumb{background-image:url("assets/pixel-study-home.webp")!important}
@media(max-height:650px){body[data-theme="pixel"] .letter-scene{top:57%;width:51%}body[data-theme="pixel"] .home-heading{top:12px;padding:3px}}
body[data-theme="pixel"] #futurePage .ticket-face{border:7px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 7px / 0 stretch;border-radius:0;box-shadow:3px 4px 0 #040914}
body[data-theme="pixel"] #futurePage .ticket-mark{font-family:ui-monospace,"Courier New",monospace;font-weight:900;text-shadow:2px 2px 0 #17233e}
body[data-theme="pixel"] .treasure-chest.revealed .chest-art{background-position:right center}
body[data-theme="pixel"] .picture-book-grid{background:repeating-linear-gradient(0deg,#3e2918 0 5px,#75512a 5px 8px,transparent 8px 116px);padding:8px;gap:10px}

/* Carry the approved wood, brass and parchment language through each screen. */
body[data-theme="pixel"] .read-head{padding:9px 10px;margin:-5px -4px 14px;background:linear-gradient(135deg,#172943,#0d1b2d);border:8px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 8px / 0 stretch;box-shadow:3px 4px 0 #050b14}
body[data-theme="pixel"] .read-head .back,body[data-theme="pixel"] .read-head .status,body[data-theme="pixel"] .read-head .switch,body[data-theme="pixel"] .read-head .voice{border:2px solid #b99b62;border-radius:2px;background:#1a3048;color:#ffedc2;box-shadow:2px 2px 0 #050b14}
body[data-theme="pixel"] .read-head .read-tag{color:#f4dfae;font-family:ui-monospace,"Courier New",monospace;font-weight:700;letter-spacing:.06em}
body[data-theme="pixel"] #museumPage .museum-title{display:table;margin:0 auto 16px;padding:6px 22px;border:9px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 9px / 0 stretch;background:#f1dfba;color:#26364a;text-shadow:1px 1px 0 #fff0ce}
body[data-theme="pixel"] #futurePage .shop-header{padding:10px 12px;margin:-5px -4px 15px;background:linear-gradient(135deg,#172943,#0d1b2d);border:9px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 9px / 0 stretch;box-shadow:3px 4px 0 #050b14}
body[data-theme="pixel"] #memoryPage .memory-top{padding:6px 9px;margin-bottom:12px;border:7px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 7px / 0 stretch;background:#162942;color:#ffedc2}
body[data-theme="pixel"] .picture-book-head,body[data-theme="pixel"] .favorites-drawer-head{padding:8px 10px;background:linear-gradient(135deg,#172943,#0d1b2d);border:8px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 8px / 0 stretch}
body[data-theme="pixel"] .picture-category-toggle,body[data-theme="pixel"] .picture-category-options button{box-shadow:2px 3px 0 #050b14}

/* Screenshot review corrections. */
body[data-theme="pixel"] #readingPage{border:14px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 14px / 0 stretch;padding:12px 8px 24px}
body[data-theme="pixel"] #readingPage::after{display:none}
body[data-theme="pixel"] .read-head{padding:0 0 8px;margin:0 0 12px;background:none;border:0;box-shadow:none}
body[data-theme="pixel"] .case-title,body[data-theme="pixel"] .case-sub,body[data-theme="pixel"] .after-note{color:#263a32;text-shadow:none}
body[data-theme="pixel"] .case-sub,body[data-theme="pixel"] .after-note{color:#4a5a49}
body[data-theme="pixel"] .picture-book-grid{background:transparent!important}
body[data-theme="pixel"] .picture-book-head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding-right:48px}
body[data-theme="pixel"] .picture-book-head>div{min-width:0}
body[data-theme="pixel"] .picture-book-head .picture-book-count{grid-column:2;grid-row:1;align-self:center;margin-right:2px;white-space:nowrap;color:#f1d99b;font-size:10px}
body[data-theme="pixel"] .picture-book-head button{right:4px;top:50%;transform:translateY(-50%);z-index:2}
body[data-theme="pixel"] #museumPage #favoritesOpen{background:linear-gradient(145deg,#733d3b,#552c32);border-color:#e1b873;color:#fff0d0}
body[data-theme="pixel"] #museumPage #favoritesOpen .favorites-star{background:#f0d18c;color:#66363a}
body[data-theme="pixel"] .theme-choice[data-theme="night"] .theme-swatch{background-image:url("assets/night-study.webp");background-size:cover;background-position:center 27%;image-rendering:auto}
body[data-theme="pixel"] .letter-scene{top:52%;width:62%;max-width:280px}
body[data-theme="pixel"] #futurePage .shop-item{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:transparent;box-shadow:none;transform:none}
body[data-theme="pixel"] #futurePage .ticket-face,body[data-theme="pixel"] #futurePage .theme-item .theme-thumb{transform:rotate(-3deg)}
body[data-theme="pixel"] #futurePage .shop-item-info h2{color:#fff0c8;text-shadow:1px 1px 0 #1a2739}
body[data-theme="pixel"] #futurePage .shop-item-info p{color:#e5d6b3;border-color:#b99b62}
/* Align shop product art with the shared shop style across themes. */
body[data-theme="pixel"] #futurePage .ticket-face{border:4px solid #fff;border-image:none;border-radius:15px;box-shadow:0 5px 12px #0005,inset 0 0 0 1px #ffffff50}
body[data-theme="pixel"] #futurePage .ticket-face{border:clamp(10px,3vw,13px) solid #fff;border-image:none;border-radius:14px;box-shadow:0 5px 9px #4a453948,inset 0 0 0 1px #ffffff8a}
body[data-theme="pixel"] #futurePage .ticket-mark{font-family:Arial,sans-serif;font-size:clamp(24px,7vw,31px);text-shadow:0 2px 1px #fff8,0 4px 4px #18273580}
body[data-theme="pixel"] #futurePage .extra-ticket .ticket-mark{font-size:clamp(21px,6vw,27px)}
body[data-theme="pixel"] #futurePage .theme-item .theme-thumb{border:1px solid #c7a96f;border-image:none;border-radius:15px;box-shadow:inset 0 0 18px #02071399,0 4px 12px #0005}
body[data-theme="pixel"] #futurePage .shop-buy{border:1px solid #fff3d8!important;border-image:none!important;border-radius:999px!important;background:#e1e8eb!important;color:#33414c!important;box-shadow:0 3px 9px #0003!important}
body[data-theme="pixel"] #futurePage .extra-ticket .shop-buy{background:#cfe8ff!important;color:#174c7c!important}
body[data-theme="pixel"] #futurePage .theme-buy{background:#f1d58e!important;color:#382c19!important}
/* Remove the decorative frame printed on the reading paper; the page keeps its outer frame. */
body[data-theme="pixel"] .story-paper{padding:24px 22px 28px;background-color:#f6e7c7;background-image:radial-gradient(#8d72400b .7px,transparent .8px),repeating-linear-gradient(0deg,transparent 0 27px,#b99e6d20 27px 28px);background-size:6px 6px,100% 100%;border:0;box-shadow:4px 5px 0 #040914}
/* Match album cards to the museum's brass pixel frame. */
body[data-theme="pixel"] .picture-book-drawer .picture-card,body[data-theme="pixel"] .picture-book-drawer .picture-card.locked{border:9px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 9px / 0 stretch;border-radius:0;padding:2px;box-shadow:3px 4px 0 #050c16}
body[data-theme="pixel"] .picture-book-drawer .picture-card.locked{background:#d8c9a9;color:#554f43}
/* Home composition: lower title, lift envelope, and show the desk toys. */
body[data-theme="pixel"] .living-home{background-image:linear-gradient(#09132228,#0913223d),url("assets/pixel-study-home-toys.webp");background-position:center,center 40%;background-size:100% 100%,cover}
body[data-theme="pixel"] .home-heading{top:8%;}
body[data-theme="pixel"] .letter-scene{top:44%;width:62%;max-width:280px}
/* Approved reading-page color mix: screenshot-style light heading, mist-blue story paper. */
body[data-theme="pixel"] #readingPage .case-title{color:#fff5e5;text-shadow:0 2px 5px #071322;font-weight:700}
body[data-theme="pixel"] #readingPage .case-sub{color:#e7f0f5;text-shadow:0 1px 4px #071322}
body[data-theme="pixel"] #readingPage .image-caption{color:#dcebf3;text-shadow:0 1px 3px #071322}
body[data-theme="pixel"] #readingPage .story-paper{background-color:#dcebf3;background-image:radial-gradient(#46637a14 .7px,transparent .8px),repeating-linear-gradient(0deg,transparent 0 27px,#647d921c 27px 28px);color:#18344c}
body[data-theme="pixel"] #readingPage #storyText,body[data-theme="pixel"] #readingPage .story-paragraph{color:#18344c}
body[data-theme="pixel"] #readingPage .after-note{color:#e7f0f5;text-shadow:0 1px 4px #071322}
/* Reading-page markup follows the screenshot annotations: dimmed scene, no rounded card backing. */
body[data-theme="pixel"] #readingPage::before{background-image:linear-gradient(180deg,#071322bd 0%,#07132299 44%,#0713225c 100%),url("assets/pixel-study-home.webp");background-position:center,center 38%;background-size:cover;image-rendering:auto}
body[data-theme="pixel"] #readingPage .reading-letter{background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body[data-theme="pixel"] #readingPage .reading-letter .illustration{width:94%;height:auto;aspect-ratio:1.66;margin:0 auto;border:3px solid #c4a76c;border-radius:3px;box-shadow:4px 5px 0 #07101c}
body[data-theme="pixel"] #readingPage .reading-letter .illustration img{object-fit:contain;object-position:center}
/* Match the illustration width to the story text panel, and deepen the blue paper. */
body[data-theme="pixel"] #readingPage .reading-letter .illustration{width:100%;aspect-ratio:3/2;margin-left:0;margin-right:0}
body[data-theme="pixel"] #readingPage .story-paper{background-color:#abc6d9;background-image:radial-gradient(#294c6715 .7px,transparent .8px),repeating-linear-gradient(0deg,transparent 0 27px,#294c6728 27px 28px);color:#142e45}
/* Quiz cards use a clean fill without the parchment ornament frame. */
body[data-theme="pixel"] #memoryPage .memory-question{padding:14px 12px;background:#e8dfc8;background-image:radial-gradient(#725d3510 .7px,transparent .8px);background-size:6px 6px;border:0;border-radius:0;box-shadow:none}
body[data-theme="pixel"] #memoryPage .memory-question h3{padding-top:0}
body[data-theme="pixel"] #readingPage .story-paper{background-color:#e8dfc8;background-image:radial-gradient(#725d3510 .7px,transparent .8px),repeating-linear-gradient(0deg,transparent 0 27px,#725d3518 27px 28px);color:#142e45}
body[data-theme="pixel"] #readingPage #storyText,body[data-theme="pixel"] #readingPage .story-paragraph{color:#142e45}
/* Keep the header controls on the exact same horizontal rails as the illustration. */
body[data-theme="pixel"] #readingPage .read-head{position:relative;top:10px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;min-height:42px;margin:0 16px 12px;padding:0}
body[data-theme="pixel"] #readingPage .read-head .back{grid-column:1;justify-self:start}
body[data-theme="pixel"] #readingPage .read-head .lang-row{grid-column:3;display:flex;justify-self:end;align-items:center;gap:8px;margin:0}
body[data-theme="pixel"] #readingPage .read-head .switch,body[data-theme="pixel"] #readingPage .read-head .voice{grid-column:auto;justify-self:auto}
body[data-theme="pixel"] #memoryPage .memory-actions #memoryHint{background:#243951;color:#ffecc5}
body[data-theme="pixel"] #memoryPage .memory-extra-actions button{border:7px solid transparent;border-image:url("assets/pixel-ornate-frame.webp") 150 / 7px / 0 stretch;border-radius:0;background:#243951;color:#ffecc5;box-shadow:3px 4px 0 #070e19}
/* Compact saved-story rows; keep the familiar gold outline diamond. */
body[data-theme="pixel"] #favoritesDrawer .favorite-entry{grid-template-columns:minmax(0,1fr) 16px 14px;gap:8px;min-height:44px;padding:6px 9px;border-radius:7px}
body[data-theme="pixel"] #favoritesDrawer .favorite-entry .favorite-icon{display:none}
body[data-theme="pixel"] #favoritesDrawer .favorite-copy{display:flex;align-items:baseline;gap:8px;min-width:0}
body[data-theme="pixel"] #favoritesDrawer .favorite-copy b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.2}
body[data-theme="pixel"] #favoritesDrawer .favorite-copy small{display:block;margin:0;white-space:nowrap;font-size:9px}
body[data-theme="pixel"] #favoritesDrawer .favorite-marker{width:16px;height:16px;display:grid;place-items:center;color:#e8c45d;flex:none}
body[data-theme="pixel"] #favoritesDrawer .favorite-marker svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
body[data-theme="pixel"] #favoritesDrawer .favorite-open-state{color:#e8c45d;font-size:15px}
body[data-theme="pixel"] .picture-book-drawer .picture-card.locked{background:rgba(11,23,38,.62);color:#eee2c6;opacity:1;backdrop-filter:blur(1px);box-shadow:inset 0 0 0 1px #e3c98020,3px 4px 0 #050c16}
body[data-theme="pixel"] .picture-book-drawer .picture-card.locked span{color:#eee2c6}
body[data-theme="pixel"] .picture-book-drawer .picture-card.locked span{color:#aeb7c2;opacity:.5}
body[data-theme="pixel"] #readingPage #storyText,body[data-theme="pixel"] #readingPage .story-paragraph{color:#142e45}
