:root{--navy:#1a3a5c;--blue:#4a90d9;--pink:#f4deee;--bg:#f4f6fb;--line:#d8e2f0;--muted:#6f7e8d;--green:#21884f;--sidebar:430px}*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:#24384d;background:var(--bg);height:100vh;overflow:hidden}.app-header{height:66px;background:var(--pink);display:flex;align-items:center;padding:0 24px;box-shadow:0 2px 10px #0002;gap:20px}.app-header>div:first-child{display:flex;align-items:baseline;gap:12px}.app-header strong{font-size:23px;color:var(--navy)}.app-header span{color:#586b7f;font-size:13px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.blok-teller{background:#fff;padding:7px 12px;border-radius:18px;font-weight:700!important;color:var(--navy)!important}.app-layout{display:flex;height:calc(100vh - 66px)}button,select{font:inherit}.sidebar{width:var(--sidebar);background:#fff;border-right:2px solid var(--line);display:flex;flex-direction:column;flex:none}.intro{margin:16px 18px 12px;padding:14px 15px;border:1px solid #cbdcec;border-radius:10px;background:#f1f7fc}.intro strong{color:var(--navy)}.intro p{font-size:13px;line-height:1.45;margin:6px 0 0}.tabs{display:flex;border-bottom:2px solid var(--line);padding:0 12px}.tab{flex:1;border:0;border-bottom:4px solid transparent;background:#edf4fb;color:#536779;padding:11px 5px;font-size:12px;font-weight:700;cursor:pointer}.tab:first-child{background:#dcebfa}.tab:nth-child(2){background:#e5f3df}.tab:nth-child(3){background:#fff0d5}.tab.active{border-bottom-color:var(--navy);color:var(--navy);filter:saturate(1.25)}.sidebar-scroll{overflow-y:auto;padding:14px 18px 28px}.config-card{border:1.5px solid var(--line);border-radius:10px;padding:14px;margin-bottom:13px;background:#fff}.card-title{font-size:14px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:8px;margin-bottom:12px}.card-title>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff}.field-label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:0 0 6px}select{width:100%;padding:9px 10px;border:1.5px solid #b9cce0;border-radius:7px;background:#fff;color:#263d54}.tip{font-size:12px;line-height:1.4;color:#5f7184;margin:8px 0}.word-preview{display:flex;flex-wrap:wrap;gap:5px;padding-top:4px}.word-preview span{font-size:11px;padding:4px 7px;background:#eef4fa;border-radius:12px;color:#36546e}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.choice{border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:9px 7px;text-align:left;font-size:12px;font-weight:700;color:#4c6073;cursor:pointer}.choice.active{border-color:var(--blue);background:#eaf3fd;color:#174f85}.level-list{display:grid;gap:7px}.level-list label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px;cursor:pointer}.level-list input{accent-color:var(--green)}.level-list b,.level-list small{display:block}.level-list b{font-size:12px}.level-list small{font-size:11px;color:var(--muted)}.all-levels{margin-top:8px;border:0;background:none;color:#276ca7;text-decoration:underline;cursor:pointer;font-size:12px}.check-row{font-size:12px;display:flex;gap:7px;margin:10px 0}.add-btn{width:100%;border:0;border-radius:8px;padding:12px;background:var(--green);color:#fff;font-weight:800;cursor:pointer}.validation{font-size:12px;color:#b33;margin:7px 0 0;min-height:16px}.preview-zone{min-width:0;flex:1;display:flex;flex-direction:column}.preview-toolbar{min-height:64px;background:#fff;border-bottom:1px solid var(--line);padding:10px 18px;display:flex;align-items:center;gap:10px}.preview-toolbar>div{display:flex;flex-direction:column;margin-right:auto}.preview-toolbar strong{color:var(--navy)}.preview-toolbar span{font-size:12px;color:var(--muted);margin-top:3px}.print-btn,.shuffle-btn,.secondary{border:0;border-radius:8px;padding:10px 14px;font-weight:800;cursor:pointer}.print-btn{background:#176fa8;color:#fff}.shuffle-btn{background:#eef4fa;color:#275679}.secondary{background:#fff;color:#77536e;border:1px solid #d6bace}.print-btn:disabled,.shuffle-btn:disabled{opacity:.45;cursor:not-allowed}.pages{flex:1;overflow:auto;padding:28px}.empty-state{max-width:610px;margin:90px auto;text-align:center;background:#fff;border:1px dashed #b8cce0;border-radius:14px;padding:50px}.empty-state>div{font-size:50px}.empty-state h1{color:var(--navy)}.paper{width:210mm;min-height:297mm;background:#fff;margin:0 auto 26px;padding:15mm 16mm 16mm;box-shadow:0 4px 18px #0002;position:relative}.paper-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid var(--navy);padding-bottom:8px;margin-bottom:14px}.paper-head h1{font-size:23px;color:var(--navy);margin:0}.paper-head p{font-size:12px;margin:4px 0 0;color:#637587}.student-fields{font-size:12px;line-height:2}.block{break-inside:avoid;margin:0 0 20px;position:relative}.block-title{display:flex;align-items:center;gap:8px;background:#eef5fb;border-left:6px solid var(--block-color,#4a90d9);padding:8px 10px;color:var(--navy);font-weight:800}.block-title small{font-weight:500;color:#607386;margin-left:auto}.remove-block{position:absolute;right:-11mm;top:1px;border:0;background:#fee;color:#a22;border-radius:5px;padding:4px 6px;cursor:pointer}.read-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 14px;padding:12px 7px;font-size:16px}.read-grid.steun span{font-weight:700}.leesstuk{color:#176fa8}.sentence-list{display:grid;gap:9px;padding:12px 8px}.sentence-list p{margin:0;border-bottom:1px dotted #a9b6c2;padding-bottom:6px}.pyramid{text-align:center;padding:10px;line-height:1.8}.zoek-grid{padding:12px 8px;line-height:2}.zoek-grid span{display:inline-block;margin-right:14px}.mini-text{font-size:15px;line-height:1.75;padding:12px 8px}.page-footer{position:absolute;bottom:8mm;left:16mm;right:16mm;display:flex;justify-content:space-between;font-size:10px;color:#81909e}.level-badge{display:inline-block;border:1px solid #bdd0e2;border-radius:12px;padding:2px 7px;font-size:10px}.loading{position:fixed;inset:0;background:#1238;display:none;place-items:center;z-index:20}.loading.show{display:grid}.loading>div{background:#fff;padding:24px;border-radius:12px;font-weight:800}@media(max-width:1050px){:root{--sidebar:390px}.paper{transform-origin:top left;transform:scale(.76);margin-bottom:-64mm}.pages{padding:20px}}@media(max-width:780px){body{overflow:auto;height:auto}.app-header{height:auto;padding:12px;flex-wrap:wrap}.header-actions{margin-left:0}.app-layout{display:block;height:auto}.sidebar{width:100%;border:0}.preview-zone{min-height:600px}.paper{transform:scale(.62);margin-bottom:-110mm}.pages{overflow:hidden}.remove-block{right:2mm}}
@media print{body{height:auto;overflow:visible;background:#fff}.app-header,.sidebar,.preview-toolbar,.remove-block{display:none!important}.app-layout,.preview-zone,.pages{display:block;height:auto;overflow:visible;padding:0}.paper{box-shadow:none;margin:0;width:210mm;min-height:297mm;break-after:page;page-break-after:always;transform:none!important}.paper:last-child{break-after:auto;page-break-after:auto}@page{size:A4;margin:0}}

/* Rustiger leesbeeld: minder kolommen en meer witruimte tussen de woorden. */
.read-grid{grid-template-columns:repeat(3,1fr);column-gap:30px;row-gap:15px;padding:16px 10px;font-size:17px;line-height:1.45}
.sentence-list{gap:12px;padding:14px 10px}
.sentence-list p{padding-bottom:8px;line-height:1.5}
.zoek-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 28px;padding:16px 10px;line-height:1.45}
.zoek-grid>span{display:flex;align-items:center;gap:7px;margin:0;white-space:nowrap}
.zoek-grid .zoek-word,.zoek-grid .zoek-word .leesstuk{margin:0}
.zoek-teken{width:16px;flex:0 0 16px;text-align:center;font-style:normal}
.zoek-grid>p{grid-column:1/-1;margin:8px 0 0}
.pyramid{padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;line-height:1.5}
.pyramid-line{border-bottom:1px dotted #bdc8d2;padding:2px 14px;text-align:center}
.pyramid .line-1{min-width:20%}.pyramid .line-2{min-width:38%}.pyramid .line-3{min-width:56%}.pyramid .line-4{min-width:74%}.pyramid .line-5{min-width:92%;font-weight:700}
.mini-text{padding:14px 10px}
.mini-text .vooraf{background:#f4f8fc;border-radius:7px;padding:8px 10px;margin-bottom:12px}
.mini-text p{margin:0}
.goal-list{display:grid;gap:7px;max-height:245px;overflow-y:auto;padding-right:3px}
.goal-choice{display:flex;gap:8px;align-items:flex-start;border:1.5px solid var(--line);border-radius:8px;padding:9px;cursor:pointer;background:#fff}
.goal-choice.selected{border-color:var(--blue);background:#edf6ff}
.goal-choice input{margin-top:3px;accent-color:var(--blue)}
.goal-choice b,.goal-choice small{display:block}.goal-choice b{font-size:13px;color:var(--navy)}.goal-choice small{font-size:11px;color:var(--muted);line-height:1.3;margin-top:2px}
.mix-status{background:#eef4fa;border-radius:8px;padding:8px 10px;margin-bottom:9px;font-size:12px;font-weight:800;color:var(--navy)}
.mix-status.mixed{background:#f2eafb;color:#6d3d83;border-left:5px solid #8e5aa7}
.clear-goals{border:0;background:none;color:#276ca7;text-decoration:underline;cursor:pointer;padding:7px 0;font-size:12px}
.level-note{font-size:11px;line-height:1.35;margin:9px 8px 0;padding:6px 9px;border-radius:6px;background:#f4f7fa;color:#52677a}
.level-note.steun{background:#eaf4ff;color:#1d5f93}.level-note.vlot{background:#fff4dc;color:#76520b;font-weight:700}
.pyramid-set{display:grid;gap:10px}.pyramid-set .pyramid+ .pyramid{border-top:1px dashed #c6d2dd}
.mini-text p+p{margin-top:10px;padding-top:9px;border-top:1px dotted #b7c5d1}
.story-options{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.story-options select{margin-bottom:10px}
.story-image{display:block;width:100%;height:82mm;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:10px;border:1px solid #c8d5e1;margin-bottom:12px}
.story-text{font-size:15.5px;line-height:1.72;text-align:left}
.question-page h2{font-size:18px;color:var(--navy);margin:18px 0 8px}
.question{margin:0 0 19px;font-size:14px;line-height:1.5}
.answer-line{height:24px;border-bottom:1px solid #71869a;margin-top:7px}
.answers{display:grid;gap:8px;margin-top:9px;padding-left:8px}.answers label{display:block}
.vocab-section{border-top:3px solid #d8e6f2;margin-top:22px;padding-top:4px}
.vocab-section p{font-size:13px}.vocab-match{display:grid;grid-template-columns:1fr 1.8fr;gap:40px;margin-top:14px}.vocab-match>div{display:grid;gap:22px}.vocab-match span{min-height:25px;border-bottom:1px dotted #8fa0af;padding-bottom:4px}
.vocab-usage{display:grid;gap:13px;margin-top:12px}.vocab-usage label{padding:9px;border:1px solid #d5e0ea;border-radius:7px}

/* Vaste, rustige leesopmaak voor leerlingen. */
.paper,.paper *{font-family:Arial,sans-serif!important;font-size:14px!important}
.paper-head h1{font-weight:700!important}.block-title{font-weight:700!important}
.leesstuk{display:inline!important;vertical-align:baseline!important;line-height:inherit!important;position:static!important;top:auto!important;color:#003f91!important;background:#d9ecff!important;font:inherit!important;font-weight:inherit!important;border-radius:3px;padding:0 .08em!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.syllable-part{display:inline!important;font:inherit!important;font-weight:inherit!important;line-height:inherit!important;vertical-align:baseline!important;border-radius:3px;padding:0 .06em!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.syllable-a{color:#07568f;background:#dceeff}.syllable-b{color:#25653d;background:#dff3e5}.syllable-hyphen{display:inline!important;margin:0 .03em;color:#34495d;font:inherit!important;font-style:normal!important;vertical-align:baseline!important}
.preview-toolbar #downloadPdf2,.preview-toolbar #printPdf2{display:none!important}
.shuffle-btn[aria-pressed="true"]{background:#dff3e5;color:#17643a;box-shadow:inset 0 0 0 2px #69a982}
.quick-game{display:none!important}.current-mode{display:none!important}.app-header{gap:14px}.overview-link,.home-button,.header-actions button{min-height:44px;border-radius:10px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}.home-button{margin-left:0;background:#f4f8fc;border-color:#b9ccdd}.blok-teller{border-radius:10px;min-height:44px;display:inline-flex;align-items:center}.clear-preview{background:#fff4f4;color:#8f2929;border:1px solid #e3b1b1}.download-btn{background:#21884f;color:#fff}.print-btn{background:#176fa8;color:#fff}.game-briefing{min-height:calc(100vh - 114px);display:grid;place-items:center;padding:28px}.briefing-card{width:min(1050px,96%);padding:30px;border:2px solid #c9ddeb;border-radius:22px;background:#fff;box-shadow:0 10px 32px #2343;text-align:center}.briefing-card h1{margin:0 0 8px;color:var(--navy)}.briefing-card>p{margin:0 0 22px;color:#607387}.briefing-moves{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.briefing-moves>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;padding:14px;border:2px solid #d8e6f0;border-radius:16px;background:#f6fbff}.briefing-moves img{width:115px;height:115px;object-fit:contain}.briefing-moves b{margin-top:7px;color:var(--navy)}.briefing-skip{margin-top:24px;border:0;border-radius:12px;padding:15px 24px;background:#20834e;color:#fff;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 4px 0 #146437}
.game-setup{max-width:1480px}.game-config-grid{grid-template-columns:minmax(650px,1.25fr) minmax(470px,.8fr);align-items:start}.game-goals{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible}.game-goals em{display:block;margin-top:5px;color:#2b729f;font-size:11px;font-style:normal;font-weight:800}.move-picker>div{max-height:none;overflow:visible}.game-briefing{min-height:calc(100vh - 66px)}.briefing-card{width:min(760px,94%);min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center}.briefing-label{font-weight:800;color:#52708a!important}.briefing-counter{margin-bottom:8px;padding:6px 12px;border-radius:16px;background:#edf5fb;color:#376587;font-weight:800}.briefing-image{width:300px;height:300px;object-fit:contain}.briefing-card h1{font-size:42px}.briefing-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}.briefing-skip,.briefing-next{margin-top:0;border-radius:12px;padding:15px 22px;font-size:17px;font-weight:900;cursor:pointer}.briefing-skip{border:1px solid #b9ccdd;background:#f4f8fc;color:var(--navy);box-shadow:none}.briefing-next{border:0;background:#20834e;color:#fff;box-shadow:0 4px 0 #146437}@media(max-width:1200px){.game-config-grid{grid-template-columns:1fr}.game-goals{grid-template-columns:repeat(2,minmax(0,1fr))}}
.block{margin-bottom:30px}
.block+.block{margin-top:28px}
.question{margin-bottom:30px;padding-bottom:5px}
.question+.question{margin-top:22px}
.vocab-section{margin-top:34px;padding-top:18px}
.vocab-match{margin-top:20px}.vocab-match>div{gap:30px}
.story-text{font-size:14px!important;line-height:1.75}
.booster-head{min-height:31mm;display:grid;grid-template-columns:31mm 1fr auto;align-items:center;gap:10px;padding:0 0 8px;margin-bottom:18px;border-bottom:4px solid #1d7dc0;position:relative}
.booster-head::after{content:"";position:absolute;left:31mm;right:0;bottom:-8px;height:3px;background:linear-gradient(90deg,#f2c94c 0 24%,#ef7c8e 24% 49%,#5ec5a1 49% 74%,#8c6bc1 74%)}
.booster-zebra{width:30mm;height:30mm;object-fit:contain;align-self:end}
.booster-brand{align-self:center}.booster-title{display:flex;align-items:baseline;gap:0;letter-spacing:-1px;line-height:1}
.booster-title span{font-size:27px!important;font-weight:900!important;color:#123f69}.booster-title span:nth-child(2){color:#168a73}.booster-title i{font-size:17px!important;font-style:normal;color:#f1b928;margin-left:6px;transform:rotate(12deg)}
.booster-brand p{margin:6px 0 0!important;color:#627589;font-weight:700}
.booster-head .student-fields{text-align:left;min-width:47mm;line-height:2}
.story-title{margin:0 0 3px!important;color:#173f65;font-weight:800!important}
.story-instruction{margin:0 0 12px;color:#536a80}
.question-kicker{display:inline-block;margin:0 0 8px!important;padding:5px 11px;border-radius:999px;background:#e8f3fb;color:#245d88;font-size:12px!important;font-weight:800!important}.question-story-title{margin:0 0 25px!important;padding:0 0 12px;border-bottom:2px solid #d9e7f1;color:#173f65;font-size:19px!important;font-weight:800!important;line-height:1.3}.question-page .question{margin-bottom:32px}.question-page .answers{gap:12px;margin-top:14px;padding-left:10px}.question-page .answers label{min-height:27px;align-items:center}
.story-auto-tasks{padding:10px!important;border-radius:8px;background:#eef7ff;color:#315a78}.task-box{padding:10px 12px!important;border:1px solid #d7e5ef;border-radius:9px;background:#f8fbfd}.task-box>p,.writing-task>p{margin:4px 0 8px}.truth-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:6px 0;border-top:1px dotted #c4d2dd}.truth-row label{display:flex;align-items:center;gap:4px;white-space:nowrap}.order-row{display:flex;align-items:flex-start;gap:9px;padding:5px 0}.order-box{width:25px;height:25px;flex:0 0 25px;border:2px solid #385c78;border-radius:5px}.writing-task{margin:14px 0 4px;padding:11px 13px;border:2px solid #e5bf51;border-radius:10px;background:#fff9e8}.scrambled{font-weight:700;color:#244f72}.writing-reminder{margin:5px 0 14px;padding:7px 10px;border-left:4px solid #e3ad22;background:#fff8df;color:#66531e;font-size:12px!important}.question-page .writing-task+.writing-reminder{margin-top:6px}.question-level-steun .question,.question-level-basis .question{margin-bottom:17px;padding-bottom:0}.question-level-steun .question+.question,.question-level-basis .question+.question{margin-top:10px}.question-level-steun .answer-line,.question-level-basis .answer-line{height:20px}.question-level-steun .vocab-section,.question-level-basis .vocab-section{margin-top:18px;padding-top:10px}
.block-title .remove-block{position:static;margin-left:8px;border:1px solid #e4a9aa;background:#fff4f4;color:#9c2f32;border-radius:6px;padding:5px 8px;font-weight:700;cursor:pointer;white-space:nowrap}
.block-title .remove-block:hover,.remove-story:hover{background:#ffe1e2}
.remove-story{position:absolute;right:6mm;top:4mm;z-index:2;border:1px solid #e4a9aa;background:#fff4f4;color:#9c2f32;border-radius:7px;padding:6px 9px;font-weight:700;cursor:pointer}
.clear-preview{color:#8a3038!important;border-color:#ddaeb3!important;background:#fff7f7!important}
@media print{.remove-story{display:none!important}}
.differentiatie-uitleg{margin-top:13px;padding:10px 11px;border-radius:8px;background:#fff8df;border-left:5px solid #e2ad24;color:#62501f}
.differentiatie-uitleg b{font-size:12px}.differentiatie-uitleg p{font-size:11px;line-height:1.45;margin:4px 0 0}
.block{border:2px solid transparent;border-radius:11px;padding:8px;margin-bottom:14px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.block .block-title{margin:-8px -8px 5px;border-radius:8px 8px 0 0;border-left:0}
.block.level-steun{border-color:#4a90d9;background:#f5faff}.block.level-steun .block-title{background:#d9ecff;color:#164f83}
.block.level-basis{border-color:#46a36b;background:#f5fbf7}.block.level-basis .block-title{background:#dff3e6;color:#23633c}
.block.level-vlot{border-color:#8b67b2;background:#faf7fd}.block.level-vlot .block-title{background:#eadff5;color:#5f3e82}
.block.level-steun .level-badge{border-color:#83b5e1}.block.level-basis .level-badge{border-color:#8ac49e}.block.level-vlot .level-badge{border-color:#b89bd1}
.self-eval{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:5px 0 14px;padding:8px 10px;border:2px dashed #e1ad31;border-radius:10px;background:#fff9e8;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.self-eval strong{width:100%;color:#6b5315}.self-eval span{white-space:nowrap}.self-eval em{margin-left:auto;font-style:normal;font-weight:700;color:#8a6611}
.block+.block{margin-top:0}
.block .read-grid{row-gap:10px;padding-top:10px;padding-bottom:10px}
.block .level-note{margin-top:5px;padding-top:5px;padding-bottom:5px}
.answers label,.vocab-usage label{display:flex;align-items:flex-start;gap:9px}
.answer-box,.eval-box{display:inline-block;width:20px;height:20px;min-width:20px;border:2px solid #344d63;border-radius:4px;background:#fff;box-sizing:border-box}
.answer-box{margin-top:1px}.eval-box{margin-right:4px;vertical-align:-5px}
.picture-word-list{display:flex;flex-wrap:wrap;gap:8px 20px;margin:8px 0 12px;padding:9px 12px;border:1px solid #c9dbea;border-radius:9px;background:#f3f8fc}.picture-word-list span{min-width:110px}.picture-scene{position:relative;width:100%;height:92mm;border:2px solid #9fc5e5;border-radius:12px;background-size:cover;background-position:center;overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact}.picture-number{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);border:3px solid #1f5f91;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0005}.picture-vocab{break-inside:avoid}
.fluency-record{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:5px;padding-top:5px;border-top:1px dashed #a99bc8}
.block .pyramid-set{gap:4px}
.block .pyramid{padding:6px 10px;gap:3px;line-height:1.25}
.block .pyramid-line{padding-top:1px;padding-bottom:1px}
.self-eval>small{width:100%;color:#6f5a22;margin-top:-3px}
.self-eval{padding-top:7px;padding-bottom:7px}
.self-eval .eval-choice{display:flex;align-items:center;gap:7px;white-space:nowrap}
.eval-face{width:34px;height:34px;flex:0 0 34px;overflow:visible}
.eval-face circle,.eval-face path{fill:#fff;stroke:#654f1a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.eval-face .face-eye{fill:#654f1a;stroke:none}
.level-limit{margin:8px 0 0;padding:8px 10px;border-radius:7px;background:#f3eef9;color:#674985;font-size:11px;line-height:1.4}

.story-sentence::after{content:" "}.story-level-steun .story-text{line-height:1.6}.story-level-steun .story-sentence{display:block;margin-bottom:8px}.story-level-steun .story-sentence::after{content:""}
.reading-page .question{margin-bottom:24px!important}.reading-page .answer-line{height:26px}.vocab-task{margin:0 0 34px;padding:17px 19px;border:2px solid #d7e5ef;border-radius:12px;background:#f9fcff}.vocab-task h2{margin:0 0 12px!important}.vocab-task .vocab-match{margin-top:16px}.vocab-task .vocab-usage{margin-top:14px}.word-box{display:inline-block;padding:8px 12px;border-radius:8px;background:#eaf4fb;color:#244f72;font-weight:700}.writing-sheet-task{margin:0 0 40px;padding:20px;border:2px solid #ead18a;border-radius:12px;background:#fffaf0}.writing-sheet-task h2{margin:0 0 13px!important}.writing-sheet-task .answer-line{height:31px;margin-top:11px}.writing-page .writing-reminder{margin-top:18px;padding:12px}.vocabulary-page .answer-line{height:28px}

/* Smartboardspel */
.quick-game{justify-self:center;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:9px;border:2px solid #dfaa20;border-radius:14px;padding:12px 22px;background:#fff7cf;color:#694b00;box-shadow:0 4px 12px #8b6a1730;cursor:pointer}.quick-game>span{grid-row:1/3;font-size:28px}.quick-game b{font-size:16px;text-align:left}.quick-game small{color:#776b4e;text-align:left}
.move-picker{margin:16px 0;padding:12px;border:2px solid #ead28d;border-radius:12px;background:#fffaf0}.move-picker legend{padding:0 7px;color:#5f4b13;font-weight:900}.move-picker>p{margin:0 0 10px;color:#6e6650;font-size:13px;line-height:1.35}.move-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:240px;overflow:auto}.move-picker label{display:grid;grid-template-columns:auto 42px 1fr;align-items:center;gap:7px;min-height:51px;padding:5px 7px;border:2px solid #e4e1d7;border-radius:9px;background:#fff;cursor:pointer;font-size:12px;font-weight:800}.move-picker label.selected{border-color:#e0a91f;background:#fff4c9}.move-picker input{width:18px;height:18px;accent-color:#278358}.move-picker img{width:42px;height:42px;object-fit:contain}
.home-button{margin-left:28px;border:1px solid #aebfd0;border-radius:8px;padding:9px 13px;background:#fff;color:var(--navy);font-weight:800;cursor:pointer}.current-mode{padding:7px 12px;border-radius:16px;background:#fff6d9;color:#6d5412!important;font-weight:800}
.booster-launcher{min-height:calc(100vh - 66px);display:grid;align-content:center;gap:34px;padding:42px;background:linear-gradient(145deg,#edf7ff,#fff8e1 54%,#f4ecff)}.launcher-intro{display:flex;align-items:center;justify-content:center;gap:22px}.launcher-intro img{width:128px;height:128px;object-fit:contain}.launcher-intro h1{margin:0 0 7px;color:var(--navy);font-size:38px}.launcher-intro p{margin:0;color:#607387;font-size:17px}.launcher-choices{display:grid;grid-template-columns:repeat(2,minmax(0,510px));justify-content:center;gap:28px}.launcher-card{min-height:250px;display:flex;align-items:center;gap:24px;border:3px solid transparent;border-radius:24px;padding:28px;text-align:left;background:#fff;box-shadow:0 10px 30px #2343;cursor:pointer;transition:transform .16s,box-shadow .16s}.launcher-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px #2344}.worksheet-card{border-color:#4a90d9;background:linear-gradient(145deg,#fff,#edf6ff)}.game-launch-card{border-color:#e7ad2d;background:linear-gradient(145deg,#fff,#fff7d9)}.launcher-icon{display:grid;place-items:center;width:126px;height:126px;flex:0 0 126px;border-radius:50%;background:#dceeff;font-size:64px}.launcher-zebra{width:145px;height:150px;flex:0 0 145px}.launcher-zebra img{width:100%;height:100%;object-fit:contain}.launcher-card b,.launcher-card small,.launcher-card em{display:block}.launcher-card b{font-size:25px;color:var(--navy);margin-bottom:10px}.launcher-card small{font-size:15px;line-height:1.5;color:#607286}.launcher-card em{margin-top:22px;color:#176fa8;font-style:normal;font-weight:900}.game-launch-card em{color:#a26b00}
.mode-switch{display:flex;gap:5px;margin-left:28px;padding:4px;background:#ffffff80;border-radius:10px}.mode-btn{border:0;border-radius:7px;padding:9px 16px;background:transparent;color:var(--navy);font-weight:800;cursor:pointer}.mode-btn.active{background:var(--navy);color:#fff;box-shadow:0 2px 6px #0002}
.game-app{height:calc(100vh - 66px);overflow:auto;background:linear-gradient(145deg,#edf7ff,#fff8e1 55%,#f5edff);padding:24px}.game-setup{max-width:1180px;margin:auto}.game-setup-head{display:flex;align-items:center;gap:22px;margin-bottom:20px}.game-setup-head img{width:112px;height:112px;object-fit:contain}.game-setup-head h1{font-size:34px;color:var(--navy);margin:0 0 7px}.game-setup-head p{font-size:17px;line-height:1.5;margin:0;max-width:820px}.game-config-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:22px}.game-card{background:#fff;border:2px solid #c8daeb;border-radius:18px;padding:20px;box-shadow:0 7px 22px #2342}.game-card h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--navy)}.game-card h2>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font-size:16px}.game-family-tabs{display:flex;gap:7px;margin-bottom:13px}.game-family-tabs button{flex:1;border:2px solid #d6e2ed;border-radius:9px;padding:10px 5px;background:#f5f8fb;color:#52677a;font-weight:800;cursor:pointer}.game-family-tabs button.active{border-color:#327db7;background:#e2f2ff;color:#15598d}.game-goals{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:310px;overflow:auto;padding-right:5px}.game-goals label{display:flex;align-items:flex-start;gap:8px;border:2px solid #dde6ee;border-radius:10px;padding:10px;cursor:pointer}.game-goals label.selected{border-color:#4a90d9;background:#edf6ff}.game-goals input{margin-top:4px;accent-color:#2676b2}.game-goals b,.game-goals small{display:block}.game-goals small{color:#718295;margin-top:3px}.game-choice-summary{margin:12px 0 0;padding:9px 11px;background:#f0f5fa;border-radius:8px;font-weight:700;color:#34536f}.game-card>label:not(.game-check){display:block;font-size:13px;font-weight:800;color:#53677a;margin:13px 0 5px}.game-check{display:flex;align-items:center;gap:9px;margin:16px 0;padding:11px;background:#fff8dc;border-radius:9px;font-weight:700}.game-check input{width:19px;height:19px;accent-color:#278358}.game-start{width:100%;border:0;border-radius:12px;padding:15px;background:#20834e;color:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 4px 0 #146437}.game-message{color:#b33131;font-weight:700;min-height:20px}.game-explain{margin-top:18px;padding:14px 18px;border-left:6px solid #e9b82d;border-radius:10px;background:#fff9e6;font-size:15px;line-height:1.45}
.game-stage{height:100%;min-height:650px;display:flex;flex-direction:column;max-width:1500px;margin:auto}.stage-top{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 15px}.stage-top>div:first-child{display:flex;flex-direction:column}.stage-top b{font-size:22px;color:var(--navy)}.stage-top span{font-size:14px;color:#65798b;margin-top:3px}.stage-actions{display:flex;gap:9px}.stage-actions button,.finish-stage button{border:0;border-radius:10px;padding:11px 18px;background:#e7f0f8;color:#234e70;font-weight:900;cursor:pointer}.stage-actions #gameStop,.finish-stage .back-setup{background:#fff0f0;color:#983a3a}.stage-card{flex:1;border:3px solid #bcd6e9;border-radius:28px;background:#fff;box-shadow:0 9px 28px #2343;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.word-stage p,.move-stage>p{margin:0 0 20px;color:#65798a;font-size:24px;font-weight:800}.flash-word{font-family:Arial,sans-serif;font-size:clamp(72px,12vw,170px);font-weight:800;line-height:1;color:#123e67;letter-spacing:1px}.game-timer{height:24px;margin-top:18px;border:3px solid #173f65;border-radius:14px;overflow:hidden;background:#fff}.game-timer>div{height:100%;width:100%;background:linear-gradient(90deg,#43a86c,#f1c23f,#ed735f)}.move-stage{background:linear-gradient(145deg,#fff9d9,#e7f8ff);border-color:#e9b62e}.move-stage img{width:min(38vh,360px);height:min(38vh,360px);object-fit:contain}.move-stage h1{font-size:clamp(34px,5vw,68px);color:#174f76;margin:6px 0 8px}.move-stage span{font-size:18px;color:#647586}.finish-stage img{width:180px;height:180px;object-fit:contain}.finish-stage h1{font-size:52px;color:#188055;margin:5px}.finish-stage p{font-size:23px}.finish-stage button{font-size:18px;margin:6px}.finish-stage button:first-of-type{background:#20834e;color:#fff}
@media(max-width:900px){.launcher-choices{grid-template-columns:1fr}.launcher-card{min-height:210px}.mode-switch{order:3;width:100%;margin:0}.app-header{height:auto;flex-wrap:wrap}.game-app{height:auto}.game-config-grid{grid-template-columns:1fr}.game-goals{grid-template-columns:1fr}.game-stage{min-height:700px}}
@media print{.mode-switch,.game-app,.booster-launcher,.home-button,.current-mode{display:none!important}}
[hidden]{display:none!important}
.overview-link{margin-left:20px;padding:8px 12px;border:1px solid #aebfd0;border-radius:8px;background:#fff;color:var(--navy);text-decoration:none;font-weight:800;white-space:nowrap}.overview-link:hover{background:#eef5fb}
.story-wordbank{margin:0 0 12px;padding:10px 12px;border:2px solid #9fc5e5;border-radius:10px;background:#f2f8fd}.story-wordbank>b{display:block;margin-bottom:7px;color:#244f72}.story-wordbank>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px 12px}.story-wordbank span{text-align:center;padding:5px 7px;border-radius:7px;background:#fff;border:1px solid #d5e3ee;font-weight:700}.story-level-steun .story-image,.story-level-basis .story-image{height:64mm}.story-level-steun .story-text{line-height:1.65}
.download-btn{border:0;border-radius:8px;padding:10px 14px;background:#21884f;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 2px 0 #146737}.download-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.pdf-progress{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#173b5dbd;padding:24px}.pdf-progress>div{width:min(520px,92vw);padding:28px;border-radius:18px;background:#fff;box-shadow:0 14px 45px #102d4c66;text-align:center}.pdf-progress h2{margin:0 0 8px;color:var(--navy)}.pdf-progress p{margin:0 0 16px;color:#5e7183;font-weight:700}.pdf-progress-track{height:22px;border:2px solid #b8cada;border-radius:12px;overflow:hidden;background:#edf3f8}.pdf-progress-track span{display:block;width:0;height:100%;border-radius:9px;background:linear-gradient(90deg,#2b8b59,#55c986);transition:width .25s ease}.pdf-progress small{display:block;margin-top:12px;color:#6b7d8d}.pdf-export .paper{transform:none!important;margin-bottom:0!important;box-shadow:none!important}.pdf-export .remove-block,.pdf-export .remove-story{display:none!important}