/*
Theme Name: Mijote & Joue Epic Challenges
Theme URI: https://dreuxlocation.com/
Author: Abajja Ali
Description: Fast discovery-first theme for educational browser games.
Version: 4.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: mijote-joue
*/
:root{--ink:#26332d;--muted:#617067;--cream:#fffaf0;--paper:#fff;--green:#26734d;--green2:#e5f4ea;--orange:#ee7b35;--line:#e5e5dc;--shadow:0 12px 32px rgba(38,51,45,.09);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65}a{color:var(--green);text-decoration-thickness:.08em;text-underline-offset:.18em}img{max-width:100%;height:auto}.wrap{width:min(1140px,calc(100% - 32px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,250,240,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{min-height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:1.15rem;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff}.main-nav{margin-left:auto}.main-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}.main-nav a{text-decoration:none;font-weight:700;color:var(--ink)}.main-nav a:hover,.main-nav a:focus{color:var(--green)}.menu-toggle{display:none;margin-left:auto;border:0;background:var(--green);color:#fff;padding:10px 14px;border-radius:12px}.lang-switch{display:flex;gap:5px}.lang-switch a{font-size:.78rem;padding:5px 7px;border-radius:8px;text-decoration:none}.hero{padding:88px 0 60px;background:radial-gradient(circle at 85% 20%,#ffe3c7 0 13%,transparent 14%),radial-gradient(circle at 8% 80%,#dff3e7 0 14%,transparent 15%)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:850;color:var(--orange)}h1,h2,h3{line-height:1.14;margin-top:0}h1{font-size:clamp(2.5rem,6vw,5.25rem);max-width:820px;margin-bottom:20px}h2{font-size:clamp(1.8rem,4vw,3rem)}.lead{font-size:1.2rem;color:var(--muted);max-width:700px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:14px;background:var(--green);color:#fff;text-decoration:none;font-weight:800;border:2px solid var(--green);cursor:pointer}.btn.alt{background:transparent;color:var(--green)}.section{padding:70px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.card-art{min-height:170px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green2),#fff0df);font-size:4rem}.card-body{padding:22px}.card h3{margin-bottom:8px}.card p{color:var(--muted)}.pill{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--green2);color:var(--green);font-size:.78rem;font-weight:800}.page-head{padding:56px 0 24px}.content{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,5vw,52px);box-shadow:var(--shadow)}.game-shell{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin:28px 0}.game-stage{min-height:520px}.notice{padding:16px 18px;border-radius:14px;background:#fff3d9;border-left:5px solid var(--orange)}.site-footer{margin-top:72px;padding:48px 0;background:#1f2d26;color:#eaf4ee}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:7px 0}.legal-note{border-top:1px solid #435149;margin-top:30px;padding-top:20px;color:#b9c7bf;font-size:.9rem}.pagination{margin-top:30px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #f3a55e;outline-offset:3px}@media(max-width:780px){.main-nav{display:none;position:absolute;inset:72px 0 auto;background:var(--paper);padding:20px}.main-nav.open{display:block}.main-nav ul{flex-direction:column}.menu-toggle{display:block}.lang-switch{display:none}.grid{grid-template-columns:1fr}.hero{padding-top:58px}.footer-grid{grid-template-columns:1fr}.game-stage{min-height:580px}}

/* Epic discovery layer */
:root{--ink:#17251f;--muted:#5c6d63;--green:#176b46;--green2:#e2f6e9;--orange:#f07a32;--purple:#6657d9;--line:#e2e7e2;--shadow:0 14px 38px rgba(26,54,41,.10);--radius:24px}.wrap{width:min(1180px,calc(100% - 32px))}.site-header{background:rgba(255,250,240,.94);backdrop-filter:blur(14px)}.hero{padding:96px 0 72px;position:relative;overflow:hidden;background:radial-gradient(circle at 87% 18%,#ffdcbf 0 12%,transparent 12.5%),radial-gradient(circle at 9% 82%,#d9f4e3 0 14%,transparent 14.5%),linear-gradient(135deg,#fffaf0,#fff7e8)}.hero:after{content:"🎮  🌱  🐾  🔤";position:absolute;right:5%;bottom:8%;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:.2em;transform:rotate(-5deg);filter:drop-shadow(0 12px 20px rgba(20,70,46,.12));opacity:.9}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.trust-row span,.mjx-meta span{background:#fff;border:1px solid var(--line);padding:7px 12px;border-radius:999px;font-weight:750;font-size:.87rem}.topic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.topic-card{display:flex;min-height:128px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px;text-align:center;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 22px rgba(38,51,45,.06);transition:.2s}.topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.topic-card span{font-size:2.2rem}.topic-card strong{line-height:1.2}.card{box-shadow:0 10px 28px rgba(38,51,45,.07);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-mini{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 17px;color:var(--muted);font-size:.82rem;font-weight:700}.mjx-meta{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 24px}.discovery-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0 28px}.game-search{flex:1;min-width:230px;min-height:50px;border:2px solid var(--line);border-radius:15px;background:#fff;padding:0 16px;font:inherit}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:999px;font-weight:800;cursor:pointer}.filter-chip.active{background:var(--green);color:#fff;border-color:var(--green)}.empty-games{text-align:center;padding:40px;background:#fff;border-radius:18px}.recent-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.recent-game{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:18px;text-align:center;text-decoration:none;color:var(--ink)}.recent-game span{font-size:2rem}.breadcrumbs{font-size:.88rem;color:var(--muted);margin-bottom:15px}.taxonomy-description{max-width:780px;color:var(--muted)}@media(max-width:980px){.topic-grid,.recent-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.hero{padding-bottom:120px}.hero:after{left:22px;right:auto;bottom:28px}.section-head{align-items:start;flex-direction:column}.topic-grid,.recent-list{grid-template-columns:repeat(2,1fr)}}

/* Above-the-fold game discovery */
.hero-compact{padding:34px 0 28px}.hero-compact:after{content:"🎮  🐾  🔤";right:4%;bottom:12%;font-size:clamp(1.7rem,4vw,3.3rem)}.hero-compact-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}.hero-compact h1{font-size:clamp(2rem,4.5vw,3.8rem);margin-bottom:10px}.hero-compact .lead{margin-bottom:0}.hero-quick{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.featured-games{padding:34px 0 54px;background:#fff}.featured-games .section-head{margin-bottom:20px}.featured-game-rail{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:18px}.featured-game-rail .card{background:#f2efff;border-color:#e4ddff}.featured-game-rail .card-art{min-height:168px;background:linear-gradient(135deg,#fff3bf,#dff6ff)}.featured-game-rail .card-body{padding:20px}.featured-game-rail .card h3{font-size:1.35rem}.card-art-image{display:block;overflow:hidden}.card-art-image img{display:block;width:100%;height:190px;object-fit:cover}.topic-section{padding-top:54px}@media(max-width:1050px){.featured-game-rail{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media(max-width:780px){.hero-compact{padding:28px 0 22px}.hero-compact:after{display:none}.hero-compact-grid{grid-template-columns:1fr}.hero-quick{justify-content:flex-start}.featured-games{padding-top:26px}.featured-game-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:2px 16px 18px;margin-inline:-16px;scrollbar-width:thin}.featured-game-rail .card{flex:0 0 min(82vw,320px);scroll-snap-align:start}.featured-game-rail .card-art{min-height:145px}}

/* V4 original play-world design */
@media(min-width:781px){.site-footer .footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}}
:root{--ink:#2d2860;--muted:#686489;--cream:#fbfaff;--paper:#fff;--green:#29a866;--green2:#e8f8ef;--orange:#ff8a43;--purple:#5742d6;--purple2:#7868f0;--lavender:#f0edff;--line:#ded9fb;--shadow:0 16px 42px rgba(68,49,160,.12);--radius:28px}body{background:var(--cream);color:var(--ink)}.site-header{position:sticky;background:linear-gradient(90deg,var(--purple),#674bdc);border:0;color:#fff;box-shadow:0 8px 26px rgba(55,35,145,.18)}.header-inner{min-height:76px}.brand,.main-nav a{color:#fff}.brand-mark{width:48px;height:48px;background:#fff;color:var(--purple);border-radius:16px;font-size:.86rem;letter-spacing:-.05em;transform:rotate(-4deg)}.main-nav a:hover,.main-nav a:focus{color:#dfffdc}.header-play{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:16px;background:#48c668;color:#fff;text-decoration:none;font-weight:850;box-shadow:0 7px 0 #249647}.header-play:hover{transform:translateY(2px);box-shadow:0 5px 0 #249647}.menu-toggle{background:#fff;color:var(--purple)}.hero-compact{background:linear-gradient(180deg,#dff1ff 0 56%,#fff 100%);padding:40px 0 34px}.hero-compact:before,.world-hero:before{content:"";position:absolute;inset:auto 0 0;height:34px;background:radial-gradient(48px 24px at 48px 0,#fff 98%,transparent 100%);background-size:96px 34px}.hero-compact h1{color:#302467}.hero-compact .lead{color:#55517d}.btn{border-color:var(--purple);background:var(--purple);border-radius:16px}.btn.alt{color:var(--purple);border-color:var(--purple)}.featured-games{background:#fff}.card{border:0;border-radius:30px;background:var(--lavender);box-shadow:none}.card:hover{box-shadow:0 16px 34px rgba(76,55,180,.14)}.card-art{min-height:195px;background:linear-gradient(145deg,#ffe7ab,#bcefff);font-size:5rem;border:12px solid var(--lavender);border-radius:30px 30px 18px 18px}.card:nth-child(3n+2) .card-art{background:linear-gradient(145deg,#d8f7dd,#d9d1ff)}.card:nth-child(3n+3) .card-art{background:linear-gradient(145deg,#ffd5e5,#fff0b8)}.card-body{padding:8px 25px 26px}.card h3{font-size:1.42rem;color:#3f32b7}.card h3 a{color:inherit}.card p{color:#55517d}.card .btn{width:100%;background:#45be64;border-color:#45be64;box-shadow:0 5px 0 #279347}.pill{background:#fff;color:var(--purple)}.topic-card{border:0;background:#fff;box-shadow:0 10px 26px rgba(70,48,160,.08)}.topic-card:hover{box-shadow:var(--shadow)}.site-footer{background:#35287d}.world-hero{position:relative;overflow:hidden;padding:42px 0 66px;background:linear-gradient(180deg,#cfeaff,#eaf6ff)}.world-title{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:30px}.world-title h1{font-size:clamp(2.5rem,6vw,5rem);color:#332677}.world-icon{display:grid;place-items:center;aspect-ratio:1;border-radius:46% 54% 58% 42%;background:linear-gradient(145deg,#fff2a9,#c2b8ff);font-size:8rem;box-shadow:0 18px 0 rgba(87,66,214,.12);transform:rotate(5deg)}.world-games{background:#fff}.age-row{display:flex;gap:10px;flex-wrap:wrap;margin:-5px 0 26px}.age-row a{padding:9px 14px;border-radius:999px;background:var(--lavender);color:var(--purple);font-weight:800;text-decoration:none}.world-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.skills-band{background:#ece8ff}.skill-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.skill-cards article{position:relative;min-height:260px;padding:28px;background:#fff;border-radius:28px}.skill-cards article>span{font-size:3rem}.skill-cards small{position:absolute;right:23px;top:20px;color:#b8b0ed;font-size:1.2rem;font-weight:900}.skill-cards h3{margin-top:28px;color:#4435bc}.skill-cards p{color:var(--muted)}.world-challenges{background:#fff}.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.world-guide .content{box-shadow:none}.guide-note{position:sticky;top:100px;padding:30px;background:linear-gradient(145deg,#fff0bd,#ffd6e6);border-radius:30px}.guide-note>span{font-size:4rem}.guide-note .btn{margin-top:12px}.faq-section{background:#f0edff}.faq-list{display:grid;gap:12px;max-width:900px}.faq-list details{background:#fff;border-radius:18px;padding:0 22px}.faq-list summary{cursor:pointer;padding:20px 36px 20px 0;font-weight:850;color:#3f32ad}.faq-list p{padding:0 0 20px;color:var(--muted)}@media(max-width:1050px){.world-game-grid,.skill-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.header-play{display:none}.site-header .main-nav{background:var(--purple)}.site-header .main-nav a{color:#fff}.world-title{grid-template-columns:1fr}.world-icon{width:180px;font-size:5rem}.world-game-grid{grid-template-columns:1fr}.skill-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.skill-cards article{flex:0 0 min(82vw,310px);scroll-snap-align:start}.guide-grid{grid-template-columns:1fr}.guide-note{position:static}.card-art{min-height:170px}}
