/*
 * SegalHub Kids v3.0
 * Bright, readable and touch-friendly public experience.
 * Admin pages intentionally keep the professional dark theme.
 */

:root{
  --kid-ink:#24324a;
  --kid-muted:#6f7c96;
  --kid-blue:#5c7cfa;
  --kid-blue-dark:#4057c9;
  --kid-sky:#dff3ff;
  --kid-pink:#ff7aa8;
  --kid-yellow:#ffc857;
  --kid-green:#42c69b;
  --kid-orange:#ff9f5a;
  --kid-purple:#8b6de9;
  --kid-card:#ffffff;
  --kid-line:#e4eaf4;
  --kid-shadow:0 22px 65px rgba(57,77,118,.16);
  --kid-shadow-soft:0 12px 34px rgba(57,77,118,.11);
}

.page-home,.page-join,.page-quiz,.page-results,.page-display,.page-wheel{
  color:var(--kid-ink)!important;
  background:
    radial-gradient(circle at 9% 8%,rgba(255,200,87,.28),transparent 18%),
    radial-gradient(circle at 91% 13%,rgba(255,122,168,.20),transparent 20%),
    radial-gradient(circle at 82% 88%,rgba(66,198,155,.18),transparent 22%),
    linear-gradient(145deg,#f8fcff 0%,#eef7ff 48%,#fff8ed 100%)!important;
}
.page-home::before,.page-join::before,.page-quiz::before,.page-results::before,.page-display::before,.page-wheel::before,
.page-home::after,.page-join::after,.page-quiz::after,.page-results::after,.page-display::after,.page-wheel::after{
  content:"";position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(2px)
}
.page-home::before,.page-join::before,.page-quiz::before,.page-results::before,.page-display::before,.page-wheel::before{
  width:180px;height:180px;left:-70px;bottom:8%;background:rgba(92,124,250,.09);border:24px solid rgba(92,124,250,.055)
}
.page-home::after,.page-join::after,.page-quiz::after,.page-results::after,.page-display::after,.page-wheel::after{
  width:130px;height:130px;right:-35px;top:18%;background:rgba(255,122,168,.075);border:18px solid rgba(255,122,168,.05)
}
.page-home>*:not(.stars),.page-join>*,.page-quiz>*,.page-results>*,.page-display>*,.page-wheel>*{position:relative;z-index:1}
.page-home .stars,.page-display #stars,.page-wheel .particles{opacity:.18!important}

/* Shared language control */
.page-home .lang-btn,.page-join .lang-btn,.page-quiz .lang-btn,.page-results .lang-btn,.page-display .lang-btn{
  background:#fff!important;color:var(--kid-blue-dark)!important;border:1px solid var(--kid-line)!important;
  box-shadow:0 7px 22px rgba(57,77,118,.12)!important;font-weight:900!important
}

/* ---------------- Home ---------------- */
.page-home nav{
  height:70px!important;padding:0 clamp(14px,4vw,38px)!important;background:rgba(255,255,255,.86)!important;
  border-bottom:1px solid rgba(88,110,158,.12)!important;box-shadow:0 10px 35px rgba(55,75,112,.08)!important
}
.page-home .nav-logo{color:var(--kid-blue-dark)!important;font-family:'Tajawal',sans-serif!important;font-weight:900!important}
.page-home .nav-logo img{width:38px!important;height:38px!important;background:#fff;border-radius:12px;padding:4px;box-shadow:0 7px 18px rgba(58,78,119,.14)}
.page-home .nav-admin{background:#f4f7ff!important;border-color:#dce4f5!important;color:#5f6c85!important;border-radius:14px!important;padding:9px 15px!important}
.page-home .nav-admin:hover{background:#eaf0ff!important;color:var(--kid-blue-dark)!important;border-color:#bdcaf0!important}
.page-home .hero{
  min-height:94dvh!important;padding:116px 20px 72px!important;
  background:
    radial-gradient(circle at 50% 28%,rgba(255,255,255,.95),transparent 35%),
    linear-gradient(180deg,rgba(222,244,255,.72),rgba(255,255,255,.24))!important
}
.page-home .hero::before{content:"⭐";position:absolute;top:18%;left:12%;font-size:clamp(24px,4vw,45px);transform:rotate(-14deg);filter:drop-shadow(0 8px 14px rgba(255,174,42,.25));animation:kidFloat 4s ease-in-out infinite}
.page-home .hero::after{content:"🚀";position:absolute;right:9%;bottom:23%;font-size:clamp(32px,5vw,58px);transform:rotate(-12deg);filter:drop-shadow(0 12px 20px rgba(92,124,250,.22));animation:kidFloat 4.7s ease-in-out infinite reverse}
@keyframes kidFloat{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-13px) rotate(4deg)}}
.page-home .hero-badge{background:#fff!important;color:#5365b9!important;border-color:#dbe4ff!important;box-shadow:var(--kid-shadow-soft)!important;padding:8px 17px!important}
.page-home .bdot{background:var(--kid-green)!important}
.page-home .hero-icon{
  width:148px;height:148px;display:grid!important;place-items:center;background:#fff;border-radius:42px!important;
  border:7px solid rgba(255,255,255,.75);box-shadow:0 24px 55px rgba(71,91,137,.17),0 0 0 1px rgba(96,119,169,.08)!important
}
.page-home .hero-icon img{width:108px!important;height:108px!important}
.page-home h1{
  font-family:'Tajawal',sans-serif!important;font-size:clamp(3rem,10vw,6.2rem)!important;font-weight:900!important;
  background:linear-gradient(120deg,var(--kid-blue-dark),var(--kid-purple) 45%,var(--kid-pink) 75%,var(--kid-orange))!important;
  -webkit-background-clip:text!important;background-clip:text!important;letter-spacing:0!important
}
.page-home .hero-sub{color:#63718c!important;font-size:clamp(1rem,2.4vw,1.28rem)!important;max-width:660px!important;font-weight:500;line-height:1.95!important}
.page-home .btn-join{
  min-height:58px!important;padding:16px 34px!important;border-radius:18px!important;color:#fff!important;
  background:linear-gradient(135deg,var(--kid-blue-dark),var(--kid-blue))!important;
  box-shadow:0 14px 28px rgba(78,101,211,.28)!important
}
.page-home .btn-join:hover{box-shadow:0 18px 38px rgba(78,101,211,.34)!important}
.page-home .btn-ghost{min-height:58px!important;padding:15px 30px!important;border-radius:18px!important;background:#fff!important;color:#53617c!important;border-color:#dce4f1!important;box-shadow:var(--kid-shadow-soft)!important}
.page-home .hero-icons{gap:12px!important;max-width:700px!important}
.page-home .hico{
  min-width:110px;padding:13px 12px;background:rgba(255,255,255,.86);border:1px solid rgba(92,110,155,.12);
  border-radius:19px;box-shadow:0 10px 25px rgba(63,82,124,.08)
}
.page-home .hico-e{font-size:1.9rem!important}.page-home .hico-l{color:#6d7890!important;font-size:.75rem!important;font-weight:800}
.page-home .scroll-hint{color:#8390a7!important}
.page-home hr.div{border-color:#dfe7f1!important}
.page-home section{max-width:1120px!important;padding:86px 22px!important}
.page-home .sec-tag{color:var(--kid-blue)!important;background:#edf2ff;border-radius:999px;padding:7px 13px;letter-spacing:0!important;font-size:.76rem!important}
.page-home .sec-tag::before{display:none!important}
.page-home .sec-h{font-family:'Tajawal',sans-serif!important;color:#283650!important;font-weight:900!important}
.page-home .sec-p{color:#71809a!important}
.page-home .steps-grid,.page-home .feats-grid,.page-home .cases{gap:18px!important}
.page-home .step-card,.page-home .feat,.page-home .case{
  background:#fff!important;border:1px solid #e3e9f3!important;box-shadow:var(--kid-shadow-soft)!important;color:var(--kid-ink)!important;
  border-radius:24px!important
}
.page-home .step-card{border-top:6px solid var(--kid-blue)!important}.page-home .step-card:nth-child(2){border-top-color:var(--kid-pink)!important}.page-home .step-card:nth-child(3){border-top-color:var(--kid-green)!important}.page-home .step-card:nth-child(4){border-top-color:var(--kid-yellow)!important}
.page-home .step-num{background:#edf2ff!important;color:var(--kid-blue-dark)!important;border-color:#d9e2ff!important;border-radius:14px!important}
.page-home .step-title,.page-home .feat h4,.page-home .case-title{color:#2c3952!important}
.page-home .step-desc,.page-home .feat p,.page-home .case-desc{color:#74819a!important}
.page-home .feat-ico{width:50px!important;height:50px!important;border-radius:17px!important;font-size:1.4rem!important}
.page-home .case-icon{width:65px;height:65px;margin:0 auto 13px!important;display:grid!important;place-items:center;background:#f4f7ff;border-radius:22px}
.page-home .cta-sec{background:linear-gradient(135deg,#e7f3ff,#fff3dc)!important;border-block:1px solid #e2e9f3}
.page-home .cta-sec h2{font-family:'Tajawal',sans-serif!important;color:#283650!important;font-weight:900!important}.page-home .cta-sec p{color:#6d7991!important}
.page-home footer{background:#fff!important;border-color:#e4eaf2!important;color:#77839b!important}

/* ---------------- Join ---------------- */
.page-join{padding:24px!important;overflow:auto!important}
.page-join .box{
  max-width:520px!important;padding:34px 32px!important;background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(102,123,169,.15)!important;border-radius:34px!important;box-shadow:var(--kid-shadow)!important
}
.page-join .box::before{content:"✨";position:absolute;right:-15px;top:-24px;font-size:42px;transform:rotate(15deg);filter:drop-shadow(0 8px 15px rgba(255,172,42,.22))}
.page-join .hdr{margin-bottom:28px!important}
.page-join .logo-icon{width:102px;height:102px;display:grid!important;place-items:center;margin:0 auto 10px!important;background:#f7f9ff;border-radius:30px;border:1px solid #e3e9f5;box-shadow:0 13px 31px rgba(70,89,132,.13)}
.page-join .logo-icon img{width:78px!important;height:78px!important;filter:none!important}
.page-join .logo-name{font-family:'Tajawal',sans-serif!important;font-weight:900!important;background:linear-gradient(125deg,var(--kid-blue-dark),var(--kid-purple),var(--kid-pink))!important;-webkit-background-clip:text!important;background-clip:text!important}
.page-join .logo-sub{color:#75829a!important;font-size:.9rem!important}
.page-join label,.page-join .av-t{color:#4d5b75!important;font-size:.9rem!important;margin-bottom:8px!important}
.page-join input{
  min-height:54px!important;background:#f8faff!important;border:2px solid #e2e8f3!important;border-radius:16px!important;
  color:#293750!important;margin-bottom:16px!important;box-shadow:inset 0 1px 0 #fff
}
.page-join input:focus{border-color:#8aa0ff!important;box-shadow:0 0 0 5px rgba(92,124,250,.1)!important}
.page-join .pin{font-size:1.8rem!important;color:var(--kid-blue-dark)!important;background:#eef3ff!important}
.page-join .avs{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin-bottom:20px!important}
.page-join .av{
  min-height:58px!important;font-size:1.75rem!important;background:#f6f8fc!important;border:2px solid #e6ebf3!important;
  border-radius:17px!important;box-shadow:0 7px 15px rgba(61,80,120,.06)
}
.page-join .av:hover{transform:translateY(-2px);background:#fff!important}.page-join .av.s{background:#e8edff!important;border-color:var(--kid-blue)!important;box-shadow:0 0 0 4px rgba(92,124,250,.12)!important;transform:scale(1.04)}
.page-join .btn{min-height:58px!important;border-radius:18px!important;color:#fff!important;background:linear-gradient(135deg,var(--kid-blue-dark),var(--kid-blue))!important;box-shadow:0 14px 28px rgba(76,101,213,.25)!important}
.page-join .err{background:#fff0f4!important;color:#c83e6c!important;border-color:#ffc8da!important;border-radius:14px!important}

/* ---------------- Quiz ---------------- */
.page-quiz{padding:clamp(12px,3vw,28px)!important;max-width:960px;margin:auto!important;display:block!important}
.page-quiz .top{margin:0 auto 16px!important;max-width:820px}
.page-quiz .chip,.page-quiz .score{
  background:#fff!important;color:#3c4962!important;border:1px solid #e2e8f2!important;border-radius:16px!important;
  min-height:46px;padding:9px 14px!important;box-shadow:0 9px 25px rgba(55,75,114,.09)!important
}
.page-quiz .score{color:#9a6600!important;background:#fff7df!important;border-color:#ffe2a0!important}
.page-quiz #scr-quiz,.page-quiz #scr-wait,.page-quiz #scr-answered{max-width:820px;margin-inline:auto}
.page-quiz .prog-row{color:#68758e!important;font-weight:800!important}
.page-quiz .prog-bar{height:10px!important;background:#dde6f2!important}.page-quiz .prog-fill{background:linear-gradient(90deg,var(--kid-blue),var(--kid-purple),var(--kid-pink))!important}
.page-quiz .timer-wrap{margin-bottom:15px!important}.page-quiz .t-ring{width:82px!important;height:82px!important;box-shadow:0 12px 28px rgba(61,82,124,.12)}
.page-quiz .t-ring::before{background:#fff!important}.page-quiz .t-num{color:var(--kid-blue-dark)!important;font-size:1.55rem!important}
.page-quiz .q-card{
  background:#fff!important;border:1px solid #e0e7f1!important;border-radius:30px!important;padding:clamp(23px,4vw,38px)!important;
  box-shadow:var(--kid-shadow)!important
}
.page-quiz .q-card::before{content:"?";position:absolute;top:-22px;inset-inline-start:24px;width:50px;height:50px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--kid-blue-dark),var(--kid-blue));color:#fff;font:900 1.55rem 'Tajawal';box-shadow:0 12px 25px rgba(75,100,213,.25)}
.page-quiz .q-cat{background:#eaf8f4!important;color:#238b70!important;border-color:#c6eadf!important;font-size:.8rem!important;padding:7px 14px!important;margin-top:7px!important}
.page-quiz .q-text{font-family:'Tajawal',sans-serif!important;color:#26344e!important;font-weight:900!important;font-size:clamp(1.18rem,4.2vw,1.75rem)!important;line-height:1.75!important}
.page-quiz .opts{gap:13px!important}
.page-quiz .opt{
  min-height:76px!important;background:#f8faff!important;color:#31405b!important;border:2px solid #e1e7f1!important;
  border-radius:20px!important;padding:15px!important;font-size:clamp(.9rem,3vw,1.05rem)!important;box-shadow:0 8px 20px rgba(61,79,118,.07)!important
}
.page-quiz .opt:nth-child(1){background:#eef3ff!important;border-color:#cbd7ff!important}.page-quiz .opt:nth-child(2){background:#fff0f5!important;border-color:#ffcddd!important}.page-quiz .opt:nth-child(3){background:#ecfaf5!important;border-color:#c5eddf!important}.page-quiz .opt:nth-child(4){background:#fff6e8!important;border-color:#ffdfad!important}
.page-quiz .opt:nth-child(1) .opt-l{background:var(--kid-blue)!important}.page-quiz .opt:nth-child(2) .opt-l{background:var(--kid-pink)!important}.page-quiz .opt:nth-child(3) .opt-l{background:var(--kid-green)!important}.page-quiz .opt:nth-child(4) .opt-l{background:var(--kid-orange)!important}
.page-quiz .opt-l{color:#fff!important;border-radius:13px!important;min-width:38px!important;height:38px!important;box-shadow:0 6px 14px rgba(45,61,91,.13)}
.page-quiz .opt:hover:not(:disabled){transform:translateY(-3px)!important;filter:saturate(1.08);box-shadow:0 14px 27px rgba(59,78,116,.13)!important}
.page-quiz .opt.selected{border-color:var(--kid-purple)!important;box-shadow:0 0 0 5px rgba(139,109,233,.11)!important}
.page-quiz .opt.correct{background:#e8fbf3!important;border-color:#2bb889!important;color:#18745c!important}.page-quiz .opt.wrong{background:#fff0f2!important;border-color:#ef6b83!important;color:#9b4353!important}
.page-quiz .feedback{border-radius:15px!important;padding:13px 16px!important}.page-quiz .fb-ok{background:#e9fbf3!important;color:#18745c!important;border-color:#aee3d1!important}.page-quiz .fb-no{background:#fff0f2!important;color:#a34255!important;border-color:#ffc6d0!important}.page-quiz .fb-time{background:#fff6df!important;color:#926008!important;border-color:#ffe0a0!important}
.page-quiz .wait,.page-quiz .answered-wait{
  background:#fff!important;border:1px solid #e0e7f2!important;color:#2f3d57!important;border-radius:28px!important;box-shadow:var(--kid-shadow)!important;padding:34px!important
}
.page-quiz .wait p,.page-quiz .answered-wait p{color:#738099!important}.page-quiz .wait .ico,.page-quiz .answered-wait .ico{filter:drop-shadow(0 10px 14px rgba(92,124,250,.17))}
.page-quiz .dot{background:var(--kid-blue)!important}

/* ---------------- Results ---------------- */
.page-results{padding:22px!important}
.page-results .wrap{max-width:760px!important}
.page-results .hero{background:transparent!important;padding:38px 16px 18px!important}
.page-results .trophy{font-size:84px!important;filter:drop-shadow(0 17px 25px rgba(255,177,30,.26))!important}
.page-results .win-title{font-family:'Tajawal',sans-serif!important;font-weight:900!important;background:linear-gradient(120deg,var(--kid-blue-dark),var(--kid-purple),var(--kid-pink))!important;-webkit-background-clip:text!important;background-clip:text!important}
.page-results .win-score{color:#2a9779!important;font-size:1.1rem!important}
.page-results .podium{gap:12px!important}.page-results .pod{max-width:145px!important}
.page-results .pod-nm{color:#36445d!important}.page-results .pod-sc{color:#93650b!important}
.page-results .pod-blk{border-radius:20px 20px 7px 7px!important;box-shadow:0 10px 23px rgba(61,79,119,.1)}
.page-results .p1 .pod-blk{background:linear-gradient(#fff0b8,#ffd15c)!important;border-color:#f3bd39!important}.page-results .p2 .pod-blk{background:linear-gradient(#f5f7fb,#cfd7e5)!important;border-color:#bdc7d9!important}.page-results .p3 .pod-blk{background:linear-gradient(#ffe0c8,#dba074)!important;border-color:#cc8a5b!important}
.page-results .card,.page-results .wait-bar{background:#fff!important;border:1px solid #e1e8f2!important;color:#2d3a53!important;border-radius:26px!important;box-shadow:var(--kid-shadow)!important}
.page-results .card-title{color:var(--kid-blue-dark)!important;font-size:1.05rem!important}
.page-results .row{background:#f7f9fd!important;border:1px solid #e6ebf3!important;border-radius:17px!important;color:#34425b!important}.page-results .row.me{background:#eaf9f5!important;border-color:#a8dfcf!important}
.page-results .p-sub{color:#77849a!important}.page-results .bar{background:#dfe7f1!important}.page-results .bar-f{background:linear-gradient(90deg,var(--kid-blue),var(--kid-purple))!important}.page-results .p-sc{color:#91610a!important}.page-results .me-tag{background:#cff1e6!important;color:#1d8066!important}
.page-results .btn{min-height:50px!important;border-radius:16px!important}.page-results .btn-gold{background:linear-gradient(135deg,var(--kid-blue-dark),var(--kid-blue))!important;color:#fff!important;box-shadow:0 12px 25px rgba(75,99,210,.22)}.page-results .btn-ghost{background:#fff!important;color:#59667e!important;border-color:#dce4ef!important}

/* ---------------- Projector display ---------------- */
.page-display{background:linear-gradient(145deg,#eef9ff,#fff8ea)!important}
.page-display .bg{background:none!important}.page-display .screen{padding:clamp(12px,2vw,24px)!important;gap:clamp(10px,1.4vw,17px)!important}
.page-display .header{
  background:rgba(255,255,255,.92)!important;border:1px solid #dfe7f1!important;border-radius:22px!important;
  box-shadow:0 14px 35px rgba(52,73,114,.11)!important;color:#2b3851!important;padding:clamp(10px,1.5vw,17px) clamp(14px,2vw,24px)!important
}
.page-display .comp-name{color:#2c3a54!important}.page-display .q-progress{color:#64718a!important}.page-display .pin-badge{background:#edf2ff!important;color:var(--kid-blue-dark)!important;border-color:#cad6ff!important}.page-display .status-pill{border-radius:999px!important}
.page-display .timer-bar-section{background:#fff!important;border-color:#e0e7f2!important;border-radius:20px!important;box-shadow:0 11px 29px rgba(58,76,114,.09)!important}.page-display .t-big-num{color:var(--kid-blue-dark)!important}.page-display .t-info-label{color:#68758c!important}.page-display .t-bar{background:#dde6f1!important}.page-display .t-bar-fill{background:linear-gradient(90deg,var(--kid-blue),var(--kid-purple),var(--kid-pink))!important}
.page-display .main-area{gap:clamp(12px,1.7vw,22px)!important}
.page-display .q-panel,.page-display .parts-panel{
  background:#fff!important;border:1px solid #dfe7f2!important;border-radius:28px!important;box-shadow:var(--kid-shadow)!important
}
.page-display .q-num-badge{background:#edf2ff!important;color:var(--kid-blue-dark)!important;border-color:#cbd6ff!important}.page-display .q-cat-chip{background:#e9faf4!important;color:#23876d!important;border-color:#bce8da!important}
.page-display .q-text{font-family:'Tajawal',sans-serif!important;color:#24324b!important;font-weight:900!important;line-height:1.65!important}
.page-display .q-opt{background:#f7f9fd!important;color:#31405a!important;border:2px solid #e2e8f1!important;border-radius:18px!important;box-shadow:0 7px 17px rgba(58,77,115,.06)}
.page-display .q-opt:nth-child(1){background:#eef3ff!important;border-color:#cbd7ff!important}.page-display .q-opt:nth-child(2){background:#fff0f5!important;border-color:#ffcddd!important}.page-display .q-opt:nth-child(3){background:#ecfaf5!important;border-color:#c5eddf!important}.page-display .q-opt:nth-child(4){background:#fff6e8!important;border-color:#ffdfad!important}
.page-display .q-opt:nth-child(1) .q-opt-lbl{background:var(--kid-blue)!important}.page-display .q-opt:nth-child(2) .q-opt-lbl{background:var(--kid-pink)!important}.page-display .q-opt:nth-child(3) .q-opt-lbl{background:var(--kid-green)!important}.page-display .q-opt:nth-child(4) .q-opt-lbl{background:var(--kid-orange)!important}.page-display .q-opt-lbl{color:#fff!important}
.page-display .q-opt.revealed-correct{background:#e7fbf2!important;border-color:#29b789!important;color:#187158!important}.page-display .q-opt.revealed-correct .q-opt-lbl{background:#29b789!important}
.page-display .parts-title{color:var(--kid-blue-dark)!important}.page-display .parts-count,.page-display .part-sub,.page-display .upd-time{color:#78859c!important}.page-display .part-row{background:#f7f9fc!important;border-color:#e5eaf2!important;color:#34425b!important;border-radius:16px!important}.page-display .part-row.answered{background:#e9faf4!important;border-color:#b8e5d7!important}.page-display .part-score{color:#8f620e!important}
.page-display .wait-screen{color:#2b3952!important}.page-display .wait-screen::before{content:"🎈  ⭐  🎨";font-size:clamp(1.6rem,4vw,3rem);letter-spacing:clamp(8px,2vw,24px);margin-bottom:8px;animation:kidFloat 4s ease-in-out infinite}.page-display .wait-screen h2{font-family:'Tajawal',sans-serif!important;color:var(--kid-blue-dark)!important;font-weight:900!important}.page-display .wait-screen p{color:#6f7b92!important}.page-display .big-pin{background:#fff!important;color:var(--kid-blue-dark)!important;border:3px dashed #8ea5ff!important;border-radius:24px!important;box-shadow:var(--kid-shadow)!important}
.page-display .overlay{background:rgba(238,247,255,.94)!important}.page-display .w-sub{color:#718099!important}.page-display .w-name{color:var(--kid-blue-dark)!important;text-shadow:none!important}.page-display .w-score{color:#25876d!important}.page-display .w-close{background:#fff!important;color:#42516c!important;border-color:#dce4ef!important}

/* ---------------- Prize wheel/cards ---------------- */
.page-wheel .bg-layer{background:none!important}.page-wheel .hdr-badge{background:#f0edff!important;border-color:#d7cdff!important;color:#6248bd!important}.page-wheel .hdr h1{font-family:'Tajawal',sans-serif!important;font-weight:900!important;background:linear-gradient(120deg,var(--kid-blue-dark),var(--kid-purple),var(--kid-pink))!important;-webkit-background-clip:text!important;background-clip:text!important}.page-wheel .hdr-sub,.page-wheel .instruction .hint,.page-wheel .card-num{color:#738099!important}
.page-wheel .winner-row{background:#fff!important;border-color:#e0e7f2!important;box-shadow:var(--kid-shadow-soft)!important}.page-wheel .w-name{color:#6047b8!important}.page-wheel .w-pts{color:#77839a!important}
.page-wheel .card-front{background:linear-gradient(145deg,#697ff6,#8b6de9)!important;border:4px solid rgba(255,255,255,.72)!important;box-shadow:0 16px 35px rgba(91,83,190,.25)!important}.page-wheel .card-front::after{color:rgba(255,255,255,.75)!important}.page-wheel .card-corner{border-color:rgba(255,255,255,.48)!important}.page-wheel .card-back{background:linear-gradient(145deg,#e7fbf3,#b9ead9)!important;border-color:#78cdb1!important}.page-wheel .card-back-name{color:#176d57!important}.page-wheel .flip-card.winner .card-back{background:linear-gradient(145deg,#fff7d5,#ffd76b)!important;border-color:#e8ad25!important}.page-wheel .flip-card.winner .card-back-name{color:#8e5e08!important}
.page-wheel .overlay{background:rgba(237,246,255,.94)!important}.page-wheel .result-card{background:#fff!important;border-color:#dddff0!important;box-shadow:var(--kid-shadow)!important}.page-wheel .r-congrats,.page-wheel .r-label{color:#748098!important}.page-wheel .r-winner-name{color:#6046b8!important}.page-wheel .r-close{background:#f4f7fc!important;color:#35435c!important;border-color:#dce4ef!important}

@media(max-width:700px){
  .page-home .hero::before,.page-home .hero::after{opacity:.48}
  .page-display .screen{padding:10px!important}.page-display .q-panel,.page-display .parts-panel{border-radius:20px!important}
}
@media(max-width:520px){
  .page-home nav{height:64px!important}.page-home .hero{padding-top:94px!important}.page-home .hero-icon{width:116px;height:116px;border-radius:32px!important}.page-home .hero-icon img{width:85px!important;height:85px!important}.page-home .hico{min-width:0!important}.page-home section{padding:62px 15px!important}
  .page-join{padding:12px!important}.page-join .box{padding:27px 18px!important;border-radius:26px!important}.page-join .avs{gap:8px!important}.page-join .av{min-height:53px!important;font-size:1.55rem!important}
  .page-quiz{padding:10px!important}.page-quiz .q-card{padding:26px 16px 20px!important;border-radius:24px!important}.page-quiz .q-card::before{width:42px;height:42px;top:-18px;inset-inline-start:17px}.page-quiz .opts{grid-template-columns:1fr!important}.page-quiz .opt{min-height:66px!important}
  .page-results{padding:12px!important}.page-results .podium{gap:5px!important}.page-results .row{padding:10px 8px!important;gap:7px!important}
}

@media(prefers-reduced-motion:reduce){
  .page-home *,.page-join *,.page-quiz *,.page-results *,.page-display *,.page-wheel *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}