/* YAYTAP v34-T2 — shared POP ATLAS system */
:root{
  --yay-paper:#fff9e8;
  --yay-paper-2:#fffdf7;
  --yay-ink:#17213a;
  --yay-muted:#58667c;
  --yay-yellow:#ffd84d;
  --yay-blue:#52c8f2;
  --yay-pink:#ff6685;
  --yay-mint:#63dba5;
  --yay-purple:#9670f4;
  --yay-orange:#ff9b54;
  --yay-red:#ff6464;
  --yay-shadow:4px 4px 0 var(--yay-ink);
}

/* Shared static pages */
body:not(:has(#home)){background:radial-gradient(circle at 8% 5%,#52c8f218 0 7px,transparent 8px),radial-gradient(circle at 94% 11%,#ff668516 0 9px,transparent 10px),linear-gradient(var(--yay-paper),var(--yay-paper-2))!important;color:var(--yay-ink)!important;background-size:140px 140px,190px 190px,auto!important}
body>main{color:var(--yay-ink)}
body>main h1,body>main h2,body>main h3,body>main b,body>main strong{color:var(--yay-ink)}
body>main p,body>main li,body>main small{color:var(--yay-muted)}
body>main nav a,body>main .links a{color:#185f82}
body>main .hero,
body>main>section:not(.game-group){background:var(--yay-paper-2);border:2px solid var(--yay-ink);box-shadow:5px 5px 0 #17213a24}
body>main .play,
body>main .challenge-promo a{background:var(--yay-yellow);color:var(--yay-ink);border:2px solid var(--yay-ink);box-shadow:3px 3px 0 var(--yay-ink)}
body>main .play:active,
body>main .challenge-promo a:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--yay-ink)}
body>main .links a{background:#fff;border:2px solid var(--yay-ink);box-shadow:2px 2px 0 #17213a22}

/* All Games cards */
body>main .group-grid a,
body>main .grid a{background:var(--yay-paper-2);color:var(--yay-ink);border:2px solid var(--yay-ink);box-shadow:4px 4px 0 #17213a22;transition:transform .12s ease,box-shadow .12s ease}
body>main .group-grid a:active,
body>main .grid a:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #17213a22}
body>main .group-grid span,
body>main .grid span{color:var(--yay-muted)}
body>main .filter{background:#fff;color:var(--yay-ink);border:2px solid var(--yay-ink);box-shadow:2px 2px 0 #17213a1e}
body>main .filter.active{background:var(--yay-yellow);color:var(--yay-ink)}
body>main .challenge-promo{background:linear-gradient(135deg,#e9fbff,#e9fff4);border:2px solid var(--yay-ink);box-shadow:5px 5px 0 #17213a20}
body>main .challenge-promo span{color:var(--yay-muted)}

/* Shared game UI: bright, readable, still category-accented. */
.quiz-app:not(.hidden){color:var(--yay-ink);background:var(--yay-paper)}
.quiz-app:not(.hidden)::before{opacity:1!important;background:
  radial-gradient(circle at 8% 14%,#52c8f21f 0 6px,transparent 7px),
  radial-gradient(circle at 91% 25%,#ff66851b 0 7px,transparent 8px),
  linear-gradient(#fff9e8f4,#fffdf7fa)!important;background-size:106px 106px,146px 146px,auto!important}
.quiz-app .quiz-title{color:var(--yay-ink)!important}
.quiz-app .icon-btn,.quiz-app .pill,.quiz-app .mission-chip{background:#fff!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important;box-shadow:2px 2px 0 #17213a1f!important}
.quiz-app .quiz-card{background:var(--yay-paper-2)!important;color:var(--yay-ink)!important;border:3px solid var(--yay-ink)!important;box-shadow:6px 6px 0 #17213a28!important;backdrop-filter:none!important}
.quiz-app .quiz-count,.quiz-app .quiz-note{color:var(--yay-muted)!important}
.quiz-app .quiz-question{color:var(--yay-ink)!important}
.quiz-app .choice,.quiz-app .rank-item,.quiz-app .match-card,.quiz-app .memory-card{background:#fff!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important;box-shadow:3px 3px 0 #17213a20!important}
.quiz-app .choice.good{background:#c9f6df!important;border-color:#17714f!important}
.quiz-app .choice.bad{background:#ffd7db!important;border-color:#b84253!important}
.quiz-app .btn{background:#fff!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important;box-shadow:3px 3px 0 #17213a20!important}
.quiz-app .btn.primary{background:var(--game-accent,var(--yay-yellow))!important;color:var(--yay-ink)!important}
.quiz-app .progress{background:#e8e1d3!important;border:1px solid #17213a30}
.quiz-app .game-info-panel,.quiz-app .smart-finish{background:var(--yay-paper-2)!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important;box-shadow:4px 4px 0 #17213a1e!important}
.quiz-app .smart-finish-title,.quiz-app .smart-hint,.quiz-app .smart-rec small{color:var(--yay-muted)!important}
.quiz-app .smart-chip{background:#eef9ff!important;color:var(--yay-ink)!important;border:1px solid #79b8d1!important}
.quiz-app .smart-rec{background:#fff!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important;box-shadow:2px 2px 0 #17213a1e!important}
.quiz-app .smart-rec b{color:#6a4b00!important}

/* Requested readability upgrades */
.quiz-app[data-game="flag"] .choice,
.quiz-app[data-game="famous-things"] .choice{
  font-size:clamp(20px,5.2vw,25px)!important;
  font-weight:1000!important;
  line-height:1.15!important;
  min-height:70px!important;
  padding:14px 12px!important;
}

@media(max-width:720px){
  body>main{width:min(100% - 20px,1100px)!important}
  .quiz-app .quiz-card{box-shadow:4px 4px 0 #17213a28!important}
  .quiz-app[data-game="flag"] .choice,
  .quiz-app[data-game="famous-things"] .choice{font-size:clamp(20px,5.8vw,24px)!important;min-height:72px!important}
}
@media(prefers-reduced-motion:reduce){body>main .group-grid a,body>main .grid a,body>main .play{transition:none!important}}


/* v34-T2 — home, passport and category polish */
body:has(#home){background:
  radial-gradient(circle at 8% 8%,#52c8f218 0 7px,transparent 8px),
  radial-gradient(circle at 92% 18%,#ff66851a 0 8px,transparent 9px),
  radial-gradient(circle at 84% 76%,#9670f414 0 6px,transparent 7px),
  linear-gradient(180deg,#fff9e8,#fffdf7 46%,#f9fbff)!important;
  background-size:150px 150px,190px 190px,130px 130px,auto!important;color:var(--yay-ink)!important}
body:has(#home)::before{display:none!important}
.home{color:var(--yay-ink)!important}
.home h1{color:var(--yay-ink)!important;max-width:760px;letter-spacing:-.035em}
.home .home-intro{color:var(--yay-muted)!important;max-width:760px}
.home .home-badge{background:#fff!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important;box-shadow:2px 2px 0 #17213a1d!important}
.home .play-card,.home .daily-card,.home .quick-card{color:var(--yay-ink)!important;border:3px solid var(--yay-ink)!important;box-shadow:6px 6px 0 #17213a24!important}
.home .play-card{background:linear-gradient(135deg,#ddf5ff 0 58%,#fff0a9 58% 100%)!important}
.home .daily-card{background:linear-gradient(145deg,#fff7ce,#f2e9ff)!important}
.home .daily-card.complete{background:linear-gradient(145deg,#dff9eb,#fff7ce)!important}
.home .quick-card{background:linear-gradient(145deg,#efe8ff,#dff9ff)!important}
.home .quick-card .emoji{filter:drop-shadow(2px 2px 0 #fff)}
.home .play-card p,.home .daily-card p,.home .quick-card p,.home .kicker,.home .daily-meta{color:#40506a!important}
.home .play-now,.home .btn.primary,.home .show-all,.home .share-btn{background:var(--yay-yellow)!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important;box-shadow:4px 4px 0 var(--yay-ink)!important}
.home .weird-daily{background:linear-gradient(135deg,#fff2a8,#f3eaff)!important;border:3px solid var(--yay-ink)!important;box-shadow:5px 5px 0 #17213a22!important}
.home .weird-daily small{color:#6d4a00!important}.home .weird-daily p{color:var(--yay-muted)!important}
.home .post-ad-story,.home .seo-copy,.home .global-board{background:#fffdf7!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important;box-shadow:5px 5px 0 #17213a1d!important}
.home .post-ad-story p,.home .seo-copy p,.home .global-board p{color:var(--yay-muted)!important}
.home .categories .cat:nth-child(10n+1),.home .categories .cat:nth-child(10n+6){--cat:#52c8f2}
.home .categories .cat:nth-child(10n+2),.home .categories .cat:nth-child(10n+7){--cat:#ff6685}
.home .categories .cat:nth-child(10n+3),.home .categories .cat:nth-child(10n+8){--cat:#9670f4}
.home .categories .cat:nth-child(10n+4),.home .categories .cat:nth-child(10n+9){--cat:#ffd84d}
.home .categories .cat:nth-child(10n+5),.home .categories .cat:nth-child(10n+10){--cat:#63dba5}
.home .cat{background:linear-gradient(#fff,#fff),var(--cat)!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important;border-bottom:7px solid var(--cat)!important;box-shadow:3px 3px 0 #17213a1b!important}
.home .game-filter{background:#fff!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important;box-shadow:2px 2px 0 #17213a18!important}
.home .game-filter.active{background:var(--yay-yellow)!important}
.home .section-title,.home .story-kicker{color:var(--yay-ink)!important}
.home .game-tile{background:#fff!important;border:2px solid var(--yay-ink)!important;box-shadow:4px 4px 0 #17213a1d!important;overflow:hidden}
.home .game-tile .game-copy{background:#fff!important;color:var(--yay-ink)!important}
.home .game-tile strong{color:var(--yay-ink)!important}.home .game-tile small{color:#14734f!important}
.home .tile-tag{background:#eef8ff!important;color:#31516d!important;border:1px solid #8db7ce!important}

/* Passport should read like a collectible, not a KPI panel. */
.passport-card{background:linear-gradient(145deg,#fffdf7,#f4fbff)!important;border:3px solid var(--yay-ink)!important;box-shadow:6px 6px 0 #17213a22!important}
.passport-count{color:#694c00!important}.passport-count small{display:block;font-size:10px;color:var(--yay-muted)!important;text-align:right}
.passport-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0}
.passport-mini{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;background:#fff;border:2px solid var(--yay-ink);border-radius:14px;padding:9px 10px;color:var(--yay-ink);box-shadow:2px 2px 0 #17213a18;font:inherit;cursor:pointer}
.passport-mini>span{font-size:25px}.passport-mini b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.passport-mini small{display:flex;gap:2px;margin-top:4px;font-size:12px}.passport-mini small i{font-style:normal;filter:grayscale(1);opacity:.28}.passport-mini small i.done{filter:none;opacity:1}.passport-mini em{font-size:10px;font-style:normal;font-weight:1000;color:#674b00;background:#fff1a9;border-radius:999px;padding:3px 5px}.passport-mini.locked{cursor:default;opacity:.66}.passport-mini.locked small{display:block;filter:none;opacity:1;font-size:8px;letter-spacing:.03em;color:var(--yay-muted)}
.passport-explain{margin:9px 0 4px;color:var(--yay-muted)}.passport-explain summary{cursor:pointer;font-size:10px;font-weight:1000;letter-spacing:.05em;color:#47657e}.passport-explain p{font-size:12px;line-height:1.45;margin:8px 0!important;color:var(--yay-muted)!important}
.passport-details>summary{color:#17648b!important;font-weight:1000!important}
.passport-region-chip{background:#fff!important;border:1px solid #b5cad8!important;color:var(--yay-ink)!important}
.counter-card{background:linear-gradient(145deg,#fffdf7,#fff5d4)!important;border:2px solid var(--yay-ink)!important;box-shadow:4px 4px 0 #17213a18!important}.counter-grid b{color:var(--yay-ink)!important}.counter-grid small{color:var(--yay-muted)!important}

/* Static pages: clearer nav and call-to-action hierarchy. */
body>main header{padding-bottom:14px;border-bottom:2px solid #17213a18}
body>main header nav a{background:#fff;border:1px solid #17213a35;border-radius:999px;padding:7px 10px;text-decoration:none;box-shadow:1px 1px 0 #17213a16}
body>main footer{color:var(--yay-muted)!important;border-color:#17213a26!important}
body>main .card{border:2px solid var(--yay-ink)!important;box-shadow:4px 4px 0 #17213a18!important;background:#fffdf7!important}

@media(max-width:720px){
  .passport-preview{grid-template-columns:1fr 1fr}
  .passport-mini{padding:8px}.passport-mini>span{font-size:22px}.passport-mini b{font-size:11px}
  .home .play-card,.home .daily-card,.home .quick-card{box-shadow:4px 4px 0 #17213a24!important}
}
@media(max-width:430px){.passport-preview{grid-template-columns:1fr}.passport-mini:nth-child(n+4){display:none}}

/* v34-T3 — full-site game identity + result polish */
:root{--yay-soft:#eef8ff;--yay-soft-2:#fff4c8}

/* Per-game family palettes. Keep the page calm and let accents identify the game. */
.quiz-app[data-game-family="maps"],#gameApp[data-game-family="maps"]{--family:#52c8f2;--family2:#ffd84d;--family-soft:#e3f7ff;--family-soft2:#fff4c8}
.quiz-app[data-game-family="flags"]{--family:#52c8f2;--family2:#ff6685;--family-soft:#e8f7ff;--family-soft2:#ffe8ef}
.quiz-app[data-game-family="capitals"]{--family:#9670f4;--family2:#ffd84d;--family-soft:#f0eaff;--family-soft2:#fff5c7}
.quiz-app[data-game-family="nature"]{--family:#63dba5;--family2:#ffd84d;--family-soft:#e6fbef;--family-soft2:#fff7d7}
.quiz-app[data-game-family="landmarks"]{--family:#ff9b54;--family2:#52c8f2;--family-soft:#fff0e4;--family-soft2:#e8f8ff}
.quiz-app[data-game-family="food"]{--family:#ffd84d;--family2:#ff6464;--family-soft:#fff5ca;--family-soft2:#ffe8e4}
.quiz-app[data-game-family="toys"]{--family:#9670f4;--family2:#63dba5;--family-soft:#f1ebff;--family-soft2:#e6fbf1}
.quiz-app[data-game-family="snacks"]{--family:#ff6685;--family2:#ff9b54;--family-soft:#ffe9f0;--family-soft2:#fff0e4}
.quiz-app[data-game-family="culture"]{--family:#52c8f2;--family2:#9670f4;--family-soft:#e8f8ff;--family-soft2:#f2ecff}
.quiz-app[data-game-family="discover"]{--family:#ffd84d;--family2:#9670f4;--family-soft:#fff5bd;--family-soft2:#f1ebff}
.quiz-app[data-game-family="facts"]{--family:#7486f7;--family2:#ff9b54;--family-soft:#edf0ff;--family-soft2:#fff0e1}
.quiz-app[data-game-family="daily"]{--family:#ffd84d;--family2:#ff6685;--family-soft:#fff4c5;--family-soft2:#ffe8ef}

.quiz-app:not(.hidden){background:linear-gradient(180deg,var(--family-soft,var(--yay-paper)) 0,var(--yay-paper) 22%,var(--yay-paper-2) 100%)!important}
.quiz-app:not(.hidden)::before{background:
  radial-gradient(circle at 7% 13%,color-mix(in srgb,var(--family,#52c8f2) 20%,transparent) 0 7px,transparent 8px),
  radial-gradient(circle at 92% 25%,color-mix(in srgb,var(--family2,#ffd84d) 18%,transparent) 0 8px,transparent 9px),
  linear-gradient(#fff9e8e8,#fffdf7f7)!important;background-size:118px 118px,164px 164px,auto!important}
.quiz-app .quiz-head{border-bottom-color:#17213a20!important}
.quiz-app .quiz-title{display:inline-flex;align-items:center;gap:8px}
.quiz-app .quiz-title::before{content:"";width:12px;height:12px;border-radius:999px;background:var(--family,var(--game-accent));border:2px solid var(--yay-ink);box-shadow:2px 2px 0 #17213a20}
.quiz-app .quiz-card{background:linear-gradient(155deg,#fffdf7 0,#fff 62%,var(--family-soft,var(--yay-paper)) 100%)!important;position:relative;overflow:hidden}
.quiz-app .quiz-card::before{content:"";position:absolute;width:88px;height:88px;border-radius:50%;right:-34px;top:-34px;background:radial-gradient(circle,var(--family2,var(--yay-yellow)) 0 5px,transparent 6px);background-size:18px 18px;opacity:.26;pointer-events:none}
.quiz-app .dual-progress .level-progress-track i,.quiz-app .progress i{background:linear-gradient(90deg,var(--family,var(--game-accent)),var(--family2,var(--yay-yellow)))!important}
.quiz-app .question-dots i.current{background:var(--family,var(--game-accent))!important;outline:2px solid var(--yay-ink)}
.quiz-app .question-dots i.done{background:var(--yay-mint)!important}
.quiz-app .choice,.quiz-app .rank-item,.quiz-app .match-card,.quiz-app .memory-card{transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.quiz-app .choice:active,.quiz-app .rank-item:active,.quiz-app .match-card:active,.quiz-app .memory-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #17213a22!important}
.quiz-app .choice.good,.quiz-app .match-card.done,.quiz-app .memory-card.done{background:#d9f8e8!important;color:#123f30!important}
.quiz-app .choice.bad,.quiz-app .match-card.bad{background:#ffe0e3!important;color:#6f2731!important}
.quiz-app .picked-row{background:var(--family-soft,#eef8ff)!important;color:var(--yay-ink)!important;border:2px dashed var(--yay-ink)!important;border-radius:14px;padding:9px 10px;font-weight:950}
.quiz-app .fact-card{background:linear-gradient(145deg,var(--family-soft,#fff4bd),var(--family-soft2,#f1ebff))!important;border:3px solid var(--yay-ink)!important;color:var(--yay-ink)!important;box-shadow:5px 5px 0 #17213a24!important;border-radius:20px!important}
.quiz-app .fact-card p{color:var(--yay-muted)!important}
.quiz-app[data-game-family="discover"] .fact-card{transform:rotate(-.45deg)}

/* All photo-led games now share the travel-sticker language. */
.quiz-app[data-game-family="food"] .photo-card,
.quiz-app[data-game-family="landmarks"] .photo-card,
.quiz-app[data-game-family="toys"] .photo-card,
.quiz-app[data-game-family="snacks"] .photo-card,
.quiz-app[data-game-family="culture"] .photo-card{background:#fff!important;border:3px solid var(--yay-ink)!important;border-radius:18px!important;padding:9px 9px 0!important;box-shadow:7px 7px 0 #17213a2c!important;overflow:hidden;transform:rotate(-.45deg)}
.quiz-app[data-game-family="toys"] .photo-card,.quiz-app[data-game-family="culture"] .photo-card{transform:rotate(.4deg)}
.quiz-app[data-game-family="snacks"] .photo-card{box-shadow:7px 7px 0 #ff66853d!important}
.quiz-app[data-game-family="landmarks"] .photo-card{box-shadow:7px 7px 0 #ff9b5437!important}
.quiz-app[data-game-family] .photo-card img{border-radius:10px!important}
.quiz-app[data-game-family="food"] .photo-label,
.quiz-app[data-game-family="landmarks"] .photo-label,
.quiz-app[data-game-family="toys"] .photo-label,
.quiz-app[data-game-family="snacks"] .photo-label,
.quiz-app[data-game-family="culture"] .photo-label{margin:8px -9px 0!important;padding:10px 12px!important;background:#fff!important;color:var(--yay-ink)!important;border-top:2px solid var(--yay-ink)!important}

/* Flags/capitals feel like a bright match board, not a dark exam. */
.quiz-app[data-game-family="flags"] .quiz-visual,
.quiz-app[data-game-family="capitals"] .quiz-visual{background:linear-gradient(145deg,var(--family-soft),#fff)!important;border:2px solid var(--yay-ink);border-radius:18px;box-shadow:4px 4px 0 #17213a20;margin:0 auto 12px;padding:12px;box-sizing:border-box}
.quiz-app[data-game-family="flags"] .choice{border-bottom:6px solid var(--family)!important}
.quiz-app[data-game-family="capitals"] .choice{border-bottom:6px solid var(--family)!important}

/* Daily gets a distinct task-card treatment. */
.quiz-app[data-game-family="daily"] .quiz-card{background:linear-gradient(155deg,#fffdf7,#fff8cf 60%,#ffeaf0)!important}
.quiz-app[data-game-family="daily"] .mission-chip{background:#fff0b8!important}

/* Result / save-score / global ranking: high contrast on every palette. */
.finish{background:#17213ab8!important;backdrop-filter:blur(5px)}
.finish-box{background:linear-gradient(145deg,#fffdf7,#f5fbff)!important;color:var(--yay-ink)!important;border:3px solid var(--yay-ink)!important;box-shadow:8px 8px 0 #17213a55!important}
.finish-box h2,.finish-box p,.finish-box .level-badge{color:var(--yay-ink)!important}
.result-praise{margin:8px 0 3px!important;font-size:clamp(24px,7vw,34px)!important;font-weight:1000!important;color:var(--yay-ink)!important;letter-spacing:-.02em}
.leaderboard-modal{background:#17213abf!important}
.leaderboard-dialog{background:linear-gradient(145deg,#fffdf7,#eef8ff)!important;color:var(--yay-ink)!important;border:3px solid var(--yay-ink)!important;box-shadow:8px 8px 0 #10182c66!important}
.leaderboard-dialog h2{color:var(--yay-ink)!important}.leaderboard-sub,.leaderboard-empty{color:var(--yay-muted)!important}
.leaderboard-card{background:#fff!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important;box-shadow:4px 4px 0 #17213a1f!important}
.leaderboard-card h3,.leaderboard-card .lb-name{color:var(--yay-ink)!important}
.leaderboard-card .lb-meta,.lb-status{color:var(--yay-muted)!important}
.lb-form input{background:#fffdf7!important;color:var(--yay-ink)!important;border:2px solid #60708a!important}
.lb-form input::placeholder{color:#78869b!important}
.lb-mini-button,.lb-close,.lb-skip{background:#fff!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important}
.lb-row{background:#f5fbff!important;color:var(--yay-ink)!important;border:1px solid #b9cfdd!important}
.lb-row.me{background:#fff3bd!important;outline:2px solid var(--yay-ink)!important}
.lb-rank{color:#6a4b00!important}.lb-name{color:var(--yay-ink)!important}.lb-score{color:#6845c6!important}.lb-time{color:#66758a!important}

.smart-finish{background:linear-gradient(145deg,#fffdf7,var(--family-soft,#eef8ff))!important;border:2px solid var(--yay-ink)!important;box-shadow:5px 5px 0 #17213a20!important}
.smart-finish-title{color:var(--yay-ink)!important;font-size:12px!important}
.smart-chip{background:#fff!important;color:var(--yay-ink)!important;border:2px solid #9ab7c8!important}
.smart-chip.reward{background:var(--family-soft2,#fff4c8)!important;border-color:var(--yay-ink)!important}
.smart-chip.best{background:#fff1b8!important;color:#584200!important;border-color:#9c7a15!important}
.smart-rec{background:#fff!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important;box-shadow:3px 3px 0 #17213a1d!important}
.smart-rec b{color:#6845c6!important}.smart-rec small,.smart-hint{color:var(--yay-muted)!important}
.daily-practice{background:#fff1b8!important;border:2px solid var(--yay-ink)!important;color:var(--yay-ink)!important}
.daily-practice strong{color:#6b4800!important}.daily-practice p{color:#5e6470!important}

/* Static game guides inherit the same family color as the game. */
body[data-game-family]{--page-accent:#52c8f2;--page-accent2:#ffd84d;--page-soft:#e8f8ff}
body[data-game-family="flags"]{--page-accent:#52c8f2;--page-accent2:#ff6685;--page-soft:#e8f7ff}
body[data-game-family="capitals"]{--page-accent:#9670f4;--page-accent2:#ffd84d;--page-soft:#f1ebff}
body[data-game-family="nature"]{--page-accent:#63dba5;--page-accent2:#ffd84d;--page-soft:#e7fbf0}
body[data-game-family="landmarks"]{--page-accent:#ff9b54;--page-accent2:#52c8f2;--page-soft:#fff0e3}
body[data-game-family="food"]{--page-accent:#ffd84d;--page-accent2:#ff6464;--page-soft:#fff5c8}
body[data-game-family="toys"]{--page-accent:#9670f4;--page-accent2:#63dba5;--page-soft:#f1ebff}
body[data-game-family="snacks"]{--page-accent:#ff6685;--page-accent2:#ff9b54;--page-soft:#ffeaf0}
body[data-game-family="culture"]{--page-accent:#52c8f2;--page-accent2:#9670f4;--page-soft:#e9f8ff}
body[data-game-family="discover"]{--page-accent:#ffd84d;--page-accent2:#9670f4;--page-soft:#fff5bd}
body[data-game-family="facts"]{--page-accent:#7486f7;--page-accent2:#ff9b54;--page-soft:#eef0ff}
body[data-game-family="daily"]{--page-accent:#ffd84d;--page-accent2:#ff6685;--page-soft:#fff5c8}
body[data-game-family] .hero{background:linear-gradient(145deg,#fff,var(--page-soft))!important;border-bottom:7px solid var(--page-accent)!important}
body[data-game-family] .hero img{border-bottom:3px solid var(--yay-ink)}
body[data-game-family] .play{background:var(--page-accent)!important;color:var(--yay-ink)!important}
body[data-game-family] section h2::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--page-accent);border:2px solid var(--yay-ink);margin-right:8px;vertical-align:1px}
body[data-game-family] .links a{border-bottom:4px solid var(--page-accent2)!important}

/* All Games: make each group visually recognizable without turning the whole page into a rainbow. */
#group-beginner{--group-accent:#ffd84d}#group-maps{--group-accent:#52c8f2}#group-flags{--group-accent:#ff6685}#group-photos{--group-accent:#63dba5}#group-facts{--group-accent:#9670f4}#group-hard{--group-accent:#ff9b54}
.game-group{padding:14px;border-radius:20px;border:2px solid #17213a1f;background:color-mix(in srgb,var(--group-accent,#52c8f2) 8%,#fffdf7)}
.game-group h2{display:flex;align-items:center;gap:8px;color:var(--yay-ink)!important}.game-group h2::before{content:"";width:13px;height:13px;border:2px solid var(--yay-ink);border-radius:50%;background:var(--group-accent,#52c8f2);box-shadow:2px 2px 0 #17213a20}
.game-group .group-grid a{border-bottom:6px solid var(--group-accent,#52c8f2)!important}

@media(max-width:720px){
  .quiz-app[data-game-family] .photo-card{transform:none!important;box-shadow:4px 4px 0 #17213a2c!important}
  .finish-box{width:calc(100% - 24px)!important;max-width:520px!important;box-sizing:border-box}
  .leaderboard-dialog{box-shadow:5px 5px 0 #10182c55!important}
  .game-group{padding:10px}
}
@media(prefers-reduced-motion:reduce){.quiz-app .choice,.quiz-app .rank-item,.quiz-app .match-card,.quiz-app .memory-card{transition:none!important}.quiz-app[data-game-family] .photo-card,.quiz-app[data-game-family="discover"] .fact-card{transform:none!important}}

/* v34-T3 — final hierarchy, icon and Passport reward pass */
.home .featured{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch}
.discovery-strip{margin:12px 0 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px 16px;border:2px solid var(--yay-ink);border-radius:20px;background:linear-gradient(135deg,#f1ebff,#e5f8ff);box-shadow:4px 4px 0 #17213a20;color:var(--yay-ink)}
.discovery-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--yay-yellow);border:2px solid var(--yay-ink);box-shadow:3px 3px 0 #17213a25;font-weight:1000;transform:rotate(-6deg)}
.discovery-copy{min-width:0}.discovery-copy strong{display:block;font-size:16px;letter-spacing:.02em}.discovery-copy span{display:block;color:var(--yay-muted);font-size:12px;line-height:1.35;margin-top:2px}
.discovery-strip .btn{white-space:nowrap;background:var(--yay-yellow)!important;color:var(--yay-ink)!important;border:2px solid var(--yay-ink)!important;box-shadow:3px 3px 0 var(--yay-ink)!important}
.friend-challenge{white-space:nowrap;color:#5b42b4;font-size:11px;font-weight:1000;text-decoration:none;border-bottom:2px solid #9670f455;padding:7px 1px}
.friend-challenge:hover{border-bottom-color:#9670f4}

/* Passport = collectible centerpiece. */
.passport-card{position:relative;overflow:hidden;padding-top:22px!important}
.passport-card::before{content:"WORLD PASSPORT";position:absolute;left:0;right:0;top:0;height:11px;padding:4px 13px;background:linear-gradient(90deg,var(--yay-blue),var(--yay-purple),var(--yay-pink));color:#fff;font-size:7px;font-weight:1000;letter-spacing:.18em;border-bottom:2px solid var(--yay-ink);text-shadow:1px 1px 0 #17213a55}
.passport-mini{position:relative;overflow:hidden}
.passport-mini::after{content:"";position:absolute;inset:3px;border:1px dashed #17213a28;border-radius:10px;pointer-events:none}
.passport-stamp{display:grid!important;place-items:center;width:31px;height:31px;border-radius:50%;border:2px dashed #1c7b59!important;background:#dff8eb!important;color:#176a4d!important;font-size:15px!important;font-weight:1000;transform:rotate(-8deg)}
.passport-source-state.done{box-shadow:inset 0 -2px 0 #2da37433}

/* Consistent category pictograms replace the emoji-heavy category rail. */
.home .cat{display:flex;align-items:center;gap:7px;justify-content:flex-start}
.cat-icon{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:var(--cat,#52c8f2);border:2px solid var(--yay-ink);box-shadow:2px 2px 0 #17213a1d;color:var(--yay-ink)}
.cat-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Weird Question is the one intentionally weird home module. */
.home .weird-daily{position:relative;overflow:hidden;transform:rotate(-.15deg);background:linear-gradient(135deg,#fff2a8 0 62%,#eee3ff 62% 100%)!important}
.home .weird-daily::after{content:"?";position:absolute;right:15%;top:-26px;font-size:118px;line-height:1;font-weight:1000;color:#9670f416;transform:rotate(13deg);pointer-events:none}
.home .weird-daily>*{position:relative;z-index:1}

/* Ranking stays useful for returning players without visually competing with the first play decision. */
.global-board>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;min-height:40px}
.global-board>summary::-webkit-details-marker{display:none}
.global-board>summary::after{content:"VIEW →";font-size:10px;font-weight:1000;color:#5c4ab1;border:2px solid #9670f466;border-radius:999px;padding:5px 8px;background:#f3efff}
.global-board[open]>summary::after{content:"HIDE ↑"}
.global-board:not([open]){padding-block:12px!important;background:linear-gradient(135deg,#fffdf7,#f2efff)!important}
.global-board:not([open])>summary h2{margin:0!important;font-size:18px!important}

/* The brand appears in success moments, not as constant decoration. */
.passport-reward-toast{position:fixed;z-index:99999;left:50%;bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;min-width:min(330px,calc(100vw - 28px));max-width:420px;box-sizing:border-box;padding:11px 14px;background:linear-gradient(145deg,#fffdf7,#fff4c8);color:var(--yay-ink);border:3px solid var(--yay-ink);border-radius:18px;box-shadow:6px 6px 0 #17213a45;transform:translate(-50%,130%);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}
.passport-reward-toast.show{transform:translate(-50%,0);opacity:1}
.passport-reward-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px dashed #16724f;background:#dff8eb;font-size:27px;transform:rotate(-7deg)}
.passport-reward-toast b{display:block;font-size:10px;color:#6b4d00;letter-spacing:.06em}.passport-reward-toast strong{display:block;font-size:17px;line-height:1.05;margin:2px 0}.passport-reward-toast small{display:block;color:var(--yay-muted);font-size:10px;font-weight:900}

/* Related-game sections on indexable landing pages are clear internal navigation, not footer clutter. */
body[data-game-family] main>section:last-of-type{background:linear-gradient(145deg,#fff,var(--page-soft,#eef8ff))!important;border:2px solid var(--yay-ink)!important;box-shadow:4px 4px 0 #17213a1d!important}
body[data-game-family] main>section:last-of-type .links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
body[data-game-family] main>section:last-of-type .links a{display:flex;align-items:center;justify-content:center;min-height:46px;text-align:center;font-weight:950}

@media(max-width:760px){
  .home .featured{grid-template-columns:1fr!important}
  .discovery-strip{grid-template-columns:auto minmax(0,1fr);padding:12px;gap:10px}
  .discovery-strip .btn,.friend-challenge{grid-column:1/-1;width:100%;box-sizing:border-box;text-align:center}
  .friend-challenge{border:2px solid #9670f466;border-radius:12px;background:#fff;padding:9px}
  .discovery-mark{width:46px;height:46px;font-size:13px}
  .home .weird-daily{transform:none}
  body[data-game-family] main>section:last-of-type .links{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.passport-reward-toast{transition:none}.home .weird-daily{transform:none}.discovery-mark{transform:none}}
/* V36 R6 T1: keep category SVG icons inside their 27px badge on Android Chrome. */
.cat-icon{position:relative;display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px}
.cat-icon svg{position:static!important;inset:auto!important;transform:none!important;display:block;width:18px;height:18px}

/* V36 R12 FINAL: consistent playful desktop cursors site-wide. */
@media (pointer:fine){
  html,body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M5 3l15 10-6 2 4 8-3.5 1.8-4-8-5.5 5z' fill='%2367b7ff' stroke='%2317213a' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='21.5' cy='6.5' r='3.2' fill='%23ffd54d' stroke='%2317213a' stroke-width='1.6'/%3E%3C/svg%3E") 3 3,auto}
  a,button,[role="button"],summary,label,input[type="button"],input[type="submit"],input[type="checkbox"],input[type="radio"],.country,.region-shape,.game-tile,.cat,.filter,.play,.btn{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M6 3l17 11-7 2 4 9-4 2-4-9-6 5z' fill='%23ffd54d' stroke='%2317213a' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='8' r='4' fill='%23673de6' stroke='%2317213a' stroke-width='2'/%3E%3C/svg%3E") 3 3,pointer!important}
  input[type="text"],input[type="search"],textarea{cursor:text!important}
}