/* ═══════════════════════════════════════════════════════════
   DEUTSCH LERNEN — FLYING ISLANDS THEME
   UI/UX Pro Max: Indigo/Green learning palette
   Aesthetic: Pixel-art fantasy meets dark glassmorphism
═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');

/* ── PIXEL ART ASSETS (embedded) ── */
/* Clouds, trees, crystals, dragon, ruins, rocks from Flying Islands tileset */

:root{
  /* Core palette — indigo/teal learning theme */
  --bg:    #0b0f1e;
  --bg2:   #111527;
  --bg3:   #181e30;

  --card:  rgba(255,255,255,0.042);

  --txt:   #eef0f8;
  --txt2:  #9aa3be;
  --txt3:  #4e5878;

  --bor:   rgba(255,255,255,0.065);
  --bor2:  rgba(255,255,255,0.11);

  /* Brand colours */
  --green: #2ee8a5;
  --gl:    rgba(46,232,165,0.11);
  --gd:    #7effd4;

  --ind:   #6366f1;   /* indigo primary */
  --indl:  rgba(99,102,241,0.13);
  --indd:  #a5b4fc;

  --bl:    rgba(96,165,250,0.11);
  --bd:    #93c5fd;

  --rl:    rgba(248,113,113,0.11);
  --rd:    #f87171;

  --yl:    rgba(251,191,36,0.12);
  --yd:    #fbbf24;

  --xp:    #8b5cf6;
  --xpl:   rgba(139,92,246,0.12);

  --r:     22px;
  --rs:    14px;

  /* pixel assets */
  --img-cloud1:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAzLTMxVDA0OjMxOjM5KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMy0zMVQwNDozNTo1NSswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMy0zMVQwNDozNTo1NSswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpkMGUwZGQ5OS1kYTk2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');
  --img-cloud2:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAzLTMxVDA0OjMxOjQwKzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMy0zMVQwNDozNTo1NiswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMy0zMVQwNDozNTo1NiswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNWJiMjJmOS0wMzY2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');
  --img-cloud3:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAzLTMxVDA0OjMxOjM5KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMy0zMVQwNDozNTo1NyswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMy0zMVQwNDozNTo1NyswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmNmY3NjVkOC1kNDIw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');
  --img-cloud4:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAzLTMxVDA0OjMxOjM5KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMy0zMVQwNDozNjoxNCswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMy0zMVQwNDozNjoxNCswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjN2U3MjNlOS04ZjY3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');
  --img-tree1:    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAzLTMxVDA0OjMwOjU2KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMy0zMVQwNDozNjoxOSswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMy0zMVQwNDozNjoxOSswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmNTQyNWY2NS0wMTJm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');
  --img-tree2:    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAzLTMxVDA0OjMwOjU2KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMy0zMVQwNDozNjoyMCswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMy0zMVQwNDozNjoyMCswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMGFiOWYxMi1jZDYx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');
  --img-crystal1: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAzLTMxVDA0OjMwOjI0KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMy0zMVQwNDozNyswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMy0zMVQwNDozNyswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjNzc1ZDI2Ni01YmI1LTg4NDYt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');
  --img-crystal3: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAzLTMxVDA0OjMwOjI1KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMy0zMVQwNDozNzozNiswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMy0zMVQwNDozNzozNiswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MjBlMDNiNC03OTg4LWMwNDMtYWVjZC1iNjQ3N2QyOTdjNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzIwZTAzYjQtNzk4OC1jMDQzLWFlY2QtYjY0NzdkMjk3YzYxIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzIwZTAzYjQtNzk4OC1jMDQzLWFlY2QtYjY0NzdkMjk3YzYxIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MjBlMDNiNC03OTg4LWMwNDMtYWVjZC1iNjQ3N2QyOTdjNjEiIHN0RXZ0OndoZW49IjIwMjQtMDMtMzFUMDQ6MzA6MjUrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ov/xAAAAB5klEQVRYhc2XMWvCUBSFT0rEgmBDShenDv6CWij+g1DnQhcHN5dCR7cOHTsVFzeH0Mm1Fke34uA/COhQBGkjKlgqFl6X3vhMY3JjIumBQAiPd7577+GFpwghkKQOEnX/DwAQQmx9AKBQqkSakd/+Qgj/BYVSRZhiKKJABAGwRnD7fBe5E9vEzsC+IFgAvZm6N4hAADLvzVT0ZmrsEKwOrEaLDaA4IVTuQoJI5TKs9RKg4rcu1EGUymWwGi0Cu1AoVcT5Q421JxuAzGV5QYQxZwPI5qlcBhdH3044oyoQ4N183QAhc69RyNWPW914AAjCbS7nofh075h/DW2WMQug324qVufFgXCby9rFPBDAS25zeifzw9NjjFtdfL5/xAPg7gJHXHMWgKzlZOLkwUtUPQDYAwv9dtP3EGIDUBfSur4B4QUSpnogxFEsiyAA4KRcBLBb9UCIEdSuz0BZIAhgnQt38FpmnfWzYgG0zLqYTucAgLSu/4F4e2w73+yBhaqRZ0OECmHVyIOyQCDLyQRpXQ89exI7A5qWxXQ6R9XIo/E7irxx6UDYA8uB1LQsG0DxuxkpyjpH1E4aBQA0OpbzTm2Xza/KN777BwK4QeSZyiAktzkAxApA8gsXGZNiAdinEr8bJg7wAw6bfOAVsAeEAAAAAElFTkSuQmCC');
  --img-dragon:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAzLTMxVDA0OjMwOjU5KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMy0zMVQwNDozNTo1NyswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMy0zMVQwNDozNTo1NyswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNzdkZWI4YS1jYTcy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');
  --img-ruins:    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAzLTMxVDA0OjMwOjU5KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMy0zMVQwNDozNjoxNiswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMy0zMVQwNDozNjoxNiswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplNzU3ZDdlNy03Y2Vl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');
  --img-rock:     url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAzLTMxVDA0OjMwOjU3KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMy0zMVQwNDozNzowNSswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMy0zMVQwNDozNzowNSswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphNmVkOGQwMy1jZDVi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');
}

/* ── RESET ── */
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }

/* ── BODY — deep starfield sky ── */
body{
  font-family:'Inter',sans-serif;
  background:
    radial-gradient(ellipse 90% 55% at 50% -5%, rgba(99,102,241,0.11), transparent 65%),
    radial-gradient(ellipse 50% 30% at 80% 110%, rgba(46,232,165,0.06), transparent 60%),
    var(--bg);
  background-attachment:fixed;
  color:var(--txt);
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  image-rendering:pixelated; /* makes pixel assets crisp */
}

/* ── FLOATING PIXEL CLOUDS in background ── */
body::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:
    var(--img-cloud1),
    var(--img-cloud3),
    var(--img-cloud4),
    var(--img-cloud2);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size:  180px, 140px, 110px, 160px;
  background-position: 4% 8%, 72% 14%, 88% 62%, 18% 78%;
  opacity:0.06;
  animation: clouds-drift 90s linear infinite;
}
@keyframes clouds-drift{
  0%   { background-position: 4% 8%,   72% 14%, 88% 62%, 18% 78%; }
  50%  { background-position: 6% 9%,   70% 13%, 86% 63%, 20% 77%; }
  100% { background-position: 4% 8%,   72% 14%, 88% 62%, 18% 78%; }
}

/* All real content sits above the cloud layer */
.nav, .page-wrap{ position:relative; z-index:1; }

/* ── LAYOUT ── */
.page-wrap{
  display:flex;
  max-width:1440px;
  margin:0 auto;
  gap:24px;
  padding:24px;
}

.sidebar-left,
.sidebar-right{
  width:250px;
  flex-shrink:0;
  padding:20px;
  position:sticky;
  top:20px;
  height:calc(100vh - 40px);
  background:rgba(255,255,255,0.035);
  backdrop-filter:blur(18px);
  border:1px solid var(--bor);
  border-radius:28px;
  overflow-y:auto;
  box-shadow:0 12px 48px rgba(0,0,0,0.3);
}

/* Crystal decoration on sidebars */
.sidebar-left::after,
.sidebar-right::after{
  content:'';
  display:block;
  width:40px;
  height:52px;
  background-image:var(--img-crystal1);
  background-size:contain;
  background-repeat:no-repeat;
  margin:18px auto 0;
  opacity:0.45;
  image-rendering:pixelated;
}

.main-col{
  flex:1;
  min-width:0;
  max-width:760px;
}

@media(max-width:1100px){
  .sidebar-left,.sidebar-right{ display:none; }
  .page-wrap{ padding:16px; }
  .main-col{ max-width:100%; }
}

.app{ padding-bottom:88px; }

/* ── NAV ── */
.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 24px;
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(9,13,28,0.82);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(99,102,241,0.14);
}

