/* ========================================================================== 
   منصة المعلم — Theme Expansion V6
   New student themes:
   1) girls  : Lily / Soft Girls
   2) action : Action X
   3) horror : Dark Mystery / Horror

   هذه القواعد Scoped بالكامل إلى data-platform-theme ولا تغيّر أي وظيفة.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Shared preview cards — Admin appearance page only
   -------------------------------------------------------------------------- */
.v2-theme-preview.girls{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 86% 12%,rgba(255,255,255,.95) 0 10px,transparent 11px),
    radial-gradient(circle at 72% 28%,rgba(255,255,255,.72) 0 7px,transparent 8px),
    linear-gradient(135deg,#fff7fb 0%,#f8ecff 48%,#eafcf7 100%);
  color:#672e66;border-color:#efc7e9;
}
.v2-theme-preview.girls::after{
  content:'✿';position:absolute;left:16px;bottom:7px;font-size:36px;color:rgba(194,82,154,.20);transform:rotate(-12deg)
}
.v2-theme-preview.action{
  position:relative;overflow:hidden;
  background:
    linear-gradient(115deg,transparent 0 66%,rgba(255,117,26,.23) 66% 72%,transparent 72%),
    linear-gradient(135deg,#07111f 0%,#0c2440 58%,#0c1624 100%);
  color:#f8fbff;border-color:#1fa8ff;
}
.v2-theme-preview.action::before{
  content:'';position:absolute;inset:auto -8px 16px auto;width:86px;height:6px;background:#ff751a;box-shadow:0 -14px 0 #14b8ff,0 -28px 0 rgba(20,184,255,.35);transform:skewX(-24deg)
}
.v2-theme-preview.horror{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 18% 22%,rgba(111,17,45,.58),transparent 32%),
    radial-gradient(circle at 82% 74%,rgba(61,18,76,.55),transparent 34%),
    linear-gradient(140deg,#09070b,#160b12 52%,#050507);
  color:#f7edf1;border-color:#6c233d;
}
.v2-theme-preview.horror::after{
  content:'';position:absolute;inset:auto 0 0;height:28px;background:linear-gradient(180deg,transparent,rgba(126,31,54,.26));filter:blur(5px)
}
.v2-theme-preview.girls span{color:#8b5f86}
.v2-theme-preview.action span{color:#a9c6df}
.v2-theme-preview.horror span{color:#c6a9b3}

/* ========================================================================== 
   1) GIRLS — LILY / SOFT GIRLS
   Elegant, warm, curved, airy. Not just a recolor: the structure, cards,
   hero framing, nav, dashboard and course presentation are all softened.
   ========================================================================== */
html[data-platform-theme="girls"] body{
  --main-theme:#c2529a;
  --main-theme-light:rgba(194,82,154,.12);
  --main-gradient:linear-gradient(135deg,#c2529a 0%,#8b5cc7 52%,#48a999 100%);
  --gold-gradient:linear-gradient(135deg,#f3c777,#d79f47);
  --v2-secondary:#8b5cc7;
  --v2-accent:#48a999;
  --bg-color:#fff9fc;
  --bg-color-alt:#f9f0f8;
  --card-bg:rgba(255,255,255,.94);
  --text-dark:#4d2b4c;
  --text-muted:#8d6c87;
  --border-color:#edd9e8;
  --girls-rose:#c2529a;
  --girls-lilac:#8b5cc7;
  --girls-mint:#48a999;
  --girls-cream:#fff9fc;
  --girls-soft:#f9eff8;
  --girls-shadow:0 18px 45px rgba(133,73,121,.12);
  --shadow-sm:0 7px 20px rgba(133,73,121,.08);
  --shadow-lg:0 22px 55px rgba(133,73,121,.14);
  --shadow-glow:0 10px 28px rgba(194,82,154,.20);
  background:
    radial-gradient(circle at 9% 8%,rgba(194,82,154,.10),transparent 25rem),
    radial-gradient(circle at 93% 13%,rgba(72,169,153,.09),transparent 22rem),
    linear-gradient(180deg,#fffafd,#fff 72%);
}
html[data-platform-theme="girls"][data-theme="dark"] body{
  --bg-color:#1d121c;
  --bg-color-alt:#281726;
  --card-bg:rgba(43,25,42,.95);
  --text-dark:#fff4fb;
  --text-muted:#d8bccc;
  --border-color:#4e3148;
  --girls-soft:#321b2f;
  --girls-shadow:0 18px 45px rgba(0,0,0,.30);
  background:
    radial-gradient(circle at 12% 7%,rgba(194,82,154,.22),transparent 24rem),
    radial-gradient(circle at 90% 14%,rgba(72,169,153,.14),transparent 22rem),
    #1a1019;
}

html[data-platform-theme="girls"] .bg-particles{opacity:.20;filter:hue-rotate(295deg) saturate(.72)}

html[data-platform-theme="girls"] .main-navbar{
  width:min(1450px,calc(100% - 34px));
  margin:14px auto 0;
  padding:12px 18px;
  border:1px solid rgba(194,82,154,.16);
  border-radius:28px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  box-shadow:0 12px 35px rgba(128,73,117,.10);
}
html[data-platform-theme="girls"][data-theme="dark"] .main-navbar{background:rgba(39,22,37,.90);border-color:#51304a}
html[data-platform-theme="girls"] .logo h2{color:#6e3868;font-weight:900;letter-spacing:-.3px}
html[data-platform-theme="girls"][data-theme="dark"] .logo h2{color:#fff4fb}
html[data-platform-theme="girls"] .nav-links-desktop{gap:8px}
html[data-platform-theme="girls"] .nav-links-desktop a{
  border-radius:999px;padding:9px 14px;color:#76506f;font-weight:800
}
html[data-platform-theme="girls"] .nav-links-desktop a:hover{
  background:#faedf7;color:#a44184;transform:translateY(-1px)
}
html[data-platform-theme="girls"][data-theme="dark"] .nav-links-desktop a{color:#e5cbdc}
html[data-platform-theme="girls"][data-theme="dark"] .nav-links-desktop a:hover{background:#3b2237;color:#fff}
html[data-platform-theme="girls"] .theme-toggle{
  border-color:#efd8e9;background:#fff7fb;color:#a44184
}

html[data-platform-theme="girls"] .hero-section{
  width:min(1450px,calc(100% - 34px));
  min-height:580px;
  margin:22px auto 0;
  border:1px solid #f0deeb;
  border-radius:40px 40px 90px 40px;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(139,92,199,.11),transparent 19rem),
    radial-gradient(circle at 18% 85%,rgba(72,169,153,.09),transparent 19rem),
    linear-gradient(135deg,#fffafd 0%,#fff 47%,#f8f2ff 100%);
  box-shadow:var(--girls-shadow);
}
html[data-platform-theme="girls"][data-theme="dark"] .hero-section{
  background:linear-gradient(135deg,#241421,#2b1829 48%,#1e1828);border-color:#50324a
}
html[data-platform-theme="girls"] .hero-section::before{
  content:'';position:absolute;width:420px;height:420px;border-radius:50%;
  left:-155px;top:-170px;border:54px solid rgba(194,82,154,.055);
  box-shadow:0 0 0 40px rgba(139,92,199,.025);pointer-events:none
}
html[data-platform-theme="girls"] .hero-section::after{
  content:'✦  ✿  ✦';position:absolute;left:8%;bottom:8%;color:rgba(194,82,154,.18);
  font-size:32px;letter-spacing:12px;transform:rotate(-8deg);pointer-events:none
}
html[data-platform-theme="girls"] .welcome-badge{
  border:1px solid #efcce5;background:rgba(255,255,255,.75);color:#a44184;
  border-radius:999px;box-shadow:0 8px 20px rgba(194,82,154,.08)
}
html[data-platform-theme="girls"][data-theme="dark"] .welcome-badge{background:#342030;border-color:#603a58;color:#ffcfee}
html[data-platform-theme="girls"] .huge-typography{
  color:#4d2b4c;font-weight:900;line-height:1.12;letter-spacing:-1px
}
html[data-platform-theme="girls"][data-theme="dark"] .huge-typography{color:#fff7fc}
html[data-platform-theme="girls"] .teacher-name{
  background:linear-gradient(135deg,#b7488e,#7d55ba,#3d9f91);-webkit-background-clip:text;background-clip:text;color:transparent
}
html[data-platform-theme="girls"] .hero-description{color:#846b80;line-height:2}
html[data-platform-theme="girls"][data-theme="dark"] .hero-description{color:#d3bccb}
html[data-platform-theme="girls"] .hero-stats{gap:10px}
html[data-platform-theme="girls"] .h-stat{
  border:1px solid #f0dce9;border-radius:18px;background:rgba(255,255,255,.72);
  box-shadow:0 7px 18px rgba(135,78,124,.06)
}
html[data-platform-theme="girls"] .h-stat i{color:#b7488e}
html[data-platform-theme="girls"][data-theme="dark"] .h-stat{background:#331f31;border-color:#51324b}
html[data-platform-theme="girls"] .hero-image-wrapper{
  border-radius:48% 48% 36% 36%;
  padding:14px;
  background:linear-gradient(145deg,#f5dcea,#eee3ff 50%,#dcf6f0);
  box-shadow:0 28px 65px rgba(135,78,124,.18)
}
html[data-platform-theme="girls"] .hero-image-wrapper::before{
  content:'';position:absolute;inset:-11px;border:1px dashed rgba(194,82,154,.30);border-radius:inherit;animation:girlsOrbit 18s linear infinite
}
html[data-platform-theme="girls"] .teacher-animated-img{border-radius:45% 45% 34% 34%;filter:saturate(.94) contrast(.99)}
@keyframes girlsOrbit{to{transform:rotate(360deg)}}

html[data-platform-theme="girls"] .primary-btn,
html[data-platform-theme="girls"] .v2-btn.primary{
  border:0;border-radius:999px;background:linear-gradient(135deg,#c2529a,#8b5cc7);color:#fff;
  box-shadow:0 10px 24px rgba(194,82,154,.20);font-weight:900
}
html[data-platform-theme="girls"] .primary-btn:hover,
html[data-platform-theme="girls"] .v2-btn.primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(194,82,154,.27)}

html[data-platform-theme="girls"] .courses-section,
html[data-platform-theme="girls"] .home-leaderboard-section{padding-top:72px;padding-bottom:72px}
html[data-platform-theme="girls"] .section-title h2{color:#563151;font-weight:900}
html[data-platform-theme="girls"] .section-title h2::after{
  content:'✿';display:inline-block;margin-right:10px;color:#c2529a;font-size:.75em
}
html[data-platform-theme="girls"][data-theme="dark"] .section-title h2{color:#fff2fa}
html[data-platform-theme="girls"] .stage-title{
  border:0;padding:8px 18px;border-radius:999px;background:#f9edf6;color:#77456e;font-size:20px
}
html[data-platform-theme="girls"][data-theme="dark"] .stage-title{background:#352130;color:#f7dceb}
html[data-platform-theme="girls"] .courses-horizontal-scroll{gap:18px}
html[data-platform-theme="girls"] .course-card{
  border:1px solid #efdfeb;border-radius:28px;overflow:hidden;background:rgba(255,255,255,.94);
  box-shadow:0 12px 32px rgba(135,78,124,.08);position:relative
}
html[data-platform-theme="girls"] .course-card::before{
  content:'';position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#c2529a,#8b5cc7,#48a999);z-index:2
}
html[data-platform-theme="girls"] .course-card:hover{transform:translateY(-8px) rotate(-.2deg);box-shadow:0 20px 44px rgba(135,78,124,.15);border-color:#e7bddb}
html[data-platform-theme="girls"][data-theme="dark"] .course-card{background:#2b1a29;border-color:#503249}
html[data-platform-theme="girls"] .course-thumb{border-radius:24px 24px 36px 24px;overflow:hidden;margin:8px}
html[data-platform-theme="girls"] .course-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(92,48,84,.12));pointer-events:none}
html[data-platform-theme="girls"] .course-badge{border-radius:999px;background:#fff0f8;color:#a64082;border:1px solid #f0cfe4}
html[data-platform-theme="girls"] .course-price-tag{color:#3f8f83;background:#ebfaf6;border-radius:999px}

html[data-platform-theme="girls"] .home-leaderboard-section{
  width:min(1450px,calc(100% - 34px));margin:35px auto;border-radius:38px;
  background:linear-gradient(135deg,#fbf1f8,#f5efff 50%,#eefaf7);border:1px solid #efdce9
}
html[data-platform-theme="girls"][data-theme="dark"] .home-leaderboard-section{background:#251824;border-color:#4b3046}
html[data-platform-theme="girls"] .podium-card,
html[data-platform-theme="girls"] .other-ranks-container{border-radius:26px;border-color:#eddbe8;box-shadow:0 10px 25px rgba(135,78,124,.07)}
html[data-platform-theme="girls"] .podium-card.rank-1{background:linear-gradient(180deg,#fff9e9,#fff);border-color:#f0d58c}

html[data-platform-theme="girls"] .dashboard-layout{background:transparent}
html[data-platform-theme="girls"] .sidebar{
  border:1px solid #ecd9e8;border-radius:28px;background:rgba(255,255,255,.93);box-shadow:0 16px 40px rgba(135,78,124,.10)
}
html[data-platform-theme="girls"][data-theme="dark"] .sidebar{background:#281827;border-color:#4e3149}
html[data-platform-theme="girls"] .sidebar .nav-links li{border-radius:15px;color:#75516e}
html[data-platform-theme="girls"] .sidebar .nav-links li:hover{background:#fbf0f8;color:#aa4385}
html[data-platform-theme="girls"] .sidebar .nav-links li.active{background:linear-gradient(135deg,#c2529a,#8b5cc7);color:#fff;box-shadow:0 10px 22px rgba(194,82,154,.20)}
html[data-platform-theme="girls"][data-theme="dark"] .sidebar .nav-links li{color:#dfc5d6}
html[data-platform-theme="girls"] .main-content{border-radius:30px}
html[data-platform-theme="girls"] .welcome-banner{
  border-radius:28px;background:linear-gradient(135deg,#c2529a,#9c61be 58%,#5eb9a9);box-shadow:0 18px 40px rgba(161,75,145,.18)
}
html[data-platform-theme="girls"] .dash-info-card,
html[data-platform-theme="girls"] .v2-card,
html[data-platform-theme="girls"] .v2-form,
html[data-platform-theme="girls"] .v2-list-item,
html[data-platform-theme="girls"] .v2-table-wrap{
  border-radius:22px;border-color:#ecdce8;box-shadow:0 8px 25px rgba(135,78,124,.055)
}
html[data-platform-theme="girls"] footer{
  width:min(1450px,calc(100% - 34px));margin:28px auto 18px;border-radius:34px;
  background:linear-gradient(135deg,#4e2949,#6c3a64 55%,#3d6f68);border-top:0
}

/* ========================================================================== 
   2) ACTION — ACTION X
   Dark, angular, kinetic. Strong diagonals, electric cyan + orange, compact
   corners and sports/esports-inspired competition presentation.
   ========================================================================== */
html[data-platform-theme="action"] body{
  --main-theme:#16b8ff;
  --main-theme-light:rgba(22,184,255,.13);
  --main-gradient:linear-gradient(120deg,#08a6ee 0%,#1455e7 55%,#ff751a 135%);
  --gold-gradient:linear-gradient(135deg,#ffb11b,#ff751a);
  --v2-secondary:#1455e7;
  --v2-accent:#ff751a;
  --bg-color:#07111c;
  --bg-color-alt:#0c1928;
  --card-bg:#0d1d2c;
  --text-dark:#f4f9ff;
  --text-muted:#8eabc3;
  --border-color:#173751;
  --action-cyan:#16b8ff;
  --action-blue:#1455e7;
  --action-orange:#ff751a;
  --action-ink:#07111c;
  --shadow-sm:0 8px 22px rgba(0,0,0,.24);
  --shadow-lg:0 24px 58px rgba(0,0,0,.34);
  --shadow-glow:0 0 32px rgba(22,184,255,.20);
  color-scheme:dark;
  background:
    linear-gradient(120deg,rgba(22,184,255,.035) 1px,transparent 1px) 0 0/42px 42px,
    linear-gradient(30deg,rgba(255,117,26,.025) 1px,transparent 1px) 0 0/42px 42px,
    radial-gradient(circle at 83% 4%,rgba(20,85,231,.16),transparent 26rem),
    #07111c;
}
html[data-platform-theme="action"][data-theme="light"] body{color-scheme:dark}
html[data-platform-theme="action"] .bg-particles{opacity:.16;filter:hue-rotate(170deg) saturate(1.7)}
html[data-platform-theme="action"] .main-navbar{
  width:min(1480px,calc(100% - 28px));margin:10px auto 0;padding:11px 18px;
  border:1px solid #173a58;border-radius:6px;background:rgba(6,17,29,.94);
  box-shadow:0 12px 30px rgba(0,0,0,.32);backdrop-filter:blur(14px)
}
html[data-platform-theme="action"] .main-navbar::after{
  content:'';position:absolute;right:24px;bottom:-1px;width:160px;height:3px;background:linear-gradient(90deg,#16b8ff,#1455e7,#ff751a);transform:skewX(-35deg)
}
html[data-platform-theme="action"] .logo h2{color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.2px}
html[data-platform-theme="action"] .nav-links-desktop a{
  color:#b9cde0;border-radius:4px;padding:9px 13px;font-weight:900;position:relative
}
html[data-platform-theme="action"] .nav-links-desktop a:hover{color:#fff;background:#10263b;transform:translateY(-1px)}
html[data-platform-theme="action"] .nav-links-desktop a::before{
  content:'';position:absolute;right:0;bottom:2px;width:0;height:2px;background:#ff751a;transition:.2s
}
html[data-platform-theme="action"] .nav-links-desktop a:hover::before{width:100%}
html[data-platform-theme="action"] .theme-toggle{border-radius:5px;background:#0f2234;border-color:#1b4667;color:#16b8ff}

html[data-platform-theme="action"] .hero-section{
  width:min(1480px,calc(100% - 28px));min-height:600px;margin:16px auto 0;border:1px solid #173a58;
  border-radius:7px;overflow:hidden;
  background:
    linear-gradient(105deg,rgba(5,16,27,.96) 0 52%,rgba(5,16,27,.30) 75%,rgba(5,16,27,.78) 100%),
    radial-gradient(circle at 82% 42%,rgba(22,184,255,.16),transparent 24rem),
    #091727;
  box-shadow:0 28px 70px rgba(0,0,0,.34)
}
html[data-platform-theme="action"] .hero-section::before{
  content:'';position:absolute;inset:-40% 42% -40% auto;width:95px;background:rgba(22,184,255,.055);transform:skewX(-18deg);box-shadow:145px 0 0 rgba(20,85,231,.035),290px 0 0 rgba(255,117,26,.035);pointer-events:none
}
html[data-platform-theme="action"] .hero-section::after{
  content:'';position:absolute;left:-40px;bottom:50px;width:380px;height:12px;
  background:linear-gradient(90deg,transparent,#ff751a 28%,#16b8ff 70%,transparent);transform:skewX(-34deg);opacity:.85;filter:drop-shadow(0 0 8px rgba(22,184,255,.45));pointer-events:none
}
html[data-platform-theme="action"] .hero-content{position:relative;z-index:2}
html[data-platform-theme="action"] .welcome-badge{
  border:1px solid #16537b;border-radius:4px;background:#0b2235;color:#39c7ff;text-transform:uppercase;letter-spacing:.5px;box-shadow:inset 4px 0 #ff751a
}
html[data-platform-theme="action"] .huge-typography{color:#fff;font-size:clamp(3rem,6vw,6.3rem);line-height:.98;font-weight:900;letter-spacing:-2px;text-shadow:0 10px 28px rgba(0,0,0,.35)}
html[data-platform-theme="action"] .teacher-name{color:#16b8ff;text-shadow:0 0 24px rgba(22,184,255,.28)}
html[data-platform-theme="action"] .hero-description{color:#a8bdd0;max-width:690px;font-weight:700}
html[data-platform-theme="action"] .hero-stats{gap:8px}
html[data-platform-theme="action"] .h-stat{
  border:1px solid #17425f;border-radius:5px;background:#0c1f31;color:#dff5ff;box-shadow:inset 4px 0 #16b8ff
}
html[data-platform-theme="action"] .h-stat:nth-child(even){box-shadow:inset 4px 0 #ff751a}
html[data-platform-theme="action"] .h-stat i{color:#16b8ff}
html[data-platform-theme="action"] .hero-image-wrapper{
  border-radius:8px;padding:8px;background:#091829;border:1px solid #1c5278;
  box-shadow:18px 18px 0 rgba(255,117,26,.11),-14px -14px 0 rgba(22,184,255,.08),0 28px 65px rgba(0,0,0,.38);
  transform:skewX(-2deg)
}
html[data-platform-theme="action"] .teacher-animated-img{border-radius:5px;filter:contrast(1.04) saturate(.93)}
html[data-platform-theme="action"] .glow-circle{background:rgba(22,184,255,.18);filter:blur(55px)}
html[data-platform-theme="action"] .primary-btn,
html[data-platform-theme="action"] .v2-btn.primary{
  border:1px solid #21c0ff;border-radius:4px;background:linear-gradient(115deg,#08a6ee,#1455e7);color:#fff;
  box-shadow:0 10px 28px rgba(20,85,231,.24);font-weight:900;clip-path:polygon(0 0,94% 0,100% 28%,100% 100%,6% 100%,0 72%)
}
html[data-platform-theme="action"] .primary-btn:hover,
html[data-platform-theme="action"] .v2-btn.primary:hover{background:linear-gradient(115deg,#ff751a,#e34d0b);border-color:#ff9a55;transform:translateY(-2px)}

html[data-platform-theme="action"] .courses-section,
html[data-platform-theme="action"] .home-leaderboard-section{padding-top:68px;padding-bottom:68px}
html[data-platform-theme="action"] .section-title h2{color:#f3f9ff;text-transform:uppercase;letter-spacing:.25px}
html[data-platform-theme="action"] .section-title h2::before{content:'//';color:#ff751a;margin-left:8px;font-weight:900}
html[data-platform-theme="action"] .section-title p{color:#7897b1}
html[data-platform-theme="action"] .stage-title{
  border:0;border-right:5px solid #16b8ff;border-radius:0;padding:8px 14px;background:#0b1e2e;color:#fff;text-transform:uppercase
}
html[data-platform-theme="action"] .courses-horizontal-scroll{gap:14px}
html[data-platform-theme="action"] .course-card{
  border:1px solid #173c59;border-radius:6px;background:linear-gradient(180deg,#0d2032,#0a1724);box-shadow:0 12px 30px rgba(0,0,0,.24);overflow:hidden;position:relative
}
html[data-platform-theme="action"] .course-card::before{
  content:'';position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(90deg,#16b8ff,#1455e7 65%,#ff751a);z-index:3
}
html[data-platform-theme="action"] .course-card:hover{transform:translateY(-7px);border-color:#1f83b7;box-shadow:0 20px 45px rgba(0,0,0,.34),0 0 0 1px rgba(22,184,255,.10)}
html[data-platform-theme="action"] .course-thumb{margin:7px;border-radius:3px;filter:saturate(.82) contrast(1.08)}
html[data-platform-theme="action"] .course-details h3{color:#eff8ff}
html[data-platform-theme="action"] .course-badge{border-radius:3px;background:#0d2b41;color:#4ed2ff;border:1px solid #18577c}
html[data-platform-theme="action"] .course-price-tag{border-radius:3px;background:#3a1d0d;color:#ff9a55;border:1px solid #7b3a15}

html[data-platform-theme="action"] .home-leaderboard-section{
  width:min(1480px,calc(100% - 28px));margin:35px auto;background:#091725;border:1px solid #173a58;border-radius:7px;position:relative;overflow:hidden
}
html[data-platform-theme="action"] .home-leaderboard-section::before{
  content:'RANKING';position:absolute;left:20px;top:12px;font-weight:900;font-size:64px;letter-spacing:4px;color:rgba(22,184,255,.035);pointer-events:none
}
html[data-platform-theme="action"] .podium-card,
html[data-platform-theme="action"] .other-ranks-container{border-radius:5px;background:#0d2031;border-color:#1b4968;box-shadow:0 10px 28px rgba(0,0,0,.22)}
html[data-platform-theme="action"] .podium-card.rank-1{border-top:4px solid #ffb11b}
html[data-platform-theme="action"] .podium-card.rank-2{border-top:4px solid #16b8ff}
html[data-platform-theme="action"] .podium-card.rank-3{border-top:4px solid #ff751a}
html[data-platform-theme="action"] .podium-name{color:#fff}

html[data-platform-theme="action"] .sidebar{
  border:1px solid #173b57;border-radius:6px;background:#081725;box-shadow:0 16px 42px rgba(0,0,0,.30)
}
html[data-platform-theme="action"] .sidebar .nav-links li{border-radius:4px;color:#92aec3;border-right:3px solid transparent}
html[data-platform-theme="action"] .sidebar .nav-links li:hover{background:#0d263a;color:#fff;border-right-color:#16b8ff}
html[data-platform-theme="action"] .sidebar .nav-links li.active{background:linear-gradient(90deg,#0b2d47,#102c46);color:#fff;border-right-color:#ff751a;box-shadow:inset -5px 0 #16b8ff}
html[data-platform-theme="action"] .main-content{background:#091725;border:1px solid #153550;border-radius:7px}
html[data-platform-theme="action"] .welcome-banner{border-radius:6px;background:linear-gradient(110deg,#0b73ac,#1344c8 65%,#d8560d);box-shadow:0 16px 40px rgba(0,0,0,.24)}
html[data-platform-theme="action"] .dash-info-card,
html[data-platform-theme="action"] .v2-card,
html[data-platform-theme="action"] .v2-form,
html[data-platform-theme="action"] .v2-list-item,
html[data-platform-theme="action"] .v2-table-wrap{
  border-radius:6px;background:#0d1d2c;border-color:#173c58;box-shadow:0 8px 24px rgba(0,0,0,.18)
}
html[data-platform-theme="action"] .form-group input,
html[data-platform-theme="action"] .form-group select,
html[data-platform-theme="action"] .form-control,
html[data-platform-theme="action"] .v2-field input,
html[data-platform-theme="action"] .v2-field select,
html[data-platform-theme="action"] .v2-field textarea{background:#081827;border-color:#1a4564;color:#f0f8ff;border-radius:4px}
html[data-platform-theme="action"] footer{
  width:min(1480px,calc(100% - 28px));margin:24px auto 12px;border-radius:6px;border-top:3px solid #16b8ff;background:#06111b
}

/* ========================================================================== 
   3) HORROR — DARK MYSTERY
   Cinematic mystery, deep wine/charcoal, fog, framed cards and subtle eerie
   motion. No graphic/gory imagery — the effect is atmosphere and suspense.
   ========================================================================== */
html[data-platform-theme="horror"] body{
  --main-theme:#9d3154;
  --main-theme-light:rgba(157,49,84,.14);
  --main-gradient:linear-gradient(135deg,#9d3154,#4f1e45 55%,#221120);
  --gold-gradient:linear-gradient(135deg,#c5a574,#8f6f44);
  --v2-secondary:#5b2554;
  --v2-accent:#b23b45;
  --bg-color:#08070a;
  --bg-color-alt:#100c11;
  --card-bg:#130e13;
  --text-dark:#f2e8ec;
  --text-muted:#aa929c;
  --border-color:#35202a;
  --horror-wine:#8d2948;
  --horror-purple:#4b1d44;
  --horror-ink:#08070a;
  --shadow-sm:0 8px 25px rgba(0,0,0,.34);
  --shadow-lg:0 26px 65px rgba(0,0,0,.45);
  --shadow-glow:0 0 34px rgba(141,41,72,.20);
  color-scheme:dark;
  background:
    radial-gradient(ellipse at 12% 8%,rgba(103,25,51,.21),transparent 27rem),
    radial-gradient(ellipse at 89% 17%,rgba(60,24,67,.17),transparent 25rem),
    linear-gradient(180deg,#08070a,#0d090e 68%,#060507);
}
html[data-platform-theme="horror"][data-theme="light"] body{color-scheme:dark}
html[data-platform-theme="horror"] .bg-particles{opacity:.08;filter:grayscale(1) hue-rotate(285deg)}

html[data-platform-theme="horror"] .main-navbar{
  width:min(1440px,calc(100% - 36px));margin:16px auto 0;padding:12px 18px;
  border:1px solid #3a202b;border-radius:2px;background:rgba(9,7,10,.93);backdrop-filter:blur(18px);
  box-shadow:0 14px 40px rgba(0,0,0,.42),inset 0 -1px rgba(157,49,84,.18)
}
html[data-platform-theme="horror"] .main-navbar::before,
html[data-platform-theme="horror"] .main-navbar::after{content:'';position:absolute;width:36px;height:18px;border-color:#6e2a40;pointer-events:none}
html[data-platform-theme="horror"] .main-navbar::before{right:7px;top:7px;border-right:1px solid;border-top:1px solid}
html[data-platform-theme="horror"] .main-navbar::after{left:7px;bottom:7px;border-left:1px solid;border-bottom:1px solid}
html[data-platform-theme="horror"] .logo h2{color:#f2e7eb;font-weight:900;text-shadow:0 0 22px rgba(157,49,84,.30)}
html[data-platform-theme="horror"] .nav-links-desktop a{color:#bca7b0;border-radius:2px;padding:9px 13px;font-weight:800}
html[data-platform-theme="horror"] .nav-links-desktop a:hover{color:#fff;background:#1a1118;box-shadow:inset 0 -2px #8d2948;transform:translateY(-1px)}
html[data-platform-theme="horror"] .theme-toggle{border-radius:2px;background:#160f15;border-color:#452634;color:#c75879}

html[data-platform-theme="horror"] .hero-section{
  width:min(1440px,calc(100% - 36px));min-height:610px;margin:20px auto 0;border:1px solid #3a202b;border-radius:2px;overflow:hidden;
  background:
    radial-gradient(ellipse at 76% 36%,rgba(109,29,54,.28),transparent 19rem),
    radial-gradient(ellipse at 42% 115%,rgba(96,96,108,.08),transparent 30rem),
    linear-gradient(110deg,#08070a 0 52%,#170c13 75%,#09070a 100%);
  box-shadow:0 30px 78px rgba(0,0,0,.52),inset 0 0 80px rgba(114,30,53,.08)
}
html[data-platform-theme="horror"] .hero-section::before{
  content:'';position:absolute;inset:auto -10% -38px -10%;height:150px;
  background:
    radial-gradient(ellipse at 12% 70%,rgba(200,200,210,.06),transparent 22%),
    radial-gradient(ellipse at 46% 66%,rgba(200,200,210,.07),transparent 26%),
    radial-gradient(ellipse at 78% 72%,rgba(200,200,210,.06),transparent 24%);
  filter:blur(14px);animation:horrorFog 12s ease-in-out infinite alternate;pointer-events:none
}
html[data-platform-theme="horror"] .hero-section::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 48%,transparent 45%,rgba(0,0,0,.56) 100%)
}
@keyframes horrorFog{from{transform:translateX(-3%)}to{transform:translateX(3%)}}
html[data-platform-theme="horror"] .hero-content{position:relative;z-index:2}
html[data-platform-theme="horror"] .welcome-badge{
  border:1px solid #5d293b;border-radius:2px;background:#170e14;color:#d67a96;letter-spacing:.2px;box-shadow:inset 3px 0 #8d2948
}
html[data-platform-theme="horror"] .huge-typography{
  color:#f5edf0;font-weight:900;line-height:1.04;letter-spacing:-1.6px;text-shadow:0 6px 35px rgba(0,0,0,.70),0 0 25px rgba(141,41,72,.15)
}
html[data-platform-theme="horror"] .teacher-name{color:#c75a78;text-shadow:0 0 22px rgba(157,49,84,.30)}
html[data-platform-theme="horror"] .hero-description{color:#b19ca5;line-height:2}
html[data-platform-theme="horror"] .h-stat{
  border:1px solid #3f2330;border-radius:2px;background:#120d12;color:#eadde2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.01)
}
html[data-platform-theme="horror"] .h-stat i{color:#bd4e70}
html[data-platform-theme="horror"] .hero-image-wrapper{
  border-radius:2px;padding:10px;background:#0b090c;border:1px solid #53263a;
  box-shadow:0 0 0 7px rgba(54,27,39,.28),0 30px 70px rgba(0,0,0,.55);position:relative
}
html[data-platform-theme="horror"] .hero-image-wrapper::before,
html[data-platform-theme="horror"] .hero-image-wrapper::after{content:'';position:absolute;width:62px;height:62px;border-color:#8d2948;z-index:2;pointer-events:none}
html[data-platform-theme="horror"] .hero-image-wrapper::before{right:-7px;top:-7px;border-right:2px solid;border-top:2px solid}
html[data-platform-theme="horror"] .hero-image-wrapper::after{left:-7px;bottom:-7px;border-left:2px solid;border-bottom:2px solid}
html[data-platform-theme="horror"] .teacher-animated-img{border-radius:0;filter:saturate(.62) contrast(1.08) brightness(.82)}
html[data-platform-theme="horror"] .primary-btn,
html[data-platform-theme="horror"] .v2-btn.primary{
  border:1px solid #713048;border-radius:2px;background:linear-gradient(135deg,#862a4a,#51203e);color:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.30),0 0 18px rgba(141,41,72,.11);font-weight:900
}
html[data-platform-theme="horror"] .primary-btn:hover,
html[data-platform-theme="horror"] .v2-btn.primary:hover{background:linear-gradient(135deg,#a33857,#6a2547);border-color:#9b4862;box-shadow:0 14px 34px rgba(0,0,0,.38),0 0 25px rgba(157,49,84,.22)}

html[data-platform-theme="horror"] .courses-section,
html[data-platform-theme="horror"] .home-leaderboard-section{padding-top:72px;padding-bottom:72px}
html[data-platform-theme="horror"] .section-title h2{color:#eee4e8;font-weight:900;text-shadow:0 0 16px rgba(141,41,72,.12)}
html[data-platform-theme="horror"] .section-title h2::after{content:' ◇';color:#8d2948;font-size:.65em}
html[data-platform-theme="horror"] .section-title p{color:#917f87}
html[data-platform-theme="horror"] .stage-title{
  border:0;border-bottom:1px solid #5b2a3c;border-radius:0;padding:8px 4px 10px;color:#e0cdd4;background:transparent
}
html[data-platform-theme="horror"] .course-card{
  border:1px solid #3c222e;border-radius:2px;background:linear-gradient(180deg,#140f14,#0d0a0d);overflow:hidden;position:relative;
  box-shadow:0 14px 36px rgba(0,0,0,.34)
}
html[data-platform-theme="horror"] .course-card::before,
html[data-platform-theme="horror"] .course-card::after{content:'';position:absolute;width:34px;height:34px;border-color:#6d2b42;z-index:4;pointer-events:none}
html[data-platform-theme="horror"] .course-card::before{right:7px;top:7px;border-right:1px solid;border-top:1px solid}
html[data-platform-theme="horror"] .course-card::after{left:7px;bottom:7px;border-left:1px solid;border-bottom:1px solid}
html[data-platform-theme="horror"] .course-card:hover{transform:translateY(-6px);border-color:#6d3046;box-shadow:0 22px 52px rgba(0,0,0,.46),0 0 25px rgba(141,41,72,.07)}
html[data-platform-theme="horror"] .course-thumb{margin:7px;border-radius:0;filter:grayscale(.35) saturate(.55) brightness(.72);transition:filter .3s}
html[data-platform-theme="horror"] .course-card:hover .course-thumb{filter:grayscale(.08) saturate(.72) brightness(.86)}
html[data-platform-theme="horror"] .course-details h3{color:#f0e5e9}
html[data-platform-theme="horror"] .course-badge{border-radius:2px;background:#21121a;color:#cb6b86;border:1px solid #53263a}
html[data-platform-theme="horror"] .course-price-tag{border-radius:2px;background:#1a1510;color:#c5a574;border:1px solid #4f412b}

html[data-platform-theme="horror"] .home-leaderboard-section{
  width:min(1440px,calc(100% - 36px));margin:38px auto;border-radius:2px;border:1px solid #3d222d;background:#0e0a0e;box-shadow:0 20px 55px rgba(0,0,0,.38)
}
html[data-platform-theme="horror"] .podium-card,
html[data-platform-theme="horror"] .other-ranks-container{border-radius:2px;background:#130e13;border-color:#402431;box-shadow:0 10px 30px rgba(0,0,0,.30)}
html[data-platform-theme="horror"] .podium-card.rank-1{border-top:2px solid #b89b6c}
html[data-platform-theme="horror"] .podium-card.rank-2{border-top:2px solid #7d6670}
html[data-platform-theme="horror"] .podium-card.rank-3{border-top:2px solid #84354d}
html[data-platform-theme="horror"] .podium-name{color:#efe4e8}

html[data-platform-theme="horror"] .sidebar{
  border:1px solid #39212b;border-radius:2px;background:#0d090d;box-shadow:0 18px 48px rgba(0,0,0,.42)
}
html[data-platform-theme="horror"] .sidebar .nav-links li{border-radius:2px;color:#a9949d;border-right:2px solid transparent}
html[data-platform-theme="horror"] .sidebar .nav-links li:hover{background:#1a1117;color:#eadde2;border-right-color:#7d2b48}
html[data-platform-theme="horror"] .sidebar .nav-links li.active{background:#23121b;color:#fff;border-right-color:#a83d5f;box-shadow:inset -5px 0 rgba(141,41,72,.28)}
html[data-platform-theme="horror"] .main-content{background:#0d0a0d;border:1px solid #33202a;border-radius:2px}
html[data-platform-theme="horror"] .welcome-banner{border-radius:2px;background:linear-gradient(125deg,#6d2441,#32162d 62%,#171019);box-shadow:0 18px 44px rgba(0,0,0,.38)}
html[data-platform-theme="horror"] .dash-info-card,
html[data-platform-theme="horror"] .v2-card,
html[data-platform-theme="horror"] .v2-form,
html[data-platform-theme="horror"] .v2-list-item,
html[data-platform-theme="horror"] .v2-table-wrap{
  border-radius:2px;background:#130e13;border-color:#39222c;box-shadow:0 8px 28px rgba(0,0,0,.24)
}
html[data-platform-theme="horror"] .form-group input,
html[data-platform-theme="horror"] .form-group select,
html[data-platform-theme="horror"] .form-control,
html[data-platform-theme="horror"] .v2-field input,
html[data-platform-theme="horror"] .v2-field select,
html[data-platform-theme="horror"] .v2-field textarea{background:#0b090c;border-color:#442632;color:#f0e5e9;border-radius:2px}
html[data-platform-theme="horror"] footer{
  width:min(1440px,calc(100% - 36px));margin:26px auto 16px;border-radius:2px;border-top:1px solid #6a2a42;background:#080608
}

/* --------------------------------------------------------------------------
   Competition / season elements inherit each theme identity.
   -------------------------------------------------------------------------- */
html[data-platform-theme="girls"] :is(.challenge-card-v1,.team-student-card,.season-card,.season-item-card){border-radius:24px!important;border-color:#ecd8e7!important;box-shadow:0 10px 28px rgba(133,73,121,.07)!important}
html[data-platform-theme="girls"] :is(.challenge-card-v1,.team-student-card,.season-card,.season-item-card):hover{border-color:#dfb8d3!important;transform:translateY(-3px)}
html[data-platform-theme="girls"] :is(.challenge-status-v1,.team-status,.comp-chip){border-radius:999px!important}

html[data-platform-theme="action"] :is(.challenge-card-v1,.team-student-card,.season-card,.season-item-card){border-radius:5px!important;background:#0d1e2d!important;border-color:#17405e!important;box-shadow:0 12px 30px rgba(0,0,0,.25)!important}
html[data-platform-theme="action"] :is(.challenge-card-v1,.team-student-card,.season-card,.season-item-card)::before{content:'';display:block;height:3px;background:linear-gradient(90deg,#16b8ff,#1455e7,#ff751a);margin:-1px -1px 10px}
html[data-platform-theme="action"] :is(.challenge-status-v1,.team-status,.comp-chip){border-radius:3px!important}

html[data-platform-theme="horror"] :is(.challenge-card-v1,.team-student-card,.season-card,.season-item-card){border-radius:2px!important;background:#130e13!important;border-color:#3d222e!important;box-shadow:0 14px 36px rgba(0,0,0,.33)!important}
html[data-platform-theme="horror"] :is(.challenge-status-v1,.team-status,.comp-chip){border-radius:2px!important}
html[data-platform-theme="horror"] .challenge-card-v1:hover{border-color:#6b2d44!important;box-shadow:0 18px 45px rgba(0,0,0,.42),0 0 20px rgba(141,41,72,.06)!important}

/* --------------------------------------------------------------------------
   Responsive tuning
   -------------------------------------------------------------------------- */
@media(max-width:992px){
  html[data-platform-theme="girls"] .main-navbar,
  html[data-platform-theme="girls"] .hero-section,
  html[data-platform-theme="girls"] .home-leaderboard-section,
  html[data-platform-theme="girls"] footer,
  html[data-platform-theme="action"] .main-navbar,
  html[data-platform-theme="action"] .hero-section,
  html[data-platform-theme="action"] .home-leaderboard-section,
  html[data-platform-theme="action"] footer,
  html[data-platform-theme="horror"] .main-navbar,
  html[data-platform-theme="horror"] .hero-section,
  html[data-platform-theme="horror"] .home-leaderboard-section,
  html[data-platform-theme="horror"] footer{width:calc(100% - 18px)}

  html[data-platform-theme="girls"] .hero-section{border-radius:28px 28px 56px 28px;min-height:auto}
  html[data-platform-theme="girls"] .hero-image-wrapper{max-width:390px;margin:auto}
  html[data-platform-theme="action"] .hero-section,
  html[data-platform-theme="horror"] .hero-section{min-height:auto}
  html[data-platform-theme="action"] .huge-typography{font-size:clamp(2.6rem,10vw,4.5rem)}
}

@media(max-width:640px){
  html[data-platform-theme="girls"] .main-navbar{border-radius:20px}
  html[data-platform-theme="girls"] .hero-section{border-radius:24px 24px 42px 24px}
  html[data-platform-theme="girls"] .course-card{border-radius:22px}
  html[data-platform-theme="action"] .hero-section::after{width:220px}
  html[data-platform-theme="action"] .hero-image-wrapper{box-shadow:8px 8px 0 rgba(255,117,26,.10),-7px -7px 0 rgba(22,184,255,.07)}
}

@media(prefers-reduced-motion:reduce){
  html[data-platform-theme="girls"] .hero-image-wrapper::before,
  html[data-platform-theme="horror"] .hero-section::before{animation:none!important}
}


/* ==========================================================================
   V6.1 — FULL IDENTITY THEMES
   الهدف: كل قالب يغيّر بنية وشخصية العناصر نفسها، لا الألوان فقط.
   يشمل: الأزرار، الكورس، الدرس، صفحة الكورس، الاختبارات، النتائج،
   النوافذ، البطاقات، الجداول، الملف الشخصي، التحديات والمواسم.
   ========================================================================== */

/* --------------------------------------------------------------------------
   GIRLS ELEGANT — Soft editorial / scrapbook identity
   -------------------------------------------------------------------------- */
html[data-platform-theme="girls"]{
  --theme-shape-radius:30px;
}
html[data-platform-theme="girls"] body{
  background:
    radial-gradient(circle at 12px 12px,rgba(194,82,154,.055) 1.5px,transparent 1.6px) 0 0/34px 34px,
    radial-gradient(circle at 88% 8%,rgba(139,92,199,.10),transparent 28rem),
    radial-gradient(circle at 8% 90%,rgba(72,169,153,.08),transparent 25rem),
    linear-gradient(180deg,#fffafd,#fff 68%,#fff9fc);
}
html[data-platform-theme="girls"] :is(.primary-btn,.v2-btn.primary,.lesson-details button,.course-details .primary-btn){
  border-radius:999px!important;
  min-height:44px;
  padding-inline:22px!important;
  letter-spacing:0!important;
}
html[data-platform-theme="girls"] .v2-btn:not(.primary){
  border-radius:999px!important;
  border:1px solid #ead4e4!important;
  background:#fff8fc!important;
  color:#8d477e!important;
}
html[data-platform-theme="girls"] .profile-img{
  border-radius:50%!important;
  border:4px solid #fff!important;
  outline:3px solid #e7b8d7;
  box-shadow:0 8px 24px rgba(170,79,145,.18)!important;
}

/* Course cards: scrapbook card + floating image */
html[data-platform-theme="girls"] .course-card{
  padding:10px 10px 0;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(194,82,154,.08),transparent 7rem),
    rgba(255,255,255,.96)!important;
}
html[data-platform-theme="girls"] .course-card::after{
  content:'';
  position:absolute;
  width:66px;height:18px;
  top:-2px;right:26px;
  background:rgba(255,231,244,.88);
  transform:rotate(4deg);
  border:1px solid rgba(194,82,154,.10);
  box-shadow:0 2px 5px rgba(116,65,105,.05);
  z-index:5;
}
html[data-platform-theme="girls"] .course-thumb{
  height:176px!important;
  margin:4px!important;
  border-radius:26px 26px 42px 26px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.30);
}
html[data-platform-theme="girls"] .course-details{
  padding:18px 14px 20px!important;
  background:transparent!important;
}
html[data-platform-theme="girls"] .course-details h3{
  font-size:19px!important;
  color:#5c3658!important;
}
html[data-platform-theme="girls"] .course-details p{
  color:#90718a!important;
}
html[data-platform-theme="girls"] .course-card .primary-btn{
  width:auto!important;
  align-self:center;
  min-width:150px;
}
html[data-platform-theme="girls"] .course-card:hover{
  transform:translateY(-9px) rotate(-.35deg)!important;
}

/* Course details page: elegant ribbon */
html[data-platform-theme="girls"] .course-details-header{
  position:relative;
  padding:22px 24px!important;
  border:1px solid #efd9e9!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#fffafd,#f8effa 55%,#eefaf7)!important;
  box-shadow:0 10px 30px rgba(135,78,124,.07);
}
html[data-platform-theme="girls"] .course-details-header::before{
  content:'✿';
  position:absolute;
  left:22px;top:-16px;
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#fff;
  color:#c2529a;
  border:1px solid #efd7e7;
  box-shadow:0 5px 16px rgba(135,78,124,.09);
}
html[data-platform-theme="girls"] .lessons-cards-grid{
  gap:18px!important;
}
html[data-platform-theme="girls"] .lesson-card{
  border-radius:27px!important;
  padding:10px;
  border:1px solid #ecd8e7!important;
  background:linear-gradient(180deg,#fff,#fff9fc)!important;
  box-shadow:0 10px 25px rgba(133,73,121,.07)!important;
}
html[data-platform-theme="girls"] .lesson-card::before{
  content:'';
  position:absolute;
  right:18px;left:18px;bottom:9px;height:8px;
  border-radius:999px;
  background:linear-gradient(90deg,#f5d5e9,#e9ddfb,#d6f3eb);
  opacity:.75;
}
html[data-platform-theme="girls"] .lesson-thumb{
  height:132px!important;
  margin:2px!important;
  border-radius:22px 22px 34px 22px!important;
}
html[data-platform-theme="girls"] .lesson-details{
  padding:16px 12px 20px!important;
  background:transparent!important;
}
html[data-platform-theme="girls"] .lesson-details h3{
  color:#5d3858!important;
  font-size:17px!important;
}
html[data-platform-theme="girls"] .lesson-badge{
  border-radius:999px!important;
  border:1px solid #ebcfe2!important;
  box-shadow:0 5px 15px rgba(139,70,120,.10);
}
html[data-platform-theme="girls"] .lesson-article{
  position:relative;
  border-radius:30px!important;
  border:1px solid #ecd9e8!important;
  background:
    linear-gradient(90deg,transparent 0 34px,rgba(194,82,154,.07) 35px,transparent 36px),
    repeating-linear-gradient(180deg,transparent 0 41px,rgba(139,92,199,.055) 42px,transparent 43px),
    #fffdfd!important;
  padding:34px 34px 34px 48px!important;
  box-shadow:0 14px 35px rgba(133,73,121,.07)!important;
}
html[data-platform-theme="girls"] .lesson-article::before{
  content:'✦';
  position:absolute;right:18px;top:15px;color:#c2529a;font-size:20px;
}
html[data-platform-theme="girls"] #lesson-rich-text img{
  border-radius:24px!important;
  border:5px solid #fff;
  outline:1px solid #ead4e4;
}

/* Girls quizzes: friendly rounded cards */
html[data-platform-theme="girls"] :is(.unified-quiz-block,.lesson-tests-v5){
  border-radius:28px!important;
  background:linear-gradient(135deg,#fffafd,#f9f0fb)!important;
  border-color:#edd8e7!important;
}
html[data-platform-theme="girls"] :is(.legacy-quiz-card,.lesson-test-v5-card){
  border-radius:22px!important;
  background:#fff!important;
  border-color:#edd9e8!important;
  box-shadow:0 7px 20px rgba(133,73,121,.06);
}
html[data-platform-theme="girls"] .quiz-container{
  position:relative;
  border-radius:34px!important;
  border:1px solid #ecd6e5!important;
  padding:36px 28px!important;
  background:
    radial-gradient(circle at 95% 5%,rgba(194,82,154,.09),transparent 12rem),
    #fffdfd!important;
  box-shadow:0 18px 46px rgba(133,73,121,.10)!important;
}
html[data-platform-theme="girls"] .quiz-container::before{
  content:'';
  position:absolute;right:22px;left:22px;top:0;height:6px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#c2529a,#8b5cc7,#48a999);
}
html[data-platform-theme="girls"] .timer-box{
  border-radius:999px!important;
  background:#fff3f7!important;
  border-color:#f4cbdc!important;
  color:#b74d7f!important;
}
html[data-platform-theme="girls"] .quiz-progress-bar{
  height:10px!important;border-radius:999px!important;background:#f4e7f0!important;
}
html[data-platform-theme="girls"] .option-card{
  position:relative;
  border-radius:22px!important;
  border:1px solid #e9d7e5!important;
  background:#fff9fc!important;
  padding:18px 22px 18px 54px!important;
}
html[data-platform-theme="girls"] .option-card::before{
  content:'✿';
  position:absolute;left:18px;top:50%;transform:translateY(-50%);
  color:#c2529a;opacity:.55;font-size:17px;
}
html[data-platform-theme="girls"] .option-card:hover{
  transform:translateY(-2px)!important;
  background:#fff!important;
  border-color:#dcaaca!important;
}
html[data-platform-theme="girls"] .option-card.selected{
  transform:translateY(-2px)!important;
  background:linear-gradient(135deg,#c2529a,#8b5cc7)!important;
  border-color:transparent!important;
}
html[data-platform-theme="girls"] .quiz-result-card{
  border-radius:38px!important;
  background:linear-gradient(135deg,#fffafd,#f6effb,#eefaf7)!important;
  border-color:#ead5e5!important;
}
html[data-platform-theme="girls"] .modal-content{
  border-radius:34px!important;
  border:1px solid #ead5e5!important;
  box-shadow:0 28px 70px rgba(109,59,99,.20)!important;
}
html[data-platform-theme="girls"] .close-modal-btn{
  border-radius:50%!important;background:#fff4fa!important;color:#a94384!important;
}

/* --------------------------------------------------------------------------
   ACTION X — tactical / esports identity
   -------------------------------------------------------------------------- */
html[data-platform-theme="action"] body{
  background:
    linear-gradient(115deg,transparent 0 72%,rgba(255,117,26,.025) 72% 73%,transparent 73%),
    linear-gradient(25deg,rgba(22,184,255,.035) 1px,transparent 1px) 0 0/44px 44px,
    radial-gradient(circle at 82% 3%,rgba(20,85,231,.17),transparent 31rem),
    #07111c!important;
}
html[data-platform-theme="action"] :is(.primary-btn,.v2-btn.primary,.lesson-details button,.course-details .primary-btn){
  border-radius:3px!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  min-height:44px;
  font-weight:900!important;
  letter-spacing:.25px;
  background:linear-gradient(100deg,#0da8ef,#1455e7 60%,#ff751a 140%)!important;
  border:1px solid #1d80b4!important;
}
html[data-platform-theme="action"] .v2-btn:not(.primary){
  border-radius:2px!important;
  background:#0a1b29!important;
  border:1px solid #1a4868!important;
  color:#d8efff!important;
}
html[data-platform-theme="action"] .profile-img{
  border-radius:0!important;
  clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);
  border:0!important;
  outline:2px solid #16b8ff;
  background:#081725;
  padding:3px;
  box-shadow:0 0 0 5px rgba(22,184,255,.08),0 0 22px rgba(22,184,255,.18)!important;
}

/* Action course cards = tactical panels */
html[data-platform-theme="action"] .course-card{
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
  border:1px solid #194b6c!important;
  background:#0b1b29!important;
  box-shadow:8px 8px 0 rgba(4,12,20,.52)!important;
}
html[data-platform-theme="action"] .course-card::after{
  content:'';
  position:absolute;right:0;top:0;width:80px;height:5px;
  background:#ff751a;box-shadow:-98px 0 0 #16b8ff;
  z-index:5;
}
html[data-platform-theme="action"] .course-thumb{
  height:204px!important;
  margin:0!important;
  border-radius:0!important;
  filter:saturate(.92) contrast(1.08);
}
html[data-platform-theme="action"] .course-thumb::after{
  background:
    linear-gradient(180deg,transparent 30%,rgba(5,14,23,.88)),
    linear-gradient(110deg,transparent 0 68%,rgba(22,184,255,.12) 68% 70%,transparent 70%)!important;
}
html[data-platform-theme="action"] .course-details{
  position:relative;
  text-align:right!important;
  padding:18px 18px 20px!important;
  background:#0c1c2a!important;
  border-top:1px solid #1a405b;
}
html[data-platform-theme="action"] .course-details::before{
  content:'';
  position:absolute;right:18px;top:-1px;width:58px;height:3px;background:#16b8ff;
}
html[data-platform-theme="action"] .course-details h3{
  color:#f5fbff!important;
  font-size:19px!important;
  text-transform:none;
}
html[data-platform-theme="action"] .course-details p{color:#91afc5!important}
html[data-platform-theme="action"] .course-card:hover{
  transform:translateY(-7px) translateX(-2px)!important;
  box-shadow:12px 12px 0 rgba(2,8,14,.48),0 0 0 1px rgba(22,184,255,.10)!important;
}

/* Action course page = command center */
html[data-platform-theme="action"] .course-details-header{
  position:relative;
  border:1px solid #1b4b6a!important;
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);
  padding:22px 24px!important;
  background:
    linear-gradient(100deg,rgba(22,184,255,.08),transparent 28%),
    #0a1a28!important;
  box-shadow:0 14px 36px rgba(0,0,0,.24);
}
html[data-platform-theme="action"] .course-details-header::before{
  content:'';
  position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#16b8ff 0 55%,#ff751a 55% 70%,transparent 70%);
}
html[data-platform-theme="action"] .lessons-cards-grid{
  gap:15px!important;
}
@media(min-width:900px){
  html[data-platform-theme="action"] .lessons-cards-grid{
    grid-template-columns:repeat(auto-fill,minmax(360px,1fr))!important;
  }
  html[data-platform-theme="action"] .lesson-card{
    display:grid!important;
    grid-template-columns:132px minmax(0,1fr);
    min-height:142px;
  }
  html[data-platform-theme="action"] .lesson-thumb{
    height:100%!important;
    min-height:142px;
  }
}
html[data-platform-theme="action"] .lesson-card{
  border-radius:0!important;
  border:1px solid #17425f!important;
  background:#0b1b29!important;
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));
  box-shadow:6px 6px 0 rgba(2,8,14,.32)!important;
}
html[data-platform-theme="action"] .lesson-card::after{
  content:'';
  position:absolute;right:0;bottom:0;width:50px;height:3px;background:#ff751a;
}
html[data-platform-theme="action"] .lesson-thumb{
  border-radius:0!important;
  margin:0!important;
  filter:saturate(.90) contrast(1.1);
}
html[data-platform-theme="action"] .lesson-details{
  align-items:flex-start!important;
  text-align:right!important;
  justify-content:center;
  padding:17px!important;
  background:#0d1f2e!important;
  border-right:1px solid #173c55;
}
html[data-platform-theme="action"] .lesson-details h3{
  color:#f0f8ff!important;
  font-size:16px!important;
}
html[data-platform-theme="action"] .lesson-badge{
  border-radius:2px!important;
  border:1px solid #1e6c96!important;
  background:#071622!important;
  color:#16b8ff!important;
}
html[data-platform-theme="action"] .lesson-article{
  position:relative;
  border-radius:0!important;
  border:1px solid #17435e!important;
  border-right:5px solid #16b8ff!important;
  background:
    repeating-linear-gradient(0deg,transparent 0 31px,rgba(22,184,255,.025) 32px),
    #0b1824!important;
  color:#d9e8f3!important;
  box-shadow:10px 10px 0 rgba(1,7,12,.24)!important;
}
html[data-platform-theme="action"] .lesson-article::before{
  content:'DATA // LESSON';
  display:block;
  margin:-10px 0 20px;
  color:#16b8ff;
  font:800 11px/1.4 monospace;
  letter-spacing:1.5px;
}
html[data-platform-theme="action"] #lesson-rich-text img{
  border-radius:0!important;
  border:1px solid #1b4d6c;
  box-shadow:8px 8px 0 rgba(0,0,0,.25)!important;
}

/* Action quiz = mission interface */
html[data-platform-theme="action"] :is(.unified-quiz-block,.lesson-tests-v5){
  border-radius:0!important;
  border:1px solid #17445f!important;
  background:#0b1b29!important;
  box-shadow:8px 8px 0 rgba(0,0,0,.18)!important;
}
html[data-platform-theme="action"] :is(.legacy-quiz-card,.lesson-test-v5-card){
  border-radius:0!important;
  border:1px solid #1b4b69!important;
  background:#0a1824!important;
  position:relative;
}
html[data-platform-theme="action"] :is(.legacy-quiz-card,.lesson-test-v5-card)::before{
  content:'';
  position:absolute;right:0;top:0;width:36px;height:3px;background:#ff751a;
}
html[data-platform-theme="action"] .quiz-container{
  position:relative;
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));
  border:1px solid #19506f!important;
  background:
    repeating-linear-gradient(0deg,transparent 0 39px,rgba(22,184,255,.025) 40px),
    #091824!important;
  box-shadow:14px 14px 0 rgba(0,0,0,.30)!important;
}
html[data-platform-theme="action"] .quiz-container::before{
  content:'MISSION TEST';
  position:absolute;right:24px;top:12px;
  color:#16b8ff;opacity:.55;
  font:800 10px/1 monospace;letter-spacing:2px;
}
html[data-platform-theme="action"] .quiz-header{
  border-bottom:1px solid #1a4b68!important;
  padding-top:14px;
}
html[data-platform-theme="action"] .timer-box{
  border-radius:2px!important;
  background:#1a1210!important;
  color:#ff8a3d!important;
  border-color:#6c3a1c!important;
}
html[data-platform-theme="action"] .quiz-progress-bar{
  height:7px!important;border-radius:0!important;background:#102637!important;
}
html[data-platform-theme="action"] .progress-fill{
  border-radius:0!important;
  background:linear-gradient(90deg,#16b8ff,#1455e7,#ff751a)!important;
}
html[data-platform-theme="action"] .question-tracker{
  color:#ff9a56!important;
  font-family:monospace;
  letter-spacing:.8px;
}
html[data-platform-theme="action"] .option-card{
  position:relative;
  border-radius:0!important;
  border:1px solid #194963!important;
  border-right:4px solid #194963!important;
  background:#0b1d2b!important;
  color:#e8f4fb!important;
  padding:18px 62px 18px 18px!important;
}
html[data-platform-theme="action"] .option-card::before{
  position:absolute;right:18px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;display:grid;place-items:center;
  border:1px solid #1e6a91;color:#16b8ff;background:#071622;
  font:900 12px monospace;
}
html[data-platform-theme="action"] .option-card:nth-child(1)::before{content:'A'}
html[data-platform-theme="action"] .option-card:nth-child(2)::before{content:'B'}
html[data-platform-theme="action"] .option-card:nth-child(3)::before{content:'C'}
html[data-platform-theme="action"] .option-card:nth-child(4)::before{content:'D'}
html[data-platform-theme="action"] .option-card:nth-child(n+5)::before{content:'+'}
html[data-platform-theme="action"] .option-card:hover{
  transform:translateX(-3px)!important;
  border-color:#1f8dc0!important;
  border-right-color:#ff751a!important;
}
html[data-platform-theme="action"] .option-card.selected{
  background:linear-gradient(90deg,#0b2e48,#103b61)!important;
  border-color:#16b8ff!important;
  border-right-color:#ff751a!important;
  transform:translateX(-3px)!important;
}
html[data-platform-theme="action"] .quiz-result-card{
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));
  background:#0a1824!important;
  border:1px solid #1c4e6d!important;
  box-shadow:12px 12px 0 rgba(0,0,0,.28)!important;
}
html[data-platform-theme="action"] .modal-content{
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
  border:1px solid #1b4c69!important;
  background:#0a1825!important;
}
html[data-platform-theme="action"] .close-modal-btn{
  border-radius:2px!important;background:#071622!important;border-color:#1d5f84!important;color:#16b8ff!important;
}

/* --------------------------------------------------------------------------
   DARK MYSTERY — cinematic archive / gothic document identity
   -------------------------------------------------------------------------- */
html[data-platform-theme="horror"] body{
  background:
    radial-gradient(ellipse at 50% -12%,rgba(110,35,63,.24),transparent 28rem),
    radial-gradient(ellipse at 8% 65%,rgba(73,38,83,.13),transparent 24rem),
    repeating-linear-gradient(90deg,rgba(255,255,255,.006) 0 1px,transparent 1px 5px),
    #080608!important;
}
html[data-platform-theme="horror"] :is(.primary-btn,.v2-btn.primary,.lesson-details button,.course-details .primary-btn){
  border-radius:0!important;
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);
  min-height:44px;
  border:1px solid #713048!important;
  background:linear-gradient(135deg,#7d2947,#4e1c37)!important;
  color:#fff!important;
  letter-spacing:.2px;
}
html[data-platform-theme="horror"] .v2-btn:not(.primary){
  border-radius:0!important;
  background:#120c11!important;
  color:#d8c4cc!important;
  border:1px solid #432532!important;
}
html[data-platform-theme="horror"] .profile-img{
  border-radius:0!important;
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);
  border:1px solid #6d2b42!important;
  outline:4px solid rgba(70,35,49,.42);
  filter:grayscale(.20) contrast(1.05) brightness(.88);
  box-shadow:0 12px 28px rgba(0,0,0,.46)!important;
}

/* Horror course = sealed archive */
html[data-platform-theme="horror"] .course-card{
  padding:8px;
  border:1px solid #472531!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 18%),
    #0f0b0f!important;
  box-shadow:0 18px 42px rgba(0,0,0,.44)!important;
}
html[data-platform-theme="horror"] .course-card::before{
  right:4px!important;top:4px!important;width:42px!important;height:42px!important;
  border-right:2px solid #7a3049!important;border-top:2px solid #7a3049!important;
}
html[data-platform-theme="horror"] .course-card::after{
  left:4px!important;bottom:4px!important;width:42px!important;height:42px!important;
  border-left:2px solid #542536!important;border-bottom:2px solid #542536!important;
}
html[data-platform-theme="horror"] .course-thumb{
  height:184px!important;
  margin:0!important;
  border:1px solid #39212b;
  box-shadow:inset 0 0 35px rgba(0,0,0,.55);
}
html[data-platform-theme="horror"] .course-details{
  position:relative;
  background:#100c10!important;
  padding:22px 16px 20px!important;
  border-top:1px solid #3a222c;
}
html[data-platform-theme="horror"] .course-details::before{
  content:'◆';
  position:absolute;right:50%;top:-10px;transform:translateX(50%);
  width:23px;height:23px;display:grid;place-items:center;
  background:#100c10;color:#8d2948;border:1px solid #482532;
  font-size:9px;
}
html[data-platform-theme="horror"] .course-details h3{
  color:#efe4e8!important;
  font-family:"Noto Kufi Arabic","Cairo",sans-serif;
  letter-spacing:.15px;
}
html[data-platform-theme="horror"] .course-details p{color:#9f8d95!important}
html[data-platform-theme="horror"] .course-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 25px 58px rgba(0,0,0,.55),0 0 28px rgba(141,41,72,.07)!important;
}

/* Horror course page = archive file */
html[data-platform-theme="horror"] .course-details-header{
  position:relative;
  border:1px solid #452431!important;
  border-right:4px solid #7b2d49!important;
  border-radius:0!important;
  padding:24px!important;
  background:
    linear-gradient(90deg,rgba(125,45,73,.08),transparent 28%),
    #0e0a0e!important;
  box-shadow:0 18px 45px rgba(0,0,0,.34);
}
html[data-platform-theme="horror"] .course-details-header::before,
html[data-platform-theme="horror"] .course-details-header::after{
  content:'';
  position:absolute;width:48px;height:25px;border-color:#67283e;pointer-events:none;
}
html[data-platform-theme="horror"] .course-details-header::before{right:7px;top:7px;border-right:1px solid;border-top:1px solid}
html[data-platform-theme="horror"] .course-details-header::after{left:7px;bottom:7px;border-left:1px solid;border-bottom:1px solid}
html[data-platform-theme="horror"] .lessons-cards-grid{
  gap:17px!important;
}
html[data-platform-theme="horror"] .lesson-card{
  border-radius:0!important;
  border:1px solid #3f222e!important;
  background:#100c10!important;
  padding:7px;
  box-shadow:0 15px 36px rgba(0,0,0,.32)!important;
}
html[data-platform-theme="horror"] .lesson-card::before,
html[data-platform-theme="horror"] .lesson-card::after{
  content:'';
  position:absolute;width:28px;height:28px;z-index:4;pointer-events:none;
}
html[data-platform-theme="horror"] .lesson-card::before{right:4px;top:4px;border-right:1px solid #743047;border-top:1px solid #743047}
html[data-platform-theme="horror"] .lesson-card::after{left:4px;bottom:4px;border-left:1px solid #4d2836;border-bottom:1px solid #4d2836}
html[data-platform-theme="horror"] .lesson-thumb{
  height:128px!important;
  margin:0!important;
  border-radius:0!important;
  filter:grayscale(.46) sepia(.06) saturate(.48) brightness(.68)!important;
}
html[data-platform-theme="horror"] .lesson-card:hover .lesson-thumb{
  filter:grayscale(.18) saturate(.62) brightness(.80)!important;
}
html[data-platform-theme="horror"] .lesson-details{
  background:#0f0b0f!important;
  border-top:1px solid #38212b;
  padding:18px 13px!important;
}
html[data-platform-theme="horror"] .lesson-details h3{
  color:#e8dce1!important;
  font-size:16px!important;
}
html[data-platform-theme="horror"] .lesson-badge{
  border-radius:0!important;
  background:#100c10!important;
  color:#bd5b79!important;
  border:1px solid #57283a!important;
}
html[data-platform-theme="horror"] .lesson-article{
  position:relative;
  border-radius:0!important;
  border:1px solid #3e232d!important;
  border-right:4px solid #6f2942!important;
  background:
    radial-gradient(circle at 8% 12%,rgba(111,41,66,.07),transparent 12rem),
    #0f0b0f!important;
  color:#d7c7cd!important;
  box-shadow:0 20px 48px rgba(0,0,0,.34)!important;
}
html[data-platform-theme="horror"] .lesson-article::before{
  content:'◇';
  position:absolute;left:17px;top:13px;color:#762e47;font-size:18px;
}
html[data-platform-theme="horror"] #lesson-rich-text img{
  border-radius:0!important;
  border:1px solid #4a2633;
  filter:saturate(.65) brightness(.82);
  box-shadow:0 18px 35px rgba(0,0,0,.36)!important;
}

/* Horror quizzes = sealed chamber */
html[data-platform-theme="horror"] :is(.unified-quiz-block,.lesson-tests-v5){
  border-radius:0!important;
  border:1px solid #40232f!important;
  background:#0e0a0e!important;
}
html[data-platform-theme="horror"] :is(.legacy-quiz-card,.lesson-test-v5-card){
  border-radius:0!important;
  border:1px solid #442531!important;
  background:#120d12!important;
  box-shadow:0 9px 24px rgba(0,0,0,.26);
}
html[data-platform-theme="horror"] .quiz-container{
  position:relative;
  border-radius:0!important;
  border:1px solid #472633!important;
  border-right:5px solid #7d2b48!important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(112,39,65,.10),transparent 16rem),
    #0d090d!important;
  box-shadow:0 28px 65px rgba(0,0,0,.45)!important;
}
html[data-platform-theme="horror"] .quiz-container::before,
html[data-platform-theme="horror"] .quiz-container::after{
  content:'';
  position:absolute;width:55px;height:32px;border-color:#6c2940;pointer-events:none;
}
html[data-platform-theme="horror"] .quiz-container::before{right:8px;top:8px;border-right:1px solid;border-top:1px solid}
html[data-platform-theme="horror"] .quiz-container::after{left:8px;bottom:8px;border-left:1px solid;border-bottom:1px solid}
html[data-platform-theme="horror"] .quiz-header{
  border-bottom:1px solid #43242f!important;
}
html[data-platform-theme="horror"] .timer-box{
  border-radius:0!important;
  background:#180c11!important;
  color:#d46986!important;
  border-color:#5c2739!important;
}
html[data-platform-theme="horror"] .quiz-progress-bar{
  height:6px!important;border-radius:0!important;background:#26141c!important;
}
html[data-platform-theme="horror"] .progress-fill{
  border-radius:0!important;background:linear-gradient(90deg,#4a1c32,#8d2948,#b25872)!important;
}
html[data-platform-theme="horror"] .question-tracker{
  color:#9c7b87!important;letter-spacing:.3px;
}
html[data-platform-theme="horror"] .option-card{
  position:relative;
  border-radius:0!important;
  border:1px solid #3f222e!important;
  background:#120d12!important;
  color:#ddcfd4!important;
  padding:18px 50px 18px 18px!important;
}
html[data-platform-theme="horror"] .option-card::before{
  content:'◇';
  position:absolute;right:18px;top:50%;transform:translateY(-50%);
  color:#7e3049;font-size:13px;
}
html[data-platform-theme="horror"] .option-card:hover{
  transform:translateX(-2px)!important;
  border-color:#6d3046!important;
  background:#171016!important;
}
html[data-platform-theme="horror"] .option-card.selected{
  transform:translateX(-2px)!important;
  background:linear-gradient(90deg,#3f1628,#681f3a)!important;
  border-color:#8b3a55!important;
}
html[data-platform-theme="horror"] .quiz-result-card{
  border-radius:0!important;
  border:1px solid #472531!important;
  background:#0e0a0e!important;
  box-shadow:0 28px 64px rgba(0,0,0,.47)!important;
}
html[data-platform-theme="horror"] .quiz-result-card::before{
  background:radial-gradient(circle,rgba(139,41,72,.10),transparent 45%)!important;
}
html[data-platform-theme="horror"] .modal-content{
  border-radius:0!important;
  border:1px solid #472633!important;
  background:#0d090d!important;
  box-shadow:0 32px 80px rgba(0,0,0,.58)!important;
}
html[data-platform-theme="horror"] .close-modal-btn{
  border-radius:0!important;background:#140d12!important;border-color:#57283a!important;color:#c26a84!important;
}

/* --------------------------------------------------------------------------
   Dashboard cards and data surfaces — each theme gets its own physical feel
   -------------------------------------------------------------------------- */
html[data-platform-theme="girls"] .dash-info-card{
  border-radius:26px!important;
  background:linear-gradient(145deg,#fff,#fff8fc)!important;
}
html[data-platform-theme="girls"] .dash-info-card i{
  width:48px;height:48px;border-radius:18px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#fae6f2,#eee4ff);
  color:#b64b8b;
}
html[data-platform-theme="action"] .dash-info-card{
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);
  background:#0b1b29!important;
  border-right:4px solid #16b8ff!important;
}
html[data-platform-theme="action"] .dash-info-card i{
  width:46px;height:46px;border-radius:0;
  display:grid;place-items:center;
  background:#071622;color:#16b8ff;border:1px solid #1b587a;
}
html[data-platform-theme="horror"] .dash-info-card{
  border-radius:0!important;
  background:#110c10!important;
  border-right:3px solid #6d2942!important;
}
html[data-platform-theme="horror"] .dash-info-card i{
  width:46px;height:46px;border-radius:0;
  display:grid;place-items:center;
  background:#0a080a;color:#b65373;border:1px solid #472431;
}

/* Data tables */
html[data-platform-theme="girls"] :is(.admin-table-container,.v2-table-wrap){
  border-radius:24px!important;overflow:hidden;
}
html[data-platform-theme="girls"] :is(.admin-table,.v2-table) th{
  background:#fbf1f8!important;color:#75516e!important;
}
html[data-platform-theme="action"] :is(.admin-table-container,.v2-table-wrap){
  border-radius:0!important;border-color:#19445f!important;background:#091824!important;
}
html[data-platform-theme="action"] :is(.admin-table,.v2-table) th{
  background:#0b2436!important;color:#66cff8!important;border-color:#19445f!important;
}
html[data-platform-theme="horror"] :is(.admin-table-container,.v2-table-wrap){
  border-radius:0!important;border-color:#3e222e!important;background:#0d090d!important;
}
html[data-platform-theme="horror"] :is(.admin-table,.v2-table) th{
  background:#160f14!important;color:#bd96a4!important;border-color:#3e222e!important;
}

/* Competition hero identity */
html[data-platform-theme="girls"] :is(.challenge-v1-hero,.team-student-hero){
  border-radius:34px!important;
  background:linear-gradient(135deg,#c2529a,#8b5cc7 55%,#48a999)!important;
}
html[data-platform-theme="action"] :is(.challenge-v1-hero,.team-student-hero){
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));
  background:
    linear-gradient(110deg,rgba(22,184,255,.18),transparent 35%),
    linear-gradient(135deg,#081725,#102f4c 60%,#151b22)!important;
  border:1px solid #1b5676;
}
html[data-platform-theme="action"] :is(.challenge-v1-hero,.team-student-hero)::after{
  content:'';
  position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,#16b8ff,#1455e7,#ff751a);
}
html[data-platform-theme="horror"] :is(.challenge-v1-hero,.team-student-hero){
  border-radius:0!important;
  background:
    radial-gradient(circle at 80% 20%,rgba(126,42,70,.18),transparent 14rem),
    linear-gradient(135deg,#160d14,#25101d 58%,#0c090c)!important;
  border:1px solid #512737;
  box-shadow:0 22px 55px rgba(0,0,0,.44)!important;
}

/* --------------------------------------------------------------------------
   Responsive structure differences
   -------------------------------------------------------------------------- */
@media(max-width:700px){
  html[data-platform-theme="girls"] .lesson-card{padding:7px}
  html[data-platform-theme="girls"] .lesson-thumb{height:104px!important}
  html[data-platform-theme="girls"] .lesson-article{padding:24px 18px!important}
  html[data-platform-theme="action"] .course-card,
  html[data-platform-theme="action"] .lesson-card,
  html[data-platform-theme="action"] .quiz-container{clip-path:none}
  html[data-platform-theme="action"] .lesson-details{border-right:0}
  html[data-platform-theme="horror"] .course-card{padding:5px}
  html[data-platform-theme="horror"] .lesson-article{padding:24px 16px!important}
}

@media(prefers-reduced-motion:reduce){
  html[data-platform-theme="girls"] .course-card:hover,
  html[data-platform-theme="action"] .course-card:hover,
  html[data-platform-theme="horror"] .course-card:hover,
  html[data-platform-theme="girls"] .option-card:hover,
  html[data-platform-theme="action"] .option-card:hover,
  html[data-platform-theme="horror"] .option-card:hover{
    transform:none!important;
  }
}