:root{
 --navy:#143B68; --blue:#2395D3; --blue2:#6DC3E7; --green:#2D9A50; --green2:#83C95D;
 --paper:#FFFDF7; --cream:#F7F5EF; --ink:#15385F; --muted:#657589; --yellow:#FFD455;
 --peach:#FFE4C9; --pink:#FFE0ED; --line:#DBE5EB; --shadow:0 18px 45px rgba(18,54,91,.12);
 --radius:26px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Nunito,sans-serif;background:#EEF4F7;color:var(--ink)}
a{text-decoration:none;color:inherit}.site-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:linear-gradient(180deg,#FFFDF9,#F9F8F3);border-right:1px solid #D8E1E6;padding:18px 14px;z-index:20}
.logo-wrap{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px}.logo-mark{font-size:38px}.logo-copy b{font-family:"Baloo 2";font-size:27px;display:block;line-height:1;color:#1763A7}.logo-copy small{font-size:8px;font-weight:900;letter-spacing:.9px}.menu-toggle{display:none;border:0;background:#E6F3FA;border-radius:10px;padding:8px 10px}
.side-nav{display:grid;gap:3px;margin-top:16px}.side-nav a{display:flex;gap:11px;align-items:center;padding:9px 10px;border-radius:11px;font-size:12px;font-weight:800}.side-nav a:hover,.side-nav a.active{background:#D6EEFB;color:#0868B6}.nav-icon{width:24px;text-align:center}
.author-card{margin-top:16px;padding:13px;background:#EAF6ED;border-radius:15px;display:flex;gap:10px;align-items:center}.author-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#3DAA5B;color:white}.author-card small,.author-card b{display:block}.author-card small{font-size:9px}.author-card b{font-size:11px}.eco-note{margin-top:12px;background:#E2F3FF;padding:12px;border-radius:14px;font-size:11px;line-height:1.4}
.page-area{min-width:0}.topbar{height:62px;margin:12px 16px 0;background:rgba(255,255,255,.95);border-radius:18px;box-shadow:0 8px 22px rgba(18,54,91,.08);display:flex;align-items:center;padding:0 18px;gap:25px;position:sticky;top:8px;z-index:15}.top-brand{font-family:"Baloo 2";font-weight:800;font-size:19px;flex:1}.topnav{display:flex;gap:20px}.topnav a{font-size:12px;font-weight:800}.topnav a:hover{color:var(--green)}.top-cta{background:var(--green);color:white;padding:10px 16px;border-radius:999px;font-size:11px;font-weight:900}
.main-content{padding:14px 16px 30px}.home-hero{min-height:590px;background:white;border-radius:28px;display:grid;grid-template-columns:.44fr .56fr;overflow:hidden;box-shadow:var(--shadow)}.hero-copy{padding:45px 20px 42px 38px;position:relative;z-index:3}.pill-label,.eyebrow{display:inline-block;font-size:10px;font-weight:900;letter-spacing:1.5px;color:var(--green)}.pill-label{background:#EAF6ED;padding:7px 11px;border-radius:999px}.hero-copy h1{font-family:"Baloo 2";font-size:75px;line-height:.76;margin:20px 0 18px;letter-spacing:-3px;color:#1D5A9A}.hero-copy h1 span{color:#1D5A9A}.hero-copy h1 em{font-style:normal;color:#49AF43}.hero-sub{font-family:"Baloo 2";font-size:27px;line-height:1.05;margin:0 0 12px}.hero-desc{font-size:15px;line-height:1.6;color:#526B81}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.btn{display:inline-flex;padding:13px 20px;border-radius:999px;font-weight:900;font-size:13px}.btn.primary{background:var(--green);color:white}.btn.white{background:white;border:2px solid #CDE1EC}.signature{margin-top:24px;font-size:12px;color:#5F7586}.hero-art{position:relative;min-height:590px}.hero-art>img{width:100%;height:100%;object-fit:cover}.paper-note{position:absolute;right:22px;top:25%;background:#FFF1A9;padding:14px 16px;font-family:"Baloo 2";font-weight:800;line-height:1.06;transform:rotate(4deg);box-shadow:5px 6px 15px rgba(0,0,0,.18)}.hero-sticker{position:absolute;left:20px;bottom:22px;width:90px;height:90px;border-radius:50%;background:#F9CE43;border:5px solid white;display:grid;place-items:center;text-align:center;font-family:"Baloo 2";font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.feature-strip{margin-top:12px;background:white;border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(5,1fr);padding:13px}.feature-strip>div{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center;padding:8px 15px;border-right:1px solid var(--line)}.feature-strip>div:last-child{border-right:0}.feature-strip>div:first-letter{font-size:26px}.feature-strip b{font-size:12px}.feature-strip span{grid-column:2;font-size:10px;color:var(--muted)}
.portal-section{padding:55px 0 25px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}.section-title h2{font-family:"Baloo 2";font-size:39px;margin:4px 0 0}.section-title p{max-width:440px;font-size:13px;color:var(--muted);line-height:1.55}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.portal-card{background:white;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:.2s}.portal-card:hover{transform:translateY(-6px) rotate(-.3deg)}.portal-card img{width:100%;height:165px;object-fit:cover}.portal-card>div{padding:15px}.portal-card h3{font-family:"Baloo 2";font-size:22px;margin:0 0 5px}.portal-card p{font-size:11px;color:var(--muted);line-height:1.5;min-height:34px}.portal-card span{font-size:10px;font-weight:900;color:var(--green)}
.home-story-split{margin-top:35px;display:grid;grid-template-columns:.8fr 1.2fr;background:#FFF9DB;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.story-card{padding:38px}.story-card h2,.games-teaser h2{font-family:"Baloo 2";font-size:42px;margin:5px 0}.story-card p,.games-teaser p{font-size:14px;line-height:1.7;color:#566B7E}.story-card a{font-weight:900;color:#1C7A45}.story-image img{width:100%;height:100%;object-fit:cover;min-height:370px}
.home-process{padding:55px 0}.step-line{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.step-line div{background:white;border-radius:18px;padding:17px;box-shadow:0 8px 20px rgba(18,54,91,.07)}.step-line i{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-style:normal;font-weight:900}.step-line b{font-family:"Baloo 2";font-size:18px;display:block;margin:10px 0 3px}.step-line span{font-size:10px;color:var(--muted)}.wide-photo-link{display:block;margin-top:15px;position:relative;border-radius:24px;overflow:hidden}.wide-photo-link img{width:100%;height:390px;object-fit:cover;display:block}.wide-photo-link span{position:absolute;left:20px;bottom:18px;background:white;padding:10px 15px;border-radius:999px;font-weight:900;font-size:11px}
.games-teaser{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;background:#FFEAF3;border-radius:28px;padding:32px;box-shadow:var(--shadow)}.games-teaser img{width:100%;max-height:380px}.games-teaser h2{font-size:44px}
.page-hero{min-height:390px;background:white;border-radius:27px;display:grid;grid-template-columns:.82fr 1.18fr;overflow:hidden;box-shadow:var(--shadow)}.page-hero-copy{padding:42px}.page-hero-copy h1{font-family:"Baloo 2";font-size:63px;line-height:.92;margin:14px 0}.page-hero-copy p{font-size:16px;line-height:1.65;color:var(--muted)}.page-author{margin-top:22px;font-size:12px}.page-hero-image img{width:100%;height:100%;object-fit:cover}
.page-intro-card{display:grid;grid-template-columns:280px 1fr;gap:28px;margin:18px 0;background:white;border-radius:22px;padding:15px;align-items:center;box-shadow:var(--shadow)}.page-intro-card img{width:100%;border-radius:16px}.page-intro-card h2{font-family:"Baloo 2";font-size:30px;margin:0 0 7px}.page-intro-card p{font-size:13px;color:var(--muted)}
.long-section{display:grid;grid-template-columns:.88fr 1.12fr;gap:35px;align-items:center;padding:65px 0;border-bottom:1px solid #DDE6EB}.long-section.alt{grid-template-columns:1.12fr .88fr}.long-section.alt .long-copy{order:2}.long-copy{padding:0 20px}.section-number{font-family:"Baloo 2";font-size:18px;color:var(--green);font-weight:900}.long-copy h2{font-family:"Baloo 2";font-size:42px;margin:5px 0 12px}.long-copy p{font-size:15px;line-height:1.75;color:#5A7184}.long-copy ul{padding-left:18px}.long-copy li{margin:7px 0;font-size:13px}.long-image img{width:100%;height:430px;object-fit:cover;border-radius:26px;box-shadow:var(--shadow)}
.next-page-card{margin-top:35px;background:#143B68;color:white;padding:40px;border-radius:28px;text-align:center}.next-page-card span{font-size:10px;letter-spacing:1.4px}.next-page-card h2{font-family:"Baloo 2";font-size:38px;margin:8px 0 18px}
.gallery-long{padding:45px 0}.gallery-grid-long{columns:3 280px;column-gap:14px}.gallery-item{break-inside:avoid;display:block;background:white;border-radius:18px;padding:8px;margin:0 0 14px;box-shadow:var(--shadow)}.gallery-item img{width:100%;border-radius:12px;display:block}.gallery-item div{padding:9px 5px}.gallery-item b,.gallery-item span{display:block}.gallery-item b{font-size:12px}.gallery-item span{font-size:9px;color:var(--green);font-weight:900;margin-top:4px}
.photo-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:30px 0}.photo-story-card{background:white;padding:9px;border-radius:19px;box-shadow:var(--shadow)}.photo-story-card img{width:100%;height:230px;object-fit:cover;border-radius:13px}.photo-story-card h3{font-family:"Baloo 2";font-size:22px;margin:10px 8px 2px}.photo-story-card p{font-size:11px;color:var(--muted);margin:0 8px 12px}
.photo-detail-hero{display:grid;grid-template-columns:1.35fr .65fr;background:white;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.photo-detail-hero>img{width:100%;height:650px;object-fit:cover}.photo-detail-copy{padding:40px}.photo-detail-copy h1{font-family:"Baloo 2";font-size:47px;line-height:1;margin:12px 0}.photo-detail-copy p{font-size:14px;color:var(--muted);line-height:1.6}.photo-analysis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.photo-analysis article{background:white;padding:24px;border-radius:20px;box-shadow:var(--shadow)}.photo-analysis h2{font-family:"Baloo 2";font-size:25px}.photo-analysis p,.photo-analysis li{font-size:12px;line-height:1.6;color:var(--muted)}.photo-nav{display:flex;justify-content:space-between;margin-top:18px;background:#E9F5EC;padding:15px 18px;border-radius:15px;font-weight:900;font-size:12px}
.game-block{display:grid;grid-template-columns:.5fr 1.5fr;gap:28px;align-items:start;padding:55px 0;border-bottom:1px solid #DDE6EB}.game-block.alt{background:#FFF9E9;margin:0 -16px;padding-left:16px;padding-right:16px}.game-copy h2{font-family:"Baloo 2";font-size:38px;margin:5px 0}.game-copy p{font-size:13px;color:var(--muted)}.quiz-card,.guess-grid,.design-game{background:white;border-radius:22px;padding:22px;box-shadow:var(--shadow)}.q{margin-bottom:20px}.q h3{font-family:"Baloo 2";font-size:20px}.q button,.guess button,.design-game button,.tf-grid button{border:1px solid #CADCE7;background:#F8FBFC;border-radius:12px;padding:11px 13px;margin:5px 5px 0 0;cursor:pointer;font-weight:800;color:var(--ink)}.q button.correct{background:#DDF5E1;border-color:#58B96B}.q button.wrong{background:#FFE0E0;border-color:#E78181}.score{font-weight:900;background:#EAF6ED;padding:12px;border-radius:12px}.guess-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guess{background:#F7FAFC;padding:16px;border-radius:15px}.guess h3{font-family:"Baloo 2";font-size:18px}.guess p{font-weight:900;color:var(--green)}.tf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tf-grid button{min-height:90px;font-size:13px}.game-message{margin-top:12px;font-weight:900}.design-game{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.design-game select{padding:12px;border-radius:12px;border:1px solid #CADCE7}.design-game button{grid-column:1/4;background:var(--green);color:white}.design-game #briefOutput{grid-column:1/4;background:#EAF6ED;padding:16px;border-radius:14px;font-size:13px}
footer{margin:0 16px 16px;background:#0F3359;color:white;border-radius:16px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.footer span{opacity:.8}footer div span{margin-left:8px;opacity:.75}
@media(max-width:1100px){.site-shell{grid-template-columns:210px 1fr}.portal-grid{grid-template-columns:repeat(3,1fr)}.step-line{grid-template-columns:repeat(3,1fr)}.long-section,.long-section.alt{grid-template-columns:1fr}.long-section.alt .long-copy{order:0}.long-image img{height:360px}.photo-story-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.site-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;overflow:visible;padding:12px}.logo-copy small{display:none}.menu-toggle{display:block}.side-nav{display:none}.sidebar.open .side-nav{display:grid}.author-card,.eco-note{display:none}.topbar{position:relative;top:0;margin:8px 10px 0}.topnav{display:none}.main-content{padding:10px}.home-hero,.page-hero,.games-teaser,.home-story-split,.photo-detail-hero{grid-template-columns:1fr}.hero-art{min-height:430px}.feature-strip{grid-template-columns:repeat(2,1fr)}.portal-grid{grid-template-columns:repeat(2,1fr)}.section-title{display:block}.page-intro-card{grid-template-columns:1fr}.photo-analysis,.guess-grid{grid-template-columns:1fr}.game-block{grid-template-columns:1fr}.photo-detail-hero>img{height:430px}.tf-grid{grid-template-columns:1fr}.design-game{grid-template-columns:1fr}.design-game button,.design-game #briefOutput{grid-column:auto}}
@media(max-width:560px){.hero-copy h1{font-size:56px}.hero-copy{padding:28px 20px}.feature-strip,.portal-grid,.photo-story-grid{grid-template-columns:1fr}.step-line{grid-template-columns:1fr 1fr}.gallery-grid-long{columns:1}.photo-detail-hero>img{height:330px}.page-hero-copy h1{font-size:48px}.long-copy h2{font-size:34px}}


/* ===== V2 INTERACTIVE GAME + DASHBOARD UPGRADE ===== */
.btn.soft{background:#edf6fb;color:var(--ink);border:1px solid #cfe0ea}
.journey-footer{margin:45px 0 10px;padding:34px;border-radius:28px;background:linear-gradient(135deg,#e7f6ff,#edf8e7);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;border:1px solid #d4e6e8}
.journey-copy h2{font-family:"Baloo 2";font-size:36px;margin:5px 0 8px}.journey-copy p{max-width:700px;font-size:13px;line-height:1.65;color:var(--muted)}
.journey-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.journey-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px}.journey-badges span{min-width:110px;padding:15px 12px;border-radius:16px;text-align:center;font-family:"Baloo 2";font-weight:900;border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink)}
.journey-badges span:nth-child(1){background:#ffd455}.journey-badges span:nth-child(2){background:#ccefd8}.journey-badges span:nth-child(3){background:#dcefff}.journey-badges span:nth-child(4){background:#ffe1eb}
.project-insight-band{padding:45px 0}.insight-title h2{font-family:"Baloo 2";font-size:36px;margin:5px 0 15px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.insight-grid article{background:white;border-radius:20px;padding:23px;box-shadow:var(--shadow)}.insight-grid article>span{font-size:32px}.insight-grid h3{font-family:"Baloo 2";font-size:22px;margin:10px 0 5px}.insight-grid p{font-size:12px;line-height:1.6;color:var(--muted)}

.game-score-strip,.dashboard-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.game-score-strip>div,.dash-stat{background:white;border-radius:18px;padding:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.game-score-strip span,.dash-stat span{font-size:29px;grid-row:1/3}.game-score-strip b,.dash-stat b{font-family:"Baloo 2";font-size:26px}.game-score-strip small,.dash-stat small{font-size:10px;color:var(--muted)}
.super-section{padding:55px 0;border-bottom:1px solid #dbe5e8}.super-section.alt-bg{background:#fff9e8;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
.big-quiz,.tf-list{display:grid;gap:14px}.quiz-question,.tf-question{background:white;border-radius:19px;padding:20px;box-shadow:0 8px 22px rgba(18,54,91,.07)}.quiz-question h3,.tf-question h3{font-family:"Baloo 2";font-size:20px;margin:0 0 12px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quiz-options button,.tf-question button{border:1px solid #c9dce7;background:#f8fbfc;border-radius:12px;padding:11px 12px;text-align:left;font-weight:800;color:var(--ink);cursor:pointer}.quiz-options button.selected,.tf-question button.selected{outline:3px solid #6fb7e1}.quiz-options button.correct,.tf-question button.correct{background:#daf4df;border-color:#69bd79}.quiz-options button.wrong,.tf-question button.wrong{background:#ffe0e0;border-color:#df8282}.feedback{font-size:11px;font-weight:800;min-height:15px;margin:8px 0 0}.quiz-submit-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#143b68;color:white;border-radius:16px;padding:15px}.quiz-submit-row button{border:0;border-radius:999px;background:#35a855;color:white;padding:12px 18px;font-weight:900;cursor:pointer}
.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-launch{position:relative;text-align:left;border:0;background:white;border-radius:20px;padding:22px;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;min-height:180px;transition:.2s}.game-launch:hover{transform:translateY(-5px)}.game-number{font-family:"Baloo 2";font-size:42px;color:#d8e7ee;position:absolute;right:15px;top:8px}.game-launch h3{font-family:"Baloo 2";font-size:24px;margin:20px 0 8px}.game-launch p{font-size:12px;line-height:1.55;color:var(--muted)}.game-launch b{font-size:11px;color:var(--green)}
.challenge-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.challenge-board article{background:white;padding:21px;border-radius:20px;box-shadow:var(--shadow)}.challenge-board span{font-family:"Baloo 2";font-size:38px;color:#dce7eb}.challenge-board h3{font-family:"Baloo 2";font-size:21px;margin:4px 0}.challenge-board p{font-size:12px;color:var(--muted);line-height:1.55}
.game-modal{position:fixed;inset:0;background:rgba(8,27,49,.78);display:none;place-items:center;padding:20px;z-index:100}.game-modal.open{display:grid}.game-modal-card{width:min(760px,94vw);max-height:88vh;overflow:auto;background:#f8fbfc;border-radius:25px;padding:28px;position:relative}.game-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:#e9f1f5;font-size:25px;cursor:pointer}.mini-game h2{font-family:"Baloo 2";font-size:31px;margin:0 0 10px}.mini-game p{font-size:13px;color:var(--muted)}.game-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.game-buttons button{border:1px solid #c9dbe6;border-radius:12px;background:white;padding:11px 14px;font-weight:800;cursor:pointer}.game-board{margin-top:18px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.memory-card{min-height:70px;border:0;border-radius:12px;background:#163e6c;color:white;font-weight:900;cursor:pointer}.memory-card.revealed,.memory-card.matched{background:#e7f6ea;color:var(--ink)}.sequence-list{display:flex;gap:8px;flex-wrap:wrap}.sequence-list button{padding:12px;border-radius:12px;border:1px solid #bdd4df;background:white;font-weight:800}.sort-zone{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sort-zone>div{padding:15px;border-radius:15px;background:#eef6f8;min-height:140px}.sort-item{display:block;width:100%;margin:6px 0;border:1px solid #cbdde6;background:white;padding:10px;border-radius:10px;text-align:left}.scramble-word{font-family:"Baloo 2";font-size:37px;letter-spacing:4px;background:#eef5f8;padding:15px;border-radius:15px;text-align:center}.game-input{display:flex;gap:8px;margin-top:12px}.game-input input{flex:1;border:1px solid #cbdde6;border-radius:12px;padding:11px;font-size:16px}.game-input button{border:0;background:var(--green);color:white;border-radius:12px;padding:11px 15px;font-weight:900}.game-result{margin-top:13px;padding:12px;border-radius:12px;background:#eaf6ed;font-weight:800;font-size:12px}

.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.dash-panel{background:white;border-radius:20px;padding:24px;box-shadow:var(--shadow)}.dash-panel.full{grid-column:1/3}.dash-panel h2{font-family:"Baloo 2";font-size:28px;margin:5px 0 15px}.dash-panel p{font-size:12px;color:var(--muted);line-height:1.6}.score-list{display:grid;gap:10px}.score-list>div{display:flex;justify-content:space-between;background:#f3f8fa;border-radius:12px;padding:12px;font-size:13px}.progress-track{height:18px;border-radius:999px;background:#e6eef2;overflow:hidden}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,#36a759,#86c85f);border-radius:999px;transition:.4s}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history-item{background:#f3f8fa;border-radius:13px;padding:13px}.history-item b{display:block;font-size:12px}.history-item span{font-size:10px;color:var(--muted)}.badge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.badge{background:#f3f8fa;border-radius:13px;padding:12px;text-align:center;opacity:.35}.badge.unlocked{opacity:1;background:#fff5c9}.badge b{display:block;font-size:11px}.danger-btn{border:0;background:#d94b4b;color:white;padding:11px 15px;border-radius:12px;font-weight:900;cursor:pointer}
@media(max-width:900px){.games-grid{grid-template-columns:repeat(2,1fr)}.challenge-board{grid-template-columns:repeat(2,1fr)}.journey-footer{grid-template-columns:1fr}.insight-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.dash-panel.full{grid-column:auto}.history-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.game-score-strip,.dashboard-summary,.games-grid,.challenge-board,.history-grid{grid-template-columns:1fr}.quiz-options{grid-template-columns:1fr}.tf-question div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.journey-badges{grid-template-columns:1fr 1fr}}


/* ===== V3 MEGA ARCADE + DASHBOARD ===== */
.mega-arcade-section{background:linear-gradient(180deg,#eef8ff,#fffdf5);margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
.mega-summary{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin:17px 0}.mega-summary>div{background:white;border:1px solid #d2e2eb;border-radius:16px;padding:12px;text-align:center;box-shadow:0 8px 20px rgba(27,67,91,.07)}.mega-summary span{display:block;font-size:24px}.mega-summary b{display:block;font-family:"Baloo 2";font-size:23px}.mega-summary small{font-size:9px;color:var(--muted);font-weight:900}
.mega-filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.mega-filterbar button{border:1px solid #c8dae5;background:white;color:var(--ink);padding:10px 13px;border-radius:999px;font-weight:900;cursor:pointer}.mega-filterbar button.active,.mega-filterbar button:hover{background:#163e6c;color:white;border-color:#163e6c}.mega-catalog-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px}.mega-catalog-head>div{display:grid}.mega-catalog-head b{font-family:"Baloo 2";font-size:25px}.mega-catalog-head span{font-size:11px;color:var(--muted)}
.mega-game-catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mega-game-card{position:relative;min-height:205px;background:white;border:1px solid #d3e1e9;border-top:5px solid var(--tier);border-radius:18px;padding:16px 15px 46px;box-shadow:0 10px 25px rgba(22,65,92,.09);color:var(--ink);transition:.18s}.mega-game-card:hover{transform:translateY(-4px);box-shadow:0 17px 34px rgba(22,65,92,.14)}.mega-icon{font-size:32px}.mega-tier{position:absolute;left:12px;top:9px;background:color-mix(in srgb,var(--tier) 16%,white);color:var(--tier);border-radius:999px;padding:4px 7px;font-size:9px;font-weight:1000;text-transform:uppercase}.mega-xp{position:absolute;right:10px;top:9px;background:#fff3bc;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:1000}.mega-game-card .mega-icon{display:block;margin-top:25px}.mega-game-card h3{font-family:"Baloo 2";font-size:20px;margin:5px 0}.mega-game-card p{font-size:10.5px;color:var(--muted);line-height:1.45}.mega-card-foot{position:absolute;left:14px;right:14px;bottom:12px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.mega-card-foot b{color:var(--tier)}
.mega-play-page{padding-top:22px}.mega-play-hero{background:linear-gradient(135deg,#153f6d,#2478bf);color:white;border-radius:24px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:var(--shadow)}.mega-play-hero h1{font-family:"Baloo 2";font-size:42px;margin:5px 0}.mega-play-hero p{max-width:700px;color:#d9edff}.mega-play-meta{display:flex;gap:8px;flex-wrap:wrap}.mega-play-meta span{background:rgba(255,255,255,.15);padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900}.mega-play-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:15px;margin-top:15px}.mega-stage{background:linear-gradient(#dff3ff,#f2faed);border-radius:22px;padding:20px;min-height:580px;box-shadow:var(--shadow);overflow:hidden}.mega-mission{background:white;border-radius:20px;padding:20px;box-shadow:var(--shadow);height:max-content}.mega-mission h2{font-family:"Baloo 2";font-size:28px;margin:6px 0}.mega-mission p,.mega-mission li{font-size:11px;color:var(--muted);line-height:1.55}.mega-instruction{font-size:13px;font-weight:800;color:#345d76}.mega-win{margin-top:16px;background:#123f6a;color:white;border-radius:18px;padding:20px}.mega-win h2{font-family:"Baloo 2";font-size:30px;margin:0}.mega-memory{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:620px;margin:20px auto}.mega-memory button{aspect-ratio:1;border:0;border-radius:14px;background:#174d83;color:white;font-size:28px;box-shadow:0 5px 0 #0d365f;cursor:pointer}.mega-memory button.revealed,.mega-memory button.done{background:white;color:#173e64;border:2px solid #76acd2;box-shadow:none}.mega-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.mega-choices button,.mega-sort-items button{border:1px solid #c8dce8;background:white;border-radius:13px;padding:14px;text-align:left;font-weight:800;cursor:pointer;color:var(--ink)}.mega-choices button:hover,.mega-sort-items button:hover,.mega-sort-items button.selected{border-color:#277edf;background:#edf6ff}.mega-sort-items{display:grid;gap:8px}.mega-type{max-width:600px;margin:45px auto;background:white;border-radius:20px;padding:22px;box-shadow:var(--shadow)}.mega-type>div{font-family:"Baloo 2";font-size:38px;text-align:center;margin:15px}.mega-type input{width:100%;padding:13px;border:2px solid #bcd5e5;border-radius:12px;font-size:20px}.mega-path,.mega-builder{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;max-width:570px;margin:20px auto;background:#87cf78;padding:9px;border-radius:15px}.mega-path button,.mega-builder button{aspect-ratio:1;border:0;border-radius:3px;background:#bde4aa;cursor:pointer}.mega-path button.road{background:#4e6575}.mega-path button.start{background:#ffe15b}.mega-path button.end{background:#ff75a5}.mega-react{width:100%;height:300px;border:0;border-radius:20px;background:#ffdf7d;font-family:"Baloo 2";font-size:35px;font-weight:900;cursor:pointer}.mega-react.go{background:#59d87f}.mega-tap{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;max-width:620px;margin:20px auto}.mega-tap button{aspect-ratio:1;border:0;border-radius:15px;background:#e9f4fa;font-size:31px}.mega-tap button.hot{background:#fff0a0;transform:scale(1.08)}.mega-collector{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;max-width:550px;margin:20px auto;background:#89ce79;padding:9px;border-radius:14px}.mega-collector>div{aspect-ratio:1;background:#c0e5ad;border-radius:3px;display:grid;place-items:center}.mega-arrow{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.mega-arrow button{width:52px;height:45px;border:0;border-radius:10px;background:#163e6c;color:white;font-weight:900}.mega-canvas{display:block;width:min(100%,800px);height:auto;border:1px solid #a7cfe5;border-radius:14px;margin:12px auto}.mega-tower{height:390px;max-width:650px;margin:20px auto;background:linear-gradient(#ccecff,#f4fbff);border-radius:18px;position:relative;overflow:hidden}.mega-tower .base,.mega-tower .placed,.mega-tower .moving{position:absolute;width:130px;height:26px;border-radius:5px}.mega-tower .base{width:160px;left:245px;bottom:0;background:#277eef}.mega-tower .moving{left:0;bottom:32px;background:#ffca45}.mega-dashboard-panel{background:linear-gradient(135deg,#eff8ff,#fff9e8)}.mega-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mega-progress-head b{font-family:"Baloo 2";font-size:28px}.mega-progress-head span{font-weight:900}.mega-progress div{background:linear-gradient(90deg,#247ce4,#58bd6b)}.mega-difficulty-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:15px}.mega-diff-card{background:white;border-radius:13px;padding:11px;border:1px solid #d8e5eb}.mega-diff-card>span{display:block;font-size:9px;color:var(--muted);font-weight:900;text-transform:uppercase}.mega-diff-card>b{font-family:"Baloo 2";font-size:18px}.mega-diff-card>div{height:7px;background:#e8eff3;border-radius:99px;overflow:hidden;margin-top:5px}.mega-diff-card i{display:block;height:100%;background:#36a759}.mega-dashboard-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
@media(max-width:1100px){.mega-game-catalog{grid-template-columns:repeat(3,1fr)}.mega-summary{grid-template-columns:repeat(4,1fr)}.mega-difficulty-progress{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.mega-game-catalog{grid-template-columns:repeat(2,1fr)}.mega-play-grid{grid-template-columns:1fr}.mega-play-hero{display:block}.mega-summary{grid-template-columns:repeat(2,1fr)}.mega-catalog-head{display:block}.mega-catalog-head .btn{margin-top:10px}}
@media(max-width:540px){.mega-game-catalog,.mega-choices{grid-template-columns:1fr}.mega-summary{grid-template-columns:1fr 1fr}.mega-difficulty-progress{grid-template-columns:1fr 1fr}.mega-play-hero h1{font-size:34px}}