.nav-logo{
  font-family:'Baloo 2',cursive;
  font-size:19px;
  font-weight:800;
  letter-spacing:-0.3px;
  background:linear-gradient(135deg,#a5b4fc,#34d399);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

.nav-right{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.streak,
.xp-pill,
.due-pill,
.user-btn{
  padding:7px 13px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  border:1px solid transparent;
  transition:all .18s ease;
}

.streak{ background:var(--yl); color:var(--yd); }
.streak.cold{ background:rgba(255,255,255,0.05); color:var(--txt2); }
.xp-pill{ background:var(--indl); color:var(--indd); }
.due-pill{ background:var(--bl); color:var(--bd); }

.user-btn{
  background:rgba(255,255,255,0.05);
  border-color:var(--bor);
  color:var(--txt2);
  cursor:pointer;
}
.user-btn:hover{ background:rgba(255,255,255,0.09); transform:translateY(-1px); }

.sync-dot{ width:8px; height:8px; border-radius:50%; background:var(--green); display:inline-block; }
.sync-dot.syncing{ background:#f59e0b; animation:pulse 1s infinite; }
.sync-dot.err{ background:#ef4444; }
@keyframes pulse{ 0%,100%{opacity:1;} 50%{opacity:0.3;} }

/* ── TABS ── */
.tabs{
  display:none!important;
}

.tab{
  flex:1;
  padding:11px 8px;
  border-radius:14px;
  text-align:center;
  font-size:13px;
  font-weight:700;
  color:var(--txt3);
  cursor:pointer;
  transition:all .18s ease;
}
.tab.active{ background:rgba(255,255,255,0.07); color:#fff; }
.tab:hover{ background:rgba(255,255,255,0.04); }

/* ── CONTENT ── */
.content{ padding:8px; }

/* ── STATS ROW ── */
.stats-row{
  display:flex;
  gap:12px;
  margin-bottom:20px;
}

.stat{
  flex:1;
  background:rgba(255,255,255,0.042);
  border:1px solid var(--bor);
  border-radius:24px;
  padding:18px;
  text-align:center;
  backdrop-filter:blur(14px);
  box-shadow:0 8px 28px rgba(0,0,0,0.18);
  position:relative;
  overflow:hidden;
  transition:transform .2s ease;
}
.stat:hover{ transform:translateY(-2px); }

/* tiny crystal accent top-right of stat cards */
.stat::after{
  content:'';
  position:absolute;
  top:6px; right:8px;
  width:22px; height:28px;
  background-image:var(--img-crystal3);
  background-size:contain;
  background-repeat:no-repeat;
  opacity:0.25;
  image-rendering:pixelated;
}

.stat-n{ font-size:28px; font-weight:800; letter-spacing:-0.5px; }
.stat-l{ font-size:12px; margin-top:6px; color:var(--txt2); font-weight:600; }

/* ── PROGRESS BAR ── */
.prog-bar{
  height:7px;
  background:rgba(255,255,255,0.06);
  border-radius:999px;
  overflow:hidden;
  margin-bottom:18px;
}
.prog-fill{
  height:100%;
  background:linear-gradient(90deg, var(--ind), var(--green));
  border-radius:999px;
  transition:width .4s ease;
}

/* ── CATEGORY BUTTONS ── */
.cat-grid{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:22px; }
.cat-btn{
  display:flex; align-items:center; gap:8px;
  padding:9px 15px;
  border-radius:999px;
  border:1px solid var(--bor);
  background:rgba(255,255,255,0.04);
  color:var(--txt2);
  font-size:13px; font-weight:600;
  cursor:pointer;
  transition:all .18s ease;
}
.cat-btn:hover{ transform:translateY(-2px); background:rgba(255,255,255,0.08); }
.cat-btn.active{
  background:var(--indl);
  border-color:rgba(99,102,241,0.38);
  color:var(--indd);
}

/* ── FLASHCARD ── */
.card{
  background:linear-gradient(160deg, rgba(24,30,48,0.95), rgba(14,18,32,0.98));
  border:1px solid rgba(99,102,241,0.18);
  border-radius:32px;
  padding:32px 28px;
  margin-bottom:20px;
  backdrop-filter:blur(20px);
  box-shadow:
    0 24px 64px rgba(0,0,0,0.35),
    0 0 0 1px rgba(255,255,255,0.04) inset;
  transition:all .22s ease;
  position:relative;
  overflow:hidden;
}

/* pixel rock / ruin decoration inside card */
.card::before{
  content:'';
  position:absolute;
  bottom:12px; right:16px;
  width:52px; height:52px;
  background-image:var(--img-ruins);
  background-size:contain;
  background-repeat:no-repeat;
  opacity:0.12;
  image-rendering:pixelated;
  pointer-events:none;
}

.card:hover{ transform:translateY(-2px); border-color:rgba(99,102,241,0.3); }

.card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:22px;
}

.de-word{
  font-family:'Baloo 2', cursive;
  font-size:48px;
  font-weight:800;
  text-align:center;
  letter-spacing:-1px;
  margin:12px 0;
  background:linear-gradient(135deg,#e0e7ff,#a5b4fc);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

.en-word{
  font-size:30px;
  font-weight:700;
  text-align:center;
  color:var(--green);
  margin:10px 0;
}

.art-s{
  font-size:15px;
  color:var(--txt2);
  text-align:center;
  margin-bottom:6px;
  font-style:italic;
}

.divider{
  height:1px;
  background:var(--bor);
  margin:20px 0;
}

.cat-tag{
  font-size:11px;
  font-weight:800;
  padding:5px 12px;
  border-radius:999px;
  background:var(--indl);
  color:var(--indd);
  letter-spacing:.5px;
  text-transform:uppercase;
}

.speak-btn{
  padding:8px 14px;
  border-radius:999px;
  border:1px solid var(--bor);
  background:rgba(255,255,255,0.05);
  color:var(--txt2);
  font-size:12px; font-weight:700;
  cursor:pointer;
  transition:all .18s ease;
}
.speak-btn:hover{ background:rgba(255,255,255,0.09); transform:translateY(-1px); }

/* ── BUTTONS ── */
.btn-row{ display:flex; gap:10px; margin-top:18px; }

.btn{
  flex:1;
  padding:14px 10px;
  border-radius:18px;
  border:1px solid var(--bor);
  background:rgba(255,255,255,0.055);
  color:#fff;
  font-size:14px; font-weight:700;
  cursor:pointer;
  transition:all .18s ease;
  font-family:inherit;
}
.btn:hover{ transform:translateY(-2px); opacity:.94; }
.btn:active{ transform:scale(.98); }
.btn-g{
  background:linear-gradient(135deg, var(--green), #16a34a);
  border:none;
  color:#071428;
}

/* ── MODE PILLS ── */
.study-modes{
  display:flex;
  gap:8px;
  padding:0 0 18px;
  overflow-x:auto;
  scrollbar-width:none;
}
.study-modes::-webkit-scrollbar{ display:none; }

.mode-pill,
.mode-btn{
  padding:9px 15px;
  border-radius:999px;
  background:rgba(255,255,255,0.05);
  border:1px solid var(--bor);
  color:var(--txt2);
  font-size:12px; font-weight:700;
  cursor:pointer;
  transition:all .18s ease;
  white-space:nowrap;
}
.mode-pill.active,
.mode-btn.active{
  background:var(--indl);
  border-color:rgba(99,102,241,0.35);
  color:var(--indd);
}
.mode-pill:hover,
.mode-btn:hover{ transform:translateY(-1px); }

/* ── INPUTS ── */
.type-input,
.quiz-input{
  width:100%;
  padding:16px 18px;
  margin-top:18px;
  border-radius:18px;
  border:1px solid var(--bor);
  background:rgba(255,255,255,0.045);
  color:#fff;
  font-size:16px;
  outline:none;
  transition:all .18s ease;
  font-family:inherit;
}
.type-input:focus,
.quiz-input:focus{
  border-color:var(--ind);
  box-shadow:0 0 0 4px rgba(99,102,241,0.14);
}

/* ── END CARD ── */
.end-card{
  text-align:center;
  padding:48px 24px;
  background:rgba(255,255,255,0.04);
  border:1px solid var(--bor);
  border-radius:32px;
  backdrop-filter:blur(18px);
  position:relative;
  overflow:hidden;
}
.end-card::before{
  content:'';
  position:absolute;
  bottom:10px; left:16px;
  width:72px; height:72px;
  background-image:var(--img-tree1);
  background-size:contain;
  background-repeat:no-repeat;
  opacity:0.18;
  image-rendering:pixelated;
}

.end-emoji{ font-size:56px; margin-bottom:14px; }
.end-title{ font-size:30px; font-weight:800; margin-bottom:10px; }
.end-sub{ color:var(--txt2); margin-bottom:20px; }

.btn-next{
  padding:14px 22px;
  border:none;
  border-radius:18px;
  background:linear-gradient(135deg, var(--ind), #7c3aed);
  color:#fff;
  font-weight:700;
  cursor:pointer;
  transition:all .18s ease;
  font-family:inherit;
}
.btn-next:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(99,102,241,0.35); }
.btn-next.disabled{ background:rgba(255,255,255,0.08); color:var(--txt3); cursor:default; transform:none; box-shadow:none; }

/* ── SCROLLBAR ── */
::-webkit-scrollbar{ width:8px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:rgba(99,102,241,0.25); border-radius:999px; }

/* ── SIDEBARS INNER ── */
.sw-title{
  font-family:'Baloo 2', cursive;
  font-size:12px; font-weight:800;
  letter-spacing:.1em; text-transform:uppercase;
  color:var(--txt3); margin-bottom:14px;
}
.sw-stat{ margin-bottom:16px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,0.04); }
.sw-n{ font-size:20px; font-weight:700; line-height:1.2; color:var(--txt); }
.sw-l{ font-size:13px; color:var(--txt2); margin-top:2px; }
.sw-cat{ display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px solid rgba(255,255,255,0.04); }
.sw-cat-name{ font-size:13px; color:var(--txt2); }
.sw-cat-pct{ font-size:13px; font-weight:700; color:var(--green); }

.level-badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 14px;
  border-radius:999px;
  background:var(--indl);
  border:1px solid rgba(99,102,241,0.3);
  font-size:13px; font-weight:700;
}

.xp-bar-wrap{ margin-bottom:18px; }
.xp-bar-top{
  display:flex; justify-content:space-between;
  font-size:12px; color:var(--txt2); margin-bottom:8px;
}
.xp-bar{
  height:9px; border-radius:999px;
  background:rgba(255,255,255,0.06); overflow:hidden;
}
.xp-bar-fill{
  height:100%; border-radius:999px;
  background:linear-gradient(90deg, var(--ind), var(--green));
}

/* ── AUTH ── */
.auth-wrap{
  display:flex; align-items:center; justify-content:center;
  min-height:100vh; padding:40px;
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(99,102,241,0.12), transparent 60%),
    var(--bg);
}

.auth-card{
  width:100%; max-width:420px;
  background:rgba(17,22,40,0.94);
  border:1px solid rgba(99,102,241,0.2);
  border-radius:32px;
  padding:36px;
  box-shadow:0 24px 72px rgba(0,0,0,0.5);
  backdrop-filter:blur(22px);
  position:relative;
  overflow:hidden;
}

/* dragon watermark on auth card */
.auth-card::after{
  content:'';
  position:absolute;
  bottom:-10px; right:-10px;
  width:110px; height:88px;
  background-image:var(--img-dragon);
  background-size:contain;
  background-repeat:no-repeat;
  opacity:0.1;
  image-rendering:pixelated;
  transform:scaleX(-1);
}

.auth-logo{
  font-size:52px; text-align:center; margin-bottom:12px;
}

.auth-title{
  font-family:'Baloo 2', cursive;
  font-size:30px; font-weight:800;
  margin-bottom:8px; color:white;
}

.auth-sub{ font-size:14px; color:var(--txt2); margin-bottom:26px; }

.auth-tabs{ display:flex; gap:8px; margin-bottom:22px; }
.auth-tab{
  flex:1; padding:11px;
  border-radius:14px; text-align:center;
  font-size:14px; font-weight:700;
  background:rgba(255,255,255,0.04);
  border:1px solid var(--bor);
  cursor:pointer; transition:all .18s ease;
  color:var(--txt2);
}
.auth-tab.active{ background:var(--indl); border-color:rgba(99,102,241,0.35); color:var(--indd); }

.field{ margin-bottom:16px; }
.field label{ display:block; font-size:13px; font-weight:600; margin-bottom:8px; color:var(--txt2); }
.field input,
.field select,
.auth-input{
  width:100%; padding:13px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.045);
  color:white; font-size:15px; outline:none;
  transition:.18s ease; font-family:inherit;
}
.field input:focus,
.field select:focus,
.auth-input:focus{
  border-color:var(--ind);
  background:rgba(99,102,241,0.08);
}
.auth-btn{
  width:100%; padding:14px; border:none;
  border-radius:16px;
  background:linear-gradient(135deg, var(--ind), #7c3aed);
  color:white; font-size:15px; font-weight:700;
  cursor:pointer; transition:transform .15s ease;
  font-family:inherit;
}
.auth-btn:hover{ transform:translateY(-1px); box-shadow:0 6px 20px rgba(99,102,241,0.35); }
.auth-switch{ margin-top:18px; text-align:center; font-size:14px; color:var(--txt2); }
.auth-err{ margin-top:16px; font-size:13px; text-align:center; color:#fca5a5; }

/* ── USER MENU ── */
.user-menu-wrap{ position:relative; }
.user-menu{
  position:absolute; right:0; top:54px;
  width:220px;
  background:rgba(15,20,38,0.97);
  border:1px solid rgba(99,102,241,0.18);
  border-radius:18px; padding:8px;
  backdrop-filter:blur(22px);
  box-shadow:0 22px 64px rgba(0,0,0,0.48);
  z-index:999;
}
.user-menu-item{
  width:100%; padding:11px 14px;
  border:none; background:none;
  color:white; border-radius:12px;
  text-align:left; font-size:14px;
  cursor:pointer; transition:all .16s ease;
  font-family:inherit;
}
.user-menu-item:hover{ background:rgba(99,102,241,0.1); }
.user-menu-danger{ color:#fca5a5; }

/* ── LANG BUTTON ── */
.lang-btn{
  width:38px; height:38px;
  border-radius:12px;
  border:1px solid var(--bor);
  background:rgba(255,255,255,0.05);
  color:white; cursor:pointer; font-size:16px;
  transition:all .18s ease;
}
.lang-btn:hover{ transform:translateY(-1px); background:rgba(255,255,255,0.08); }
.lang-btn.active{ background:white; color:#111827; }

/* ── PASS WRAP ── */
.pass-wrap{ position:relative; }
.pass-wrap input{ padding-right:52px; }
.eye-btn{
  position:absolute; right:10px; top:50%;
  transform:translateY(-50%);
  border:none; background:none;
  cursor:pointer; font-size:16px; opacity:.7;
}
.link-btn{ border:none; background:none; color:var(--indd); font-size:13px; cursor:pointer; }
.link-btn:hover{ text-decoration:underline; }

/* ── UI CARD SYSTEM ── */
.ui-card{
  background:rgba(255,255,255,0.038);
  border:1px solid var(--bor);
  border-radius:24px; padding:24px;
  backdrop-filter:blur(14px);
  box-shadow:0 10px 40px rgba(0,0,0,0.22);
}
.ui-button{
  background:rgba(255,255,255,0.05);
  border:1px solid var(--bor);
  color:var(--txt);
  border-radius:18px; padding:14px 22px;
  font-size:15px; font-weight:700;
  cursor:pointer; transition:all .22s ease;
  font-family:inherit;
}
.ui-button:hover{ transform:translateY(-2px); background:rgba(255,255,255,0.08); border-color:rgba(99,102,241,0.35); }
.ui-button.primary{ background:linear-gradient(135deg, var(--ind), #7c3aed); border:none; color:#fff; }

.ui-input{
  width:100%;
  background:rgba(255,255,255,0.04);
  border:1px solid var(--bor);
  color:#fff; border-radius:18px;
  padding:16px 18px; font-size:16px; outline:none;
  transition:.2s ease; font-family:inherit;
}
.ui-input:focus{ border-color:var(--ind); box-shadow:0 0 0 4px rgba(99,102,241,0.14); }

.ui-modal{
  background:#10152a;
  border:1px solid rgba(99,102,241,0.18);
  border-radius:28px; padding:28px;
  box-shadow:0 28px 88px rgba(0,0,0,0.48);
}

/* ── MODALS ── */
.modal-backdrop{
  position:fixed; inset:0;
  background:rgba(0,0,0,0.68);
  backdrop-filter:blur(7px); z-index:9998;
}
.modal-box{
  position:fixed; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:min(92vw,460px);
  background:#10162c;
  border:1px solid rgba(99,102,241,0.22);
  border-radius:30px; padding:28px;
  z-index:9999;
  box-shadow:0 32px 96px rgba(0,0,0,0.5);
}
.modal-title{ font-size:24px; font-weight:800; margin-bottom:16px; }
.modal-body{ font-size:14px; line-height:1.6; color:var(--txt2); margin-bottom:22px; }
.modal-btns{ display:flex; gap:10px; }
.modal-btn-confirm{
  flex:1; padding:14px; border:none; border-radius:18px;
  background:linear-gradient(135deg, var(--ind), #7c3aed);
  color:white; font-weight:700; cursor:pointer; font-family:inherit;
}
.modal-btn-cancel{
  flex:1; padding:14px; border:none; border-radius:18px;
  background:rgba(255,255,255,0.06);
  color:white; font-weight:700; cursor:pointer; font-family:inherit;
}

/* ── FRIEND CARDS ── */
.friend-card{
  background:rgba(255,255,255,0.038);
  border:1px solid var(--bor);
  border-radius:22px; padding:18px;
  margin-bottom:14px; transition:.22s ease;
}
.friend-card:hover{ transform:translateY(-2px); background:rgba(255,255,255,0.055); }

.fc-row{
  display:flex; align-items:center; gap:14px;
  padding:14px;
  background:rgba(255,255,255,0.038);
  border:1px solid var(--bor);
  border-radius:22px; margin-bottom:10px;
  cursor:pointer; transition:.2s ease; position:relative;
}
.fc-row:hover{ transform:translateY(-2px); background:rgba(255,255,255,0.055); }

.fc-av{
  width:50px; height:50px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:15px;
  background:linear-gradient(135deg, var(--ind), #7c3aed);
  color:white; flex-shrink:0;
}
.fc-av-active{ box-shadow:0 0 0 4px rgba(46,232,165,0.22); }
.fc-info{ flex:1; min-width:0; }
.fc-row-name{ font-size:15px; font-weight:700; margin-bottom:4px; }
.fc-row-meta{ font-size:12px; color:var(--txt2); }
.fc-row-right{ text-align:right; padding-right:16px; }
.fc-row-xp{ font-size:15px; font-weight:700; }
.fc-row-words{ font-size:12px; color:var(--txt2); }
.fc-arr{ font-size:20px; color:var(--txt3); }
.fc-detail{ padding:14px; margin:-4px 0 14px; background:rgba(255,255,255,0.03); border-radius:0 0 22px 22px; }
.fc-battle-btn{
  width:100%; padding:10px; border:none; border-radius:14px;
  background:rgba(239,68,68,0.13); color:#fca5a5;
  font-weight:700; cursor:pointer; font-family:inherit;
}

/* ── MISTAKE CHIPS ── */
.mistake-chip{
  display:inline-flex; align-items:center; justify-content:center;
  padding:9px 14px; border-radius:999px; margin:5px;
  font-size:13px; font-weight:700;
  background:rgba(239,68,68,0.11);
  border:1px solid rgba(239,68,68,0.26);
  color:#fca5a5;
}

/* ── PLAN ── */
.ai-plan-wrap{
  background:rgba(255,255,255,0.038);
  border:1px solid var(--bor);
  border-radius:28px; padding:24px;
  backdrop-filter:blur(14px);
}
.ai-plan-field{ margin-bottom:18px; }
.ai-plan-field label{
  display:block; font-size:13px; font-weight:700;
  margin-bottom:8px; color:var(--txt2);
}
.ai-plan-field input{
  width:100%; padding:15px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.045);
  color:white; font-size:15px; outline:none;
  font-family:inherit;
}
.ai-plan-field input:focus{ border-color:var(--ind); box-shadow:0 0 0 4px rgba(99,102,241,0.12); }
.ai-gen-btn{
  width:100%; padding:15px; border:none; border-radius:20px;
  background:linear-gradient(135deg, var(--ind), #7c3aed);
  color:white; font-size:15px; font-weight:700;
  cursor:pointer; transition:.2s ease; font-family:inherit;
}
.ai-gen-btn:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(99,102,241,0.32); }
.plan-stats{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:20px; }
.plan-tip{
  margin-top:14px; padding:14px; border-radius:16px;
  background:var(--indl); border:1px solid rgba(99,102,241,0.2);
  color:var(--indd); line-height:1.5;
}

.day-card{
  background:rgba(255,255,255,0.038);
  border:1px solid var(--bor);
  border-radius:24px; overflow:hidden; margin-bottom:14px;
}
.day-hdr{
  display:flex; align-items:center; gap:14px;
  padding:16px 18px; cursor:pointer; transition:.2s ease;
}
.day-hdr:hover{ background:rgba(255,255,255,0.03); }
.day-num{
  width:44px; height:44px; border-radius:50%;
  background:var(--indl); border:1px solid rgba(99,102,241,0.3);
  color:var(--indd); font-weight:800; font-size:18px;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.day-num.d{ background:rgba(46,232,165,0.14); border-color:rgba(46,232,165,0.3); color:var(--green); }
.day-num.r{ background:var(--xpl); border-color:rgba(139,92,246,0.3); color:#d8b4fe; }
.day-meta{ flex:1; }
.day-title{ font-size:15px; font-weight:700; margin-bottom:3px; }
.day-sub{ font-size:12px; color:var(--txt2); }
.day-right{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.day-min{ font-size:13px; color:var(--txt2); }
.day-arr{ font-size:18px; color:var(--txt3); transition:transform .2s; }
.day-body{ display:none; padding:0 18px 18px; border-top:1px solid rgba(255,255,255,0.05); }
.day-body.open{ display:block; }
.phase-row{
  display:flex; align-items:center; gap:12px;
  padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.04);
}
.phase-row:last-child{ border-bottom:none; }
.ph-min{
  font-size:12px; font-weight:700; color:var(--indd);
  background:var(--indl); padding:4px 10px; border-radius:999px; white-space:nowrap;
}
.ph-mode{ font-size:14px; font-weight:700; min-width:70px; }
.ph-desc{ font-size:13px; color:var(--txt2); }
.sec-lbl{ font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--txt3); margin:14px 0 8px; }

.chip{
  padding:6px 12px; border-radius:999px;
  background:var(--indl); border:1px solid rgba(99,102,241,0.25);
  color:var(--indd); font-size:12px; font-weight:600;
}
.sci-box{
  background:var(--indl); border:1px solid rgba(99,102,241,0.18);
  border-radius:14px; padding:12px; color:var(--indd);
  font-size:13px; line-height:1.5; margin-bottom:8px;
}
.badge{ display:inline-flex; align-items:center; padding:5px 10px; border-radius:999px; font-size:11px; font-weight:700; }
.badge-g{ background:rgba(46,232,165,0.14); color:var(--green); }
.badge-b{ background:var(--indl); color:var(--indd); }

.done-btn{
  width:100%; padding:12px; margin-top:12px; border:none;
  border-radius:16px; background:rgba(46,232,165,0.14);
  color:var(--green); font-weight:700; font-size:14px;
  cursor:pointer; transition:.2s ease; font-family:inherit;
}
.done-btn:hover{ background:rgba(46,232,165,0.22); }
.undone-btn{
  width:100%; padding:12px; margin-top:12px; border:none;
  border-radius:16px; background:rgba(255,255,255,0.06);
  color:var(--txt2); font-weight:700; font-size:14px;
  cursor:pointer; font-family:inherit;
}
.plan-done-btn{
  margin-top:18px; width:100%; padding:14px; border:none;
  border-radius:18px; background:linear-gradient(135deg, var(--green), #16a34a);
  color:#071428; font-weight:700; font-size:15px;
  cursor:pointer; transition:.2s ease; font-family:inherit;
}
.plan-done-btn:hover{ transform:translateY(-2px); }

/* ── LISTEN MODE ── */
.listen-card{
  background:rgba(255,255,255,0.04);
  border:1px solid var(--bor);
  border-radius:32px; padding:32px; text-align:center; margin-bottom:20px;
}
.listen-btn{
  font-size:56px; border:none;
  background:var(--indl);
  width:100px; height:100px; border-radius:50%;
  cursor:pointer; margin:12px auto; display:block; transition:.2s ease;
}
.listen-btn:hover{ background:rgba(99,102,241,0.22); transform:scale(1.06); }

/* ── QUIZ ── */
.quiz-grid,
.quiz-options{
  display:grid; grid-template-columns:1fr 1fr;
  gap:13px; margin-bottom:18px;
}
.q-opt,
.quiz-option{
  padding:16px; border-radius:18px;
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.04);
  color:white; font-size:15px; font-weight:700;
  cursor:pointer; transition:.2s ease; text-align:center;
  font-family:inherit;
}
.q-opt:hover,
.quiz-option:hover{ transform:translateY(-2px); background:rgba(99,102,241,0.1); border-color:rgba(99,102,241,0.3); }
.q-opt.correct,
.quiz-option.correct{ background:rgba(46,232,165,0.15); border-color:rgba(46,232,165,0.38); color:var(--green); }
.q-opt.wrong,
.quiz-option.wrong{ background:rgba(248,113,113,0.13); border-color:rgba(248,113,113,0.32); color:var(--rd); }

/* ── BROWSE ── */
.bg-wrap{ padding:4px 0 20px; }
.bg-header{ display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:18px; }
.bg-grid{
  display:grid; grid-template-columns:1fr 1fr;
  gap:10px; margin-bottom:20px;
}
@media(min-width:700px){ .bg-grid{ grid-template-columns:repeat(3,1fr); } }

.bg-card{
  background:rgba(255,255,255,0.038);
  border:1px solid var(--bor);
  border-radius:20px; padding:14px 14px 12px;
  cursor:pointer; transition:.18s ease;
}
.bg-card:hover{ background:rgba(255,255,255,0.07); transform:translateY(-2px); }
.bg-card-top{ display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:8px; }
.bg-cat-name{ font-size:13px; font-weight:700; line-height:1.3; }
.bg-pct{ font-size:15px; font-weight:800; }
.bg-bar{ height:4px; background:rgba(255,255,255,0.07); border-radius:2px; overflow:hidden; margin-bottom:6px; }
.bg-bar-fill{ height:100%; border-radius:2px; transition:width .4s ease; }
.bg-card-sub{ font-size:11px; color:var(--txt3); }

.bg-detail{
  background:rgba(255,255,255,0.03);
  border:1px solid var(--bor);
  border-radius:24px; padding:18px; margin-top:4px;
}
.bg-detail-hdr{
  font-size:16px; font-weight:700;
  margin-bottom:14px; padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.bg-word{
  display:flex; align-items:center; justify-content:space-between;
  padding:9px 0; border-bottom:1px solid rgba(255,255,255,0.04);
}
.bg-word:last-child{ border-bottom:none; }
.bg-word-left{ display:flex; align-items:center; gap:8px; flex:1; }
.bg-known-btn{
  width:26px; height:26px; border-radius:50%;
  border:1.5px solid rgba(255,255,255,0.11);
  background:rgba(255,255,255,0.04); color:var(--txt3);
  font-size:13px; font-weight:700; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:.15s; flex-shrink:0;
}
.bg-known-active{
  background:rgba(46,232,165,0.17)!important;
  border-color:rgba(46,232,165,0.4)!important;
  color:var(--green)!important;
}

/* ── LIST BROWSE ── */
.list-sec{
  background:rgba(255,255,255,0.038);
  border:1px solid var(--bor);
  border-radius:28px; padding:20px; margin-bottom:20px;
  backdrop-filter:blur(14px);
}
.list-cat-hdr{
  display:flex; justify-content:space-between; align-items:center;
  font-size:20px; font-weight:700; margin-bottom:18px;
  padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,0.06);
}
.list-word{
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:20px; margin-bottom:12px; overflow:hidden; transition:.2s ease;
}
.list-word:hover{ transform:translateY(-2px); background:rgba(99,102,241,0.06); border-color:rgba(99,102,241,0.18); }
.list-hdr{
  padding:16px; cursor:pointer;
  display:flex; justify-content:space-between; align-items:center; gap:12px;
}
.lw-left{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.lw-art{
  padding:4px 10px; border-radius:999px;
  background:var(--indl); color:var(--indd);
  font-size:12px; font-weight:700;
}
.lw-de{ font-size:18px; font-weight:700; color:white; }
.lw-en{ font-size:14px; color:var(--txt2); }
.list-body{ padding:0 16px 16px; display:none; }
.list-body.open{ display:block; }
.lp-de{ font-size:15px; font-weight:600; margin-bottom:2px; }
.lp-en{ font-size:13px; color:var(--txt2); }
.mark-btn{
  margin-top:12px; width:100%; padding:12px;
  border:none; border-radius:16px;
  background:rgba(255,255,255,0.06); color:white;
  font-weight:700; cursor:pointer; font-family:inherit;
}
.mark-btn.known{ background:rgba(46,232,165,0.15); color:var(--green); }

/* ── SOCIAL / RANK ── */
/* ── SEASON BANNER: BP framed as a standing, not a cold stat box ── */
.sc-banner{
  position:relative;
  padding:22px 24px 20px;
  margin-bottom:16px;
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(130% 150% at 88% -20%, rgba(46,232,165,0.20), transparent 58%),
    linear-gradient(180deg, rgba(99,102,241,0.10), rgba(255,255,255,0.025));
  border:1px solid rgba(46,232,165,0.22);
}
.sc-banner-eyebrow{
  font-family:'Baloo 2',cursive;
  font-size:12px; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--gd); opacity:0.85; margin-bottom:8px;
}
.sc-banner-main{ display:flex; align-items:baseline; gap:9px; }
.sc-banner-bp{
  font-family:'Baloo 2',cursive;
  font-size:42px; font-weight:800; line-height:1;
  color:var(--green);
}
.sc-banner-unit{ font-size:15px; font-weight:700; color:var(--txt2); }
.sc-banner-countdown{ font-size:12.5px; color:var(--txt3); margin-top:8px; line-height:1.3; }
.sc-banner-urgent{ border-color:rgba(251,191,36,0.45); }
.sc-banner-urgent .sc-banner-countdown{ color:var(--yd); font-weight:700; }

/* ── WOODEN SUB-TABS: same carved language as study trail-signs ── */
.sc-tabs{
  display:flex; gap:6px; margin-bottom:18px;
  padding:5px;
  border-radius:16px;
  background:linear-gradient(180deg,#e4d4b0,#d4c198);
  box-shadow:0 3px 0 #b09872, inset 0 1px 2px rgba(255,255,255,0.3);
}
.sc-tab{
  flex:1; display:flex; align-items:center; justify-content:center; gap:7px;
  padding:11px 8px; border:none; background:transparent;
  color:#7a6646; font-size:14px; font-weight:800;
  font-family:'Baloo 2',cursive;
  border-radius:11px; cursor:pointer; transition:.16s ease;
}
.sc-tab:hover{ background:rgba(74,58,34,0.08); color:#5a4628; }
.sc-tab.active{
  background:linear-gradient(180deg,#f4ead2,#fff8e8);
  color:#3f3017;
  box-shadow:0 2px 0 #b9a47e, 0 4px 8px rgba(40,30,10,0.15);
}
.sc-tab-icon{ font-size:17px; }
@media(max-width:700px){
  .sc-banner-bp{ font-size:34px; }
  .sc-tab{ font-size:13px; padding:10px 6px; }
}

.social-tabs{ display:flex; gap:10px; margin-bottom:20px; }
.social-tab{
  flex:1; padding:13px 18px;
  border-radius:18px;
  background:rgba(255,255,255,0.04);
  border:1px solid var(--bor);
  text-align:center; font-weight:700;
  cursor:pointer; transition:.2s ease; color:var(--txt2);
}
.social-tab.active{
  background:linear-gradient(135deg, var(--ind), #7c3aed);
  color:white; border-color:transparent;
}

/* ── RIVER / RACE ── */
.rv-container{
  position:relative; width:100%; border-radius:24px; overflow:hidden;
  background:linear-gradient(180deg,#7fb5d8 0%,#9ccbe0 32%,#bfe0ea 70%,#a3d2dd 100%);
  border:1px solid rgba(120,180,210,0.4);
}
.rv-wave{ position:absolute; left:0; right:0; bottom:0; height:80px; opacity:0.30;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80'%3E%3Cpath d='M0,40 C150,10 350,70 600,40 C850,10 1050,70 1200,40 L1200,80 L0,80 Z' fill='%235cc4a0'/%3E%3C/svg%3E") repeat-x bottom;
  background-size:600px 80px; }
.rv-wave1{ animation:wave 6s linear infinite; opacity:0.35; }
.rv-wave2{ animation:wave 9s linear infinite reverse; opacity:0.22; bottom:4px; }
.rv-wave3{ animation:wave 12s linear infinite; opacity:0.16; bottom:8px; }
@keyframes wave{ from{background-position-x:0} to{background-position-x:600px} }

.rv-lane-div{
  position:absolute; top:0; bottom:0; width:1px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,0.25),transparent);
  transform:translateX(-50%);
}
.rv-start-line{ position:absolute; left:0; right:0; bottom:10%; border-top:1px dashed rgba(255,255,255,0.45); }
.rv-start-label{
  position:absolute; left:50%; bottom:10%;
  transform:translate(-50%,50%);
  font-size:10px; font-weight:700; padding:2px 10px; border-radius:999px;
  background:rgba(255,255,255,0.85); color:#3a7a62;
  white-space:nowrap; border:1px solid rgba(92,196,160,0.4);
}
.rv-leader-badge{
  position:absolute; top:12px; left:50%; transform:translateX(-50%);
  font-family:'Baloo 2',cursive;
  font-size:12px; font-weight:800; padding:4px 16px; border-radius:999px;
  background:linear-gradient(180deg,#f4ead2,#e8dcbe); color:#7a5a1e;
  border:1.5px solid #c9a84e; box-shadow:0 2px 0 #b9a47e; white-space:nowrap;
}
.rv-boat-wrap{
  position:absolute; transform:translate(-50%,50%);
  display:flex; flex-direction:column; align-items:center; gap:3px;
  animation:bob 3s ease-in-out infinite;
}
.rv-me-wrap{ animation:bob-me 2.5s ease-in-out infinite; }
@keyframes bob{ 0%,100%{transform:translate(-50%,50%) translateY(0px);} 50%{transform:translate(-50%,50%) translateY(-5px);} }
@keyframes bob-me{ 0%,100%{transform:translate(-50%,50%) translateY(0px);} 50%{transform:translate(-50%,50%) translateY(-7px);} }
.rv-wake{
  position:absolute; bottom:-6px; left:50%; transform:translateX(-50%);
  width:30px; height:8px;
  background:radial-gradient(ellipse,rgba(255,255,255,0.55) 0%,transparent 70%);
  border-radius:50%; animation:wake 1.5s ease-in-out infinite;
}
@keyframes wake{ 0%,100%{opacity:0.6;width:30px;} 50%{opacity:0.2;width:20px;} }
.rv-boat-label{
  display:flex; flex-direction:column; align-items:center;
  padding:5px 10px; border-radius:12px;
  background:rgba(255,255,255,0.82);
  border:1px solid rgba(120,180,210,0.4);
  box-shadow:0 2px 6px rgba(40,80,100,0.12);
  white-space:nowrap;
}
.rv-me-label{
  background:linear-gradient(180deg,#d6f5e6,#b6ecd4);
  border-color:rgba(46,160,114,0.55);
  box-shadow:0 0 12px rgba(46,232,165,0.35);
}
.rv-boat-name{ font-size:11px; font-weight:800; color:#2a4a44; }
.rv-boat-bp{ font-size:10px; color:#3a7a62; margin-top:1px; font-weight:700; }
.rv-boat-inner{ transition:transform .2s; }
.rv-boat-wrap:hover .rv-boat-inner{ transform:rotate(-5deg) scale(1.1); }

.race-word{ font-size:36px; font-weight:800; text-align:center; margin:20px 0; }
.race-prog{ height:6px; background:rgba(255,255,255,0.06); border-radius:999px; overflow:hidden; margin-bottom:20px; }
.race-prog-fill{ height:100%; background:linear-gradient(90deg, var(--ind), var(--green)); border-radius:999px; transition:width .3s; }
.race-timer{ text-align:center; font-size:13px; color:var(--txt2); margin-bottom:8px; }

/* ── ISLAND MAP ── */
.map-outer{ padding:0 0 16px; }
.map-greeting{ font-size:18px; font-weight:600; padding:4px 2px 14px; color:var(--txt); }
.map-greeting b{ color:var(--indd); }

.map-ocean{
  position:relative;
  border-radius:28px;
  overflow:visible;
  background:linear-gradient(175deg,#c8d8e8 0%,#b8ccdc 40%,#a8bece 100%);
  height:500px;
  border:1px solid rgba(160,200,230,0.3);
  box-shadow:0 12px 48px rgba(0,0,0,0.35);
}
@media(max-width:700px){
  .map-ocean{ height:420px; border-radius:20px; overflow:hidden; }
}

/* ── TIME-OF-DAY SKIES ── */
.map-ocean.sky-morning{
  background:linear-gradient(178deg,#ffd9b0 0%,#fbc4a8 18%,#cfd8ec 48%,#a9c3dd 100%);
  border-color:rgba(255,200,150,0.35);
}
.map-ocean.sky-day{
  background:linear-gradient(178deg,#9fd0f0 0%,#b6dcf4 30%,#c8e2ee 65%,#a8c8de 100%);
  border-color:rgba(150,200,240,0.35);
}
.map-ocean.sky-evening{
  background:linear-gradient(178deg,#f7b267 0%,#ef8e7d 26%,#a87ca8 60%,#5d6494 100%);
  border-color:rgba(240,160,110,0.35);
}
.map-ocean.sky-night{
  background:linear-gradient(178deg,#141a3c 0%,#1d2552 38%,#2a3464 72%,#37406e 100%);
  border-color:rgba(110,130,220,0.30);
}
/* Night: labels need light text */
.sky-night .isle-label{ color:rgba(230,236,255,0.95); text-shadow:0 1px 8px rgba(0,0,20,0.8); }
.sky-night .isle-sub{ color:rgba(190,200,240,0.65); }
.sky-evening .isle-label{ color:rgba(40,24,40,0.92); text-shadow:0 1px 6px rgba(255,230,200,0.55); }

/* ── SUN / MOON ── */
.map-celestial{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:1;
}
.map-sun{
  width:64px;height:64px;
  background:radial-gradient(circle at 38% 38%,#fff8e0,#ffe9a8 55%,rgba(255,220,130,0.0) 72%);
  box-shadow:0 0 60px 28px rgba(255,226,150,0.45),0 0 140px 70px rgba(255,210,120,0.18);
  animation:sun-breathe 7s ease-in-out infinite;
}
.celestial-morning{ top:9%; left:11%; }
.celestial-day{ top:6%; right:13%; }
.celestial-evening{ top:13%; left:9%;
  background:radial-gradient(circle at 38% 38%,#fff0d0,#ffb070 58%,rgba(255,150,90,0) 74%);
  box-shadow:0 0 60px 30px rgba(255,160,90,0.5),0 0 150px 80px rgba(250,120,80,0.22);
}
.map-moon{
  width:52px;height:52px;
  background:radial-gradient(circle at 40% 38%,#f5f7ff,#cdd6f4 60%,rgba(190,200,240,0) 76%);
  box-shadow:0 0 44px 18px rgba(200,212,255,0.35),0 0 110px 55px rgba(170,185,255,0.12);
  top:8%; right:12%;
  animation:sun-breathe 9s ease-in-out infinite;
}
@keyframes sun-breathe{ 0%,100%{transform:scale(1);} 50%{transform:scale(1.07);} }

/* ── STARS (night) ── */
.map-star{
  position:absolute;
  background:#fff;
  border-radius:50%;
  opacity:0.85;
  pointer-events:none;
  z-index:1;
  animation:star-twinkle 3.2s ease-in-out infinite;
}
@keyframes star-twinkle{ 0%,100%{opacity:0.85;transform:scale(1);} 50%{opacity:0.25;transform:scale(0.7);} }

/* ── DRIFTING PIXEL CLOUDS ── */
.map-cloudbank{ position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:2; border-radius:inherit; }
.drift-cloud{
  position:absolute;
  image-rendering:pixelated;
  opacity:0.55;
  will-change:transform;
}
.dc1{ top:7%;  width:150px; animation:cloud-drift 75s linear infinite; }
.dc2{ top:21%; width:100px; opacity:0.42; animation:cloud-drift 105s linear infinite; animation-delay:-30s; }
.dc3{ top:58%; width:120px; opacity:0.35; animation:cloud-drift 90s linear infinite; animation-delay:-62s; }
.dc4{ top:74%; width:80px;  opacity:0.30; animation:cloud-drift 120s linear infinite; animation-delay:-15s; }
.dc5{ top:40%; width:65px;  opacity:0.25; animation:cloud-drift 135s linear infinite; animation-delay:-90s; }
@keyframes cloud-drift{
  from{ transform:translateX(-180px); }
  to  { transform:translateX(880px); }
}
.sky-night .drift-cloud{ opacity:0.14; filter:brightness(0.5); }
.sky-evening .drift-cloud{ filter:sepia(0.5) brightness(0.92); }

/* ── SPARKLE MOTES ── */
.map-mote{
  position:absolute;
  bottom:-6px;
  width:3px;height:3px;
  border-radius:50%;
  background:rgba(255,255,240,0.85);
  box-shadow:0 0 6px 2px rgba(255,255,210,0.4);
  pointer-events:none;
  z-index:2;
  animation:mote-rise 12s linear infinite;
  opacity:0;
}
.sky-night .map-mote{ background:rgba(180,210,255,0.9); box-shadow:0 0 7px 2px rgba(140,180,255,0.5); }
@keyframes mote-rise{
  0%  { transform:translateY(0) translateX(0);     opacity:0; }
  12% { opacity:0.9; }
  55% { transform:translateY(-260px) translateX(14px); opacity:0.55; }
  100%{ transform:translateY(-460px) translateX(-8px); opacity:0; }
}

/* ── WORD OF THE DAY CARD ── */
.wotd-card{
  margin-top:14px;
  padding:16px 20px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(99,102,241,0.16),rgba(46,232,165,0.10));
  border:1px solid rgba(99,102,241,0.28);
  cursor:pointer;
  display:flex; flex-direction:column; gap:2px;
  transition:transform .18s ease, box-shadow .18s ease;
  position:relative;
  overflow:hidden;
}
.wotd-card::after{
  content:'';
  position:absolute; top:0; left:-60%;
  width:40%; height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,0.10),transparent);
  animation:wotd-shine 5s ease-in-out infinite;
}
@keyframes wotd-shine{ 0%,60%{left:-60%;} 100%{left:130%;} }
.wotd-card:hover{ transform:translateY(-2px); box-shadow:0 8px 28px rgba(99,102,241,0.25); }
.wotd-tag{ font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--indd); }
.wotd-de{ font-family:'Baloo 2',cursive; font-size:24px; font-weight:800; color:var(--txt); }
.wotd-en{ font-size:14px; color:var(--txt2); }
.wotd-hint{ font-size:11px; color:var(--txt3); margin-top:4px; }

/* use pixel cloud assets as map atmosphere */
.map-scatter::before{
  content:'';
  position:absolute; width:100%; height:100%;
  background-image:
    var(--img-cloud1), var(--img-cloud3), var(--img-cloud4), var(--img-cloud2);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size:  200px, 160px, 130px, 180px;
  background-position: 6% 8%, 65% 12%, 84% 18%, 20% 82%;
  pointer-events:none;
  opacity:0.7;
  image-rendering:pixelated;
  animation: map-clouds 30s ease-in-out infinite alternate;
}
@keyframes map-clouds{
  0%   { background-position: 6% 8%,   65% 12%, 84% 18%, 20% 82%; }
  100% { background-position: 8% 10%,  63% 10%, 82% 20%, 22% 80%; }
}

/* pixel rock clusters at edges */
.map-scatter::after{
  content:'';
  position:absolute; width:100%; height:100%;
  background-image:
    var(--img-rock), var(--img-rock);
  background-repeat: no-repeat, no-repeat;
  background-size: 48px, 36px;
  background-position: 2% 45%, 96% 60%;
  pointer-events:none;
  opacity:0.55;
  image-rendering:pixelated;
}

.map-scatter{ position:absolute; inset:0; }
.map-wave{ display:none; }

/* pixel tree decoration on islands */
.isle{
  position:absolute;
  display:flex; flex-direction:column; align-items:center;
  cursor:pointer;
  transition:filter .2s, transform .2s;
  user-select:none;
}
.isle:hover{ filter:brightness(1.2) drop-shadow(0 6px 14px rgba(99,102,241,0.4)); }
.isle:active{ filter:brightness(0.9); transform:scale(0.97); }

/* Bob animations — unique amplitude/period per island, negative delays = desynced from load */
@keyframes bob-a { 0%,100%{transform:translateY(0);}                  50%{transform:translateY(-9px);}  }
@keyframes bob-b { 0%,100%{transform:translateY(0);}                  50%{transform:translateY(-6px);}  }
@keyframes bob-c { 0%,100%{transform:translateY(0);}                  50%{transform:translateY(-11px);} }
@keyframes bob-ctr { 0%,100%{transform:translateX(-50%) translateY(0);} 50%{transform:translateX(-50%) translateY(-8px);} }

.isle-lernen  { top:4%;  left:50%; transform:translateX(-50%); z-index:5; animation:bob-ctr 4.7s ease-in-out infinite; animation-delay:-1.2s; }
.isle-woerter { top:44%; left:3%;  z-index:4; animation:bob-a 3.9s ease-in-out infinite; animation-delay:-2.6s; }
.isle-gemein  { top:40%; right:3%; z-index:4; animation:bob-b 5.6s ease-in-out infinite; animation-delay:-0.7s; }
.isle-planen  { bottom:5%;left:38%;z-index:3; animation:bob-c 4.3s ease-in-out infinite; animation-delay:-3.4s; }
.isle-lernen:hover{ transform:translateX(-50%) translateY(-6px) scale(1.04) !important; }
.isle-woerter:hover,.isle-gemein:hover,.isle-planen:hover{ transform:translateY(-6px) scale(1.04) !important; }

@media(max-width:700px){
  .isle-lernen  { top:2%;  left:50%; }
  .isle-woerter { top:40%; left:1%;  }
  .isle-gemein  { top:37%; right:1%; }
  .isle-planen  { bottom:3%; left:35%; }
}

/* waterfall drip animation */
.map-scatter svg rect[fill="rgba(160,228,255,0.82)"],
.map-scatter svg rect[fill="rgba(160,228,255,0.62)"],
.map-scatter svg rect[fill="rgba(160,228,255,0.72)"]{
  animation:falls-drip 2.2s ease-in-out infinite;
}
.isle-woerter svg rect{ animation-delay:0.4s; }
.isle-gemein svg rect{ animation-delay:0.9s; }
@keyframes falls-drip{ 0%,100%{opacity:0.75;} 50%{opacity:1;} }

.isle-label{
  font-family:'Baloo 2', cursive;
  font-size:14px; font-weight:800;
  color:rgba(10,20,50,0.92);
  text-shadow:0 1px 6px rgba(255,255,255,0.8);
  margin-top:2px; text-align:center;
}
.isle-sub{ font-size:11px; color:rgba(30,50,80,0.65); text-align:center; margin-top:1px; }

.isle-badge{
  position:absolute; top:-10px; right:-6px; z-index:10;
  background:#ef4444; color:white;
  font-size:10px; font-weight:800;
  padding:2px 8px; border-radius:999px;
  box-shadow:0 2px 10px rgba(0,0,0,0.45);
  animation:badge-pulse 2s ease infinite;
}
@keyframes badge-pulse{ 0%,100%{transform:scale(1);} 60%{transform:scale(1.15);} }

/* map FAB */
#map-fab{
  position:fixed; bottom:28px; left:28px;
  width:auto; padding:13px 24px;
  border-radius:999px;
  background:rgba(9,14,30,0.95);
  border:2px solid rgba(99,102,241,0.3);
  color:white; font-size:15px; font-weight:800;
  letter-spacing:-0.01em; cursor:pointer;
  box-shadow:0 6px 28px rgba(0,0,0,0.5), 0 0 0 1px rgba(99,102,241,0.12);
  display:none; align-items:center; justify-content:center; gap:10px;
  z-index:500; backdrop-filter:blur(20px);
  transition:transform .2s, box-shadow .2s;
}
#map-fab:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 36px rgba(0,0,0,0.6), 0 0 0 1px rgba(99,102,241,0.25);
}

/* Remove old bottom nav padding */
.page-wrap{padding-bottom:24px!important;}

/* ── Sprite sheet animations ── */
.sp-tree{
  width:160px;height:160px;
  background:url('sprites/Tree_animation.png') 0 0 no-repeat;
  image-rendering:pixelated;
  animation:anim-tree 0.7s steps(6) infinite;
}
@keyframes anim-tree{to{background-position-x:-960px;}}

/* Flower: 6×64px frames in row-0 of 384×128 sheet, displayed at 2× */
.sp-flower{
  width:128px;height:128px;
  background:url('sprites/flying_flower_animation.png') 0 0 no-repeat;
  background-size:768px 256px;
  image-rendering:pixelated;
  animation:anim-flower 0.9s steps(6) infinite;
}
@keyframes anim-flower{to{background-position-x:-768px;}}

/* Angel statue: 6×160px frames, 960×144 sheet — display 96px wide to crop pedestal */
.sp-angel{
  width:96px;height:144px;
  background:url('sprites/Statues_animation1.png') 0 0 no-repeat;
  image-rendering:pixelated;
  animation:anim-angel 1.2s steps(6) infinite;
}
@keyframes anim-angel{to{background-position-x:-960px;}}

/* Small statue: 8×38px frames, 304×160 sheet — stretched 1.6× wide to 60px */
.sp-statue{
  width:60px;height:160px;
  background:url('sprites/Statues_animation2.png') 0 0 no-repeat;
  background-size:480px 160px;
  image-rendering:pixelated;
  animation:anim-statue 1.0s steps(8) infinite;
}
@keyframes anim-statue{to{background-position-x:-480px;}}


/* ═══════════════════════════════════════════════════════
   STUDY HOME
═══════════════════════════════════════════════════════ */
.sh-wrap{padding:4px 0 24px;}
.sh-back{
  background:none; border:none;
  color:var(--txt3); font-size:13px; font-weight:600;
  cursor:pointer; padding:0 0 16px;
  display:flex; align-items:center; gap:4px; transition:color .15s;
}
.sh-back:hover{ color:var(--txt2); }

/* ── BANNER: the hero is a single decisive line, not a stat row ── */
.sh-banner{
  position:relative;
  padding:30px 26px 26px;
  margin-bottom:26px;
  border-radius:24px;
  overflow:hidden;
  background:
    radial-gradient(120% 140% at 85% -10%, rgba(99,102,241,0.20), transparent 60%),
    linear-gradient(180deg, rgba(46,232,165,0.06), rgba(255,255,255,0.025));
  border:1px solid rgba(99,102,241,0.18);
}
/* faint island-tree watermark, tying the banner to the world */
.sh-banner::after{
  content:'';
  position:absolute; bottom:-6px; right:14px;
  width:88px; height:96px;
  background-image:var(--img-tree2);
  background-size:contain; background-repeat:no-repeat;
  opacity:0.12; image-rendering:pixelated;
  pointer-events:none;
}
.sh-banner-eyebrow{
  font-family:'Baloo 2',cursive;
  font-size:12px; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--indd); opacity:0.8;
  margin-bottom:10px;
}
.sh-banner-line{
  font-family:'Baloo 2',cursive;
  font-size:30px; font-weight:800; line-height:1.12;
  letter-spacing:-0.01em;
  color:var(--txt);
  margin:0 0 8px;
  max-width:78%;
}
.sh-due-n{ color:var(--green); }
.sh-due-clear{ color:var(--indd); }
.sh-banner-sub{
  font-size:14px; color:var(--txt2);
  margin:0 0 16px; max-width:78%;
}
.sh-meta{ display:flex; align-items:center; gap:10px; font-size:13px; color:var(--txt2); }
.sh-meta-item b{ color:var(--txt); font-weight:800; }
.sh-meta-dot{ color:var(--txt3); }

/* ── GROUPS: Review / Practice / Words — structure that means something ── */
.sh-group{ margin-bottom:22px; }
.sh-group-head{
  display:flex; align-items:baseline; gap:10px;
  margin-bottom:12px; padding-left:2px;
}
.sh-group-name{
  font-family:'Baloo 2',cursive;
  font-size:16px; font-weight:800; color:var(--txt);
}
.sh-group-note{ font-size:12px; color:var(--txt3); }

/* ── TRAIL SIGNS: wooden signposts, the signature element ── */
.trail-list{ display:flex; flex-direction:column; gap:10px; }
.trail-sign{
  display:flex; align-items:center; gap:14px;
  width:100%; text-align:left;
  padding:14px 16px;
  border:none; cursor:pointer;
  font-family:inherit;
  border-radius:14px;
  background:linear-gradient(180deg, #f4ead2, #e8dcbe);
  box-shadow:0 3px 0 #b9a47e, 0 7px 16px rgba(40,30,10,0.22);
  transition:transform .14s ease, box-shadow .14s ease;
}
.trail-sign:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 0 #b9a47e, 0 11px 22px rgba(40,30,10,0.28);
}
.trail-sign:active{
  transform:translateY(2px);
  box-shadow:0 1px 0 #b9a47e, 0 4px 10px rgba(40,30,10,0.22);
}
.trail-icon{
  flex-shrink:0;
  width:42px; height:42px;
  display:flex; align-items:center; justify-content:center;
  font-size:22px;
  border-radius:11px;
  background:rgba(74,58,34,0.10);
  box-shadow:inset 0 0 0 1.5px rgba(143,124,90,0.45);
}
.trail-text{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.trail-name{
  font-family:'Baloo 2',cursive;
  font-size:16px; font-weight:800; color:#3f3017; line-height:1.1;
}
.trail-desc{ font-size:12.5px; color:#8a7452; line-height:1.25; }
.trail-arrow{
  flex-shrink:0; font-size:18px; color:#b9a47e;
  transition:transform .14s ease, color .14s ease;
}
.trail-sign:hover .trail-arrow{ transform:translateX(3px); color:#8f7c5a; }
.trail-active{
  box-shadow:0 3px 0 #2a9d72, 0 7px 16px rgba(46,232,165,0.25), inset 0 0 0 2px rgba(46,160,114,0.55);
}
.trail-active .trail-icon{ background:rgba(46,160,114,0.16); box-shadow:inset 0 0 0 1.5px rgba(46,160,114,0.5); }

@media(max-width:700px){
  .sh-banner{ padding:24px 18px 20px; }
  .sh-banner-line{ font-size:24px; max-width:88%; }
  .sh-banner-sub{ max-width:92%; }
  .trail-name{ font-size:15px; }
  .trail-desc{ font-size:12px; }
}

/* ── GENDER DRILL ── */
.gender-score{ display:flex; gap:12px; margin-bottom:14px; }
.gscore{ background:rgba(255,255,255,0.04); border:1px solid var(--bor); border-radius:var(--r); padding:12px 18px; text-align:center; flex:1; }
.gscore-n{ font-size:26px; font-weight:800; line-height:1; }
.gscore-l{ font-size:11px; color:var(--txt2); margin-top:2px; }
.gender-card{ background:rgba(255,255,255,0.04); border:1px solid var(--bor); border-radius:32px; padding:28px 24px; }
.gender-word{
  font-family:'Baloo 2', cursive;
  font-size:clamp(32px,6vw,52px); font-weight:800; margin:16px 0 6px;
}
.gender-hint{ font-size:13px; color:var(--txt2); margin-bottom:16px; }
.gender-btns{ display:flex; gap:10px; margin-bottom:12px; }
.g-btn{
  flex:1; padding:14px; border-radius:16px;
  border:1.5px solid rgba(255,255,255,0.11);
  background:rgba(255,255,255,0.055);
  color:white; font-size:18px; font-weight:800;
  cursor:pointer; transition:.15s ease; font-family:inherit;
}
.g-btn:hover:not([disabled]){ background:rgba(99,102,241,0.12); transform:translateY(-2px); }
.g-btn.correct{ background:rgba(46,232,165,0.17); border-color:rgba(46,232,165,0.38); color:var(--green); }
.g-btn.wrong{ background:rgba(248,113,113,0.13); border-color:rgba(248,113,113,0.3); color:var(--rd); }
.g-btn[disabled]{ cursor:default; transform:none; }

/* ── FILL-IN BLANK ── */
.blank-phrase{ font-size:20px; font-weight:600; margin-bottom:16px; line-height:1.6; color:white; }
.blank{
  display:inline-block; min-width:80px; height:28px;
  border-bottom:2.5px solid rgba(99,102,241,0.8);
  background:rgba(99,102,241,0.1);
  border-radius:4px; vertical-align:middle; margin:0 4px; position:relative;
}
.blank::after{
  content:'___'; color:rgba(99,102,241,0.5);
  font-size:14px; position:absolute; left:50%; top:50%;
  transform:translate(-50%,-50%);
}

/* ── LESEN MODE ── */
.lesen-card{
  background:rgba(255,255,255,0.04);
  border:1px solid var(--bor);
  border-radius:24px; padding:24px 22px;
}
.lw-tip{ cursor:pointer; border-radius:3px; transition:background .1s; }
.lw-tip:hover{ background:rgba(99,102,241,0.18); color:#e9d5ff; }
.cmp-btn{
  width:100%; background:var(--indl); border:1px solid rgba(99,102,241,0.25);
  color:var(--indd); border-radius:14px; padding:9px 14px;
  cursor:pointer; font-size:13px; font-weight:600;
  transition:.15s ease; margin-top:4px; font-family:inherit;
}
.cmp-btn:hover{ background:rgba(99,102,241,0.22); }
.compound-box{
  background:var(--indl); border:1px solid rgba(99,102,241,0.22);
  border-radius:16px; padding:14px 16px; margin-top:4px;
}
.compound-hdr{ font-size:12px; font-weight:700; color:var(--indd); margin-bottom:10px; letter-spacing:.04em; text-transform:uppercase; }
.cmp-parts{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
.cmp-part{ background:rgba(255,255,255,0.07); border-radius:10px; padding:6px 12px; text-align:center; }
.cmp-word{ font-size:15px; font-weight:700; color:#e9d5ff; }
.cmp-meaning{ font-size:11px; color:var(--indd); margin-top:2px; }
.cmp-plus{ font-size:16px; color:rgba(99,102,241,0.5); font-weight:300; }
.cmp-together{ font-size:13px; color:#ddd6fe; line-height:1.5; border-top:1px solid rgba(99,102,241,0.18); padding-top:8px; }

/* ── PHRASES ── */
.phrase-row{ display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.04); }
.phrase-row:last-child{ border-bottom:none; }
.psb{
  background:rgba(255,255,255,0.06); border:none; color:white;
  border-radius:10px; padding:6px 10px; cursor:pointer; font-size:13px;
  flex-shrink:0; transition:.15s ease; font-family:inherit;
}
.psb:hover{ background:rgba(99,102,241,0.15); }
.phrase-de{ font-size:14px; font-weight:600; margin-bottom:2px; }
.phrase-en{ font-size:13px; color:var(--txt2); }
.refresh-phrase{
  background:rgba(255,255,255,0.05); border:1px solid var(--bor);
  color:var(--txt2); border-radius:999px; padding:6px 14px;
  font-size:12px; cursor:pointer; font-family:inherit;
}
.regen-bar-wrap{ height:6px; background:rgba(255,255,255,0.06); border-radius:3px; overflow:hidden; margin-bottom:6px; }
.regen-bar-fill{ height:100%; background:var(--green); border-radius:3px; transition:width .3s; }
.regen-status{ font-size:12px; color:var(--txt2); }

/* ── MISC ── */
.spinner{
  display:inline-block; width:14px; height:14px;
  border:2px solid rgba(255,255,255,0.14);
  border-top-color:white; border-radius:50%;
  animation:spin .7s linear infinite;
  margin-right:6px; vertical-align:middle;
}
@keyframes spin{ to{transform:rotate(360deg)} }
.type-hint{ font-size:12px; color:var(--txt3); text-align:center; margin-top:6px; }
.mode-row{ display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
.ring-svg{ display:inline-block; vertical-align:middle; margin-right:4px; }
.stats-compact{ font-size:13px; color:var(--txt2); margin-bottom:12px; padding:0 4px; }

.right-tags{ display:flex; flex-wrap:wrap; gap:8px; }
.right-tag{
  padding:8px 12px; border-radius:999px;
  background:var(--indl); border:1px solid rgba(99,102,241,0.28);
  font-size:12px; font-weight:600; color:var(--indd);
}
#sr-due{ display:flex; flex-wrap:wrap; gap:8px; }
#sr-due span{
  padding:8px 12px; border-radius:999px;
  background:var(--indl); border:1px solid rgba(99,102,241,0.28);
  font-size:12px; font-weight:600; color:var(--indd);
}
.recent-mistakes span,
.due-soon span{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 16px; border-radius:999px; margin:6px;
  border:1px solid rgba(99,102,241,0.5);
  background:var(--indl); color:var(--indd); font-weight:600;
}

/* ── LEVEL TOGGLE ── */
.level-toggle{
  display:inline-flex; gap:0;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:999px; padding:3px; margin-bottom:14px;
}
.level-btn{
  display:flex; align-items:center; gap:6px;
  padding:7px 16px; border:none; background:transparent;
  color:var(--txt2); font-size:13px; font-weight:700;
  cursor:pointer; border-radius:999px; transition:all .18s ease; font-family:inherit;
}
.level-btn.active{ background:var(--green); color:#fff; }
.level-count{
  font-size:10px; font-weight:600; opacity:0.7;
  background:rgba(0,0,0,0.15); padding:1px 6px; border-radius:999px;
}
.level-btn.active .level-count{ background:rgba(255,255,255,0.2); }

.lw-lvl{ font-size:10px; font-weight:800; padding:2px 7px; border-radius:999px; letter-spacing:0.3px; }
.lw-lvl-A1{ background:rgba(46,232,165,0.15); color:var(--green); }
.lw-lvl-A2{ background:var(--indl); color:var(--indd); }

/* ── FLASH CARD (old alias) ── */
.flash-card{
  background:linear-gradient(180deg, #171d35, #12162a);
  border:1px solid rgba(99,102,241,0.15);
  border-radius:32px; overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,0.4);
}

/* ── CATEGORY CHIPS ── */
.cat-sheet{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.cat-chip{
  display:flex; align-items:center; gap:6px;
  padding:8px 14px; border-radius:999px;
  border:1.5px solid rgba(255,255,255,0.1);
  background:rgba(255,255,255,0.04);
  color:rgba(255,255,255,0.58); font-size:13px; font-weight:600;
  cursor:pointer; transition:.15s ease; white-space:nowrap;
}
.cat-chip.active{
  background:var(--indl); border-color:rgba(99,102,241,0.4); color:var(--indd);
}
.cat-chip .cc-ring{
  width:14px; height:14px; border-radius:50%;
  border:2px solid currentColor; flex-shrink:0; position:relative;
}
.cat-chip.active .cc-ring::after{
  content:''; position:absolute; inset:2px; border-radius:50%; background:currentColor;
}

/* ── CATEGORY PICKER ── */
.cat-picker{ margin-bottom:12px; }
.cat-picker[open] .cat-summary-arr{ transform:rotate(90deg); }
.cat-summary{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 16px; border-radius:999px;
  border:1px solid rgba(255,255,255,0.09);
  background:rgba(255,255,255,0.05);
  cursor:pointer; list-style:none;
  font-size:13px; font-weight:600; color:white;
  margin-bottom:8px; user-select:none;
}
.cat-summary::-webkit-details-marker{ display:none; }
.cat-summary-label{ flex:1; }
.cat-summary-arr{ font-size:16px; color:var(--txt3); transition:transform .2s; margin-left:8px; }

/* ── BUTTON HELPERS ── */
.fc-toggle{
  width:100%; background:transparent;
  border:1px solid rgba(255,255,255,0.08); border-radius:14px;
  padding:8px 14px; font-size:13px; color:var(--txt2);
  cursor:pointer; display:flex; justify-content:space-between;
  align-items:center; margin-top:10px; transition:.15s; font-family:inherit;
}
.fc-toggle:hover{ background:rgba(255,255,255,0.05); }
.fc-actions{ margin-top:8px; padding-top:8px; border-top:1px solid rgba(255,255,255,0.06); }
.btn-sm{
  font-size:13px; padding:8px 14px; border-radius:14px;
  border:1px solid var(--bor); background:rgba(255,255,255,0.04);
  color:var(--txt2); cursor:pointer; font-family:inherit;
}
.btn-sm-green{
  font-size:13px; padding:8px 14px; border-radius:14px; border:none;
  background:rgba(46,232,165,0.15); color:var(--green);
  font-weight:700; cursor:pointer; transition:.2s ease; font-family:inherit;
}
.btn-sm-green:hover{ background:rgba(46,232,165,0.24); }

/* ── BOTTOM NAVS ── */
.mobile-bottom-nav{
  display:none;
  position:fixed; bottom:0; left:0; right:0; height:64px;
  background:rgba(9,13,28,0.97);
  backdrop-filter:blur(22px);
  border-top:1px solid rgba(99,102,241,0.14);
  z-index:300;
  align-items:center; justify-content:space-around; padding:0 8px;
}
.mob-nav-btn{
  flex:1; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:3px;
  padding:8px 4px; border:none; background:transparent;
  color:rgba(255,255,255,0.38); font-size:10px; font-weight:700;
  cursor:pointer; transition:color .15s; border-radius:12px;
  font-family:inherit;
}
.mob-nav-btn.active{ color:#fff; }
.mob-nav-btn .mob-icon{ font-size:22px; line-height:1; }

.desktop-bottom-nav{
  position:fixed; bottom:0; left:0; right:0; height:68px;
  background:rgba(9,13,28,0.97);
  backdrop-filter:blur(22px);
  border-top:1px solid rgba(99,102,241,0.12);
  z-index:300;
  display:flex; align-items:center; justify-content:center;
  gap:4px; padding:0 16px;
}
.desk-nav-btn{
  display:flex; align-items:center; gap:10px;
  padding:13px 28px; border:none; background:transparent;
  color:rgba(255,255,255,0.38); font-size:15px; font-weight:700;
  cursor:pointer; border-radius:16px; transition:.15s; font-family:inherit;
}
.desk-nav-btn:hover{ background:rgba(99,102,241,0.1); color:rgba(255,255,255,0.7); }
.desk-nav-btn.active{ background:rgba(99,102,241,0.15); color:#fff; }
.desk-nav-btn .d-icon{ font-size:22px; }

/* ── MODE SHEET ── */
.mode-settings-btn{
  display:none; align-items:center; gap:6px;
  padding:8px 14px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.09);
  border-radius:999px;
  color:var(--txt2); font-size:13px; font-weight:600;
  cursor:pointer; margin-bottom:10px; font-family:inherit;
}
.mobile-mode-sheet{
  display:none;
  position:fixed; bottom:0; left:0; right:0;
  background:rgba(12,17,36,0.99);
  border-top:1px solid rgba(99,102,241,0.18);
  border-radius:24px 24px 0 0;
  padding:20px 20px 80px; z-index:350;
  animation:slideup-sheet 0.25s ease;
}
@keyframes slideup-sheet{ from{transform:translateY(100%)} to{transform:translateY(0)} }
.mode-sheet-title{ font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--txt3); margin-bottom:14px; }
.mode-sheet-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.mode-sheet-btn{
  padding:16px; border-radius:18px;
  border:1px solid rgba(255,255,255,0.09);
  background:rgba(255,255,255,0.04);
  color:white; font-size:15px; font-weight:700;
  cursor:pointer; text-align:center; font-family:inherit;
}
.mode-sheet-btn.active{ background:var(--indl); border-color:rgba(99,102,241,0.4); }
.mode-sheet-close{
  width:100%; padding:14px; margin-top:12px; border-radius:16px;
  border:none; background:rgba(255,255,255,0.07);
  color:white; font-size:15px; font-weight:700;
  cursor:pointer; font-family:inherit;
}

/* ── PLAN SESSION ── */
.plan-day{ background:rgba(255,255,255,0.038); border:1px solid var(--bor); border-radius:24px; padding:24px; margin-bottom:18px; backdrop-filter:blur(12px); }
.plan-day-title{ font-size:26px; font-weight:800; margin-bottom:10px; color:white; }
.plan-day-meta{ color:var(--txt2); font-size:14px; margin-bottom:18px; }
.plan-session{ background:rgba(255,255,255,0.03); border-radius:18px; padding:16px; margin-bottom:14px; border:1px solid rgba(255,255,255,0.05); }
.plan-session-title{ font-size:18px; font-weight:700; margin-bottom:8px; }
.plan-session-time{
  display:inline-block; padding:6px 12px; border-radius:999px;
  background:var(--indl); color:var(--indd);
  font-size:12px; font-weight:700; margin-bottom:10px;
}

/* ── BATTLE POPUP ── */
.battle-popup{
  background:#10152a;
  border:1px solid rgba(99,102,241,0.18);
  border-radius:24px; padding:30px;
  box-shadow:0 22px 72px rgba(0,0,0,0.48);
}

/* ── PAGE-WRAP padding ── */
.page-wrap{ padding-bottom:72px!important; }

/* ═══════════════ RESPONSIVE ═══════════════ */

@media(max-width:600px){
  .nav{ padding:10px 14px; gap:8px; flex-wrap:nowrap; }
  .nav-logo{ font-size:15px; }
  .nav-right{ gap:6px; flex-wrap:nowrap; }
  .streak,.xp-pill,.due-pill,.user-btn{ padding:6px 10px; font-size:11px; }
  .page-wrap{ padding:12px 10px; gap:12px; }
  .card{ padding:22px 18px; border-radius:24px; }
  .de-word{ font-size:36px; }
  .quiz-grid{ grid-template-columns:1fr 1fr; gap:8px; }
  .q-opt{ padding:12px; font-size:14px; }
  .content{ padding:4px; }
}
@media(max-width:380px){
  .streak,.xp-pill{ padding:5px 8px; font-size:10px; }
  .due-pill{ display:none; }
}
@media(max-width:600px){
  .de-word{ font-size:clamp(28px,8vw,46px); }
  .listen-btn{ width:80px; height:80px; font-size:44px; }
  .social-tabs{ gap:6px; }
  .social-tab{ padding:10px 8px; font-size:12px; border-radius:14px; }
  .rv-river{ min-height:400px!important; }
  .rv-boat{ padding:6px 10px; font-size:12px; }
  .rv-name{ font-size:11px; max-width:70px; }
}
@media(max-width:700px){
  .sidebar-left,.sidebar-right{ display:none!important; }
  .page-wrap{ padding:0; gap:0; display:block; }
  .main-col{ max-width:100%; padding-bottom:72px; }
  .nav{ padding:10px 16px; position:sticky; top:0; z-index:200; justify-content:space-between; gap:8px; }
  .nav-logo{ font-size:15px; font-weight:800; }
  #lang-switcher{ display:none!important; }
  .sync-dot{ display:none!important; }
  .xp-pill,.streak,.due-pill{ padding:6px 10px; font-size:11px; font-weight:700; }
  .due-pill{ display:none; }
  .user-btn{ padding:6px 10px; font-size:11px; }
  .tabs{ display:none!important; }
  .mobile-bottom-nav{ display:none!important; }
  .content{ padding:12px 14px; }
  .study-modes{ padding:8px 14px 0; gap:6px; }
  .mode-pill{ padding:8px 14px; font-size:12px; border-radius:999px; }
  .card{ border-radius:24px; padding:24px 20px; }
  .de-word{ font-size:clamp(28px,9vw,46px); }
  .en-word{ font-size:clamp(20px,6vw,30px); }
  .cat-grid{ gap:8px; }
  .cat-btn{ padding:8px 12px; font-size:12px; }
  .quiz-grid{ grid-template-columns:1fr 1fr; gap:10px; }
  .q-opt{ padding:14px 10px; font-size:14px; border-radius:16px; }
  .social-tabs{ gap:6px; margin-top:8px; }
  .social-tab{ padding:10px 6px; font-size:12px; border-radius:14px; }
  .rv-river{ min-height:360px!important; }
  .ai-plan-wrap{ padding:16px; }
  .plan-stats{ grid-template-columns:1fr 1fr; }
  .fc-row{ padding:12px; }
  .fc-av{ width:40px; height:40px; font-size:13px; }
  #study-modes{ display:none!important; }
  .mode-settings-btn{ display:flex!important; }
  .mobile-mode-sheet{ display:block; }
  .cat-chip{ padding:7px 12px; font-size:12px; }
  .desk-nav-btn{ display:none!important; }
  .desktop-bottom-nav{ display:none!important; }
  #lang-switcher{ display:flex!important; gap:3px; }
  .lang-btn{ padding:5px 8px; font-size:16px; }
}
@media(min-width:701px){
  .mobile-bottom-nav{ display:none!important; }
  .mode-settings-btn{ display:none!important; }
  .mobile-mode-sheet{ display:none; }
}
@media(min-width:701px){
  .cat-picker{ open:true; }
  details.cat-picker>summary{ display:none; }
  details.cat-picker{ display:block; }
  details.cat-picker .cat-sheet{ display:flex!important; }
}

/* ═══ v6.3.1 POLISH PACK ═══ */

/* XP bar shimmer — a light sweep across the fill */
.xp-bar-fill, .prog-fill{ position:relative; overflow:hidden; }
.xp-bar-fill::after, .prog-fill::after{
  content:'';
  position:absolute; top:0; left:-40%;
  width:35%; height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,0.45),transparent);
  animation:xp-shine 3.2s ease-in-out infinite;
}
@keyframes xp-shine{ 0%,55%{left:-40%;} 100%{left:130%;} }

/* Streak pill gentle pulse when hot */
.streak:not(.cold){ animation:streak-glow 2.6s ease-in-out infinite; }
@keyframes streak-glow{
  0%,100%{ box-shadow:0 0 0 0 rgba(251,191,36,0); }
  50%    { box-shadow:0 0 12px 2px rgba(251,191,36,0.28); }
}

/* Correct answer pop */
.q-opt.correct, .quiz-option.correct, .g-btn.correct{
  animation:correct-pop 0.38s cubic-bezier(0.34,1.56,0.64,1);
}
@keyframes correct-pop{
  0%{ transform:scale(1); }
  45%{ transform:scale(1.07); }
  100%{ transform:scale(1); }
}
/* Wrong answer shake */
.q-opt.wrong, .quiz-option.wrong, .g-btn.wrong{
  animation:wrong-shake 0.4s ease;
}
@keyframes wrong-shake{
  0%,100%{ transform:translateX(0); }
  25%{ transform:translateX(-5px); }
  50%{ transform:translateX(5px); }
  75%{ transform:translateX(-3px); }
}

/* Content sections fade up on render */
#content > *{ animation:content-in 0.32s ease both; }
@keyframes content-in{
  from{ opacity:0; transform:translateY(8px); }
  to  { opacity:1; transform:translateY(0); }
}

/* Island labels — slightly bolder presence */
.isle-label{ letter-spacing:-0.01em; }
.isle:hover .isle-label{ text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:2px; }

/* Desktop keyboard shortcut hint on flashcards */
@media(min-width:701px){
  .hint-txt::after{ content:' · space to reveal · 1–4 to rate'; opacity:0.5; font-size:11px; }
}

/* ═══════════════════════════════════════════════════
   WORLD MODE — home screen becomes a full-screen game world
   Active via body.world-mode (set when tab === 'home')
═══════════════════════════════════════════════════ */

body.world-mode{ overflow:hidden; }
body.world-mode .sidebar-left,
body.world-mode .sidebar-right{ display:none!important; }
body.world-mode .page-wrap{ padding:0!important; max-width:100%; gap:0; display:block; }
body.world-mode .main-col{ max-width:100%; }
body.world-mode .app{ padding-bottom:0; }
body.world-mode .content{ padding:0; }
body.world-mode .map-outer{ padding:0; position:relative; }

/* The sky fills everything below the nav */
body.world-mode .map-ocean{
  height:calc(100vh - 62px);
  height:calc(100dvh - 62px);
  border-radius:0;
  border:none;
  box-shadow:none;
  overflow:hidden;
}
@media(max-width:700px){
  body.world-mode .map-ocean{
    height:calc(100vh - 54px);
    height:calc(100dvh - 54px);
  }
}

/* Nav becomes a translucent HUD strip floating over the sky */
body.world-mode .nav{
  background:linear-gradient(180deg, rgba(8,12,28,0.66) 0%, rgba(8,12,28,0.25) 75%, rgba(8,12,28,0) 100%);
  border-bottom:none;
  backdrop-filter:blur(10px);
}

/* Greeting floats as a glass HUD pill over the world */
body.world-mode .map-greeting{
  position:absolute;
  top:16px; left:20px;
  z-index:20;
  margin:0;
  padding:10px 18px;
  border-radius:999px;
  background:rgba(8,12,30,0.40);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,0.10);
  color:#fff;
  font-size:16px;
  text-shadow:0 1px 6px rgba(0,0,20,0.5);
}
body.world-mode .map-greeting b{ color:#c7d2fe; }
@media(max-width:700px){
  body.world-mode .map-greeting{ top:10px; left:12px; font-size:14px; padding:8px 14px; }
}

/* Word of the Day floats as a game UI panel, bottom-left */
body.world-mode .wotd-card{
  position:absolute;
  bottom:22px; left:20px;
  z-index:20;
  margin:0;
  max-width:280px;
  background:rgba(8,12,30,0.50);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,0.12);
}
@media(max-width:700px){
  body.world-mode .wotd-card{
    left:12px; right:12px; bottom:12px;
    max-width:none;
    padding:12px 16px;
  }
  body.world-mode .wotd-de{ font-size:19px; }
}

/* Island layout spread across the full-screen world */
body.world-mode .isle-lernen  { top:9%; }
body.world-mode .isle-woerter { top:46%; left:9%; }
body.world-mode .isle-gemein  { top:42%; right:9%; }
body.world-mode .isle-planen  { bottom:9%; left:44%; }
@media(max-width:700px){
  body.world-mode .isle-lernen  { top:5%; }
  body.world-mode .isle-woerter { top:38%; left:2%; }
  body.world-mode .isle-gemein  { top:34%; right:2%; }
  body.world-mode .isle-planen  { bottom:19%; left:32%; }
}

/* Bigger world = labels need more presence */
body.world-mode .isle-label{ font-size:16px; }
body.world-mode .isle-sub{ font-size:12px; }

/* Clouds travel the full viewport in world mode */
@keyframes cloud-drift{
  from{ transform:translateX(-240px); }
  to  { transform:translateX(calc(100vw + 60px)); }
}

/* ── De-buttoning the study screens: glassier, lighter, less "website" ── */
.cat-chip{ border-color:transparent; background:rgba(255,255,255,0.05); }
.cat-chip.active{ border-color:rgba(99,102,241,0.4); }

/* ═══ SKY TRAFFIC — JS-driven island-to-island routes (see ui.js skyTraffic) ═══ */
.map-scatter{ z-index:4; }
.sky-traffic-canvas{
  position:absolute; inset:0;
  pointer-events:none;
  z-index:3;
  image-rendering:pixelated;
}
/* Atmosphere tinting via canvas globalAlpha / filter set in JS */

/* ═══════════════════════════════════════════════════
   WORLD v2 — depth, satellites, haze, label plates
═══════════════════════════════════════════════════ */

/* ── Distant background islands (depth layer, behind clouds) ── */
.bg-isles{ position:absolute; inset:0; pointer-events:none; z-index:1; overflow:hidden; }
.bg-isle{
  position:absolute;
  image-rendering:pixelated;
  opacity:0.30;
  filter:saturate(0.55) brightness(1.08) blur(0.4px);
}
.bgi1{ top:13%; left:14%; width:64px; animation:bg-drift 160s linear infinite alternate; }
.bgi2{ top:30%; left:62%; width:46px; animation:bg-drift 200s linear infinite alternate-reverse; }
.bgi3{ top:55%; left:35%; width:38px; opacity:0.22; animation:bg-drift 240s linear infinite alternate; }
@keyframes bg-drift{ from{ transform:translateX(0); } to{ transform:translateX(60px); } }
.sky-night .bg-isle{ opacity:0.14; filter:saturate(0.3) brightness(0.6); }

/* ── Satellite islets near the main islands ── */
.islet{
  position:absolute;
  image-rendering:pixelated;
  pointer-events:none;
  opacity:0.92;
  filter:drop-shadow(0 10px 10px rgba(0,0,40,0.10));
}
.islet1{ top:20%; left:27%; width:52px; animation:bob-b 6.2s ease-in-out infinite; animation-delay:-2.1s; }
.islet2{ top:62%; left:66%; width:60px; animation:bob-a 5.1s ease-in-out infinite; animation-delay:-3.7s; }
.islet3{ top:46%; left:44%; width:42px; opacity:0.85; animation:bob-c 7.0s ease-in-out infinite; animation-delay:-1.2s; }
@media(max-width:700px){
  .islet1{ width:34px; }
  .islet2{ width:38px; }
  .islet3{ display:none; }
}

/* ── Horizon haze: soft atmospheric band over the lower world ── */
.horizon-haze{
  position:absolute; left:0; right:0; bottom:0;
  height:34%;
  pointer-events:none;
  z-index:6;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,0.13) 75%, rgba(255,255,255,0.20));
}
.sky-night .horizon-haze{
  background:linear-gradient(180deg, transparent, rgba(18,26,64,0.30) 75%, rgba(14,20,52,0.42));
}
.sky-evening .horizon-haze{
  background:linear-gradient(180deg, transparent, rgba(255,176,112,0.12) 75%, rgba(120,80,140,0.18));
}

/* ── Label plates: parchment chips hanging under each island ── */
.isle-plate{
  margin-top:6px;
  padding:6px 14px 7px;
  border-radius:12px;
  background:linear-gradient(180deg, #f4ead2, #e8dcbe);
  border:2px solid #b9a47e;
  box-shadow:0 3px 0 #8f7c5a, 0 6px 14px rgba(40,30,10,0.25);
  text-align:center;
  transition:transform .15s ease;
}
.isle:hover .isle-plate{ transform:translateY(-2px); }
.isle-plate .isle-label{
  font-family:'Baloo 2',cursive;
  font-size:15px; font-weight:800;
  color:#4a3a22 !important;
  text-shadow:none !important;
  text-decoration:none !important;
  letter-spacing:0;
  line-height:1.1;
}
.isle-plate .isle-sub{
  font-size:11px;
  color:#8a7452 !important;
  margin-top:1px;
}
.isle:hover .isle-label{ text-decoration:none !important; }
body.world-mode .isle-plate .isle-label{ font-size:15px; }
@media(max-width:700px){
  .isle-plate{ padding:4px 10px 5px; border-radius:10px; border-width:1.5px; }
  .isle-plate .isle-label{ font-size:12px; }
  .isle-plate .isle-sub{ font-size:9px; }
}

/* ── World composition: a gentle arc, asymmetric for life ── */
body.world-mode .isle-lernen  { top:7%; }
body.world-mode .isle-woerter { top:42%; left:8%; }
body.world-mode .isle-gemein  { top:38%; right:8%; }
body.world-mode .isle-planen  { bottom:8%; left:41%; }
@media(max-width:700px){
  body.world-mode .isle-lernen  { top:4%; }
  body.world-mode .isle-woerter { top:36%; left:2%; }
  body.world-mode .isle-gemein  { top:32%; right:2%; }
  body.world-mode .isle-planen  { bottom:17%; left:30%; }
}

/* ═══ ACCESSIBILITY QUALITY FLOOR ═══ */
/* Respect reduced-motion: kill ambient animation, keep instant feedback */
@media(prefers-reduced-motion:reduce){
  .drift-cloud, .bg-isle, .islet, .map-mote, .map-star,
  .map-sun, .map-moon, .wotd-card::after,
  .xp-bar-fill::after, .prog-fill::after, .streak{
    animation:none !important;
  }
  .isle{ animation:none !important; }
  .trail-sign, .trail-arrow{ transition:none !important; }
  #content > *{ animation:none !important; }
}
/* Visible keyboard focus on the new trail signs */
.trail-sign:focus-visible{
  outline:3px solid var(--ind);
  outline-offset:2px;
}