/* Prasekolah PlayLab v1.7 — mobile-first subject/topic picker and multimodal questions. */
.ppl-app .ppl-topic-pick{background:linear-gradient(138deg,#fff,#f1f5ff);padding:15px;border:1px solid #e3e1f5;border-radius:20px;margin:12px 0 17px}
.ppl-app .ppl-topic-pick h3{font-size:18px;margin:0 0 10px;font-weight:1000;color:#344269}
.ppl-app .ppl-topic-subjects{display:flex;gap:8px;padding:4px 0 10px;overflow-x:auto;scrollbar-width:thin;max-width:100%;scroll-snap-type:x proximity}
.ppl-app .ppl-topic-subject{flex:none;white-space:nowrap;scroll-snap-align:start;font-size:12px;font-weight:850;padding:9px 13px;border-radius:100px;border:1px solid #dcd7eb;background:#fff;color:#556179;min-height:44px}
.ppl-app .ppl-topic-subject.selected{background:#6346bd;color:#fff;border-color:#6346bd}
.ppl-app .ppl-topic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:5px}
.ppl-app .ppl-topic-tile{border:2px solid #e4e9f3;border-radius:15px;background:#fff;color:#334155;padding:11px 7px;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;min-width:0;transition:transform .18s,background .18s,border-color .18s}
.ppl-app .ppl-topic-tile.selected{border-color:#7c5be1;background:#f3eeff;box-shadow:0 3px 0 #c0b1f8}
.ppl-app .ppl-topic-tile:active{transform:scale(.98)}
.ppl-app .ppl-topic-tile .ppl-topic-icon{font-size:30px}
.ppl-app .ppl-topic-tile strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere;text-align:center}
.ppl-app .ppl-topic-tile small{font-size:10px;color:#64748b}
.ppl-app .ppl-topic-picked{font-size:12px;font-weight:900;color:#6650a9;text-align:center;margin:12px 0 0}
.ppl-app [data-ppl-topic-pick][hidden]{display:none!important}
.ppl-app .ppl-topic-qimage{font-size:52px;text-align:center;margin:10px auto 0;line-height:1.2}
.ppl-app .ppl-topic-qimage img{width:auto;max-width:min(100%,260px);height:135px;object-fit:contain;border-radius:12px}
.ppl-app .ppl-topic-qimage[hidden]{display:none!important}
.ppl-app .ppl-equation{font-size:clamp(20px,4vw,33px)!important;line-height:1.35!important;overflow-wrap:anywhere;white-space:normal}
.ppl-app [data-ppl-answers]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ppl-app [data-ppl-answers] button{font-size:clamp(12px,2.9vw,21px);overflow-wrap:anywhere;min-width:0;min-height:66px;padding:8px 5px;line-height:1.25}
.ppl-app .ppl-board-topic-wrap{margin:10px 0;background:#f8f7fe;border-radius:12px;padding:10px;border:1px solid #e3e0f6}
.ppl-app .ppl-board-topic-wrap[hidden]{display:none!important}
.ppl-app .ppl-board-topic-wrap select{width:100%;max-width:440px;border:1px solid #d5d4e4;border-radius:9px;min-height:44px;background:white;padding:8px;color:#283c54}
@media(max-width:540px){.ppl-app .ppl-topic-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ppl-app .ppl-topic-pick{padding:11px}.ppl-app .ppl-topic-tile{min-height:99px}.ppl-app [data-ppl-answers] button{min-height:65px}}
@media(max-width:335px){.ppl-app .ppl-topic-tile strong{font-size:11px}.ppl-app .ppl-topic-tile .ppl-topic-icon{font-size:25px}}