.minigame{text-align:center}.minigame-eyebrow{font-weight:700}.minigame-columns,.minigame-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.minigame-options .quiz-wrong{background:#b83243;border:2px solid #d94b5b;color:#fff!important}.minigame-options .quiz-correct{background:#21864b;border:2px solid #4aab70;color:#fff!important}.minigame-columns>div{align-content:start;gap:10px;display:grid}.pair-card{border:2px solid #0000;transition:transform .15s,filter .15s}.pair-color-red{color:#641321!important;background:#ffe2e4!important;border-color:#d94b5b!important}.pair-color-blue{color:#16366e!important;background:#e1ebff!important;border-color:#4d80d8!important}.pair-color-green{color:#164c2b!important;background:#e1f6e8!important;border-color:#4aab70!important}.pair-color-purple{color:#432269!important;background:#f0e5fb!important;border-color:#9766c5!important}.pair-card[aria-pressed=true]{outline-offset:2px;outline:3px solid #71430d;transform:scale(1.02)}.pairs-controls{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;margin-top:8px;display:flex}.pairs-controls button{flex:12rem}.minigame-action-button{color:#fff2b0;min-height:48px;box-shadow:none;letter-spacing:.015em;text-shadow:0 2px #6b3900,0 3px 3px #000000d9;cursor:pointer;background:url(/fantasy/button_leer.png) 50%/100% 100% no-repeat;border:0;place-items:center;padding:0 1.2rem;font:700 clamp(.8rem,2vw,1.05rem) Cinzel,Georgia,serif;display:grid}.minigame-action-button:hover,.minigame-action-button:focus-visible{filter:brightness(1.13);outline:none;transform:translateY(-.12rem)scale(1.02)}.minigame-action-button:disabled{opacity:.55;cursor:not-allowed}.pairs-evaluation{text-align:left;gap:10px;margin-top:16px;display:grid}.minigame-earned-points{margin:.35rem 0 1rem;font-size:1.15rem;color:#fff3bf!important}.pairs-evaluation-compact{gap:.5rem;width:min(100%,31rem);margin:1rem auto 0}.pairs-evaluation-compact p{margin:0;padding:.65rem .8rem}.pairs-evaluation-section{gap:8px;display:grid}.pairs-evaluation-section h4{color:#fff3bf;margin:8px 0 0;font-size:1.05rem}.pairs-evaluation p{border-radius:8px;padding:12px}.pair-result-correct{background:#d9f5e5;color:#164c2b!important}.pair-result-wrong{background:#fbe1e1;color:#641321!important}.pairs-evaluation span{font-size:.95rem}.minigame button{white-space:normal;overflow-wrap:anywhere;min-height:48px}.minigame-columns button{width:100%}.minigame button[aria-pressed=true]{outline-offset:3px;color:#32200d;background:#ffe2a2;outline:3px solid #71430d}.minigame button:disabled{opacity:.55}.minigame-options .quiz-wrong:disabled{opacity:1;background:#ef8894;border-color:#d94b5b;color:#641321!important}.minigame-options .quiz-correct:disabled{opacity:1;background:#baf1c9;border-color:#54c77e;box-shadow:0 0 0 .15rem #99ffb559,0 0 .9rem #6af691b3;color:#164c2b!important}.phrase-answer{color:#fff3bf;border:2px dashed #d9b45b;border-radius:.7rem;min-height:3.5rem;margin:1rem 0;padding:.8rem 1rem;font-size:1.2rem;line-height:1.55}.phrase-answer .phrase-selected-word{color:#fff3bf;min-height:2.1rem;font:inherit;cursor:pointer;background:#0b2b65d1;border:1px solid #d9b45b;margin:.15rem;padding:.25rem .5rem}.phrase-options{flex-wrap:wrap;justify-content:center;gap:.65rem;margin:1rem 0;display:flex}.phrase-options button{min-width:5rem;padding:.75rem 1rem}.phrase-feedback-slot{align-items:center;height:5.5rem;margin:1rem 0;display:grid}.phrase-feedback{border-radius:.7rem;gap:.35rem;padding:.9rem;display:grid}.phrase-correct{color:#164c2b;background:#d9f5e5}.phrase-wrong{color:#641321;background:#fbe1e1}.minigame-status{place-items:center;min-height:3rem;margin:1rem 0 0;display:grid}.minigame button:focus-visible{outline-offset:3px;outline:3px solid #71430d}.minigame-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.minigame-menu-list{gap:12px;width:min(100%,34rem);margin:20px auto;display:grid}.minigame-menu-choice{text-align:left;gap:5px;padding:16px;display:grid}.minigame-menu-choice strong{font-size:1.15rem}.minigame-menu-choice span,.minigame-menu-choice small{color:#52606d}.minigame-menu-choice:disabled{cursor:not-allowed}.minigame-back-button{margin:8px auto 0}.minigame-prompt{overflow-wrap:anywhere;font-size:1.5rem}@media (width<=480px){.minigame-columns,.minigame-options{gap:8px}.minigame button{padding:12px 8px;font-size:1rem}}.survival-card{text-align:center}.survival-status{color:#fff3bf;background:#10459180;border:1px solid #f0c554ad;border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex}.survival-status>div:last-child{text-align:right;grid-template-columns:repeat(2,auto);gap:.8rem;display:grid}.survival-status strong{font-size:1.25rem;display:block}.survival-hearts{gap:.35rem;display:flex}.survival-heart{color:#3c516e;text-shadow:0 .1rem .2rem #00122f;font-size:2.1rem;line-height:1;position:relative}.survival-heart:after{width:calc(var(--fill) * 25%);color:#ef4d67;content:"♥";text-shadow:0 0 .5rem #ff5975cc;position:absolute;inset:0;overflow:hidden}.heart-0{--fill:0}.heart-1{--fill:1}.heart-2{--fill:2}.heart-3{--fill:3}.heart-4{--fill:4}.survival-scope{color:#dceaff!important}.survival-new-record{text-shadow:0 0 .55rem #ffce54;font:700 1.25rem Cinzel,Georgia,serif;color:#fff0aa!important}.survival-final-score{margin:.5rem 0;font:700 2.4rem Cinzel,Georgia,serif;color:#fff0aa!important}@media (width<=480px){.survival-status{flex-direction:column;align-items:flex-start}.survival-status>div:last-child{text-align:left}}.backups-card{gap:1rem;display:grid}.backups-card p{color:#52606d;margin:0}.backup-actions{flex-wrap:wrap;gap:.6rem;display:flex}.backup-actions .secondary-button,.backups-card td .secondary-button{margin-top:0}.backups-table-wrap{overflow-x:auto}.backups-card table{border-collapse:collapse;width:100%;min-width:42rem}.backups-card th,.backups-card td{text-align:left;white-space:nowrap;border-bottom:1px solid #d9e2ec;padding:.6rem .4rem}.backups-card th{color:#52606d;font-size:.9rem}.export-card{gap:1rem;display:grid}.export-card p{margin:0}.export-actions{flex-wrap:wrap;gap:.75rem;display:flex}.import-card{gap:1rem;display:grid}.import-help{color:#52606d;margin:0}.import-controls{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.import-controls label{flex:12rem}.import-controls input{width:100%;margin-top:.35rem;display:block}.import-summary{background:#eef6ff;border-radius:.6rem;padding:.75rem 1rem}.import-table-wrap{overflow-x:auto}.import-table{border-collapse:collapse;width:100%;font-size:.92rem}.import-table th,.import-table td{text-align:left;vertical-align:top;border-bottom:1px solid #d8e0e8;padding:.65rem}.import-table small{color:#678;margin-top:.25rem;display:block}.import-status{white-space:nowrap;background:#e8edf2;border-radius:.35rem;padding:.2rem .45rem;display:inline-block}.import-status-new{background:#d9f5e5}.import-status-error{color:#8b1e1e;background:#ffe0e0}.import-status-possible_new_meaning,.import-status-identical_duplicate,.import-status-additional_alternative{background:#fff0c2}.import-history{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.import-history li{border:1px solid #d8e0e8;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem;display:flex}.devices-card{gap:1rem;display:grid}.devices-card p{color:#52606d;margin:0}.devices-table-wrap{overflow-x:auto}.devices-card table{border-collapse:collapse;width:100%;min-width:46rem}.devices-card th,.devices-card td{text-align:left;white-space:nowrap;border-bottom:1px solid #d9e2ec;padding:.6rem .4rem}.devices-card th{color:#52606d;font-size:.9rem}.device-name-form{gap:.4rem;display:flex}.device-name-form input{min-width:9rem}.device-sync-warning{white-space:normal;max-width:24rem;font-size:.85rem;color:#9b2c2c!important}.email-report-card{gap:1rem;display:grid}.email-report-card p{color:#52606d;margin:0}.email-report-form{gap:.8rem;display:grid}.email-report-form label:not(.checkbox-label){color:#52606d;gap:.35rem;font-weight:650;display:grid}.email-report-form input,.email-report-form select{width:100%;font:inherit;border:1px solid #b9c5d6;border-radius:.45rem;padding:.65rem}.email-report-actions{flex-wrap:wrap;gap:.6rem;display:flex}.email-report-actions .secondary-button{margin-top:0}.review-settings-card{gap:1rem;display:grid}.review-settings-card p{color:#52606d;margin:0}.review-settings-form{gap:.8rem;display:grid}.review-intervals{flex-wrap:wrap;gap:1rem;display:flex}.review-intervals label{flex:10rem}.review-intervals input{width:100%;margin-top:.35rem;display:block}.app-shell{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),34rem));align-items:start}.parent-card{background:#fff;border:1px solid #d9e0eb;border-radius:1.25rem;padding:2rem;box-shadow:0 1rem 3rem #2234541a}.parent-card h2,.auth-form h3{margin-top:0}.auth-form{gap:1rem;display:grid}.auth-form label{color:#526070;gap:.4rem;font-weight:650;display:grid}.auth-form input[type=password]{letter-spacing:.25em;border:1px solid #b9c5d6;border-radius:.55rem;width:100%;padding:.75rem;font-size:1.15rem}.checkbox-label{align-items:center;gap:.55rem!important;font-weight:500!important;display:flex!important}.checkbox-label input{width:1rem;height:1rem}button{color:#fff;cursor:pointer;font:inherit;background:#3158a6;border:0;border-radius:.55rem;padding:.75rem 1rem;font-weight:700}.secondary-button{color:#3158a6;background:#e8eefb;margin-top:1rem}.form-error{color:#9c2f2f}.form-message{color:#17613b}.statistics-card{gap:1rem;display:grid}.statistics-card h3{margin:.5rem 0 0}.statistics-controls{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.statistics-controls label{flex:12rem}.statistics-controls select,.statistics-controls input{width:100%;margin-top:.35rem;display:block}.statistics-period{color:#52606d;margin:0}.statistics-grid{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.65rem;display:grid}.statistics-grid span{color:#52606d;background:#f4f7f9;border-radius:.6rem;gap:.25rem;padding:.75rem;display:grid}.statistics-grid strong{color:#102a43;font-size:1.25rem}.statistics-columns{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1.25rem;display:grid}.statistics-card table{border-collapse:collapse;width:100%}.statistics-card th,.statistics-card td{text-align:left;border-bottom:1px solid #d9e2ec;padding:.55rem .4rem}.statistics-card th{color:#52606d;font-size:.9rem}.statistics-card p{color:#52606d}@media (width<=600px){.statistics-card{overflow-x:auto}}.student-card{gap:1rem;display:grid}.student-topline{color:#678;justify-content:space-between;gap:.75rem;font-size:.85rem;display:flex}.student-choice-row{flex-wrap:wrap;gap:1rem;display:flex}.student-choice-row label{flex:12rem}.student-choice-row select{color:#172033;width:100%;min-height:2.9rem;font:inherit;cursor:pointer;appearance:none;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#52606d 50%),linear-gradient(135deg,#52606d 50%,#0000 50%);background-position:calc(100% - 1.15rem) 1.2rem,calc(100% - .85rem) 1.2rem;background-repeat:no-repeat;background-size:.3rem .3rem,.3rem .3rem;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #d5dce8;border-radius:.7rem;margin-top:.45rem;padding:.7rem 2.5rem .7rem .85rem;font-weight:550;transition:border-color .15s,box-shadow .15s,background-color .15s;display:block}.student-choice-row select:hover{background-color:#fbfcff;border-color:#8ea6cb}.student-choice-row select:focus-visible{border-color:#3158a6;outline:none;box-shadow:0 0 0 .2rem #3158a624}.student-choice-row label{color:#526070;font-size:.86rem;font-weight:650}.student-start-button{font-size:1.05rem}.student-learning-card{align-content:start;min-height:22rem}.student-learning-card h2{color:#172b4d;margin:.5rem 0 1rem;font-size:clamp(1.2rem,4.2vw,2.4rem)}.student-answer-form{gap:.75rem;width:min(100%,34rem);display:grid}.student-answer-form>label{gap:.45rem;display:grid}.student-answer-form input{box-sizing:border-box;border-radius:.55rem;width:100%;min-height:3.25rem;padding:.75rem 1rem;font-size:1.2rem}.student-learning-card .student-topline>span:first-child{display:none}.student-answer-form>label{color:#0000;font-size:0}.student-answer-form>label input{color:#172033;font-size:1.2rem}.student-answer-form>button,.student-learning-card>.secondary-button,.student-feedback button{width:13.5rem;min-width:13.5rem}.student-feedback{box-sizing:border-box;border-radius:.7rem;width:min(100%,34rem);padding:1.15rem 1rem}.student-feedback h3{margin:0}.student-feedback p{margin-top:.4rem}.feedback-exact{background:#d9f5e5}.feedback-tolerated{background:#fff0c2}.feedback-wrong{background:#fbe1e1}.student-summary{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.75rem;display:grid}.student-summary span{color:#52606d;border:1px solid #d8e0e8;border-radius:.5rem;padding:.75rem}.student-summary strong{color:#172b4d;margin-top:.2rem;font-size:1.35rem;display:block}@media (width<=600px){.student-topline{flex-direction:column}.student-learning-card h2{font-size:1.32rem}.student-answer-form>button,.student-learning-card>.secondary-button,.student-feedback button{width:100%;min-width:0}}.fantasy-start-screen{color:#fff7d0;text-align:center;background:0 0;min-height:calc(100vh - 4.8rem);padding:0 clamp(1rem,4vw,3rem) 3rem}.fantasy-headline{filter:drop-shadow(0 .35rem .45rem #000000b3);width:min(47vw,26.4rem);height:auto;margin:0 auto clamp(.65rem,1.5vw,1rem);display:block}.start-mode-switch{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-bottom:1.1rem;display:flex}.fantasy-small-button{color:#ffe99a;cursor:pointer;background:#061b47e6;border:1px solid #d99b27;border-radius:999px;padding:.55rem 1.1rem;font:700 .95rem Cinzel,Georgia,serif}.fantasy-small-button.selected,.fantasy-small-button:hover,.fantasy-small-button:focus-visible{color:#081b43;background:linear-gradient(#fff1a6,#d98b16);outline:none}.direction-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem clamp(.7rem,2vw,1.25rem);width:min(100%,30rem);margin:0 auto 1rem;display:grid}.direction-card{cursor:pointer;background:0 0;border:0;min-width:0;padding:0;transition:transform .18s,filter .18s;position:relative}.direction-card img{filter:drop-shadow(0 .45rem .5rem #000000bf);width:100%;height:auto;display:block}.direction-card:hover,.direction-card:focus-visible,.direction-card.selected{filter:brightness(1.14);outline:none;transform:translateY(-.2rem)scale(1.02)}.direction-card.selected img{filter:drop-shadow(0 0 .35rem #ffe37d)drop-shadow(0 .45rem .5rem #000000bf)}.direction-switcher{cursor:pointer;filter:drop-shadow(0 .35rem .4rem #000000b3);background:0 0;border:0;width:min(9rem,30vw);margin:.15rem auto .8rem;padding:0;transition:transform .18s,filter .18s;display:block}.direction-switcher img{width:100%;height:auto;display:block}.direction-switcher:hover,.direction-switcher:focus-visible{filter:brightness(1.12)drop-shadow(0 .35rem .4rem #000000b3);outline:none;transform:scale(1.06)}.fantasy-options-panel{text-align:left;background:#041333d1;border:1px solid #e7b137b8;border-radius:.7rem;width:min(100%,20rem);margin:0 auto .65rem;padding:.5rem .6rem;box-shadow:0 .7rem 1.5rem #0000004d}.fantasy-option-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .65rem;margin-bottom:.45rem;display:grid}.fantasy-options-panel>.fantasy-option-row:first-child>label{grid-column:1/-1}.fantasy-option-row:last-child{margin-bottom:0}.fantasy-option-row label{color:#ffeaa0;font:700 .85rem Cinzel,Georgia,serif}.fantasy-option-row select{color:#172033;background:#fffaf0;border:1px solid #c9922b;border-radius:.45rem;width:100%;margin-top:.2rem;padding:.48rem .65rem;font:600 .88rem Georgia,serif;display:block}.fantasy-start-button{cursor:pointer;filter:drop-shadow(0 .4rem .45rem #000000b3);background:0 0;border:0;width:min(100%,23rem);margin:.3rem auto 0;padding:0;transition:transform .18s,filter .18s;display:block;position:relative}.fantasy-start-button img{width:100%;height:auto;display:block}.fantasy-start-button span{color:#fff2b0;letter-spacing:.015em;text-shadow:0 2px #6b3900,0 3px 3px #000000d9;-webkit-text-stroke:0;pointer-events:none;place-items:center;font:700 clamp(1.05rem,2.5vw,1.55rem) Cinzel,Georgia,serif;display:grid;position:absolute;inset:0;transform:translateY(-3%)}.fantasy-start-button:hover,.fantasy-start-button:focus-visible{filter:brightness(1.13)drop-shadow(0 .4rem .45rem #000000b3);outline:none;transform:translateY(-.2rem)scale(1.02)}.fantasy-survival-button{width:min(100%,19rem);margin-top:-.2rem}.fantasy-survival-button span{color:#ffd4da}.fantasy-secondary-actions{justify-content:center;gap:.5rem;width:min(100%,23rem);margin:.15rem auto 0;display:flex}.fantasy-minigames-button,.fantasy-exit-button{cursor:pointer;filter:drop-shadow(0 .3rem .35rem #000000a6);background:0 0;border:0;flex:1 1 0;width:min(100%,11rem);margin:0;padding:0;transition:transform .18s,filter .18s;display:block;position:relative}.fantasy-minigames-button img,.fantasy-exit-button img{width:100%;height:auto;display:block}.fantasy-minigames-button span,.fantasy-exit-button span{color:#eaf2ff;letter-spacing:.015em;text-shadow:0 2px #17345f,0 3px 3px #000000d9;pointer-events:none;place-items:center;font:700 .78rem Cinzel,Georgia,serif;display:grid;position:absolute;inset:0;transform:translateY(-3%)}.fantasy-minigames-button:hover,.fantasy-minigames-button:focus-visible,.fantasy-exit-button:hover,.fantasy-exit-button:focus-visible{filter:brightness(1.13)drop-shadow(0 .3rem .35rem #000000a6);outline:none;transform:translateY(-.12rem)scale(1.02)}.fantasy-error{text-align:left;background:#ffe0e0f2;border-radius:.6rem;width:min(100%,34rem);padding:.7rem 1rem;margin:.8rem auto 0!important}@media (width<=700px){.direction-card-grid{grid-template-columns:1fr;width:min(100%,24rem)}.fantasy-option-row{grid-template-columns:1fr}.fantasy-start-screen{background-attachment:scroll}}.student-statistics-backdrop{z-index:20;background:#010819b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.student-statistics-dialog{color:#fff4c1;text-align:center;background:linear-gradient(#051a46f5,#030f2bfa);border:1px solid #e4b33d;border-radius:1rem;width:min(100%,28rem);max-height:calc(100vh - 2rem);padding:1.4rem 1.2rem 1.5rem;position:relative;overflow:auto;box-shadow:0 1.4rem 3rem #0000008c}.student-statistics-image{object-fit:contain;filter:drop-shadow(0 .3rem .3rem #0000008c);width:7rem;height:7rem}.student-statistics-eyebrow{color:#f1c65e;letter-spacing:.08em;text-transform:uppercase;margin:-.25rem 0 .15rem;font:700 .82rem Cinzel,Georgia,serif}.student-statistics-dialog h2{color:#fff4c1;margin:0;font:700 clamp(1.6rem,5vw,2.25rem) Cinzel,Georgia,serif}.student-statistics-date{color:#d6e7ff;text-transform:capitalize;margin:.3rem 0 1rem}.student-statistics-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.student-statistics-grid span{color:#dceaff;background:#0f438f85;border:1px solid #eeb9368c;border-radius:.7rem;gap:.3rem;min-width:0;padding:.7rem .3rem;font-size:.75rem;display:grid}.student-statistics-grid strong{color:#fff0a7;font:700 1.35rem Cinzel,Georgia,serif}.student-level-statistics{border-top:1px solid #eeb93666;margin-top:1rem;padding-top:.8rem}.student-level-statistics h3{color:#fff0a7;margin:0 0 .6rem;font:700 1.05rem Cinzel,Georgia,serif}.student-level-statistics h4{color:#d6e7ff;margin:.7rem 0 .35rem;font-size:.75rem;font-weight:600}.student-level-row{flex-wrap:wrap;justify-content:center;gap:.55rem;min-height:2.8rem;display:flex}.student-level-item{color:#fff0a7;justify-items:center;gap:.1rem;min-width:2.8rem;font:700 .9rem Cinzel,Georgia,serif;display:grid}.student-level-item img{object-fit:contain;filter:drop-shadow(0 .15rem .15rem #00000080);width:2.45rem;height:2.45rem}.student-statistics-message{color:#ffe2a1;min-height:1.2rem;margin:.9rem 0 0}.student-unit-statistics{border-top:1px solid #eeb93666;margin-top:1rem;padding-top:.8rem}.student-unit-statistics h3{color:#fff0a7;margin:0 0 .65rem;font:700 1.05rem Cinzel,Georgia,serif}.student-unit-grade-controls{flex-wrap:wrap;justify-content:center;gap:.45rem;margin-bottom:.65rem;display:flex}.student-unit-grade-button{color:#dceaff;cursor:pointer;background:#0f438f85;border:1px solid #d8a832;border-radius:999px;padding:.4rem .65rem}.student-unit-grade-button[aria-pressed=true]{color:#082353;background:#ffe38a}.student-unit-list{text-align:left;gap:.5rem;display:grid}.student-unit-card{background:#0f438f5c;border:1px solid #eeb93680;border-radius:.65rem;gap:.45rem;padding:.65rem .7rem;display:grid}.student-unit-card strong{color:#fff0a7;font-family:Cinzel,Georgia,serif}.student-unit-direction{color:#dceaff;grid-template-columns:minmax(0,1fr) 6.25rem;align-items:center;gap:.45rem;font-size:.75rem;display:grid}.student-unit-progress-track{background:#010819b3;border-radius:999px;height:.48rem;overflow:hidden}.student-unit-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#e5ab37,#fff0a7);height:100%;display:block}.student-unit-empty{color:#d6e7ff;margin:.5rem 0 0}.student-statistics-close{color:#fff0b1;cursor:pointer;background:#051f51e6;border:1px solid #d8a832;border-radius:999px;width:2rem;height:2rem;padding:0;font-size:1.4rem;line-height:1;position:absolute;top:.55rem;right:.6rem}@media (width<=420px){.student-statistics-grid{gap:.35rem}.student-statistics-grid span{font-size:.68rem}}.student-learning-card{color:#fff1ba;text-align:center;background:linear-gradient(#051b49e6,#030f2bf0);border:1px solid #e8b535c7;border-radius:1.2rem;width:min(100% - 2rem,36rem);min-height:min(34rem,100vh - 8rem);margin:clamp(1.25rem,5vh,3.5rem) auto 3rem;padding:clamp(1.2rem,4vw,2rem);box-shadow:0 1.2rem 2.5rem #00000073}.student-learning-card .student-topline{color:#d7e8ff;letter-spacing:.04em;justify-content:center;font:700 .86rem Cinzel,Georgia,serif}.student-learning-card .eyebrow{color:#f2c95e;letter-spacing:.08em;text-transform:uppercase;font:700 .9rem Cinzel,Georgia,serif}.student-learning-card h2{color:#fff3bf;text-align:left;text-shadow:0 .18rem .2rem #000000a6}.student-learning-card .student-answer-form{text-align:left;margin:0 auto}.student-learning-card .student-answer-form input{color:#132855;background:#fff9e9;border:1px solid #e1ad38;box-shadow:inset 0 .08rem .25rem #4e2b0026}.student-learning-card .student-answer-form>button,.student-learning-card>.secondary-button,.student-learning-card .student-feedback button{color:#fff2b0;background:linear-gradient(#1758b7,#092e78);border:1px solid #efcc62;font-family:Cinzel,Georgia,serif;box-shadow:inset 0 1px #ffffff4d,0 .2rem .35rem #00000059}.student-learning-card>.secondary-button{color:#dceaff;background:linear-gradient(#174689,#0a2458);margin:.25rem auto 0}.student-learning-card .student-feedback{color:#fff6d6;text-align:left;border:1px solid #f1ca5db8;width:100%}.student-learning-card .student-feedback p{color:#fff1c9}.student-learning-card .feedback-exact{background:linear-gradient(#167858eb,#094c41f0)}.student-learning-card .feedback-tolerated{background:linear-gradient(#a57110f0,#673d06f2)}.student-learning-card .feedback-wrong{background:linear-gradient(#8f2a31f0,#561424f5)}@media (width<=600px){.student-learning-card{width:min(100% - 1.25rem,36rem);min-height:calc(100vh - 6rem);margin-top:.6rem;padding:1.1rem .85rem}}.student-learning-card .learning-direction-image{filter:drop-shadow(0 .22rem .25rem #00000080);width:min(5.5rem,27vw);height:auto;margin:0 auto -.2rem;display:block}.student-learning-card .learning-level-image{object-fit:contain;filter:drop-shadow(0 .2rem .22rem #00000080);width:3.8rem;height:3.8rem;margin:-.1rem auto .4rem;display:block}.student-learning-card .learning-level-badge{width:3.8rem;height:3.8rem;margin:-.1rem auto .4rem;display:block;position:relative}.student-learning-card .learning-status-row{justify-content:space-between;align-items:stretch;width:100%;display:flex}.student-learning-card .learning-status-left{grid-template-rows:auto auto 1fr;justify-items:start;gap:.25rem;display:grid}.student-learning-card .learning-status-left .student-topline{justify-content:start}.student-learning-card .learning-status-left .learning-direction-image{width:min(6.6rem,32vw);margin:.38rem 0 0}.student-learning-card .learning-direction-row{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.student-learning-card .learning-mark-button{color:#ffe99a;cursor:pointer;background:#051f51cc;border:1px solid #eeb936bf;border-radius:.45rem;place-items:center;width:2rem;height:2rem;margin-top:0;padding:.3rem;display:grid}.student-learning-card .learning-mark-button svg{fill:currentColor;width:1.25rem;height:1.25rem}.student-learning-card .learning-mark-button:hover,.student-learning-card .learning-mark-button:focus-visible{color:#fff;outline-offset:2px;background:#1e4b96f2;outline:2px solid #ffe99a}.student-learning-card .learning-status-left h2{align-self:end;margin:0}.student-learning-card .learning-status-row .learning-level-badge{width:10.26rem;height:10.26rem;margin:0}.student-learning-card .learning-level-badge .learning-level-image{z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.student-learning-card .learning-level-badge:before{z-index:0;content:"";filter:blur(.45rem);background:#0000007a;border-radius:50%;height:.7rem;position:absolute;bottom:.45rem;left:13%;right:13%;transform:perspective(1rem)rotateX(62deg)}.student-learning-card .learning-level-badge.is-level-changing:after{z-index:0;content:"";pointer-events:none;background:radial-gradient(circle,#fff7abf2 0 4%,#ffd03ea6 12%,#ffb71940 28%,#0000 63%);border-radius:50%;animation:1.4s ease-out forwards learning-level-spark;position:absolute;inset:-45%}.student-learning-card .learning-level-previous{animation:1.4s cubic-bezier(.2,.75,.2,1) forwards learning-level-fade-out}.student-learning-card .learning-level-current.is-transitioning{animation:1.4s cubic-bezier(.16,.85,.25,1) both learning-level-fade-in}@keyframes learning-level-fade-out{0%{opacity:1;transform:scale(1)}45%{opacity:.7;transform:scale(.78)rotate(-8deg)}to{opacity:0;transform:scale(.4)rotate(-18deg)}}@keyframes learning-level-fade-in{0%{opacity:0;filter:brightness(2.6)drop-shadow(0 0 1.2rem #ffe76e);transform:scale(.35)rotate(12deg)}42%{opacity:1;filter:brightness(2.2)drop-shadow(0 0 1.4rem #ffe76e);transform:scale(1.24)rotate(-4deg)}72%{filter:brightness(1.35)drop-shadow(0 0 .7rem #ffe76e);transform:scale(.94)rotate(2deg)}to{opacity:1;filter:drop-shadow(0 .2rem .22rem #00000080);transform:scale(1)}}@keyframes learning-level-spark{0%{opacity:0;transform:scale(.2)rotate(0)}24%{opacity:1;transform:scale(.95)rotate(35deg)}66%{opacity:.65;transform:scale(1.3)rotate(105deg)}to{opacity:0;transform:scale(1.75)rotate(160deg)}}.student-learning-card .student-answer-form>button,.student-learning-card>.secondary-button{aspect-ratio:3;color:#fff2b0;width:min(100%,16rem);min-width:0;min-height:0;box-shadow:none;letter-spacing:.015em;text-shadow:0 2px #6b3900,0 3px 3px #000000d9;background:url(/fantasy/button_leer.png) 50%/100% 100% no-repeat;border:0;place-items:center;margin:0 auto;padding:0 2rem;font:700 clamp(.9rem,2.2vw,1.1rem) Cinzel,Georgia,serif;display:grid}.student-learning-card>.end-learning-button{align-self:end;width:8.5rem;margin:auto 0 0 auto;font-size:.8rem}.student-learning-card>.secondary-button{color:#eaf2ff;margin-top:.15rem}.student-learning-card .learning-actions{grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,8.5rem));align-items:center;gap:.65rem;width:100%;margin:0;display:grid}.student-learning-card .learning-primary-action,.student-learning-card .learning-actions .end-learning-button,.student-learning-card .learning-actions .minigames-open-button{aspect-ratio:3;color:#fff2b0;width:100%;min-height:0;box-shadow:none;letter-spacing:.015em;text-shadow:0 2px #6b3900,0 3px 3px #000000d9;cursor:pointer;background:url(/fantasy/button_leer.png) 50%/100% 100% no-repeat;border:0;place-items:center;padding:0 1.2rem;font:700 clamp(.8rem,2vw,1.05rem) Cinzel,Georgia,serif;display:grid}.student-learning-card .learning-actions .end-learning-button,.student-learning-card .learning-actions .minigames-open-button{color:#eaf2ff;font-size:.8rem}.student-learning-card .student-answer-form>button:hover,.student-learning-card .student-answer-form>button:focus-visible,.student-learning-card>.secondary-button:hover,.student-learning-card>.secondary-button:focus-visible,.student-learning-card .learning-primary-action:hover,.student-learning-card .learning-primary-action:focus-visible,.student-learning-card .learning-actions .end-learning-button:hover,.student-learning-card .learning-actions .end-learning-button:focus-visible,.student-learning-card .learning-actions .minigames-open-button:hover,.student-learning-card .learning-actions .minigames-open-button:focus-visible{filter:brightness(1.13);outline:none;transform:translateY(-.12rem)scale(1.02)}.student-finish-card{align-content:center}.student-finish-image{filter:drop-shadow(0 .45rem .6rem #00000080);width:min(100%,14rem);height:auto;margin:-.8rem auto .1rem;display:block}.student-finish-card .student-summary{width:min(100%,30rem);margin:.4rem auto 1rem}.student-finish-card .student-summary span{color:#dceaff;background:#10459180;border-color:#f0c554ad}.student-finish-card .student-summary strong{color:#fff0aa;font-family:Cinzel,Georgia,serif}.student-finish-actions{gap:.5rem;width:min(100%,16rem);margin:0 auto;display:grid}.student-finish-actions button{aspect-ratio:3;color:#fff2b0;width:100%;min-height:0;box-shadow:none;letter-spacing:.015em;text-shadow:0 2px #6b3900,0 3px 3px #000000d9;cursor:pointer;background:url(/fantasy/button_leer.png) 50%/100% 100% no-repeat;border:0;place-items:center;padding:0 2rem;font:700 clamp(.9rem,2.2vw,1.1rem) Cinzel,Georgia,serif;display:grid}.student-finish-actions .secondary-button{color:#eaf2ff}.student-finish-actions button:hover,.student-finish-actions button:focus-visible{filter:brightness(1.13);outline:none;transform:translateY(-.12rem)scale(1.02)}@media (width<=600px){.student-learning-card .learning-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.student-learning-card .learning-actions .learning-primary-action,.student-learning-card .learning-actions .minigames-open-button,.student-learning-card .learning-actions .end-learning-button{padding:0 .35rem;font-size:.68rem}}.subject-menu,.chemistry-learning{color:#fff1ba;text-align:center;background:linear-gradient(#051b49eb,#030f2bf5);border:1px solid #e8b535c7;border-radius:1.2rem;width:min(100% - 1.25rem,42rem);min-height:min(32rem,100vh - 8rem);margin:1rem auto 3rem;padding:clamp(1.25rem,5vw,2.4rem);box-shadow:0 1.2rem 2.5rem #00000073}.subject-menu h2,.chemistry-learning h2{color:#fff3bf;margin:.3rem 0 1.4rem;font-family:Cinzel,Georgia,serif}.subject-menu>div{gap:.8rem;display:grid}.subject-menu button{color:#fff4c1;width:100%;font:inherit;cursor:pointer;background:linear-gradient(135deg,#1859b6,#0a2b68);border:1px solid #e6b63e;border-radius:.8rem;gap:.3rem;padding:1rem;display:grid}.subject-menu button:hover,.subject-menu button:focus-visible,.chemistry-options button:hover,.chemistry-token-options button:hover{filter:brightness(1.18);outline-offset:2px;outline:2px solid #ffe58b}.subject-menu button strong{font:700 1.2rem Cinzel,Georgia,serif}.subject-menu button span{color:#d7e8ff}.chemistry-eyebrow,.chemistry-progress{color:#f2c95e;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .5rem;font:700 .82rem Cinzel,Georgia,serif}.chemistry-progress{color:#d7e8ff}.chemistry-formula,.formula-options button{font-size:1.5em}.chemistry-options{gap:.65rem;display:grid}.chemistry-options button,.chemistry-token-options button,.chemistry-builder-actions button,.chemistry-learning>.chemistry-summary+button,.chemistry-feedback button{color:#fff5c8;cursor:pointer;background:linear-gradient(#1758b7,#092e78);border:1px solid #efcc62;border-radius:.65rem;min-height:3rem;padding:.65rem .8rem;font:700 1rem Georgia,serif}.chemistry-options button.right{color:#fff;filter:brightness(1.16);background:linear-gradient(#179561,#0a5c4c)}.chemistry-options button:disabled:not(.right),.chemistry-token-options button:disabled,.chemistry-builder-actions button:disabled{opacity:.65;cursor:default}.chemistry-builder{color:#fff4c1;border:2px dashed #efcc62;border-radius:.8rem;min-height:4rem;margin:1rem 0;padding:1rem;font:700 1.55rem Cinzel,Georgia,serif}.chemistry-token-options{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.chemistry-token-options button{min-width:3.5rem}.chemistry-builder-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.chemistry-feedback{text-align:left;border-radius:.8rem;min-height:9.5rem;margin-top:1rem;padding:1rem}.chemistry-feedback.correct,.chemistry-summary .correct{background:#167858db}.chemistry-feedback.wrong,.chemistry-summary .wrong{background:#8f2a31e6}.chemistry-feedback button{width:min(100%,12rem);margin:.8rem auto 0;display:block}.chemistry-score{font:700 1.5rem Cinzel,Georgia,serif}.chemistry-summary{text-align:left;gap:.55rem;display:grid}.chemistry-summary article{color:#fff;border-radius:.65rem;gap:.25rem;padding:.7rem;display:grid}.chemistry-summary span{color:#fff6d6}@media (width<=600px){.subject-menu,.chemistry-learning{min-height:calc(100vh - 6rem);margin-top:.6rem}.chemistry-builder-actions button{flex:30%}}.student-subject-times{border-top:1px solid #eeb93666;margin-top:1rem;padding-top:.8rem}.student-subject-times h3{color:#fff0a7;margin:0 0 .6rem;font:700 1.05rem Cinzel,Georgia,serif}.student-subject-time-list{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.student-subject-time-list span{color:#dceaff;background:#0f438f85;border:1px solid #eeb9368c;border-radius:999px;padding:.4rem .65rem;font-size:.82rem}.app-shell[data-learning-subject=chemistry]{--chemistry-font:"Trebuchet MS","Aptos",Arial,sans-serif;color:#064c72;min-height:100vh;font-family:var(--chemistry-font);background:#dff8ff url(/chemistry/hintergrund.png) 50%/cover fixed}.app-shell[data-learning-subject=chemistry] .app-header{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#f0fdffd1;border-bottom:1px solid #2fbade73;min-height:3.8rem;box-shadow:0 .12rem .45rem #0068951f}.app-shell[data-learning-subject=chemistry] .content-shell{width:100%;max-width:none;padding:0}.app-shell[data-learning-subject=chemistry] .header-icon-button{color:#075d8b;text-shadow:0 1px #fff}.app-shell[data-learning-subject=chemistry] .header-icon-button:hover,.app-shell[data-learning-subject=chemistry] .header-icon-button:focus-visible{background:#ffffff80}.app-shell[data-learning-subject=chemistry] .header-user-button{color:#075d8b;background:#ffffff94;border-color:#1abde0}.app-shell[data-learning-subject=chemistry] .subject-menu,.app-shell[data-learning-subject=chemistry] .chemistry-learning{color:#075175;font-family:var(--chemistry-font);background:#edfaff url(/chemistry/Ergebnisanzeige_leer.png) 50%/100% 100% no-repeat;border:0;border-radius:1.4rem;box-shadow:0 .8rem 2rem #00639140}.app-shell[data-learning-subject=chemistry] .subject-menu h2,.app-shell[data-learning-subject=chemistry] .chemistry-learning h2{color:#075175;font-family:var(--chemistry-font);text-shadow:0 1px #fff;font-weight:800}.app-shell[data-learning-subject=chemistry] .chemistry-eyebrow{color:#087ca7;font-family:var(--chemistry-font)}.app-shell[data-learning-subject=chemistry] .chemistry-progress{color:#167da1;font-family:var(--chemistry-font)}.app-shell[data-learning-subject=chemistry] .subject-menu button,.app-shell[data-learning-subject=chemistry] .chemistry-options button,.app-shell[data-learning-subject=chemistry] .chemistry-token-options button,.app-shell[data-learning-subject=chemistry] .chemistry-builder-actions button,.app-shell[data-learning-subject=chemistry] .chemistry-feedback button,.app-shell[data-learning-subject=chemistry] .chemistry-learning>.chemistry-summary+button{color:#075175;box-shadow:none;font-family:var(--chemistry-font);text-shadow:0 1px #ffffffe6;background:url(/chemistry/button_leer.png) 50%/100% 100% no-repeat;border:0;font-weight:800}.app-shell[data-learning-subject=chemistry] .subject-menu button{width:min(100%,33rem);min-height:5.7rem;margin-inline:auto;padding:1rem 3rem}.app-shell[data-learning-subject=chemistry] .subject-menu button span{color:#167da1}.app-shell[data-learning-subject=chemistry] .chemistry-options button{min-height:4.5rem;padding-inline:2.2rem}.app-shell[data-learning-subject=chemistry] .chemistry-token-options button{min-height:3.2rem;padding-inline:1.25rem}.app-shell[data-learning-subject=chemistry] .chemistry-builder-actions button,.app-shell[data-learning-subject=chemistry] .chemistry-feedback button,.app-shell[data-learning-subject=chemistry] .chemistry-learning>.chemistry-summary+button{min-height:3.5rem;padding-inline:1.8rem}.app-shell[data-learning-subject=chemistry] .subject-menu button:hover,.app-shell[data-learning-subject=chemistry] .subject-menu button:focus-visible,.app-shell[data-learning-subject=chemistry] .chemistry-options button:hover,.app-shell[data-learning-subject=chemistry] .chemistry-token-options button:hover{filter:none;outline-offset:2px;background-image:url(/chemistry/button_highlight_leer.png);outline:2px solid #057cab}.app-shell[data-learning-subject=chemistry] .chemistry-options button.right{color:#076c47;filter:none;background-image:url(/chemistry/button_highlight_leer.png)}.app-shell[data-learning-subject=chemistry] .chemistry-builder{color:#075175;font-family:var(--chemistry-font);background:#ffffffb8;border-color:#48cce7}.app-shell[data-learning-subject=chemistry] .chemistry-feedback,.app-shell[data-learning-subject=chemistry] .chemistry-summary{color:#075175;background:#fff9}.app-shell[data-learning-subject=chemistry] .chemistry-feedback.correct,.app-shell[data-learning-subject=chemistry] .chemistry-summary .correct{color:#075c48;background:#ddfff0db;border:2px solid #1aa36f}.app-shell[data-learning-subject=chemistry] .chemistry-feedback.wrong,.app-shell[data-learning-subject=chemistry] .chemistry-summary .wrong{color:#8d3340;background:#ffedefe0;border:2px solid #d45461}.app-shell[data-learning-subject=chemistry] .chemistry-summary article{color:inherit}@media (width<=600px){.app-shell[data-learning-subject=chemistry]{background-attachment:scroll}.app-shell[data-learning-subject=chemistry] .subject-menu,.app-shell[data-learning-subject=chemistry] .chemistry-learning{background-size:auto 100%}.app-shell[data-learning-subject=chemistry] .subject-menu button{min-height:4.8rem;padding-inline:2rem}}.app-shell[data-learning-subject=chemistry] .chemistry-learning{text-align:center;background:#fafefff0;border:1px solid #4fc0e1b3;border-radius:1.25rem;width:min(100% - 1.5rem,46rem);min-height:0;margin:1.25rem auto 2.5rem;padding:clamp(1.25rem,4vw,2rem);box-shadow:0 .7rem 1.8rem #0057812e}.app-shell[data-learning-subject=chemistry] .subject-menu{text-align:center;background:#fafefff0;border:1px solid #4fc0e1b3;border-radius:1.25rem;width:min(100% - 1.5rem,38rem);min-height:0;margin:1.25rem auto 2.5rem;padding:clamp(1.25rem,4vw,2rem);box-shadow:0 .7rem 1.8rem #0057812e}.app-shell[data-learning-subject=chemistry] .subject-menu h2{margin:.45rem auto 1.15rem;font-size:clamp(1.35rem,5vw,1.9rem)}.app-shell[data-learning-subject=chemistry] .subject-menu>div{gap:.65rem}.app-shell[data-learning-subject=chemistry] .subject-menu button{color:#075175;width:100%;min-height:4.7rem;text-shadow:none;background:#fff;border:1px solid #56c9e8;border-radius:.85rem;align-content:center;gap:.2rem;margin:0;padding:.7rem 1.2rem;display:grid;box-shadow:0 .15rem .35rem #006f9d1f}.app-shell[data-learning-subject=chemistry] .subject-menu button:hover,.app-shell[data-learning-subject=chemistry] .subject-menu button:focus-visible{background:#e4faff;outline-color:#087ca7}.app-shell[data-learning-subject=chemistry] .subject-menu button strong{font-family:var(--chemistry-font);font-size:1.15rem}.app-shell[data-learning-subject=chemistry] .chemistry-learning h2{max-width:38rem;margin:.5rem auto 1.25rem;font-size:clamp(1.3rem,4vw,1.8rem);line-height:1.3}.app-shell[data-learning-subject=chemistry] .chemistry-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;max-width:42rem;margin:auto}.app-shell[data-learning-subject=chemistry] .chemistry-options button{color:#075175;min-height:4.25rem;text-shadow:none;background:#fff;border:1px solid #56c9e8;border-radius:.85rem;padding:.75rem 1rem;font-size:1rem;line-height:1.25;box-shadow:0 .15rem .35rem #006f9d1f}.app-shell[data-learning-subject=chemistry] .chemistry-options button:hover,.app-shell[data-learning-subject=chemistry] .chemistry-options button:focus-visible{background:#e4faff;outline-color:#087ca7}.app-shell[data-learning-subject=chemistry] .chemistry-options button.right{color:#075c48;background:#dff9eb;border-color:#109c69}.app-shell[data-learning-subject=chemistry] .chemistry-symbol-form{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;max-width:32rem;margin:1.5rem auto 0;display:grid}.app-shell[data-learning-subject=chemistry] .chemistry-symbol-form input{color:#075175;min-width:0;min-height:3.5rem;font:700 1.2rem var(--chemistry-font);text-align:center;background:#fff;border:1px solid #56c9e8;border-radius:.8rem;padding:.7rem .9rem}.app-shell[data-learning-subject=chemistry] .chemistry-symbol-form button{color:#fff;min-height:3.5rem;font:700 1rem var(--chemistry-font);cursor:pointer;background:#087ca7;border:1px solid #087ca7;border-radius:.8rem;padding:.65rem 1rem}.app-shell[data-learning-subject=chemistry] .chemistry-builder{color:#075175;background:#f4fcff;border:2px dashed #28b9df;border-radius:.9rem;place-items:center;min-height:5.25rem;margin:.75rem auto 1rem;font-size:clamp(1.7rem,7vw,2.35rem);display:grid}.app-shell[data-learning-subject=chemistry] .chemistry-atom-answer{color:#167da1;background:#f4fcff;border:2px dashed #28b9df;border-radius:.9rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;min-height:5.25rem;margin:.75rem 0 1rem;padding:.7rem;display:flex}.app-shell[data-learning-subject=chemistry] .chemistry-atom-answer button{color:#075175;font:700 .9rem var(--chemistry-font);cursor:pointer;background:#e1f9ff;border:1px solid #31bde1;border-radius:999px;padding:.45rem .65rem}.app-shell[data-learning-subject=chemistry] .chemistry-token-section{text-align:left;margin-top:1rem}.app-shell[data-learning-subject=chemistry] .chemistry-token-section h3{color:#167da1;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .45rem;font-size:.82rem}.app-shell[data-learning-subject=chemistry] .chemistry-token-options{grid-template-columns:repeat(auto-fit,minmax(3.5rem,1fr));justify-content:stretch;gap:.55rem;display:grid}.app-shell[data-learning-subject=chemistry] .chemistry-token-options button{color:#075175;min-width:0;min-height:3.35rem;text-shadow:none;background:#fff;border:1px solid #72d6ec;border-radius:.7rem;padding:.4rem;font-size:1.15rem;box-shadow:0 .12rem .28rem #006f9d1f}.app-shell[data-learning-subject=chemistry] .chemistry-token-options button small{margin-top:.1rem;font-size:.62rem;font-weight:700;line-height:1.05;display:block}.app-shell[data-learning-subject=chemistry] .chemistry-token-options button.selected{color:#fff;background:#087ca7;border-color:#087ca7}.app-shell[data-learning-subject=chemistry] .chemistry-token-options button:hover,.app-shell[data-learning-subject=chemistry] .chemistry-token-options button:focus-visible{background:#daf6fc;outline-color:#087ca7}.app-shell[data-learning-subject=chemistry] .chemistry-symbol-options{grid-template-columns:repeat(5,minmax(3.5rem,1fr));max-width:25rem}.app-shell[data-learning-subject=chemistry] .chemistry-builder-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1.25rem;display:grid}.app-shell[data-learning-subject=chemistry] .chemistry-builder-actions button,.app-shell[data-learning-subject=chemistry] .chemistry-feedback button,.app-shell[data-learning-subject=chemistry] .chemistry-learning>.chemistry-summary+button{color:#075175;min-height:3.25rem;box-shadow:none;text-shadow:none;background:#eafaff;border:1px solid #38bbdf;border-radius:.75rem;padding:.55rem .65rem;font-size:.95rem}.app-shell[data-learning-subject=chemistry] .chemistry-builder-actions button:nth-child(2),.app-shell[data-learning-subject=chemistry] .chemistry-feedback button{color:#fff;background:#087ca7;border-color:#087ca7}.app-shell[data-learning-subject=chemistry] .chemistry-feedback{text-align:center;min-height:0;padding:1rem 1.1rem}@media (width<=600px){.app-shell[data-learning-subject=chemistry] .chemistry-learning{width:min(100% - 1rem,46rem);margin-top:.65rem;padding:1rem}.app-shell[data-learning-subject=chemistry] .chemistry-options{grid-template-columns:1fr}.app-shell[data-learning-subject=chemistry] .chemistry-token-options{grid-template-columns:repeat(4,minmax(0,1fr))}.app-shell[data-learning-subject=chemistry] .chemistry-symbol-options{grid-template-columns:repeat(5,minmax(0,1fr))}.app-shell[data-learning-subject=chemistry] .chemistry-builder-actions{gap:.4rem}.app-shell[data-learning-subject=chemistry] .chemistry-builder-actions button{font-size:.82rem}}.subject-menu .subject-menu-back{color:#d7e8ff;background:#0a2b688c;border:1px solid #e8b535b3;border-radius:.65rem;place-content:center;width:auto;min-height:0;margin:1rem auto 0;padding:.6rem 1.1rem;font-size:.95rem;display:inline-flex}.app-shell[data-learning-subject=chemistry] .subject-menu .subject-menu-back{color:#075175;background:#fff;border:1px solid #56c9e8;border-radius:.65rem;width:auto;min-height:0;margin:1rem auto 0;padding:.6rem 1.1rem;font-weight:700;display:inline-flex;box-shadow:0 .12rem .3rem #006f9d1a}.app-shell[data-learning-subject=chemistry] .subject-menu .subject-menu-back:hover,.app-shell[data-learning-subject=chemistry] .subject-menu .subject-menu-back:focus-visible{background:#e4faff;outline-color:#087ca7}.swimming-panel{color:#075175;text-align:center;background:linear-gradient(145deg,#f4fdff,#e5f8ff);border:1px solid #56c9e8;border-radius:1.25rem;width:min(100% - 1.25rem,46rem);margin:1rem auto 3rem;padding:clamp(1.2rem,4vw,2rem);box-shadow:0 .7rem 1.8rem #0057812e}.swimming-panel h2{color:#075175;margin:.45rem auto 1rem;font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.3}.swimming-eyebrow{color:#167da1;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .55rem;font-size:.82rem;font-weight:800}.swimming-menu-grid{gap:.65rem;display:grid}.swimming-panel button{font:inherit;cursor:pointer}.swimming-menu-grid button,.swimming-answers button{color:#075175;text-align:left;background:#fff;border:1px solid #56c9e8;border-radius:.85rem;gap:.25rem;width:100%;min-height:4.2rem;padding:.8rem 1rem;display:grid;box-shadow:0 .15rem .35rem #006f9d1f}.swimming-menu-grid button:hover,.swimming-menu-grid button:focus-visible,.swimming-answers button:hover:not(:disabled),.swimming-answers button:focus-visible:not(:disabled),.swimming-flashcard:focus-visible,.swimming-action:focus-visible,.swimming-back:focus-visible{outline-offset:2px;background:#e4faff;outline:2px solid #087ca7}.swimming-menu-grid button strong{font-size:1.15rem}.swimming-menu-grid button span{color:#167da1}.swimming-requirements{text-align:left;gap:.65rem;margin:1.2rem 0;padding-left:2.2rem;display:grid}.swimming-requirements li{background:#fff;border:1px solid #c1e9f3;border-radius:.7rem;padding:.8rem .9rem;line-height:1.5}.swimming-intro{line-height:1.5}.swimming-safety-note{color:#604500;text-align:left;background:#fff8e5;border-left:4px solid #e6a829;border-radius:.4rem;margin:1rem 0;padding:.85rem;line-height:1.5}.swimming-source{font-size:.85rem;line-height:1.5}.swimming-source a{color:#075175;font-weight:700}.swimming-back,.swimming-action{color:#fff;background:#075175;border:1px solid #1684a6;border-radius:.7rem;justify-content:center;align-items:center;min-height:2.8rem;margin:.8rem .25rem 0;padding:.65rem 1rem;font-weight:700;display:inline-flex}.swimming-flashcard{color:#075175;background:#fff;border:2px solid #56c9e8;border-radius:1rem;place-items:center;gap:1rem;width:100%;min-height:16rem;margin:1rem 0;padding:1.5rem;display:grid;box-shadow:0 .25rem .7rem #0057811f}.swimming-flashcard span{color:#167da1;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:800}.swimming-flashcard strong{max-width:35rem;font-size:clamp(1.25rem,4vw,1.7rem);line-height:1.45}.swimming-flashcard small{color:#39768b}.swimming-answers{text-align:left;gap:.6rem;display:grid}.swimming-answers button{font-size:1rem;line-height:1.45}.swimming-answers button:disabled{cursor:default;opacity:.82}.swimming-answers .is-correct,.swimming-feedback.is-correct{color:#075b42;background:#e4f8ed;border-color:#16825e}.swimming-answers .is-wrong,.swimming-feedback.is-wrong{color:#7a2028;background:#fff0f0;border-color:#ba4148}.swimming-feedback{text-align:left;border:1px solid;border-radius:.8rem;margin-top:1rem;padding:1rem;line-height:1.5}.swimming-feedback .swimming-action{margin-inline:auto;display:flex}.swimming-score{font-size:1.5rem;font-weight:800}@media (width<=600px){.swimming-panel{width:min(100% - 1rem,46rem);margin-top:.65rem;padding:1rem}.swimming-flashcard{min-height:13rem;padding:1rem}.swimming-requirements{padding-left:1.8rem}}.app-shell[data-learning-subject=chemistry] .chemistry-learning h2{font-size:clamp(1.15rem,3.2vw,1.5rem)}.app-shell[data-learning-subject=chemistry] .chemistry-learning h2 .chemistry-formula{font-size:1.25em}.app-shell[data-learning-subject=chemistry] .chemistry-element-options{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell[data-learning-subject=chemistry] .chemistry-element-options button{overflow-wrap:anywhere;min-height:3rem;padding:.35rem .3rem;font-size:clamp(.78rem,2.5vw,.95rem)}@media (width>=760px){.app-shell[data-learning-subject=chemistry] .chemistry-element-options{grid-template-columns:repeat(4,minmax(0,1fr))}}.app-shell[data-learning-subject=chemistry] .chemistry-round-status{justify-content:center;align-items:center;gap:.7rem;margin-bottom:.45rem;display:flex}.app-shell[data-learning-subject=chemistry] .chemistry-round-status .chemistry-progress{margin:0}.app-shell[data-learning-subject=chemistry] .chemistry-end-button{color:#075175;min-height:2rem;font:700 .82rem var(--chemistry-font);cursor:pointer;background:#fff;border:1px solid #56c9e8;border-radius:.6rem;padding:.35rem .75rem}.app-shell[data-learning-subject=chemistry] .chemistry-end-button:hover,.app-shell[data-learning-subject=chemistry] .chemistry-end-button:focus-visible{outline-offset:2px;background:#e4faff;outline:2px solid #087ca7}.app-shell[data-learning-subject=chemistry] .chemistry-symbol-element-options{grid-template-columns:repeat(5,minmax(0,1fr))}.app-shell[data-learning-subject=chemistry] .chemistry-symbol-element-options button{font-size:1.05rem;font-weight:800}@media (width<=420px){.app-shell[data-learning-subject=chemistry] .chemistry-symbol-element-options{grid-template-columns:repeat(4,minmax(0,1fr))}}.vocabulary-manager{background:#fff;border:1px solid #d9e0eb;border-radius:1rem;grid-column:1/-1;padding:1.25rem}.manager-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.manager-heading h3{margin:0;font-size:1.2rem}.vocabulary-filters,.manager-actions{background:#f5f7fb;border-radius:.75rem;flex-wrap:wrap;align-items:end;gap:.65rem;margin-bottom:1rem;padding:1rem;display:flex}.vocabulary-filters input,.vocabulary-filters select,.manager-actions select,.edit-form input{min-width:9rem;font:inherit;background:#fff;border:1px solid #b9c5d6;border-radius:.45rem;padding:.65rem}.vocabulary-filters input:first-child{flex:15rem}.manager-actions{background:#fafafa;border:1px solid #edf0f5;align-items:center}.danger-button{background:#a73c3c}.table-wrap{border:1px solid #e5eaf1;border-radius:.65rem;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{text-align:left;border-bottom:1px solid #e5eaf1;padding:.7rem}th{color:#526070;background:#fafbfc;font-size:.8rem}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}.edit-form{background:#f8faff;border:1px solid #cbd7e6;border-radius:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0;padding:1rem;display:grid}.edit-form h4{grid-column:1/-1;margin:0}.edit-form button{min-width:8rem}.vocabulary-pagination{color:#526070;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;font-size:.9rem;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.edit-form{grid-template-columns:1fr}.vocabulary-manager{padding:.85rem}.vocabulary-pagination{justify-content:space-between;gap:.5rem}.vocabulary-pagination span{font-size:.8rem}}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app-shell{min-height:100vh}.app-header{-webkit-app-region:drag;background:#fff;border-bottom:1px solid #e4e8ee;justify-content:space-between;align-items:center;min-height:3.25rem;padding:.45rem max(1rem,50vw - 26rem);display:flex}.app-header button,.app-header a,.app-header input,.app-header select,.app-header .connection-light{-webkit-app-region:no-drag}.header-actions{align-items:center;gap:.8rem;display:flex}.header-icon-button{color:#344054;cursor:pointer;background:0 0;border:0;border-radius:.45rem;place-items:center;width:2.25rem;height:2.25rem;padding:0;font-size:1.25rem;line-height:1;display:inline-grid}.header-icon-button:hover,.header-icon-button:focus-visible{background:#edf1f6;outline:0}.connection-light{border:0;border-radius:999px;width:.65rem;height:.65rem;padding:0;box-shadow:0 0 0 .18rem #fff,0 0 0 .25rem #dfe5ec}.connection-light:not(span){cursor:pointer}.connection-light:not(span):focus-visible{outline-offset:.3rem;outline:2px solid #3158a6}.connection-connected{background:#22a06b}.connection-unavailable{background:#d92d20}.connection-checking{background:#d0a327}.content-shell{width:min(100% - 2rem,52rem);margin:0 auto;padding:clamp(2rem,6vw,4rem) 0}h1{letter-spacing:-.055em;margin:0 0 clamp(2rem,6vw,4.25rem);font-size:clamp(2.2rem,8vw,4.25rem);font-weight:720;line-height:1}.student-card{gap:1rem;max-width:42rem;display:grid}.student-card p{color:#52606d;margin:0}.student-card:has(.student-choice-row)>.student-topline{display:none}.student-card:has(.student-choice-row)>.eyebrow{display:none}.student-card:has(.student-choice-row)>h2{display:none}.student-card:has(.student-choice-row)>p{display:none}.parent-tab-content{gap:1.25rem;display:grid}.parent-tabs{gap:.5rem;margin:-1rem 0 1.5rem;padding-bottom:.2rem;display:flex;overflow:auto}.parent-tab{color:#344054;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8e0e8;border-radius:.5rem;padding:.55rem .8rem}.parent-tab.active{color:#fff;background:#344054;border-color:#344054}.parent-dialog-backdrop{z-index:10;background:#1720335c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.parent-dialog{background:#fff;border-radius:.85rem;width:min(100%,25rem);padding:1.5rem;box-shadow:0 1.25rem 3.75rem #17203340}.parent-dialog h2{margin:0 0 1.25rem}.dialog-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}@media (width<=600px){.content-shell{width:min(100% - 1.5rem,52rem);padding-top:2.5rem}.app-header{padding-inline:.75rem}}.app-shell:has(.fantasy-start-screen){background:linear-gradient(#04102b33,#04102b8c),url(/fantasy/hintergrund-buch-breiter.png) 50%/cover fixed}.app-shell:has(.fantasy-start-screen) .app-header{z-index:2;background-color:#0000;background-image:url(/fantasy/statusbar.png);background-position:50%;background-repeat:no-repeat;background-size:calc(100% + 2rem) 360%;border-bottom:0;min-height:4.8rem;padding-inline:clamp(2.75rem,8vw,7rem);position:relative}.app-shell:has(.fantasy-start-screen) .content-shell{width:100%;max-width:none;padding:0}.app-shell:has(.fantasy-start-screen) .content-shell>h1{display:none}.app-shell:has(.fantasy-start-screen) .header-icon-button{color:#ffe88b;filter:drop-shadow(0 2px 2px #07112b)}.app-shell:has(.fantasy-start-screen) .header-left-actions{align-items:center;gap:.45rem;display:flex}.app-shell:has(.fantasy-start-screen) .header-left-actions .home-button{transform:translate(-.5rem,-.55rem)}.app-shell:has(.fantasy-start-screen) .header-left-actions .student-statistics-button{width:2.55rem;height:2.55rem;transform:translate(-.5rem,-.55rem)}.app-shell:has(.fantasy-start-screen) .app-header>.manual-add-button{transform:translate(.25rem,-.55rem)}.app-shell:has(.fantasy-start-screen) .app-header .header-actions{transform:translate(.25rem,-.55rem)}.app-shell:has(.fantasy-start-screen) .connection-light{transform:translateY(-.15rem)}:is(.app-shell:has(.fantasy-start-screen) .header-icon-button:hover,.app-shell:has(.fantasy-start-screen) .header-icon-button:focus-visible){background:#1e4b968c}.app-shell:has(.fantasy-start-screen) .header-left-actions .home-button{background-image:url(/fantasy/statusbar_home.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.app-shell:has(.fantasy-start-screen) .header-left-actions .home-button svg{display:none}.student-statistics-button img{object-fit:contain;width:2.15rem;height:2.15rem}.app-shell:has(.parent-tabs) .student-statistics-button{display:none}.app-shell:has(.fantasy-start-screen) .app-header>.manual-add-button{font-family:Georgia,serif;font-size:1.8rem}.app-shell:has(.fantasy-start-screen) .app-header>.manual-add-button svg{width:1.55rem;height:1.55rem}.app-shell:has(.fantasy-start-screen) .app-header .header-actions>.header-icon-button:last-child{background-image:url(/fantasy/statusbar_schloss.png);background-position:50%;background-repeat:no-repeat;background-size:contain;font-size:0}.app-shell:has(.fantasy-start-screen) .connection-light{box-shadow:0 0 0 .18rem #09204a,0 0 0 .27rem #ffd76d}.app-shell:has(.student-learning-card){background:linear-gradient(#04102b33,#04102b8c),url(/fantasy/hintergrund-buch-breiter.png) 50%/cover fixed}.app-shell:has(.student-learning-card) .app-header{z-index:2;background-color:#0000;background-image:url(/fantasy/statusbar.png);background-position:50%;background-repeat:no-repeat;background-size:calc(100% + 2rem) 360%;border-bottom:0;min-height:4.8rem;padding-inline:clamp(2.75rem,8vw,7rem);position:relative}.app-shell:has(.student-learning-card) .content-shell{width:100%;max-width:none;padding:0}.app-shell:has(.student-learning-card) .content-shell>h1{display:none}.app-shell:has(.student-learning-card) .header-icon-button{color:#ffe88b;filter:drop-shadow(0 2px 2px #07112b)}.app-shell:has(.student-learning-card) .header-left-actions{align-items:center;gap:.45rem;display:flex}.app-shell:has(.student-learning-card) .header-left-actions .home-button{background-image:url(/fantasy/statusbar_home.png);background-position:50%;background-repeat:no-repeat;background-size:contain;transform:translate(-.5rem,-.55rem)}.app-shell:has(.student-learning-card) .header-left-actions .home-button svg{display:none}.app-shell:has(.student-learning-card) .header-left-actions .student-statistics-button{width:2.55rem;height:2.55rem;transform:translate(-.5rem,-.55rem)}.app-shell:has(.student-learning-card) .app-header .header-actions{transform:translate(.25rem,-.55rem)}.app-shell:has(.student-learning-card) .connection-light{transform:translateY(-.15rem);box-shadow:0 0 0 .18rem #09204a,0 0 0 .27rem #ffd76d}:is(.app-shell:has(.student-learning-card) .header-icon-button:hover,.app-shell:has(.student-learning-card) .header-icon-button:focus-visible){background:#1e4b968c}.app-shell:has(.student-learning-card) .app-header .header-actions>.header-icon-button:last-child{background-image:url(/fantasy/statusbar_schloss.png);background-position:50%;background-repeat:no-repeat;background-size:contain;font-size:0}.header-user-button{color:#fff4c7;font:inherit;cursor:pointer;background:#051638bf;border:1px solid #d4a62dbf;border-radius:999px;padding:.35rem .75rem}.header-user-button:hover{background:#d4a62d2e}span.header-daily-points{display:none}.header-daily-points-button{color:#fff4c7;white-space:nowrap;cursor:pointer;background:#051638bf;border:1px solid #ffd76de6;border-radius:999px;padding:.35rem .7rem;font-weight:800}.student-profile-selection{text-align:center;color:#fff4c7;background:#041436e6;border:1px solid #d4a62d;border-radius:1rem;max-width:32rem;margin:4rem auto;padding:2rem}.student-profile-selection>div{justify-content:center;gap:1rem;margin:1.5rem 0;display:flex}.student-profile-selection button{color:#fff4c7;cursor:pointer;min-width:10rem;font:inherit;background:#0a2d67;border:1px solid #d4a62d;border-radius:.8rem;padding:1rem}.student-profile-selection button strong,.student-profile-selection button span{display:block}.student-profile-selection button span{margin-top:.35rem;font-size:.85rem}.student-profile-selection p{opacity:.8;margin-bottom:0}.daily-points-backdrop{z-index:20;background:#04102b9e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.daily-points-dialog{text-align:center;color:#fff4c7;background:#09204a;border:2px solid #d4a62d;border-radius:1rem;width:min(100%,24rem);padding:1.5rem;box-shadow:0 1rem 3rem #00000073}.daily-points-dialog h2{margin-top:0}.daily-points-dialog p{margin:.5rem 0}.daily-points-dialog button{margin-top:1rem}.app-shell:has(.student-profile-selection){background:linear-gradient(#04102b33,#04102b8c),url(/fantasy/hintergrund-buch-breiter.png) 50%/cover fixed}.app-shell:has(.student-profile-selection) .app-header{z-index:2;background-color:#0000;background-image:url(/fantasy/statusbar.png);background-position:50%;background-repeat:no-repeat;background-size:calc(100% + 2rem) 360%;border-bottom:0;min-height:4.8rem;padding-inline:clamp(2.75rem,8vw,7rem);position:relative}.app-shell:has(.student-profile-selection) .content-shell{width:100%;max-width:none;padding:0}.app-shell:has(.student-profile-selection) .content-shell>h1{display:none}.app-shell:has(.student-profile-selection) .header-icon-button{color:#ffe88b;filter:drop-shadow(0 2px 2px #07112b)}.app-shell:has(.student-profile-selection) .header-left-actions{align-items:center;gap:.45rem;display:flex}.app-shell:has(.student-profile-selection) .header-left-actions .home-button{background:url(/fantasy/statusbar_home.png) 50%/contain no-repeat;transform:translate(-.5rem,-.55rem)}.app-shell:has(.student-profile-selection) .header-left-actions .home-button svg{display:none}.app-shell:has(.student-profile-selection) .header-actions{transform:translate(.25rem,-.55rem)}.app-shell:has(.student-profile-selection) .connection-light{transform:translateY(-.15rem);box-shadow:0 0 0 .18rem #09204a,0 0 0 .27rem #ffd76d}:is(.app-shell:has(.student-profile-selection) .header-icon-button:hover,.app-shell:has(.student-profile-selection) .header-icon-button:focus-visible){background:#1e4b968c}.app-shell:has(.student-profile-selection) .app-header .header-actions>.header-icon-button:last-child{background-image:url(/fantasy/statusbar_schloss.png);background-position:50%;background-repeat:no-repeat;background-size:contain;font-size:0}.student-profile-selection{width:min(100% - 2rem,30rem);max-width:30rem;box-shadow:none;background:0 0;border:0;margin:clamp(1.25rem,4vw,2.5rem) auto 0;padding:0 1rem 2rem}.student-profile-selection:before{content:"";aspect-ratio:2.96;filter:drop-shadow(0 .35rem .45rem #000000b3);background:url(/fantasy/Vokabeltrainer_Headline.png) 50%/contain no-repeat;width:min(82vw,23rem);margin:0 auto .7rem;display:block}.student-profile-selection h2{color:#fff2b0;text-shadow:0 2px #6b3900,0 3px 3px #000000d9;margin:0 0 .75rem;font:700 clamp(1rem,2.6vw,1.35rem) Cinzel,Georgia,serif}.student-profile-selection>div{flex-wrap:wrap;justify-content:center;gap:.6rem 1rem;margin:0 auto 1.25rem;display:flex}.student-profile-selection button{aspect-ratio:3;color:#fff2b0;text-shadow:0 2px #6b3900,0 3px 3px #000000d9;cursor:pointer;filter:drop-shadow(0 .35rem .4rem #000000a6);background:url(/fantasy/button_leer.png) 50%/100% 100% no-repeat;border:0;border-radius:0;place-items:center;width:min(100%,13rem);min-width:0;padding:0 2rem;font:700 clamp(1rem,2.5vw,1.35rem) Cinzel,Georgia,serif;display:grid;position:relative}.student-profile-selection button:hover,.student-profile-selection button:focus-visible{filter:brightness(1.12)drop-shadow(0 .35rem .4rem #000000a6);outline:none;transform:translateY(-.12rem)scale(1.02)}.student-profile-selection button strong{display:block}.student-profile-selection p{color:#fff2b0;text-shadow:0 2px 3px #07112b}@media (width<=600px){.student-profile-selection>div{flex-direction:column;align-items:center}.student-profile-selection button{width:min(100%,15rem)}}