.exercise{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.exercise h3{margin:0 0 var(--space-md);font-size:1.25rem;color:#0F766E}.exercise p{color:var(--gray-600);margin-bottom:var(--space-lg)}.exercise ol{margin:var(--space-md) 0 var(--space-md) var(--space-xl);counter-reset:item;list-style:none}.exercise li{margin-bottom:var(--space-lg);counter-increment:item;position:relative;padding-left:var(--space-xl);font-size:1rem}.exercise li::before{content:counter(item);position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;background:var(--amber-500);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);box-shadow:var(--shadow-sm)}.solution{margin:var(--space-lg) 0;padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,var(--green-50) 0%,white 100%);border:1px solid var(--green-500);border-left:4px solid var(--green-500);border-radius:var(--radius-xl);font-size:var(--text-base);box-shadow:var(--shadow-sm);animation:slideIn var(--transition-base)}.solution[hidden]{display:none}.solution strong{color:var(--green-600);font-size:1rem}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--amber-500);color:white;border:none;border-radius:var(--radius-xl);font-weight:600;font-size:var(--text-base);cursor:pointer;margin-top:var(--space-lg);transition:all var(--transition-base);box-shadow:0 10px 30px -5px rgba(245,158,11,0.3);font-family:inherit;letter-spacing:0.01em}.button:hover{transform:translateY(-2px);background:var(--amber-600);box-shadow:0 20px 40px -10px rgba(245,158,11,0.4)}.button:active{transform:translateY(0)}.button:focus-visible{outline:3px solid var(--teal-300);outline-offset:2px}@media (max-width:768px){.container{padding:var(--space-lg) var(--space-md) var(--space-xl)}.content-card{padding:var(--space-sm) var(--space-xl) var(--space-xl)}h1{font-size:1.75rem}h2{font-size:1.375rem}.gender-grid,.pattern-section{grid-template-columns:1fr}.gender-table{font-size:var(--text-sm)}.gender-table th,.gender-table td{padding:var(--space-sm) var(--space-md)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}@media print{.button{display:none}.content-card{box-shadow:none;border:1px solid var(--gray-300)}}.nouns-bank{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-xl);background:linear-gradient(135deg,var(--gray-50) 0%,white 100%);border:2px dashed var(--gray-300);border-radius:var(--radius-xl);margin:var(--space-xl) 0;min-height:120px;transition:all var(--transition-base)}.nouns-bank.drag-over{background:#FEF3C7;border-color:var(--amber-500);box-shadow:var(--shadow-md)}.noun-item{padding:var(--space-sm) var(--space-lg);background:white;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);color:var(--gray-800);cursor:grab;transition:all var(--transition-fast);user-select:none;box-shadow:var(--shadow-sm)}.noun-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--gray-300)}.noun-item.dragging{opacity:0.5;cursor:grabbing;transform:rotate(5deg)}.noun-item.correct{background:linear-gradient(135deg,var(--green-50) 0%,white 100%);border-color:var(--green-500);color:var(--green-600)}.noun-item.incorrect{background:linear-gradient(135deg,var(--red-50) 0%,white 100%);border-color:var(--red-500);color:var(--red-600)}.drop-zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.drop-zone{background:white;border:2px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.drop-zone-header{padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:var(--text-lg)}.drop-zone-header.masculine{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);color:white}.drop-zone-header.feminine{background:linear-gradient(135deg,var(--pink-500) 0%,#DB2777 100%);color:white}.drop-zone-header.neuter{background:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);color:white}.drop-zone-header.category-stark{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-600) 100%);color:white}.drop-zone-header.category-schwach{background:linear-gradient(135deg,#14B8A6 0%,#0D9488 100%);color:white}.drop-zone-title{font-size:var(--text-base)}.drop-zone-content{min-height:200px;padding:var(--space-lg);display:flex;flex-wrap:wrap;gap:var(--space-sm);align-content:flex-start;background:var(--gray-50);transition:all var(--transition-base)}.drop-zone-content.drag-over{background:#FEF3C7;box-shadow:inset 0 0 0 2px var(--amber-500)}.exercise-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap}.button-secondary{background:linear-gradient(135deg,var(--gray-600) 0%,var(--gray-700) 100%);box-shadow:0 10px 30px -5px rgba(75,85,99,0.3)}.button-secondary:hover{box-shadow:0 20px 40px -10px rgba(75,85,99,0.4)}.exercise-feedback{margin-top:var(--space-xl);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:600;text-align:center;box-shadow:var(--shadow-md);animation:slideIn var(--transition-base)}.feedback-perfect{background:linear-gradient(135deg,var(--green-50) 0%,white 100%);border:2px solid var(--green-500);color:var(--green-600)}.feedback-good{background:linear-gradient(135deg,#DBEAFE 0%,white 100%);border:2px solid var(--blue-500);color:var(--blue-600)}.feedback-needs-practice{background:linear-gradient(135deg,#FEF3C7 0%,white 100%);border:2px solid var(--amber-500);color:var(--amber-600)}@media (max-width:768px){.drop-zones{grid-template-columns:1fr}.nouns-bank{padding:var(--space-md)}.exercise-actions{flex-direction:column}.button{width:100%;justify-content:center}}.text-exercise{background:white;padding:var(--space-2xl);border-radius:var(--radius-xl);border:2px solid var(--gray-200);margin:var(--space-xl) 0;box-shadow:var(--shadow-sm)}.text-exercise-paragraph{margin-bottom:var(--space-xl);font-size:1rem;line-height:2;color:var(--gray-800)}.text-exercise-paragraph:last-child{margin-bottom:0}.article-select{display:inline-block;padding:0.25rem 0.5rem;margin:0 0.25rem;font-size:var(--text-base);font-weight:700;color:var(--gray-800);background:var(--gray-50);border:2px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.article-select:hover{border-color:var(--teal-400);background:var(--teal-50)}.article-select:focus{outline:none;border-color:var(--teal-600);box-shadow:0 0 0 3px var(--teal-100)}.article-select.correct{background:linear-gradient(135deg,var(--green-50) 0%,white 100%);border-color:var(--green-500);color:var(--green-600)}.article-select.incorrect{background:linear-gradient(135deg,var(--red-50) 0%,white 100%);border-color:var(--red-500);color:var(--red-600)}.case-exercise{margin:var(--space-xl) 0}.case-item{background:white;border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:all var(--transition-fast)}.case-item:hover{border-color:var(--teal-300);box-shadow:var(--shadow-sm)}.sentence-question{font-size:var(--text-lg);font-weight:600;color:var(--gray-800);margin-bottom:var(--space-md)}.case-options{display:flex;gap:var(--space-lg);flex-wrap:wrap}.case-options label{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--gray-50);border:2px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:600;color:var(--gray-700);min-width:140px}.case-options label:hover{background:var(--teal-50);border-color:var(--teal-400)}.case-options input[type="radio"]{width:18px;height:18px;cursor:pointer;accent-color:var(--teal-600)}.article-exercise{margin:var(--space-xl) 0}.article-item{background:white;border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:all var(--transition-fast)}.article-item:hover{border-color:var(--teal-300);box-shadow:var(--shadow-sm)}.article-item p{font-size:var(--text-lg);color:var(--gray-800);margin:0;line-height:1.8}@media (max-width:768px){.text-exercise{padding:var(--space-lg)}.case-options{flex-direction:column}.case-options label{width:100%}.text-exercise-paragraph{font-size:var(--text-base);line-height:1.9}.article-select,.exercise-select{font-size:var(--text-sm)}}.komposita-exercise{display:grid;gap:var(--space-xl);margin:var(--space-xl) 0}.komposita-item{background:white;padding:var(--space-xl);border:2px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.komposita-item:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md)}.komposita-words{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.word-part{padding:var(--space-sm) var(--space-lg);background:white;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-weight:600;font-size:1rem;color:var(--gray-800)}.plus{font-size:var(--text-2xl);font-weight:700;color:var(--teal-500)}.equals{font-size:var(--text-2xl);font-weight:700;color:var(--gray-500)}.komposita-input{width:100%;padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:600;color:var(--gray-800);background:var(--gray-50);border:2px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-family:inherit}.komposita-input:hover{border-color:var(--teal-400)}.komposita-input:focus{outline:none;border-color:var(--teal-600);background:white;box-shadow:0 0 0 3px var(--teal-100)}.komposita-input--sm{width:160px;padding:var(--space-xs) var(--space-md);font-size:0.9375rem}.komposita-solution{margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--green-50) 0%,white 100%);border:2px solid var(--green-500);border-radius:var(--radius-lg);animation:slideIn var(--transition-base)}.komposita-solution strong{color:var(--green-600);margin-right:var(--space-sm)}.correct-answer{font-size:1rem;font-weight:700;color:var(--green-600)}.hint{display:inline-block;margin-left:var(--space-sm);padding:0.25rem 0.5rem;background:#FEF3C7;color:var(--amber-800);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600}.verb-input{padding:0.4rem 0.5rem;font-size:1rem;font-weight:600;color:var(--gray-800);background:var(--gray-50);border:2px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-family:inherit;text-align:center}.verb-input:hover{border-color:var(--teal-400)}.verb-input:focus{outline:none;border-color:var(--teal-600);background:white;box-shadow:0 0 0 3px var(--teal-100)}.verb-input.correct{background:linear-gradient(135deg,var(--green-50) 0%,white 100%);border-color:var(--green-500);color:var(--green-600)}.verb-input.incorrect{background:linear-gradient(135deg,var(--red-50) 0%,white 100%);border-color:var(--red-500);color:var(--red-600)}.exercise-input{padding:0.4rem 0.5rem;font-size:1rem;font-weight:600;color:var(--gray-800);background:var(--gray-50);border:2px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-family:inherit;text-align:center;width:140px}.exercise-input:hover{border-color:var(--teal-400)}.exercise-input:focus{outline:none;border-color:var(--teal-600);background:white;box-shadow:0 0 0 3px var(--teal-100)}.exercise-input--sm{width:80px}.exercise-input--md{width:140px}.exercise-input--lg{width:220px}.exercise-input--xl{width:100%}.exercise-input.correct{background:linear-gradient(135deg,var(--green-50) 0%,white 100%);border-color:var(--green-500);color:var(--green-600)}.exercise-input.incorrect{background:linear-gradient(135deg,var(--red-50) 0%,white 100%);border-color:var(--red-500);color:var(--red-600)}.exercise-select{display:inline-block;padding:0.25rem 0.5rem;margin:0 0.25rem;font-size:var(--text-base);font-weight:700;color:var(--gray-800);background:var(--gray-50);border:2px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.exercise-select:hover{border-color:var(--teal-400);background:var(--teal-50)}.exercise-select:focus{outline:none;border-color:var(--teal-600);box-shadow:0 0 0 3px var(--teal-100)}.exercise-select.correct{background:linear-gradient(135deg,var(--green-50) 0%,white 100%);border-color:var(--green-500);color:var(--green-600)}.exercise-select.incorrect{background:linear-gradient(135deg,var(--red-50) 0%,white 100%);border-color:var(--red-500);color:var(--red-600)}@media (max-width:768px){.komposita-item{padding:var(--space-lg)}.komposita-words{gap:var(--space-sm)}.word-part{font-size:var(--text-base);padding:var(--space-xs) var(--space-md)}.komposita-input{font-size:var(--text-base)}.correct-answer{font-size:var(--text-base)}}.game-container{margin:var(--space-xl) 0}.plural-write-exercise{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.plural-write-item{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:white;border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.plural-write-item:hover{border-color:var(--teal-300);box-shadow:var(--shadow-md)}.singular-word{font-size:var(--text-lg);font-weight:700;color:var(--gray-800);margin-bottom:var(--space-xs)}.incorrect-sentence{display:inline-block;padding:0.25rem 0.5rem;background:linear-gradient(135deg,#FEE2E2 0%,#FECACA 100%);border-left:3px solid #DC2626;border-radius:var(--radius-sm);font-style:italic;color:var(--gray-800)}@media (max-width:768px){.plural-write-exercise{grid-template-columns:1fr;gap:var(--space-md)}.plural-write-item{padding:var(--space-md)}.singular-word{font-size:var(--text-base)}}.game-stats{display:flex;justify-content:space-around;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.stat-label{font-size:var(--text-sm);font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:0.05em}.stat-value{font-size:var(--text-3xl);font-weight:800;color:var(--amber-600)}.stat-item.stat-warning .stat-value{color:var(--orange-600,#EA580C);animation:pulse 1s ease-in-out infinite}.stat-item.stat-danger .stat-value{color:#DC2626;animation:pulse 0.5s ease-in-out infinite}#uebung-3 .game-stats{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);gap:var(--space-md)}#uebung-3 .stat-item{gap:var(--space-xs)}#uebung-3 .stat-label{font-size:var(--text-sm)}#uebung-3 .stat-value{font-size:var(--text-2xl);font-weight:700}.game-card{background:white;padding:var(--space-3xl) var(--space-2xl);border:2px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);text-align:center;margin-bottom:var(--space-xl);transition:all var(--transition-base)}.game-card.shake{animation:shake 0.5s}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.game-noun{font-size:2.5rem;font-weight:800;color:var(--gray-900);margin-bottom:var(--space-3xl);min-height:4rem;display:flex;align-items:center;justify-content:center}.game-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.game-button{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-xl) var(--space-lg);border:3px solid;border-radius:var(--radius-xl);font-weight:700;cursor:pointer;transition:all var(--transition-fast);background:white;font-family:inherit}.game-button-der{border-color:var(--blue-500);color:var(--blue-600)}.game-button-der:hover:not(:disabled){background:linear-gradient(135deg,var(--blue-50) 0%,white 100%);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.game-button-die{border-color:var(--pink-500);color:var(--pink-500)}.game-button-die:hover:not(:disabled){background:linear-gradient(135deg,#FCE7F3 0%,white 100%);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.game-button-das{border-color:var(--green-500);color:var(--green-600)}.game-button-das:hover:not(:disabled){background:linear-gradient(135deg,var(--green-50) 0%,white 100%);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.button-article{font-size:2rem;font-weight:800}.button-label{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.game-button.correct{background:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);color:white;border-color:var(--green-600);transform:scale(1.05);animation:pulse 0.5s}.game-button.incorrect{background:linear-gradient(135deg,var(--red-500) 0%,var(--red-600) 100%);color:white;border-color:var(--red-600)}.game-button.disabled{opacity:0.4;cursor:not-allowed}.qz-opt{padding:var(--space-md) var(--space-sm);font-size:var(--text-base);font-weight:700;border:2px solid var(--gray-200);border-radius:var(--radius-xl);background:white;color:var(--gray-800);cursor:pointer;transition:all var(--transition-fast);min-height:56px;width:100%;display:flex;align-items:center;justify-content:center;font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.qz-opt:hover:not(:disabled){background:var(--teal-50);border-color:var(--teal-400);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.qz-opt:disabled{cursor:not-allowed;opacity:0.8}.qz-opt.qz-correct{background:#DCFCE7;border-color:#16A34A;color:#166534}.qz-opt.qz-wrong{background:#FEE2E2;border-color:#DC2626;color:#DC2626}.qz-opt.qz-reveal{background:#DCFCE7;border-color:#16A34A;color:#166534}.qz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-top:var(--space-md)}.qz-grid .qz-opt:last-child:nth-child(odd){grid-column:1 / -1}@keyframes pulse{0%,100%{transform:scale(1.05)}50%{transform:scale(1.1)}}.game-feedback{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:1rem;font-weight:700;animation:slideIn var(--transition-base)}.game-feedback.feedback-correct{background:linear-gradient(135deg,var(--green-50) 0%,white 100%);color:var(--green-600);border:2px solid var(--green-500)}.game-feedback.feedback-incorrect{background:linear-gradient(135deg,var(--red-100) 0%,white 100%);color:var(--red-600);border:2px solid var(--red-500)}.sc-progress-bar{height:5px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-xl)}.sc-progress-fill{height:100%;background:linear-gradient(90deg,var(--amber-500),#FBBF24);border-radius:var(--radius-full);transition:width 0.4s ease}.sc-context{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-xl);text-align:center}.sc-context-label{display:block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--gray-500);margin-bottom:var(--space-xs)}.sc-context-answer{display:block;font-size:var(--text-lg);font-weight:700;color:var(--gray-900);font-style:italic}.sc-task-label{display:block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--gray-500);margin-bottom:var(--space-sm)}.sc-assembly-zone{min-height:54px;border:2px dashed var(--gray-300);border-radius:var(--radius-xl);padding:var(--space-sm) var(--space-md);display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center;background:var(--gray-50);margin-bottom:var(--space-md);transition:border-color 0.2s,background 0.2s}.sc-assembly-zone.correct-state{border-style:solid;border-color:#16A34A;background:#F0FDF4}.sc-assembly-zone.incorrect-state{border-style:solid;border-color:#DC2626;background:#FEF2F2}.sc-placeholder{color:var(--gray-400);font-style:italic;font-size:var(--text-sm);pointer-events:none}.sc-bank-zone{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);min-height:54px;align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-xl);background:var(--gray-50);margin-bottom:var(--space-lg)}.sc-chip{display:inline-flex;align-items:center;padding:0.35rem 0.85rem;font-size:var(--text-sm);font-weight:700;border:2px solid var(--gray-300);border-radius:var(--radius-full);background:white;color:var(--gray-800);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;line-height:1.4}.sc-chip:hover:not(:disabled){background:var(--teal-50);border-color:var(--teal-500);transform:translateY(-2px);box-shadow:0 3px 8px rgba(13,148,136,0.2)}.sc-chip:active:not(:disabled){transform:translateY(0)}.sc-chip.in-assembly{background:var(--teal-100);border-color:var(--teal-400);color:var(--teal-800)}.sc-chip.in-assembly:hover:not(:disabled){background:#FEE2E2;border-color:#DC2626;color:#DC2626}.sc-chip:disabled{cursor:default}.sc-result{border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-md);animation:slideIn 0.2s ease}.sc-result.correct{background:#DCFCE7;border:1px solid #16A34A;color:#166534}.sc-result.incorrect{background:#FEE2E2;border:1px solid #DC2626;color:#991B1B}.sc-explain{font-style:italic;font-weight:400}.sc-correct-answer{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid rgba(220,38,38,0.2);font-weight:400}@media (max-width:600px){.sc-assembly-zone,.sc-bank-zone{padding:var(--space-xs) var(--space-sm)}.sc-chip{padding:0.3rem 0.65rem;font-size:0.8rem}}.game-complete{background:white;padding:var(--space-3xl);border:2px solid var(--amber-500);border-radius:var(--radius-2xl);text-align:center;box-shadow:var(--shadow-xl);animation:slideIn var(--transition-base)}.complete-icon{font-size:5rem;margin-bottom:var(--space-lg);animation:bounce 1s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.game-complete h3{font-size:2rem;color:var(--amber-600);margin-bottom:var(--space-md)}.game-complete p{font-size:1rem;color:var(--gray-600);margin-bottom:var(--space-2xl)}.complete-stats{display:flex;justify-content:center;gap:var(--space-3xl);margin-bottom:var(--space-2xl)}.complete-stat{display:flex;flex-direction:column;gap:var(--space-xs)}.complete-label{font-size:var(--text-sm);font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:0.05em}.complete-value{font-size:2rem;font-weight:800;color:var(--amber-600)}.detective-instructions{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-lg)}.detective-legend{display:flex;justify-content:center;gap:var(--space-2xl);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-base);font-weight:600;color:var(--gray-700)}.legend-color{width:24px;height:24px;border-radius:var(--radius-md);border:2px solid}.legend-nom{background:linear-gradient(135deg,var(--teal-100) 0%,var(--teal-50) 100%);border-color:var(--teal-500)}.legend-akk{background:linear-gradient(135deg,var(--blue-100) 0%,var(--blue-50) 100%);border-color:var(--blue-500)}.detective-sentence{font-size:1.375rem;font-weight:600;color:var(--gray-900);line-height:2;text-align:center;min-height:4rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0.5rem;margin:var(--space-xl) 0;padding:var(--space-lg)}.detective-word{display:inline-block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;background:var(--gray-50)}.detective-word:hover{background:var(--gray-100);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.detective-word.selected-nominativ{background:linear-gradient(135deg,var(--teal-100) 0%,var(--teal-50) 100%);border-color:var(--teal-500);color:var(--teal-700);font-weight:700;transform:scale(1.05)}.detective-word.selected-akkusativ{background:linear-gradient(135deg,var(--blue-100) 0%,var(--blue-50) 100%);border-color:var(--blue-500);color:var(--blue-700);font-weight:700;transform:scale(1.05)}.detective-word.correct-nominativ{background:linear-gradient(135deg,var(--teal-200) 0%,var(--teal-100) 100%);border-color:var(--teal-600);color:var(--teal-800);font-weight:800;animation:pulse 0.5s}.detective-word.correct-akkusativ{background:linear-gradient(135deg,var(--blue-200) 0%,var(--blue-100) 100%);border-color:var(--blue-600);color:var(--blue-800);font-weight:800;animation:pulse 0.5s}.detective-feedback{padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);font-size:1.125rem;font-weight:700;text-align:center;animation:slideIn var(--transition-base);margin:var(--space-xl) 0}.detective-feedback.feedback-correct{background:linear-gradient(135deg,var(--green-50) 0%,white 100%);color:var(--green-600);border:2px solid var(--green-500)}.detective-feedback.feedback-incorrect{background:linear-gradient(135deg,var(--red-100) 0%,white 100%);color:var(--red-600);border:2px solid var(--red-500)}.detective-feedback.feedback-warning{background:linear-gradient(135deg,#FEF3C7 0%,white 100%);color:#0D9488;border:2px solid #14B8A6}.detective-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl)}@media (max-width:768px){.game-noun{font-size:2rem}.game-buttons{grid-template-columns:1fr}.button-article{font-size:1.5rem}.game-stats{flex-direction:column}.complete-stats{flex-direction:column;gap:var(--space-xl)}.detective-sentence{font-size:1.125rem;line-height:1.8;padding:var(--space-md)}.detective-word{padding:var(--space-xs) var(--space-sm);font-size:1.125rem}.detective-legend{gap:var(--space-md)}.detective-actions{flex-direction:column}.detective-actions .button{width:100%}.complete-icon{font-size:4rem}}.possessive-word{background-color:#4a90e2;color:white;padding:6px 12px;border-radius:6px;cursor:grab;display:inline-block;font-weight:500;transition:all 0.3s ease;user-select:none}.possessive-word:hover{background-color:#357abd;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.possessive-word:active{cursor:grabbing}.possessive-drop-zone{display:inline-block;min-width:80px;min-height:28px;border-bottom:2px dashed #666;padding:2px 8px;margin:0 4px;text-align:center;transition:background-color 0.3s ease}.possessive-drop-zone:empty{background-color:#f5f5f5}.dropped-word{font-weight:500}.mobile-only{display:none!important}.desktop-only{display:block!important}@media (max-width:768px){.mobile-only{display:block!important}.desktop-only{display:none!important}.mobile-exercise-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.mobile-exercise-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md)}.mobile-exercise-item label{font-weight:600;font-size:var(--text-base)}.mobile-article-select{width:100%;padding:10px 12px;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-base);background:white}body.sidebar-layout{padding-left:16px;padding-right:16px}.container{padding:var(--space-sm);max-width:100%}.content-card{padding:var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-md)}h1{font-size:var(--text-3xl);line-height:1.2;margin-bottom:var(--space-lg)}h2{font-size:var(--text-2xl);margin-top:var(--space-xl);margin-bottom:var(--space-md)}h3{font-size:var(--text-xl);margin-bottom:var(--space-sm)}p{font-size:var(--text-base);line-height:1.7}.hero-badge{font-size:var(--text-xs);padding:6px 12px}.gender-table{font-size:var(--text-sm);display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.gender-table th,.gender-table td{padding:var(--space-sm);min-width:80px}.gender-grid,.pattern-section{grid-template-columns:1fr;gap:var(--space-md)}.gender-card,.pattern-card{padding:var(--space-lg)}.note{padding:var(--space-md);font-size:var(--text-sm);margin:var(--space-lg) 0}.exercise{padding:var(--space-md);margin-bottom:var(--space-md)}.text-exercise{padding:0;margin:var(--space-md) 0;background:transparent;border:none;box-shadow:none}.text-exercise-paragraph{font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-md)}.article-select,.exercise-select{font-size:var(--text-base);padding:6px 8px;margin:0 0.25rem;max-width:100%}.matching-item{flex-direction:column;align-items:stretch!important;gap:var(--space-sm);padding:var(--space-md)!important}.matching-item span:first-child{min-width:auto!important;margin-bottom:var(--space-xs)}.matching-select{width:100%!important;font-size:var(--text-base)!important;padding:10px!important}.possessive-word-bank{gap:6px!important}.possessive-word{font-size:var(--text-sm);padding:8px 12px;touch-action:none}.possessive-drop-zone{min-width:70px;min-height:32px;padding:4px 6px;font-size:var(--text-sm)}.possessive-text-container{padding:var(--space-md)!important;font-size:var(--text-sm)}.possessive-text-container p{line-height:1.9;margin-bottom:var(--space-md)!important}.exercise-actions{flex-direction:column;gap:var(--space-sm)}.exercise-actions .button{width:100%;padding:12px 20px;font-size:var(--text-base)}.exercise-feedback{padding:var(--space-md);font-size:var(--text-sm);margin-top:var(--space-md)}ul,ol{padding-left:var(--space-xl);margin:var(--space-md) 0}li{margin-bottom:var(--space-sm);line-height:1.7}}@media (max-width:480px){.content-card{padding:var(--space-md)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}.gender-table{font-size:0.75rem}.gender-table th,.gender-table td{padding:6px;min-width:60px}.possessive-word{font-size:0.75rem;padding:6px 10px}.matching-item{padding:var(--space-sm)!important}}.highlight-accent{color:var(--teal-600);font-size:var(--text-sm)}.example-box p.spaced{line-height:1.8}.example-box p.spaced-top{margin-top:var(--space-md);line-height:1.8}.word-order-box{margin-top:var(--space-lg);padding:var(--space-md);background-color:white;border-left:3px solid var(--teal-600)}.word-order-box p{line-height:1.8}.word-order-box p.spaced-top{margin-top:var(--space-md)}.word-order-box .annotation{font-size:var(--text-sm);color:var(--gray-600)}.comparison-box .rule-title{font-weight:600;margin-bottom:var(--space-sm);color:var(--teal-600)}.comparison-box .rule-subtitle{margin-bottom:var(--space-xs)}.dialogue-exercise{background-color:var(--gray-50);padding:var(--space-lg);border-radius:var(--radius-md);border-left:4px solid var(--teal-500)}.dialogue-line{margin-bottom:var(--space-md);line-height:1.8}.dialogue-line strong{color:var(--teal-700);font-weight:600;display:inline-block;min-width:80px}.pronoun-table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;background-color:white;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.pronoun-table thead tr{background-color:var(--teal-50)}.pronoun-table thead th{padding:var(--space-md);text-align:center;font-weight:600;color:var(--teal-700);border-bottom:2px solid var(--teal-200);font-size:var(--text-sm)}.pronoun-table tbody td{padding:var(--space-md);text-align:center;border-bottom:1px solid var(--gray-200);font-size:var(--text-base)}.pronoun-table tbody tr:hover{background-color:var(--gray-50)}.pronoun-table tbody td:first-child{font-weight:600;color:var(--teal-700);background-color:var(--teal-50);text-align:left}.pronoun-examples{margin-top:var(--space-md);padding:var(--space-md);background-color:var(--gray-50);border-radius:var(--radius-sm)}.pronoun-examples p{margin:var(--space-sm) 0;font-weight:500}.pronoun-examples strong{color:var(--teal-600)}.highlight-pronoun{background-color:var(--teal-100);color:var(--teal-700);padding:2px 6px;border-radius:3px;font-weight:600}.highlight-noun{background-color:var(--blue-100);color:var(--blue-700);padding:2px 6px;border-radius:3px;font-weight:600}.example-box .example-title{font-weight:600;color:var(--teal-700);margin-bottom:var(--space-sm)}.pronoun-replacement-exercise{display:flex;flex-direction:column;gap:var(--space-xl)}.replacement-section{display:flex;flex-direction:column;gap:var(--space-md)}.case-title{font-size:1.125rem;font-weight:600;color:var(--teal-700);margin-bottom:var(--space-sm)}.replacement-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--gray-50);border-radius:8px;flex-wrap:wrap}.replacement-item.example-item{background-color:var(--teal-50);border:1px solid var(--teal-200)}.example-label{font-weight:600;color:var(--teal-700);min-width:70px}.item-number{font-weight:600;color:var(--gray-600);min-width:30px}.example-arrow{font-weight:bold;color:var(--teal-500);font-size:1.25rem}.example-answer{font-weight:600;color:var(--teal-700);background-color:var(--teal-100);padding:4px 12px;border-radius:6px}.radio-exercise-item{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.radio-exercise-item:last-child{margin-bottom:0}.radio-exercise-item.correct{background:linear-gradient(135deg,var(--green-50) 0%,white 100%);border-color:var(--green-500)}.radio-exercise-item.incorrect{background:linear-gradient(135deg,var(--red-50) 0%,white 100%);border-color:var(--red-500)}.radio-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-top:var(--space-xs);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:600;color:var(--gray-700)}.radio-option:hover{background:var(--teal-50);border-color:var(--teal-300)}.radio-option input[type="radio"]{width:18px;height:18px;cursor:pointer;accent-color:var(--teal-600)}.radio-option.correct{background:linear-gradient(135deg,var(--green-50) 0%,white 100%);border-color:var(--green-500);color:var(--green-600)}.radio-option.incorrect{background:linear-gradient(135deg,var(--red-50) 0%,white 100%);border-color:var(--red-500);color:var(--red-600)}.checkbox-exercise-item{margin-bottom:var(--space-sm)}.checkbox-exercise-item:last-child{margin-bottom:0}.checkbox-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:600;color:var(--gray-700)}.checkbox-option:hover{background:var(--teal-50);border-color:var(--teal-300)}.checkbox-option input[type="checkbox"]{width:18px;height:18px;cursor:pointer;accent-color:var(--teal-600)}.checkbox-option.correct{background:linear-gradient(135deg,var(--green-50) 0%,white 100%);border-color:var(--green-500);color:var(--green-600)}.checkbox-option.incorrect{background:linear-gradient(135deg,var(--red-50) 0%,white 100%);border-color:var(--red-500);color:var(--red-600)}.correct-answer-display{display:inline-block;margin-left:var(--space-xs);color:var(--green-700);font-weight:600;font-size:0.875rem;padding:4px 8px;background-color:var(--green-50);border-radius:4px;white-space:nowrap;animation:fadeIn var(--transition-fast)}.correct-answer-display[hidden]{display:none}.speed-game-card{background:white;border-radius:12px;padding:var(--space-xl);box-shadow:0 4px 16px rgba(0,0,0,0.1);min-height:400px;display:flex;flex-direction:column;justify-content:center}.game-start-screen{text-align:center;max-width:500px;margin:0 auto}.start-icon{font-size:4rem;margin-bottom:var(--space-md);animation:bounce 2s infinite}.game-start-screen h4{color:var(--gray-900);margin-bottom:var(--space-md);font-size:1.75rem}.game-start-screen p{color:var(--gray-600);margin-bottom:var(--space-lg);line-height:1.6}.rules-list{text-align:left;list-style:none;padding:0;margin:var(--space-lg) 0;display:flex;flex-direction:column;gap:var(--space-sm)}.rules-list li{padding:var(--space-sm) var(--space-md);background:var(--gray-50);border-radius:8px;color:var(--gray-700);font-size:0.9375rem}.game-play-screen{display:flex;flex-direction:column;gap:var(--space-lg)}.question-counter{text-align:center;font-size:0.875rem;font-weight:600;color:var(--amber-600);text-transform:uppercase;letter-spacing:0.1em}.progress-bar-container{width:100%;height:6px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--amber-500),#FBBF24);transition:width 0.3s ease;border-radius:var(--radius-full)}.sentence-display{text-align:center;padding:var(--space-xl);background:var(--gray-50);border-radius:10px;border:2px dashed var(--teal-200)}.sentence-text{flex:1;min-width:0;font-size:1rem;color:var(--gray-800);line-height:1.5;margin-bottom:var(--space-sm)}.sentence-text strong{display:inline-block;padding:0.25rem 0.5rem;background:var(--teal-100);color:var(--teal-700);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;text-decoration:none}.case-hint{font-size:0.875rem;color:var(--teal-600);font-weight:600;margin-top:var(--space-sm)}.answer-input-container{display:flex;gap:var(--space-md);align-items:stretch;justify-content:center}.speed-input{flex:1;max-width:300px;padding:var(--space-md);font-size:1.125rem;border:3px solid var(--gray-300);border-radius:10px;text-align:center;font-weight:600;transition:all 0.2s ease}.speed-input:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 4px rgba(20,184,166,0.15);transform:scale(1.02)}.button-submit{padding:var(--space-md) var(--space-lg);background:var(--amber-500);color:white;font-weight:700;font-size:1rem;transition:all 0.2s ease}.button-submit:hover{background:var(--amber-600);transform:translateY(-2px)}.quick-feedback{text-align:center;padding:var(--space-md);border-radius:8px;font-weight:600;font-size:1rem;animation:slideIn 0.3s ease}.quick-feedback.feedback-correct{background:var(--green-50);color:var(--green-700);border:2px solid var(--green-300)}.quick-feedback.feedback-incorrect{background:var(--red-50);color:var(--red-700);border:2px solid var(--red-300)}.game-over-screen{text-align:center;max-width:500px;margin:0 auto}.game-over-icon{font-size:5rem;margin-bottom:var(--space-md);animation:scaleIn 0.5s ease}@keyframes scaleIn{from{transform:scale(0)}to{transform:scale(1)}}.game-over-screen h4{color:var(--amber-600);font-size:2rem;margin-bottom:var(--space-lg)}.final-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.final-stat{background:var(--gray-50);padding:var(--space-md);border-radius:10px;border:2px solid var(--gray-200)}.final-label{display:block;font-size:0.75rem;color:var(--gray-500);font-weight:600;text-transform:uppercase;margin-bottom:4px}.final-value{display:block;font-size:1.75rem;font-weight:800;color:var(--amber-600);font-variant-numeric:tabular-nums}@media (max-width:768px){.answer-input-container{flex-direction:column}.speed-input{max-width:100%}.final-stats{grid-template-columns:1fr}}.reflexive-table{width:100%;border-collapse:collapse;background:white;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.reflexive-table thead{background:linear-gradient(135deg,var(--teal-600) 0%,var(--teal-500) 100%);color:white}.reflexive-table th{padding:var(--space-md);text-align:center;font-weight:600;border:1px solid var(--teal-400);font-size:0.9375rem}.reflexive-table tbody td{padding:var(--space-sm) var(--space-md);text-align:center;border:1px solid var(--gray-200);font-size:0.9375rem}.reflexive-table tbody td:first-child{font-weight:600;background:var(--teal-50);color:var(--teal-700);text-align:left}.reflexive-table tbody tr:hover{background:var(--teal-50)}.reflexive-examples{background:var(--gray-50);padding:var(--space-md);border-radius:6px;margin-top:var(--space-sm)}.reflexive-examples p{margin-bottom:var(--space-xs);line-height:1.6}.ng-item{display:flex;align-items:flex-start;gap:var(--space-md);background:white;padding:var(--space-xl);border:2px solid var(--gray-200);border-radius:var(--radius-xl);margin-bottom:var(--space-lg);transition:all var(--transition-fast)}.ng-phrase{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:flex-start;flex:1}.ng-segment{display:inline-flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:all var(--transition-fast)}.ng-segment-text{padding:var(--space-xs) var(--space-sm);border:2px solid transparent;border-radius:var(--radius-md);font-weight:600;font-size:1rem;color:var(--gray-800);background:var(--gray-50);transition:all var(--transition-fast);white-space:nowrap}.ng-segment:hover .ng-segment-text{border-color:var(--teal-300);background:var(--teal-50)}.ng-segment.selected .ng-segment-text{border-color:var(--teal-500);background:var(--teal-100);color:var(--teal-800);box-shadow:0 0 0 3px rgba(20,184,166,0.15)}.ng-label-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap;line-height:1.4}.ng-labeled .ng-segment-text{border-color:var(--teal-300);background:var(--teal-50)}.ng-labeled .ng-label-tag{background:var(--gray-600);color:white}.ng-label-bar{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.ng-label-btn{padding:var(--space-sm) var(--space-md);border:2px solid var(--gray-300);border-radius:var(--radius-md);background:white;font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.ng-label-btn:hover:not(:disabled){background:var(--teal-50);border-color:var(--teal-400);color:var(--teal-600);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.ng-label-btn:disabled{opacity:0.4;cursor:not-allowed;transform:none}.ng-segment.correct .ng-segment-text{background:var(--green-50);border-color:var(--green-500);color:var(--green-600)}.ng-segment.correct .ng-label-tag{background:var(--green-600);color:white}.ng-segment.incorrect .ng-segment-text{background:var(--red-50);border-color:var(--red-500);color:var(--red-600)}.ng-segment.incorrect .ng-label-tag{background:var(--red-500);color:white}.ng-counter{font-size:1rem;font-weight:700;color:var(--teal-400);min-width:1.5rem;padding-top:var(--space-xs);line-height:1.5}.tf-direction{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-sm)}.tf-direction--ng{background:var(--teal-50);border:1px solid var(--teal-200);color:var(--teal-700)}.tf-direction--rs{background:var(--blue-50);border:1px solid var(--blue-200);color:var(--blue-700)}@media(max-width:768px){.ng-phrase{gap:var(--space-xs)}.ng-segment-text{font-size:var(--text-sm);padding:3px var(--space-xs)}.ng-label-bar{gap:var(--space-xs);padding:var(--space-sm)}.ng-label-btn{padding:var(--space-xs) var(--space-sm);font-size:0.75rem}}