/* B1 v2.0.18: approved home layout, with existing art and all seven shortcuts. */
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-refined{min-height:100%;background:linear-gradient(#e2f7ff,#f3fff0 70%,#fff8e8);padding:12px 16px 0}
.home-refined *{box-sizing:border-box}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-welcome{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 auto 12px;max-width:1140px;min-height:40px}
.home-welcome>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-welcome strong{font-size:22px;line-height:1.3;color:#2d4486}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-welcome>div>span{font-size:15px;line-height:1.4;color:#607899}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-class{padding:7px 12px;border:2px solid #fff;border-radius:20px;background:#eee6ff;color:#6843a0;font-size:14px;line-height:1.3;white-space:nowrap}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-hub{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;max-width:1140px;margin:auto;align-items:stretch}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-hero{position:relative;min-width:0;min-height:530px;background:#5dccf8 url('../images/mockup-v2/adventure-garden.png') center 24%/cover no-repeat;border:3px solid #fff;border-radius:25px;overflow:hidden;isolation:isolate;box-shadow:0 4px 0 #b9dbdf}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-brand{position:absolute;top:15px;left:8px;right:8px;z-index:2;text-align:center;transform:rotate(-3deg)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-brand h1{font-family:"Comic Sans MS","Trebuchet MS",sans-serif;font-size:64px;line-height:1.1;letter-spacing:-4px;white-space:nowrap;margin:0 0 4px;color:#0cbeff;-webkit-text-stroke:2px #1a307d;text-shadow:0 4px 0 #fff,0 7px 0 #1b377f,3px 3px 0 #1b377f;font-weight:1000}
.home-brand h1 b{color:#ffe32c}.home-brand h1 b::first-letter{color:#a84ffa}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-brand>span{display:inline-block;background:#6334b4;color:#fff7b8;border:2px solid #fff;border-radius:9px;padding:4px 16px;font-size:16px;line-height:1.2;letter-spacing:2px;font-weight:700;box-shadow:0 3px 0 #173a6d66}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-mascots{position:absolute;inset:0;pointer-events:none;z-index:1}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-mascots img{position:absolute;bottom:103px;width:33%;height:56%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 2px #26493625)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-mascots .home-rabbit{left:-1%;height:48%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-mascots .home-koala{left:28%;width:43%;height:61%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-mascots .home-fox{right:-1%;height:50%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-signs{position:absolute;left:9%;right:9%;bottom:14px;margin:0;z-index:3;display:grid;gap:4px;text-align:center}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-signs span{display:block;border:2px solid #ffe4a0;border-radius:9px;background:linear-gradient(#ffe6aa,#f2c56c);box-shadow:0 3px 0 #a77331aa;padding:4px 6px;color:#283f89;font-size:25px;line-height:1.15;font-weight:700}
.home-signs span:nth-child(1){transform:rotate(-2deg)}.home-signs span:nth-child(2){transform:rotate(.7deg)}.home-signs span:nth-child(3){transform:rotate(-1deg)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-learning-panel{display:grid;align-content:start;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next{padding:12px 14px;border:3px solid #fff;border-radius:22px;background:linear-gradient(#fff9da,#fffdf1);box-shadow:0 4px 0 #e4d8ad;min-width:0}
.home-next-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next-heading>span:first-child{font-size:13px;color:#906728;font-weight:700;line-height:1.4}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-subject{font-size:12px;padding:4px 8px;border:1px solid #d4e8ba;border-radius:20px;background:#eff8df;color:#46754b;line-height:1.3}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next>strong{display:block;font-size:25px;line-height:1.3;color:#2d4287;margin:7px 0 3px;overflow-wrap:anywhere}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next>p{font-size:14px;line-height:1.4;color:#607393;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next-meter{height:5px;margin:9px 0 10px;background:#efe5c3;border-radius:20px;overflow:hidden}
.home-next-meter>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffc534,#e4a224);border-radius:20px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-continue{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;min-height:52px;border:2px solid #fff3a2;border-radius:16px;background:linear-gradient(#fff25c,#ffd200);box-shadow:0 4px 0 #cba213;color:#413695;font-size:22px;line-height:1.2;font-weight:700}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-continue>span:first-child{display:grid;place-items:center;background:#9350df;color:#fff;font-size:21px;border-radius:50%;width:32px;height:32px;flex-shrink:0}
.home-continue b{flex:1;text-align:center}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-summary>div{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:1px 8px;padding:7px;border:2px solid #fff;border-radius:15px;background:#fffef8;box-shadow:0 3px 0 #d4e4df}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-summary>div>span{font-size:25px;line-height:1.1;grid-row:1}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-summary strong{font-size:26px;line-height:1.1;color:#2d438d}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-summary small{grid-column:1/-1;font-size:13px;line-height:1.4;color:#577294;text-align:center}
.home-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-section-title h3{font-size:21px;line-height:1.3;color:#2d4388;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-section-title button{min-height:38px;padding:7px 10px;border:1px solid #ded5f0;border-radius:12px;background:#fff;color:#7642b4;font-size:14px;line-height:1.3;font-weight:700}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgames{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;min-width:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;grid-column:span 3;min-width:0;min-height:109px;background:linear-gradient(#fff3c4,#fff9e7);border:2px solid #fff;border-radius:15px;padding:8px 5px 7px;color:#2b4186;box-shadow:0 3px 0 #d3ddea;text-align:center;transition:transform .15s ease}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame:nth-child(n+5){grid-column:span 4}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-game-2{background:linear-gradient(#d7fae3,#f1fff3)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-game-3{background:linear-gradient(#e5ddff,#f8f4ff)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-game-4{background:linear-gradient(#ffe1e9,#fff4e8)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-game-5{background:linear-gradient(#ffdcca,#fff2e6)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-game-6{background:linear-gradient(#d9f0ff,#f1fbff)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-game-7{background:linear-gradient(#f3dcff,#fff2fc)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-game-icon{display:grid;place-items:center;height:30px;font-size:28px;line-height:1.1}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame strong{display:block;font-size:17px;line-height:1.2;color:#30448b;font-weight:700;overflow-wrap:normal;word-break:normal}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-game-status{font-size:12px;line-height:1.3;color:#5d7695;margin-top:auto}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-english-tag{position:absolute;top:3px;right:4px;border:1px solid #e2bd74;border-radius:6px;padding:1px 3px;background:#fff6cb;color:#85621f;font-size:10px;line-height:1.2;font-weight:700}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-map-link{display:flex;align-items:center;gap:10px;padding:9px 12px;min-height:60px;border:2px solid #fff;border-radius:17px;background:linear-gradient(#d1faff,#e3f4ff);color:#35519a;box-shadow:0 3px 0 #c9dfe9;text-align:left;width:100%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-map-link>span:first-child{font-size:30px;line-height:1;flex-shrink:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-map-link>span:nth-child(2){flex:1;min-width:0;display:grid;gap:3px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-map-link strong{font-size:20px;line-height:1.2}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-map-link small{font-size:14px;line-height:1.3;color:#5d799b}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-map-link>span:last-child{font-size:24px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-footer{text-align:center;font-size:13px;line-height:1.5;color:#71829d;padding:11px 8px 7px}
.home-refined button:focus-visible{outline:3px solid #8744ce;outline-offset:3px}
.home-quickgame:hover{transform:translateY(-2px)}
@media(min-width:600px) and (max-width:999px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-refined{padding:10px 12px 0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-hub{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-hero{min-height:610px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-brand h1{font-size:53px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-brand>span{font-size:13px;padding:4px 12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-signs{left:5%;right:5%}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-signs span{font-size:22px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame{grid-column:span 6;min-height:89px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame:nth-child(n+5){grid-column:span 4}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame strong{font-size:16px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next{padding:10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next>strong{font-size:22px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-continue{font-size:19px;min-height:50px;padding:8px 10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-summary{gap:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-summary small{font-size:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-map-link strong{font-size:18px}
}
@media(max-width:599px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-refined{padding:8px 8px 0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-welcome{gap:7px;margin-bottom:8px;min-height:36px}
 .home-welcome>div{display:grid;gap:1px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-welcome strong{font-size:19px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-welcome>div>span{font-size:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-class{font-size:12px;padding:6px 8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-hub{display:flex;flex-direction:column;gap:10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-hero{min-height:0;height:294px;flex-shrink:0;border-radius:21px;background-position:center 20%}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-brand{top:6px;left:6px;right:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-brand h1{font-size:47px;letter-spacing:-3px;-webkit-text-stroke-width:1.5px;margin-bottom:0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-brand>span{font-size:10px;letter-spacing:1px;padding:3px 12px;border-radius:7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-mascots img{bottom:76px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-mascots .home-rabbit{height:45%;left:0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-mascots .home-koala{height:55%;left:27%;width:45%}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-mascots .home-fox{height:47%;right:0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-signs{bottom:8px;left:10%;right:10%;gap:3px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-signs span{font-size:18px;line-height:1.1;padding:3px 5px;border-width:1px;border-radius:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-learning-panel{gap:10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next{padding:10px 11px;border-radius:18px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next>strong{font-size:23px;line-height:1.25}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next>p{font-size:14px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next-heading>span:first-child{font-size:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-subject{font-size:11px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-continue{font-size:21px;min-height:51px;border-radius:14px;padding:8px 12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-summary{gap:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-summary>div{padding:7px 4px;gap:2px 5px;border-radius:13px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-summary>div>span{font-size:22px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-summary strong{font-size:24px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-summary small{font-size:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-section-title h3{font-size:21px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-section-title button{font-size:14px;min-height:44px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgames{gap:7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame{grid-column:span 6;min-height:99px;padding:8px 5px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame:nth-child(n+5){grid-column:span 4}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame strong{font-size:17px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-game-status{font-size:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-map-link{padding:10px;min-height:64px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-map-link strong{font-size:20px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-map-link small{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.home-refined *{animation:none!important;transition:none!important}}

/* Keep the desktop illustration in proportion; tablet shares its lower row. */
@media(min-width:1000px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-refined{padding-top:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-welcome{min-height:34px;margin-bottom:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next{padding:9px 12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next>strong{font-size:23px;margin:4px 0 2px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next-meter{margin:7px 0 8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-continue{min-height:50px;padding:6px 12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame{min-height:97px;padding:6px 5px;gap:2px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame strong{font-size:16px;line-height:1.15}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-game-icon{height:25px;font-size:24px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-hero{height:570px;min-height:0;align-self:start}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-section-title button{min-height:44px}
}
@media(min-width:600px) and (max-width:999px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-hub{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-learning-panel{display:contents}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-hero{grid-row:1 / span 2;grid-column:1;height:300px;min-height:0;align-self:stretch}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-brand{top:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-brand h1{font-size:44px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-brand>span{font-size:10px;padding:2px 10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-mascots img{bottom:78px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-signs{bottom:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-signs span{font-size:18px;padding:3px 5px;line-height:1.1}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-next{grid-row:1;grid-column:2;align-self:end}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-summary{grid-row:2;grid-column:2;align-self:start}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-games,.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-map-link{grid-column:1 / -1}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame{grid-column:span 3;min-height:95px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame:nth-child(n+5){grid-column:span 4}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-section-title button{min-height:44px}
}

@media(max-width:999px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-mascots .home-koala{height:46%}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-mascots .home-rabbit{height:39%}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-mascots .home-fox{height:40%}
}

/* Production identities, maintenance and activity badges. */
.home-welcome>div{flex:1;min-width:0}
.home-welcome strong{overflow-wrap:anywhere}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-class{max-width:40%;white-space:normal;min-height:44px;cursor:pointer}
.home-quickgame.is-off{filter:grayscale(.45)}
.home-game-lock{position:absolute;left:4px;top:3px;font-size:12px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-quickgame .ppl-news-cardbadge{top:-6px;right:4px;font-size:10px;line-height:1.2;padding:3px 5px;max-width:85%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .home-english-tag{left:4px;right:auto}
.home-refined[hidden]{display:none!important}