.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-exit-button{cursor:pointer;filter:drop-shadow(0 .3rem .35rem #000000a6);background:0 0;border:0;width:min(100%,11rem);margin:.15rem auto 0;padding:0;transition:transform .18s,filter .18s;display:block;position:relative}.fantasy-exit-button img{width:100%;height:auto;display:block}.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-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) 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{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{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{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)}.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}.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}.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)}}
