:root{--navy:#102d45;--blue:#2d6f9f;--brick:#bf512e;--bg:#f3f7f9;--paper:#fff;--ink:#173047;--muted:#6f8290;--line:#d8e3e9;--good:#e6f6eb;--bad:#fde9e6;--yellow:#fff4cf}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:linear-gradient(180deg,#edf3f7,#f8fafb 38%,#f3f7f9);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink)}button,input{font:inherit}.topbar{background:var(--navy);color:#fff}.topbar>div{max-width:1180px;margin:auto;min-height:46px;padding:9px 18px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.topbar a{color:#fff;text-decoration:none;font-weight:800;font-size:.84rem}.topbar span{opacity:.55}.page{max-width:1100px;margin:auto;padding:22px 18px 48px}.hero,.level-card,.work-card,.overview,.finish-card,.game-card,.remember>div{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(16,45,69,.05)}.hero{border-radius:20px;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--brick);font-size:.72rem;font-weight:950}.hero h1{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.03;margin:6px 0 8px;color:var(--navy);letter-spacing:-.035em}.hero p{margin:0;color:var(--muted);line-height:1.5;max-width:760px}.hero-badge{min-width:105px;text-align:center;border-radius:18px;background:#edf5fa;padding:15px;color:#235a82}.hero-badge b{display:block;font-size:2.2rem}.hero-badge span{font-size:.78rem;font-weight:850}.level-card{margin-top:14px;border-radius:16px;padding:14px}.level-title{text-transform:uppercase;letter-spacing:.08em;font-size:.67rem;color:#8a9aa5;font-weight:950;margin-bottom:8px}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.level{border:1px solid var(--line);background:#fff;color:#3f5b6d;border-radius:12px;padding:11px;text-align:left;cursor:pointer}.level b{display:block;font-size:.97rem}.level small{display:block;color:#84949f;margin-top:2px;line-height:1.25}.level.active{background:#eaf3fa;border-color:#7ba9cd;color:#174d76;box-shadow:inset 0 0 0 1px #7ba9cd}.level-note{margin-top:9px;background:#f7fafb;border:1px solid #e4ebef;border-radius:10px;padding:9px 11px;color:#627786;font-size:.83rem;line-height:1.4}.work-card{margin-top:14px;border-radius:18px;padding:22px;min-height:550px;display:flex;flex-direction:column}.task-head{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#81929e;font-size:.78rem}.pill{background:#edf4f8;color:#275e86;border-radius:999px;padding:6px 9px;font-weight:900}.counter{font-weight:800}.progress{height:8px;background:#edf2f5;border-radius:99px;overflow:hidden;margin:11px 0 0}.progress span{display:block;height:100%;background:#4a89b6;width:4%;transition:width .25s ease}.question{text-align:center;color:var(--navy);font-weight:950;font-size:clamp(1.45rem,3.5vw,2.15rem);line-height:1.22;margin:34px auto 14px;max-width:900px}.sub{text-align:center;color:var(--muted);font-size:.94rem;line-height:1.45;margin:0 auto 16px;max-width:800px}.number-big{text-align:center;font-size:clamp(2rem,7vw,3.8rem);font-weight:950;color:var(--navy);letter-spacing:.035em;margin:18px 0}.word-big{text-align:center;font-size:clamp(1.4rem,4vw,2.3rem);font-weight:900;color:#214865;line-height:1.35;margin:24px auto;max-width:900px;overflow-wrap:anywhere}.place-language{text-align:center;max-width:860px;margin:24px auto;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.place-language span{background:#fff5d7;border:1px solid #ead392;border-radius:12px;padding:10px 13px;color:#5c4a12;font-weight:900;font-size:1.05rem}.place-wrap{width:100%;overflow-x:auto;margin:20px auto;padding-bottom:3px}.place-table{border-collapse:separate;border-spacing:0;margin:auto;min-width:430px;border:2px solid #31566f;border-radius:11px;overflow:hidden;background:#fff}.place-table th,.place-table td{width:86px;text-align:center;border-right:1px solid #cbd7df;border-bottom:1px solid #cbd7df;padding:9px 7px}.place-table th:last-child,.place-table td:last-child{border-right:0}.place-table tr:last-child td{border-bottom:0}.place-table th{background:#edf4f8;color:#234e6c;font-size:.82rem;font-weight:950}.place-table th small{display:block;font-size:.59rem;color:#738795;font-weight:700;margin-top:2px}.place-table td{font-size:1.45rem;font-weight:950;height:58px}.digit-input{width:48px;height:41px;border:2px solid #b9c9d4;border-radius:8px;text-align:center;font-size:1.18rem;font-weight:950;outline:none}.digit-input:focus,.answer:focus{border-color:#4e8cba;box-shadow:0 0 0 4px rgba(45,111,159,.12)}.answer-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px auto}.answer{width:min(420px,88vw);border:2px solid #b8cad6;border-radius:11px;padding:11px 13px;text-align:center;font-size:1.18rem;font-weight:850;outline:none}.answer.word-answer{width:min(680px,94vw);font-size:1.05rem}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:900;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:#fff;border:1px solid var(--line);color:var(--navy)}.feedback{display:none;max-width:850px;margin:15px auto 0;padding:11px 13px;border-radius:11px;text-align:center;font-weight:850;font-size:.9rem}.feedback.show{display:block}.feedback.good{background:var(--good);color:#286a41}.feedback.bad{background:var(--bad);color:#963d34}.hintbox{max-width:760px;margin:12px auto 0;background:var(--yellow);border:1px solid #ead17c;border-radius:11px;padding:9px 12px;color:#665317;font-size:.84rem;text-align:center}.actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:24px}.overview{margin-top:14px;border-radius:16px;padding:16px}.overview h2{font-size:1rem;margin:0 0 10px;color:var(--navy)}.overview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.overview-grid>div{background:#f7fafb;border:1px solid #e2eaee;border-radius:12px;padding:10px}.overview-grid b{display:block;font-size:1.35rem;color:#2c6b98}.overview-grid span{display:block;color:#6b7e8b;font-size:.76rem;line-height:1.3}.finish-card,.game-card{margin-top:14px;border-radius:18px;padding:24px;text-align:center}.finish-card h2,.game-card h2{margin:5px 0 8px;color:var(--navy)}.finish-card p,.game-card p{color:var(--muted);margin:0 auto 16px}.game-card{border:2px solid #9bc7a9;background:#fbfffc}.snake-stats{display:flex;justify-content:center;margin:12px 0}.snake-stat{background:#eff8f2;border:1px solid #c8e3d1;border-radius:12px;padding:8px 14px}.snake-stat span{display:block;font-size:.72rem;color:#648170}.snake-stat strong{font-size:1.35rem;color:#216241}.snake-wrap{width:min(100%,500px);margin:14px auto 0}.snake-wrap canvas{display:block;width:min(100%,400px);height:auto;margin:auto;border:2px solid #bdd4c5;border-radius:14px;background:#f7fbf7}.snake-controls{display:grid;grid-template-areas:". up ." "left down right";justify-content:center}.snake-up{grid-area:up}.snake-left{grid-area:left}.snake-down{grid-area:down}.snake-right{grid-area:right}.snake-control{border:1px solid #b9d5c2;background:#fff;color:#235f40;font-weight:950;cursor:pointer}.snake-message{margin:10px auto 0;color:#648170;font-size:.83rem}.remember{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.remember>div{border-radius:13px;padding:12px}.remember b{display:block;color:var(--navy);font-size:.83rem;margin-bottom:4px}.remember span{color:#687d8b;font-size:.76rem;line-height:1.45}.correct{background:#e6f6eb!important;border-color:#72a984!important}.wrong{background:#fde9e6!important;border-color:#ca756c!important}
@media(max-width:850px){.overview-grid{grid-template-columns:repeat(2,1fr)}.remember{grid-template-columns:1fr}.hero{align-items:flex-start}.hero-badge{display:none}}
@media(max-width:600px){.page{padding-left:10px;padding-right:10px}.hero,.work-card{padding:16px}.levels{grid-template-columns:1fr}.overview-grid{grid-template-columns:1fr}.place-table{min-width:390px}.place-table th,.place-table td{width:76px;padding:7px 5px}.digit-input{width:42px}.actions>*{flex:1}.word-big{font-size:1.35rem}.task-head{align-items:flex-start}}


/* V91: 2–4 Zahlen je Aufgabe */
.place-table.multi .rowhead{min-width:50px;background:#edf4f8;color:#234e6c;font-weight:950}
.number-list{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px auto 18px}
.number-chip{background:#f4f7f9;border:1px solid var(--line);border-radius:11px;padding:9px 12px;color:#35576b;font-weight:850}
.number-chip b{display:inline-block;margin-right:6px;color:var(--navy)}
.multi-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:760px;margin:14px auto}
.multi-answer{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center}
.multi-answer label,.row-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#edf4f8;color:#275e86;font-weight:950}
.multi-answer .answer{width:100%}
.exercise-list{display:grid;gap:10px;max-width:900px;margin:16px auto}
.exercise-row{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(190px,320px);gap:10px;align-items:center;background:#f8fafb;border:1px solid #e2eaee;border-radius:13px;padding:11px 12px}
.exercise-row .answer{width:100%;margin:0}
.place-language.compact{margin:0;justify-content:flex-start}
.place-language.compact span{font-size:.92rem;padding:7px 9px}
.word-task{font-size:1.08rem;font-weight:900;color:#214865;overflow-wrap:anywhere}
.digit-task{font-size:1.45rem;font-weight:950;color:var(--navy)}
@media(max-width:700px){.multi-answer-grid{grid-template-columns:1fr}.exercise-row{grid-template-columns:36px 1fr}.exercise-row .answer{grid-column:2}.place-language.compact{grid-column:2}.word-task,.digit-task{grid-column:2}.place-table.multi{min-width:440px}}

/* V94: Stellenwerttafeln bis 1 Billion */
.place-table.multi{min-width:max-content}
.place-table.multi th,.place-table.multi td{width:74px;min-width:74px;padding-left:5px;padding-right:5px}
.place-table.multi .rowhead{position:sticky;left:0;z-index:3;box-shadow:2px 0 0 #cbd7df}
.place-table.multi tr:first-child .rowhead{z-index:4}
.place-wrap{scrollbar-gutter:stable}
@media(max-width:800px){.place-table.multi th,.place-table.multi td{width:66px;min-width:66px}.place-table.multi th{font-size:.75rem}.place-table.multi th small{font-size:.52rem}}
