:root{--ink:#29224d;--yellow:#ffbe9e;--cream:#fff9f2}
#app{background:#cbc9f5}.primary{background:#ffbe9e;color:#29224d;border-color:#392968;box-shadow:0 6px 0 #392968}.primary:hover{background:#ffd1b9}
.game-start .home-copy{background:radial-gradient(ellipse,#f5efffef 10%,#f5efffcc 55%,transparent 74%)}
.game-start h1{color:#392968}.game-start h1>span{color:#7960bb}.title-period{color:#e56e86}.start-route-badge{color:#49306e}.start-route-badge i{background:#20b8c5}
.level-screen,.custom-screen,.phonics-skill-screen{background:linear-gradient(135deg,#f4effbf2,#e3f5f5ef)}
.level-card[data-level="easy"]{--level-color:#087f8c;background:linear-gradient(140deg,#146b88,#1fa0a8)}
.level-card[data-level="medium"]{--level-color:#7950ba;background:linear-gradient(140deg,#584299,#9a68bf)}
.level-card[data-level="hard"]{--level-color:#a63d70;background:linear-gradient(140deg,#8a345e,#cb607b)}
.level-step{position:absolute;right:5%;top:22px}.setup-step{font-size:13px!important;line-height:1.3!important;font-weight:750;letter-spacing:.08em;color:#74618d;text-transform:uppercase}.custom-heading h2 small{display:block;letter-spacing:.04em;margin-top:6px}
.custom-tabs button[aria-selected="true"],.segmented button.selected{background:#65509e;color:#fff;border-color:#65509e}.preview-badge{background:#65509e}.custom-preview{border-color:#a998cf}.swatch.selected{outline-color:#65509e}
.modal{background:#fffaf5;color:#30284d}.modal[data-game-screen="question"] .order-stamp{background:#eee4f9;color:#6d478e}.correct-title{color:#168487}
.phonics-skill-screen{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:10px;padding:22px 5%;overflow:hidden}
.skill-utility{display:flex;justify-content:space-between;align-items:center}.skill-heading h2{margin:0}.skill-heading p{margin:8px 0 0;color:#756986}
.skill-search-row{display:flex;gap:12px}.skill-search-row input{flex:1;min-width:0;min-height:48px;border:2px solid #cfbfdc;background:#fffdfa;border-radius:14px;padding:10px 16px;font:inherit;font-size:17px;color:#30284d}.skill-search-row input:focus{outline:3px solid #d6b5fa;outline-offset:2px}
#skill-count{font-size:13px;color:#756986}.phonics-skill-groups{padding:4px 4px 24px}.phonics-skill-group{margin-bottom:24px}.phonics-skill-group h3{margin:0 0 12px;color:#72509b;font-size:20px!important}.phonics-skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.phonics-skill-card{position:relative;display:grid;grid-template-columns:42px 1fr 20px;grid-template-rows:auto auto;gap:6px 10px;padding:18px;text-align:left;border:2px solid #e1d6e9;border-radius:18px;background:#fffdfa;color:#30284d;box-shadow:0 4px 0 #d4c6e2;min-height:110px;transition:transform .15s,border-color .15s}
.phonics-skill-card:hover{transform:translateY(-2px);border-color:#9b76bb}.phonics-skill-card>span{grid-row:1/3;font-size:30px}.phonics-skill-card strong{font-size:19px}.phonics-skill-card small{grid-column:2;grid-row:2;font-size:16px;line-height:1.35;color:#7b7086}.phonics-skill-card b{grid-column:3;grid-row:1/3;align-self:center;font-size:21px;color:#9b76bb}.phonics-skill-card.selected{border-color:#7351a2;background:#efe3fa}
button:focus-visible{outline:3px solid #9b76bb;outline-offset:3px}.skill-empty{text-align:center;padding:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.phonics-activity{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(0,1.25fr);gap:22px;margin:18px 0;align-items:center}.phonics-picture{display:grid;place-items:center;background:linear-gradient(145deg,#e9e4ff,#e1f5f2);border:2px solid #d1c3e4;border-radius:26px;min-height:190px;padding:16px}.phonics-picture img{width:min(160px,25cqh);height:min(160px,25cqh);object-fit:contain}.phonics-picture>span{font-size:110px;line-height:1.3}.phonics-word-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.phonics-word-choices .word-crate{min-width:0;min-height:66px;background:#f7e1fa;border-color:#b38bc3;box-shadow:0 4px 0 #9c77ae;color:#49305f;font-size:24px!important;border-radius:14px;padding:12px}.phonics-word-choices .word-crate:hover{background:#eee0ff}.phonics-word-choices .incorrect{border-color:#e38d65;background:#ffecdf}.phonics-prompt{margin:0;text-align:center;color:#786b82}
.modal[data-game-screen="results"]{grid-template-rows:auto minmax(0,1fr)}.learning-recap{text-align:center}.modal[data-game-screen="results"] .panel-actions{display:flex;flex-direction:row;flex-wrap:wrap;margin:16px 0}.modal[data-game-screen="results"] .panel-actions button{flex:1 1 160px;width:auto;min-height:48px;padding:10px}.modal[data-game-screen="results"] .panel-actions .primary{flex-basis:100%}abz-game-feedback{display:block;margin:12px auto 0;max-width:660px}
@container cargo (max-width:850px){.phonics-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phonics-skill-card{padding:14px}.phonics-skill-screen{padding:14px 4%;gap:8px}}
@container cargo (max-width:600px){.phonics-skill-grid{grid-template-columns:1fr}.skill-heading h2{font-size:32px!important}.level-step{position:static;grid-row:2;font-size:12px!important}.level-screen{grid-template-rows:auto auto auto minmax(0,1fr) auto}.phonics-activity{grid-template-columns:1fr;gap:16px;margin:12px 0}.phonics-picture{min-height:135px;padding:10px}.phonics-picture img{width:120px;height:120px}.phonics-picture>span{font-size:90px}.phonics-word-choices .word-crate{min-height:58px;font-size:21px!important}.phonics-word-choices{gap:12px}.custom-heading h2 small{font-size:11px!important}}
@container cargo (max-height:420px) and (min-width:650px){.phonics-skill-screen{grid-template-columns:1fr 1fr;grid-template-rows:auto auto minmax(0,1fr);gap:8px}.skill-utility{grid-column:1}.skill-heading{grid-column:1;grid-row:2}.skill-heading h2{font-size:30px!important}.skill-heading p{display:none}.skill-search-row{grid-column:2;grid-row:2}#skill-count{grid-column:2;grid-row:1;text-align:right}.phonics-skill-screen>.scroll-host{grid-column:1/-1;grid-row:3}.phonics-skill-card{min-height:100px}.phonics-activity{gap:16px;margin:8px 0}.phonics-picture{min-height:100px;padding:6px}.phonics-picture img{width:82px;height:82px}.phonics-picture>span{font-size:76px}.phonics-word-choices{gap:10px}.phonics-word-choices .word-crate{min-height:48px;padding:8px;font-size:20px!important}.phonics-prompt{display:none}}
@media(prefers-reduced-motion:reduce){.phonics-skill-card{transition:none}.phonics-skill-card:hover{transform:none}}

.level-screen h2,.custom-heading h2,.skill-heading h2,.modal h2{color:#392968}