/* Preserve the approved premium carousel. Only compact catalog, mascot and practical workbench. */
.brand.ux-brand{display:flex;flex:0 0 auto;min-width:0;width:188px;max-width:34vw}
.ux-brand img{display:block;width:100%;height:64px;object-fit:contain}
.footer-grid .ux-brand{width:215px;max-width:100%}.auth-side .ux-brand{width:215px;max-width:100%}
.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.game-cover,.spelling-card .spelling-gallery{aspect-ratio:16/9!important;height:auto!important}
.game-cover img,.spelling-shot img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important;opacity:1!important}
.game-body{padding:14px!important;gap:0!important;min-height:0!important}
.game-card h3{font-size:16px!important;line-height:1.45!important;margin:0 0 6px!important}
.game-card .game-desc{font-size:12px!important;line-height:1.6!important;min-height:0!important;margin:9px 0 12px!important}
.game-tags{gap:4px!important}.game-tags span:nth-child(n+3){display:none}
.game-actions{gap:8px!important;margin-top:12px!important}.game-actions .btn{font-size:12px!important;min-height:36px!important;padding:8px!important}
.game-activation-badge{display:inline-flex!important;align-self:flex-start;margin:0 0 8px!important;background:#fff7f7!important;border:1px solid #efa4a4!important;color:#c23a3a!important;padding:3px 8px!important;width:auto!important;border-radius:7px!important;font-size:11px!important}
.game-activation-badge.active{background:#effbf6!important;border-color:#a8dac1!important;color:#15754b!important}
.ux-class-room{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 26px;border:1px solid #d8e4fa;border-radius:20px;background:linear-gradient(125deg,#fff,#edf5ff);margin-bottom:20px}
.ux-class-room h2{margin:0 0 8px;font-size:23px}.ux-class-room label{display:block;font-size:12px;color:#667796;margin-bottom:7px}
.ux-class-room select{width:100%;max-width:320px;padding:11px;border:1px solid #c6d6f1;border-radius:10px;background:white;color:#142345;font:inherit}
.ux-class-room p{font-size:12px;color:#6e7d96;line-height:1.6;margin-bottom:0}
.ux-class-buttons{display:flex;flex-wrap:wrap;gap:9px}
.teacher-row>div:first-child{position:relative;padding-left:74px;min-width:0}
.teacher-row>div:first-child::before,.ux-mascot-head{content:'';display:block;width:64px;height:64px;background:url('./brand-astronaut-20261007.png') no-repeat left center;background-size:auto 64px}
.teacher-row>div:first-child::before{position:absolute;left:0;top:0}
.ux-recent-list{display:flex;gap:8px;flex-wrap:wrap;color:#748198;font-size:12px;margin:12px 0 20px}
.ux-recent{display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding:12px 15px;border:1px solid #dce5f5;border-radius:12px;background:white;color:#273c62;text-align:left;cursor:pointer}.ux-recent small{color:#7a879e;font-size:11px}
.ux-owned-intro{display:block;border:0;background:transparent;color:#6d7c96;padding:8px 0 0;font-size:11px;cursor:pointer}
.dashboard-game-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.continue-card{min-width:0;gap:12px;padding:12px}.continue-card img{width:115px;aspect-ratio:16/9;height:auto;align-self:start;object-fit:cover}.continue-card h4{font-size:15px;margin:4px 0}.continue-card p{font-size:11px;line-height:1.5;margin:6px 0}.continue-card .btn{font-size:12px;padding:8px 12px}
.ux-other-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ux-other-games button{min-width:0;display:flex;flex-direction:column;gap:5px;border:1px solid #e0e7f2;background:white;border-radius:10px;padding:12px;font-size:12px;text-align:left;color:#263b61;cursor:pointer}.ux-other-games small{color:#c64141}
.ux-detail-steps{line-height:1.9;padding-left:23px;color:#526783}.ux-save-note{padding:15px 18px;background:#f2f6ff;border-radius:12px}.ux-save-note p{margin:8px 0 0;font-size:13px;line-height:1.8;color:#5c6e8a}
#word-shell .modal{width:min(900px,94vw)}.ux-library-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ux-library-top h2{margin:0}.ux-library-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.ux-library-tabs button{border:1px solid #d5e1f5;background:#fff;color:#60718e;border-radius:18px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer}.ux-library-tabs button.active{color:#2760de;border-color:#a7c0ff;background:#edf3ff}
.ux-library-card{display:flex;justify-content:space-between;gap:15px;padding:17px;border:1px solid #dce6f5;border-radius:13px;margin:10px 0}.ux-library-card h3{font-size:16px;margin:0 0 5px}.ux-library-card p{font-size:12px;margin:5px 0}.ux-library-card small{font-size:11px;color:#7a879c;line-height:1.7}.ux-library-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;flex:0 0 auto}.ux-library-actions .btn{font-size:12px;padding:9px 12px}
.ux-library-empty{text-align:center;padding:25px;border:1px dashed #d6e1f4;border-radius:14px}.ux-library-empty .ux-mascot-head{margin:0 auto 10px}.ux-library-empty b{font-size:16px}.ux-library-empty p{font-size:12px;color:#8290a7;line-height:1.7}
#ux-library-editor,#ux-library-use{padding:20px;border:1px solid #d8e5f8;background:#f8fbff;border-radius:14px;margin-top:16px}
#ux-library-editor h3,#ux-library-use h3{margin:0 0 12px;font-size:18px}#ux-library-name,#ux-library-text{width:100%;box-sizing:border-box;border:1px solid #cddcf4;border-radius:10px;padding:12px;font:inherit;background:white}#ux-library-text{margin-top:12px;min-height:210px;font-size:13px;line-height:1.8;resize:vertical}
#ux-library-status,#ux-library-format{font-size:12px;color:#7987a0;line-height:1.7}#ux-library-error,#ux-library-use-error{font-size:12px;line-height:1.7;color:#a33f3f;white-space:pre-line;margin-top:12px}#ux-library-class{padding:10px;max-width:100%;font:inherit;margin-bottom:12px;border:1px solid #cad9f3;border-radius:8px}
#ux-library-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ux-use-game{border:1px solid #b9cdf2;border-radius:9px;background:#fff;padding:13px;font:inherit;font-size:13px;color:#214375;cursor:pointer}.ux-use-game:disabled{color:#bd5555;border-color:#edb7b7;cursor:not-allowed;opacity:1}
.mascot-sprite{background-image:url('./brand-astronaut-20261007.png')!important;background-size:auto 100%!important;background-position:left center!important;width:280px!important;height:280px!important;aspect-ratio:auto!important;max-width:100%!important;justify-self:start}.mascot-stage{overflow:hidden}.mascot-sprite{transform:none!important}.mascot-stage[data-state='success'] .mascot-sprite{animation:ux-cheer .6s ease}.mascot-stage[data-state='privacy'] .mascot-speech{font-size:13px}
@keyframes ux-cheer{50%{translate:0 -9px}}
@media(min-width:2000px){.game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1400px){.dashboard-game-list{grid-template-columns:1fr}}
@media(max-width:1199px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-brand img{height:58px}}
@media(max-width:899px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-class-room{grid-template-columns:1fr}.ux-class-buttons .btn{font-size:12px}.ux-library-card{flex-direction:column}.ux-other-games{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:559px){.game-grid{grid-template-columns:1fr}.brand.ux-brand{width:150px;max-width:45vw}.ux-brand img{height:56px}.ux-class-room{padding:18px}.ux-library-top{align-items:flex-start}.ux-library-top .btn{font-size:11px;padding:8px}.ux-library-card{padding:13px}.ux-library-actions .btn{flex:1}.ux-library-tabs{gap:5px}.ux-library-tabs button{font-size:11px;padding:7px 10px}#ux-library-editor,#ux-library-use{padding:12px}#ux-library-games{grid-template-columns:1fr}.continue-card img{width:100px}.teacher-row>div:first-child{padding-left:56px}.teacher-row>div:first-child::before{width:48px;height:48px;background-size:auto 48px}}
@media(prefers-reduced-motion:reduce){.mascot-sprite{animation:none!important}}
#word-shell .ux-library-top{padding-right:52px}
#ux-library-search{width:100%;border:1px solid #cddcf4;border-radius:10px;padding:11px 13px;box-sizing:border-box;font:inherit;font-size:13px;background:white}#ux-library-quota{font-size:12px;line-height:1.8;color:#536a8f;padding:10px 13px;background:#f0f5ff;border-radius:10px}.ux-library-delete{color:#a84545!important;border:1px solid #ebcdcd!important;background:#fff9f9!important}.ux-library-actions{flex:0 1 auto}.ux-library-card>div:first-child{min-width:0;overflow-wrap:anywhere}.ux-library-help{font-size:13px;color:#617491;line-height:1.8}
@media(max-width:559px){#word-shell .ux-library-top{flex-direction:column;gap:12px}#word-shell .ux-library-top h2{font-size:21px}#word-shell .ux-library-top .btn{min-height:36px}}
/* Game-first templates; readable cells instead of format strings. */
#word-shell [hidden]{display:none!important}#word-shell .utility-modal{width:min(920px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}
.ux-step-title{display:flex;gap:12px;align-items:flex-start;margin:18px 0}.ux-step-title>span{width:32px;height:32px;flex:none;border-radius:10px;background:#e8efff;color:#285dd9;display:grid;place-items:center;font-weight:800}.ux-step-title h3{font-size:19px;margin:0!important}.ux-step-title p{font-size:12px;color:#657991;margin:4px 0 0}
#ux-library-game-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ux-game-template{display:flex;flex-direction:column;text-align:left;border:1px solid #d7e3f5;border-radius:13px;padding:0;overflow:hidden;background:white;cursor:pointer;min-width:0;color:#183354;transition:border-color .15s,translate .15s}.ux-game-template:hover{border-color:#5282ed;translate:0 -2px}.ux-game-template:focus-visible{outline:3px solid #9abaff;outline-offset:2px}.ux-game-template img{width:100%;height:90px;object-fit:cover;display:block}.ux-game-template span{padding:12px}.ux-game-template b{display:block;font-size:13px;line-height:1.5}.ux-game-template small{display:block;font-size:11px;color:#7687a2;margin-top:4px}
.ux-template-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ux-template-actions .btn{font-size:13px;cursor:pointer}.ux-content-caption{font-size:13px;color:#24426d;font-weight:700;margin:20px 0 10px}.ux-content-table-scroll{max-height:310px;overflow:auto;border:1px solid #d5e1f2;border-radius:10px;background:white}.ux-content-table{border-collapse:collapse;width:100%;table-layout:fixed}.ux-content-table th{background:#eaf1fb;text-align:left;color:#3c577c;font-size:12px;position:sticky;top:0;z-index:1;padding:10px}.ux-content-table td{border-top:1px solid #e3ebf6;padding:6px;font-size:12px}.ux-content-table th:first-child{width:34px}.ux-content-table th:last-child{width:44px}.ux-content-table td:first-child{text-align:center;color:#8a9ab1}.ux-content-table input{width:100%;min-width:0;font:13px/1.6 system-ui,sans-serif;color:#183354;background:white;border:1px solid #d5e1f2;border-radius:6px;padding:8px;box-sizing:border-box}.ux-row-delete{border:0;background:transparent;cursor:pointer;color:#9a5260;min-width:30px;min-height:32px;font-size:20px}#ux-library-add-row{font-size:12px;padding:8px 12px;margin-top:9px}#ux-library-paste-box{margin-top:17px;font-size:12px;color:#526b90}#ux-library-paste-box summary{cursor:pointer;padding:8px 0}#ux-library-paste{width:100%;box-sizing:border-box;min-height:100px;padding:10px;border:1px solid #cbdcf1;border-radius:8px;font:13px/1.7 system-ui,sans-serif}#ux-library-error.ux-valid{color:#217649}#ux-library-editor{background:#f8faff;padding:20px;border-radius:14px}#ux-library-input-kind button[aria-pressed=true]{background:#e8efff;border-color:#92b3f8;color:#245cd2}
@media(max-width:650px){#ux-library-game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-game-template img{height:80px}#ux-library-editor{padding:13px}.ux-template-actions{align-items:stretch}.ux-template-actions .btn{flex:1;padding:10px 6px;font-size:11px;justify-content:center}#word-shell .utility-modal{padding:18px}.ux-content-table input{font-size:12px;padding:7px 5px}.ux-content-table th:first-child{width:24px}.ux-content-table th:last-child{width:30px}.ux-content-table th{padding:8px 5px}.ux-content-table td{padding:5px 3px}}

.game-title{font-size:16px!important}.game-copy{font-size:12px!important;line-height:1.65!important;min-height:40px!important;margin:10px 0!important}.game-meta span:nth-child(n+3){display:none}.card-actions{margin-top:12px!important;gap:8px!important}.card-actions .btn{padding:8px!important;min-height:35px!important;font-size:12px!important}.spelling-image{width:100%!important;height:100%!important;display:block}.spelling-image img{object-fit:cover!important}.nav-flyout-list{max-height:330px;overflow:auto}.ux-library-card[hidden]{display:none}