/* Approved Soft Premium design; print styles remain independent. */
@media screen {
:root{--lx-accent:#1475ff;--lx-text:#10234d;font-family:Inter,Arial,sans-serif;color:#10234d;background:#f8fbff}body{background:#f8fbff;color:#10234d}header.site-header{max-width:1100px;background:transparent;border:0;padding:24px}.brand-word{font-size:32px;color:#10234d!important}.brand-word b{color:#1475ff!important}main{max-width:1100px;padding-bottom:40px}.home-section-title,.home-footnote,.home-intro>p,.home-intro>button{display:none!important}.home-intro{border:0!important;box-shadow:none!important;border-radius:0!important;display:block!important;background:none!important;padding:0!important;min-height:0!important;margin:12px 0 26px!important}.home-intro h1{font-size:32px!important;line-height:1.2!important;margin:0!important;color:#10234d!important}.course-grid{display:grid!important;grid-template-columns:1fr!important;gap:20px!important}.course-card{position:relative!important;display:block!important;height:270px!important;border:0!important;border-radius:26px!important;overflow:hidden!important;box-shadow:none!important;background-image:url(assets/soft-premium-worlds.webp)!important;background-size:100% 300%!important}.grade-2{background-position:center top!important}.grade-3{background-position:center center!important}.grade-4{background-position:center bottom!important}.course-cover{display:none!important}.course-caption{position:absolute!important;inset:0!important;padding:32px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;background:transparent!important;border:0!important}.course-caption h3{font-size:30px!important;color:#10234d!important;margin:0 0 10px!important}.course-caption p{font-size:17px!important;color:#506589!important}.course-caption>span{margin-top:auto!important;background:#1475ff!important;color:white!important;padding:13px 18px!important;border-radius:30px!important;font-size:15px!important}.btn,.hero-primary{background:#1475ff;color:#fff;border-radius:16px;min-height:48px}.btn.secondary{background:#edf4ff;color:#244c85}.panel,.question{border-radius:24px;background:white;border:1px solid #e2eaf6;box-shadow:none}.question{padding:28px}.question h2{color:#10234d}.option,.pair-grid .pair{background:white;border:1px solid #d9e2f3;border-radius:16px;box-shadow:none;min-height:64px;color:#10234d}.option.correct{background:#e5faee;border-color:#28b77b;color:#167047}.option.wrong{background:#fff0ee;color:#a9443b}.progress>div{background:#1475ff}.mode{border-radius:20px;border-color:#e1e8f3;box-shadow:none}.mode:hover{border-color:#1475ff;background:#f3f8ff}.stats{gap:12px}.stat{border-radius:16px}.current-lesson{background:#edf5ff;border:0;border-radius:20px}.flash{background:#edf5ff;color:#10234d}.crystal-arena{background:#f4f2ff}.prototype-note{text-align:center;color:#65758e;font-size:12px;padding:12px 20px}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #146de0;outline-offset:4px}@media(min-width:900px){.course-grid{gap:24px!important}.course-card{height:270px!important}}@media(max-width:600px){header.site-header{padding:18px}.brand-word{font-size:28px!important}.home-intro h1{font-size:26px!important}.course-card{height:225px!important;background-size:180% 300%!important;background-position-x:65%!important}.course-caption{padding:22px!important;background:linear-gradient(90deg,#f2f7ffb8,transparent 65%)!important}.course-caption h3{font-size:24px!important}.course-caption p{font-size:15px!important}.course-caption>span{font-size:12px!important;padding:10px 13px!important}.course-grid{gap:16px!important}.question{padding:20px}.header-home{font-size:12px!important}}
#game.panel{padding:24px!important}#game .question{background:#f5f9ff!important;border:0!important}#game .question h2{font-size:40px;text-align:center;padding:10px}#game .options{grid-template-columns:1fr!important}#game .option{font-weight:650;font-size:18px}#game .progress{margin:20px 0 12px}.site-header .brand-word{font-size:30px!important;letter-spacing:-1px!important}@media(max-width:600px){#game.panel{padding:16px!important}#game .question{padding:16px!important}}
.course-card{background-size:auto 300%!important}.course-caption{height:100%!important;width:100%!important;margin:0!important;transform:none!important}.course-caption h3{max-width:none!important}@media(max-width:600px){.course-card{height:auto!important;aspect-ratio:2/1!important;background-image:url(assets/soft-premium-worlds-mobile.webp)!important;background-size:100% 300%!important;background-position-x:center!important}.course-caption{padding:18px!important;background:none!important}.course-caption h3{font-size:20px!important}.course-caption p{font-size:13px!important}.course-caption>span{font-size:0!important;width:36px;height:36px;padding:7px!important;text-align:center}.course-caption>span:after{content:'→';font-size:20px}}

}

/* Crystal expedition: scoped premium sprites and touch controls. */
@media screen {
.crystal-arena{max-width:560px;margin:auto;padding:18px;border-radius:28px;background:linear-gradient(145deg,#f3f7ff,#eeebfa);color:#203858}
.crystal-board{padding:12px!important;gap:5px!important;background:#dfe6f3!important;border:1px solid #fff;border-radius:22px!important}
.crystal-tile{background:rgba(255,255,255,.65)!important;border-radius:13px!important;box-shadow:inset 0 1px 2px #fff!important;touch-action:none;min-width:0}
.crystal-tile .crystal-sprite{display:block;width:100%;height:auto;aspect-ratio:1;min-height:35px;background-image:url('assets/crystal-atlas.webp');background-size:355.56% 200%;background-repeat:no-repeat;pointer-events:none}
.crystal-tile.selected{outline:3px solid #347af0;outline-offset:-3px;background:#cbdfff!important}
.crystal-score{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px;margin:14px 0}
.letter-word{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:18px 0}.letter-word button{min-width:40px;min-height:46px;padding:8px;font-size:22px}.letter-word .selected{outline:3px solid #347af0}.options[hidden]{display:none!important}
@media(max-width:420px){.crystal-arena{padding:8px}.crystal-board{padding:7px!important;gap:3px!important}.crystal-instructions{font-size:13px}}
}