/* Digitera V4.13.1 — Zona Game Edukatif / Ular Tangga Matematika */
:root{
  --edu-ink:#172b55;
  --edu-muted:#61708a;
  --edu-blue:#1783e8;
  --edu-blue-dark:#0f5fb8;
  --edu-green:#22a85a;
  --edu-green-dark:#147540;
  --edu-yellow:#ffd85a;
  --edu-orange:#f28a1b;
  --edu-red:#e94d49;
  --edu-purple:#8051c8;
  --edu-border:#dce7f1;
  --edu-card:#ffffff;
}
.teacher-game-zone-main .teacher-side-icon{background:#e7f3ff;color:#0f67c6}
.teacher-game-zone-main.active .teacher-side-icon{background:rgba(255,255,255,.22);color:inherit}
.edu-zone-page,.edu-live-page{padding-bottom:52px;color:var(--edu-ink)}
.edu-zone-page *,.edu-live-page *,.edu-student-page *{box-sizing:border-box}

/* ---------- ZONA GAME GURU ---------- */
.edu-zone-hero-v2{position:relative;min-height:330px;margin:18px 0 22px;padding:44px clamp(26px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:28px;overflow:hidden;border:1px solid #c9e3fb;border-radius:34px;background:linear-gradient(120deg,#f8fcff 0%,#eaf7ff 55%,#d8f1ff 100%);box-shadow:0 20px 55px rgba(24,91,150,.12)}
.edu-zone-hero-v2:before{content:"";position:absolute;width:340px;height:180px;right:-60px;top:-80px;border-radius:50%;background:rgba(255,255,255,.7)}
.edu-zone-hero-v2:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(180deg,#7bcd68,#4fb34b)}
.edu-zone-hero-content{position:relative;z-index:2;max-width:760px}
.edu-zone-kicker-v2{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #b8dafa;border-radius:999px;background:#fff;color:#0c5aab;font-size:.73rem;font-weight:900;letter-spacing:.045em}
.edu-zone-hero-content h1{margin:14px 0 10px;color:#10295c;font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;letter-spacing:-.04em}
.edu-zone-hero-content h1 span{color:#1681df}
.edu-zone-hero-content p{max-width:700px;margin:0;color:#435674;font-size:1rem;line-height:1.72}
.edu-zone-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 22px}
.edu-zone-hero-pills span{padding:8px 11px;border:1px solid #d6e6f4;border-radius:999px;background:#fff;color:#2f4669;font-size:.76rem;font-weight:800;box-shadow:0 4px 12px rgba(29,80,125,.06)}
.edu-primary-cta{min-height:48px;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:0;border-radius:13px;background:#167ee0;color:#fff!important;font-size:.9rem;font-weight:900;text-decoration:none;box-shadow:0 9px 20px rgba(22,126,224,.22);transition:.18s ease}
.edu-primary-cta:hover{transform:translateY(-2px);background:#0f6ec9;color:#fff!important}
.edu-primary-cta b{margin-left:4px;font-size:1.15rem}
.edu-primary-cta-green{background:#22a85a;box-shadow:0 9px 20px rgba(34,168,90,.2)}
.edu-primary-cta-green:hover{background:#178c49}
.edu-zone-hero-scene{position:relative;z-index:2;height:245px;min-width:0}
.edu-scene-kid{position:absolute;bottom:38px;font-size:7.2rem;filter:drop-shadow(0 10px 8px rgba(32,88,130,.15));animation:eduKidFloat 3.2s ease-in-out infinite}
.edu-scene-kid.kid-boy{left:45px}.edu-scene-kid.kid-girl{right:24px;animation-delay:.6s}
.edu-scene-snake{position:absolute;left:5px;bottom:3px;font-size:5.2rem;transform:rotate(-9deg);filter:drop-shadow(0 8px 6px rgba(34,109,58,.2))}
.edu-scene-desk{position:absolute;left:82px;right:42px;bottom:18px;height:54px;display:flex;align-items:center;justify-content:center;gap:18px;border-radius:14px 14px 22px 22px;background:#d48748;border:4px solid #b66c34;font-size:2.1rem;box-shadow:0 12px 0 #95532b}
.edu-scene-star{position:absolute;color:#ffc928;font-size:2rem;text-shadow:0 2px 0 #d99600;animation:eduStar 2.2s ease-in-out infinite}.star-a{left:18px;top:18px}.star-b{right:8px;top:28px;animation-delay:.5s}.star-c{left:52%;top:4px;animation-delay:1s}
.edu-zone-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:34px}
.edu-zone-info-grid article{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid var(--edu-border);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(32,77,119,.06)}
.edu-zone-info-grid article>i{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:13px;background:#e9f5ff;color:#0f67c6;font-style:normal;font-weight:1000}
.edu-zone-info-grid article:nth-child(2)>i{background:#ecf9ef;color:#19884a}.edu-zone-info-grid article:nth-child(3)>i{background:#fff4cf;color:#9d6800}
.edu-zone-info-grid strong{display:block;color:#1c3159;font-size:.9rem}.edu-zone-info-grid p{margin:2px 0 0;color:#66758c;font-size:.75rem}
.edu-zone-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px}
.edu-zone-section-title>div:first-child>span{color:#e66d00;font-size:.7rem;font-weight:1000;letter-spacing:.07em}.edu-zone-section-title h2{margin:4px 0 3px;color:#172b55;font-size:1.7rem}.edu-zone-section-title p{margin:0;color:#68778e}
.edu-zone-game-count{width:68px;height:68px;display:grid;place-items:center;border:1px solid #dce7f1;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(32,77,119,.06)}.edu-zone-game-count b{margin-bottom:-10px;color:#167ee0;font-size:1.65rem}.edu-zone-game-count span{color:#6d7a8e;font-size:.58rem;font-weight:900;letter-spacing:.08em}
.edu-featured-game-v2{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);min-height:400px;overflow:hidden;border:1px solid #dbe7f0;border-radius:30px;background:#fff;box-shadow:0 18px 48px rgba(30,78,120,.1)}
.edu-featured-copy{padding:38px;align-self:center}.edu-game-subject-chip{display:inline-flex;padding:7px 10px;border-radius:999px;background:#edf7ff;color:#0f67c6;font-size:.68rem;font-weight:900;letter-spacing:.05em}.edu-featured-copy h2{margin:13px 0 10px;color:#172b55;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02}.edu-featured-copy h2 span{color:#22a85a}.edu-featured-copy>p{margin:0;color:#5d6e87;line-height:1.68}.edu-game-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.edu-game-feature-list span{padding:8px 10px;border-radius:10px;background:#f7fafc;color:#445873;font-size:.74rem;font-weight:800}.edu-featured-copy>small{display:block;margin-top:12px;color:#718096;line-height:1.45}
.edu-featured-board-wrap{min-width:0;padding:27px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#dff6ff 0%,#f6fcff 66%,#c6efad 66%,#8bd46f 100%)}
.edu-featured-board-title{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:12px;color:#193866}.edu-featured-board-title>b{font-size:1.35rem;color:#f27618;text-shadow:0 2px #fff}.edu-featured-board-title em{font-style:normal;font-size:1.15rem;font-weight:1000;color:#249b4f}.edu-featured-board-title>span{font-size:2.2rem}
.edu-featured-mini-board{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:6px;border:5px solid #327db4;border-radius:17px;background:#327db4;box-shadow:0 18px 32px rgba(19,79,120,.18)}
.edu-featured-mini-board i{position:relative;aspect-ratio:1.18;display:grid;place-items:center;border-radius:5px;background:#fff5c9;color:#1f3352;font-style:normal;font-size:.8rem;font-weight:900;overflow:hidden}.edu-featured-mini-board i:nth-child(4n+1){background:#fbe0e8}.edu-featured-mini-board i:nth-child(4n+2){background:#dff2cb}.edu-featured-mini-board i:nth-child(4n+3){background:#e0efff}.edu-featured-mini-board i span{font-size:1.25rem}.edu-featured-mini-board i b{position:absolute;left:4px;top:2px;font-size:.62rem}.edu-featured-mini-board i.challenge{background:#eadcf7;color:#57327f}.edu-featured-mini-board i.ladder{background:#dff3ce}.edu-featured-mini-board i.snake{background:#f8d7d7}.edu-featured-mini-board i.finish{background:#d8f0ff}.edu-featured-mini-board i.start{background:#dff3ce}
.edu-zone-safety-note{display:flex;align-items:center;gap:14px;margin-top:22px;padding:17px 19px;border:1px solid #d6e9dc;border-radius:18px;background:#f3fbf5}.edu-zone-safety-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:14px;background:#dff3e5;font-size:1.25rem}.edu-zone-safety-note strong{display:block;color:#215638}.edu-zone-safety-note p{margin:3px 0 0;color:#557361;font-size:.8rem;line-height:1.5}

/* ---------- HALAMAN HOST GAME ---------- */
.edu-live-titlebar{position:relative;margin:18px 0 20px;min-height:120px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:22px 26px;overflow:hidden;border:1px solid #c8e6fa;border-radius:26px;background:linear-gradient(180deg,#e5f7ff,#f8fdff);box-shadow:0 12px 34px rgba(29,91,142,.1)}
.edu-live-titlebar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:#71c85d}
.edu-back-pill{position:relative;z-index:2;padding:9px 12px;border:1px solid #caddeb;border-radius:11px;background:#fff;color:#31516f!important;font-size:.76rem;font-weight:850;text-decoration:none}.edu-back-pill:hover{background:#f3f9fd}
.edu-title-logo{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.edu-title-logo>span{font-size:3.1rem}.edu-title-logo div>*{display:block}.edu-title-logo b{color:#ef7418;font-size:1.45rem;line-height:1}.edu-title-logo strong{margin-top:2px;color:#20964b;font-size:1.75rem;line-height:1}.edu-title-logo small{margin-top:5px;color:#536b85;font-size:.68rem}.edu-title-badges{position:relative;z-index:2;display:flex;gap:7px}.edu-title-badges span{padding:7px 9px;border-radius:10px;background:#fff;color:#155eaa;font-size:.65rem;font-weight:900;border:1px solid #cfe3f4}.edu-title-badges span:last-child{background:#eaf9ef;color:#188547;border-color:#cdebd7}
.edu-game-empty-v2{margin-top:22px;padding:46px 24px;text-align:center;border:1px solid #dce7f1;border-radius:24px;background:#fff}.edu-game-empty-v2>div{font-size:4rem}.edu-game-empty-v2 h2{margin:10px 0 6px;color:#20385f}.edu-game-empty-v2 p{max-width:600px;margin:0 auto 18px;color:#65758d}
.edu-host-setup-v2{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,480px);gap:20px;align-items:stretch}.edu-setup-showcase{position:relative;min-height:470px;padding:42px;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,#e4f8ff,#c8f1ea);color:#193f56;box-shadow:0 14px 35px rgba(37,119,135,.11)}.edu-setup-showcase:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(#a5dc6d,#6abc52)}.edu-setup-label{display:inline-flex;padding:7px 11px;border-radius:999px;background:#fff;color:#137a8c;font-size:.69rem;font-weight:900;letter-spacing:.05em}.edu-setup-showcase h1{margin:16px 0 9px;color:#174b67;font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.03}.edu-setup-showcase p{max-width:600px;margin:0;color:#466b77;line-height:1.65}.edu-setup-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.edu-setup-steps span{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:11px;background:#fff;color:#375a68;font-size:.74rem;font-weight:800}.edu-setup-steps b{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#1683d9;color:#fff;font-size:.62rem}.edu-setup-cartoon{position:absolute;z-index:2;right:32px;bottom:39px;display:flex;align-items:flex-end;gap:2px;font-size:5.4rem;filter:drop-shadow(0 10px 8px rgba(32,91,102,.15))}.edu-setup-cartoon .dice{font-size:3rem;transform:translateY(-28px) rotate(-12deg)}.edu-setup-cartoon .snake{font-size:4rem;transform:translate(-8px,10px) rotate(-10deg)}
.edu-setup-form-v2{padding:28px;border:1px solid #dce7f1;border-radius:28px;background:#fff;box-shadow:0 14px 34px rgba(31,73,113,.09)}.edu-form-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.edu-form-title>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#eaf5ff;font-size:1.3rem}.edu-form-title small{display:block;color:#657b91;font-size:.63rem;font-weight:900;letter-spacing:.08em}.edu-form-title h2{margin:2px 0 0;color:#1d355c;font-size:1.4rem}.edu-field-v2{display:block;margin-top:14px}.edu-field-v2>span{display:block;margin-bottom:6px;color:#2d4667;font-size:.75rem;font-weight:850}.edu-field-v2 input,.edu-field-v2 select{width:100%;min-height:48px;padding:0 13px;border:1.5px solid #cfddea;border-radius:12px;background:#fff;color:#203653;font:inherit;font-size:.85rem;outline:none;transition:.15s}.edu-field-v2 input:focus,.edu-field-v2 select:focus{border-color:#1783e8;box-shadow:0 0 0 3px rgba(23,131,232,.1)}.edu-field-v2 select option{color:#203653;background:#fff}.edu-create-btn{width:100%;min-height:50px;margin-top:19px;border:0;border-radius:13px;background:linear-gradient(180deg,#2eb867,#209a55);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(35,160,90,.22);transition:.16s}.edu-create-btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,#28a95f,#188648)}.edu-create-btn:disabled{opacity:.55;cursor:not-allowed}.edu-form-note{margin:11px 0 0;text-align:center;color:#66758a;font-size:.7rem}
.edu-game-commandbar{display:grid;grid-template-columns:150px minmax(190px,1fr) 110px auto;align-items:center;gap:12px;margin-bottom:12px;padding:13px 15px;border:1px solid #cfe2ef;border-radius:18px;background:#f9fdff;box-shadow:0 8px 22px rgba(34,83,126,.08)}.edu-game-commandbar small{display:block;margin-bottom:2px;color:#64778c;font-size:.57rem;font-weight:900;letter-spacing:.08em}.edu-command-pin strong{color:#0d5eac;font-size:1.55rem;letter-spacing:.14em}.edu-command-class strong,.edu-command-player strong{display:block;color:#213957;font-size:.82rem}.edu-command-player strong{font-size:1.05rem}.edu-command-actions{display:flex;justify-content:flex-end;gap:7px}.edu-control-btn{min-height:37px;padding:8px 11px;border:1px solid transparent;border-radius:10px;background:#edf4fa;color:#294761;font:inherit;font-size:.7rem;font-weight:850;cursor:pointer;white-space:nowrap}.edu-control-btn:hover{filter:brightness(.97)}.edu-control-btn.copy,.edu-control-btn.link{border-color:#ccdeec;background:#fff;color:#275473}.edu-control-btn.danger{background:#e84f4b;color:#fff}.edu-control-btn.start{background:#20a65a;color:#fff}.edu-control-btn.pause{background:#f29b24;color:#fff}.edu-control-btn.skip{background:#edf3f8;color:#31506b;border-color:#ccdbe7}.edu-control-btn:disabled{opacity:.45;cursor:not-allowed}
.edu-classroom-game{overflow:hidden;border:1px solid #bddbec;border-radius:25px;background:linear-gradient(180deg,#dff5ff 0,#f7fcff 135px,#f6fff2 100%);box-shadow:0 18px 50px rgba(31,83,126,.11)}.edu-game-brandstrip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:16px 20px;border-bottom:1px solid #cce3ef;background:rgba(255,255,255,.78);backdrop-filter:blur(7px)}.edu-live-dot-v2{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#e8f8ee;color:#16783f;font-size:.63rem;font-weight:1000}.edu-live-dot-v2 i{width:7px;height:7px;border-radius:50%;background:#20ad59;box-shadow:0 0 0 4px rgba(32,173,89,.13);animation:eduLivePulse 1.5s infinite}.edu-game-brandstrip>div:nth-child(2) small{display:block;color:#60758b;font-size:.64rem;font-weight:800}.edu-game-brandstrip h1{margin:2px 0 0;color:#17365a;font-size:1.15rem}.edu-game-controls-v2{display:flex;gap:7px}
.edu-classroom-grid{display:grid;grid-template-columns:210px minmax(480px,1fr) 235px;gap:12px;padding:14px;align-items:start}.edu-game-left-rail,.edu-game-right-rail{display:grid;gap:12px}.edu-kid-card{border:1px solid #cfe1ec;border-radius:19px;background:#fff;box-shadow:0 8px 20px rgba(37,82,118,.08);overflow:hidden}.edu-kid-card h3{margin:0;padding:11px 13px;background:#1987d7;color:#fff;font-size:.84rem}.edu-how-card ol{list-style:none;margin:0;padding:13px;display:grid;gap:8px}.edu-how-card li{display:flex;align-items:flex-start;gap:8px;color:#374d68;font-size:.68rem;line-height:1.35}.edu-how-card li b{width:21px;height:21px;display:grid;place-items:center;flex:0 0 21px;border-radius:50%;background:#e4f2ff;color:#0d68bd}.edu-dice-card{text-align:center}.edu-dice-card h3{background:#2d9cd9}.edu-big-dice-v2{width:95px;height:90px;margin:15px auto 9px;display:grid;place-items:center;position:relative;border:3px solid #d8e3ea;border-radius:22px;background:#fff;box-shadow:0 8px 0 #d2dce2}.edu-big-dice-v2>span{font-size:4rem}.edu-big-dice-v2>b{position:absolute;right:-8px;top:-8px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f28a1b;color:#fff;border:3px solid #fff}.edu-dice-card>small{display:block;padding:0 12px 15px;color:#536880}.edu-dice-card>small strong{color:#193a5f}
.edu-board-center{min-width:0}.edu-question-banner-v2{margin-bottom:9px;padding:10px 13px;border:2px solid #f0c845;border-radius:13px;background:#fff9d6;color:#5b4513}.edu-question-banner-v2>span{display:block;color:#8b6510;font-size:.62rem;font-weight:1000;letter-spacing:.06em}.edu-question-banner-v2>strong{display:block;margin-top:3px;color:#3f3218;font-size:1rem}.edu-question-banner-v2>small{display:block;margin-top:2px;color:#756645;font-size:.65rem}
.edu-snake-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:5px;border:5px solid #376e91;border-radius:17px;background:#376e91;box-shadow:0 12px 24px rgba(32,80,111,.15)}.edu-board-cell{position:relative;min-width:0;aspect-ratio:1.1;padding:5px;overflow:hidden;border-radius:4px;background:#fff2c4;color:#222f43}.edu-board-cell:nth-child(4n+1){background:#f6d9df}.edu-board-cell:nth-child(4n+2){background:#e6f3cf}.edu-board-cell:nth-child(4n+3){background:#fff1c3}.edu-board-cell:nth-child(4n){background:#e3effe}.edu-cell-number{position:absolute;z-index:5;left:5px;top:4px;color:#21324a;font-size:.72rem;font-weight:1000}.edu-cell-math{position:absolute;inset:25% 5% 7%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.edu-cell-math b{color:#27354a;font-size:.7rem}.edu-cell-math i{width:58%;height:22%;border:1.5px solid #8c9bab;border-radius:4px;background:#fff}.edu-cell-special{position:absolute;inset:19% 4% 5%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.edu-cell-special>span{font-size:2rem;line-height:1}.edu-cell-special>b{margin-top:2px;color:#31475e;font-size:.55rem}.edu-board-ladder{background:#e3f1ce!important}.edu-board-snake{background:#f8d9da!important}.edu-board-challenge{background:#e8dbf2!important}.edu-cell-challenge{position:absolute;inset:20% 5% 5%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.edu-cell-challenge i{color:#77439e;font-style:normal;font-size:1.25rem;line-height:1}.edu-cell-challenge b{color:#643987;font-size:.55rem}.edu-cell-challenge small{margin-top:2px;color:#3e3450;font-size:.46rem;line-height:1.15}.edu-cell-start{position:absolute;inset:20% 4% 5%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1d6b36}.edu-cell-start b{padding:3px 7px;border-radius:6px;background:#2aa554;color:#fff;font-size:.63rem}.edu-cell-start small{margin-top:4px;color:#2a6a3e;font-size:.5rem}.edu-board-start{background:linear-gradient(135deg,#e9f7d7,#c5eca8)!important}.edu-board-finish{background:linear-gradient(135deg,#dff1ff,#a9d9f4)!important}.edu-cell-finish{position:absolute;inset:18% 5% 5%;display:flex;flex-direction:column;align-items:center;justify-content:center}.edu-cell-finish span{font-size:2rem}.edu-cell-finish b{padding:2px 6px;border-radius:5px;background:#e64a3f;color:#fff;font-size:.58rem}.edu-cell-finish{color:#fff}.edu-cell-finish,.edu-cell-start{z-index:2}.edu-cell-finish~.edu-cell-pawns,.edu-cell-start~.edu-cell-pawns{z-index:4}.edu-cell-finish{pointer-events:none}
.edu-cell-pawns{position:absolute;z-index:7;left:3px;right:3px;bottom:3px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1px}.edu-pawn,.edu-player-avatar{display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:1000;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(22,42,67,.22)}.edu-pawn{width:21px;height:21px;border:2px solid #fff;font-size:.42rem}.edu-pawn i{font-style:normal}.edu-pawn.is-moving{animation:eduPawnMove .7s cubic-bezier(.2,.8,.25,1.2)}.edu-player-avatar{width:34px;height:34px;flex:0 0 34px;font-size:.62rem}.p1{background:#ec5d73}.p2{background:#2e91df}.p3{background:#27a65c}.p4{background:#8657c8}.p5{background:#e79523}.p6{background:#148f98}.p7{background:#c654ad}.p8{background:#5265ce}.edu-board-cheer{margin-top:8px;padding:8px;text-align:center;border:1px solid #e5dfb7;border-radius:11px;background:#fffbe4;color:#355b74;font-size:.72rem}.edu-board-cheer b{color:#e05b29}
.edu-current-player-card{max-height:355px}.edu-panel-head-v2{display:flex;align-items:center;justify-content:space-between;gap:10px}.edu-current-player-card .edu-panel-head-v2{padding:11px 12px;background:#8552b9}.edu-current-player-card .edu-panel-head-v2 h3{padding:0;background:transparent}.edu-current-player-card .edu-panel-head-v2>strong{padding:4px 7px;border-radius:7px;background:#fff;color:#66398f;font-size:.62rem}.edu-player-list{padding:8px;max-height:297px;overflow:auto}.edu-player-empty,.edu-event-empty{padding:13px;text-align:center;color:#6d7d8e;font-size:.68rem}.edu-player-row{display:flex;align-items:center;gap:8px;padding:7px;border-radius:10px;color:#30465e}.edu-player-row+ .edu-player-row{border-top:1px solid #edf1f4}.edu-player-row.is-turn{background:#fff4c7;box-shadow:inset 0 0 0 1px #edd570}.edu-player-row>div{min-width:0;flex:1}.edu-player-row strong,.edu-player-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edu-player-row strong{color:#213b59;font-size:.7rem}.edu-player-row small{margin-top:2px;color:#708094;font-size:.57rem}.edu-player-row>b{color:#7b6295;font-size:.62rem}
.edu-legend-card h3{background:#8051b4}.edu-legend-card>div{display:flex;align-items:center;gap:8px;padding:8px 10px}.edu-legend-card>div+div{border-top:1px solid #eef1f4}.edu-legend-card i{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border-radius:9px;background:#fff1c3;font-style:normal}.edu-legend-card i.question:before{content:"";width:20px;height:14px;border:1.5px solid #9b8453;border-radius:3px;background:#fff}.edu-legend-card i.ladder{background:#e5f4d4}.edu-legend-card i.snake{background:#f8dcdc}.edu-legend-card i.challenge{background:#eadcf6;color:#714098}.edu-legend-card span b,.edu-legend-card span small{display:block}.edu-legend-card span b{color:#31465e;font-size:.66rem}.edu-legend-card span small{margin-top:1px;color:#718094;font-size:.54rem}
.edu-activity-strip{display:grid;grid-template-columns:165px 1fr;gap:10px;align-items:stretch;margin:0 14px 14px;padding:10px;border:1px solid #dce8ef;border-radius:15px;background:#fff}.edu-activity-title{display:flex;align-items:center;gap:9px;padding:4px 7px}.edu-activity-title>span{font-size:1.5rem}.edu-activity-title small,.edu-activity-title strong{display:block}.edu-activity-title small{color:#7b8797;font-size:.53rem;font-weight:900}.edu-activity-title strong{color:#29425e;font-size:.72rem}.edu-event-list-horizontal{display:flex;gap:7px;overflow:auto}.edu-event-item{min-width:190px;display:flex;align-items:flex-start;gap:7px;padding:8px;border-radius:10px;background:#f5f8fa}.edu-event-item>span{flex:0 0 auto}.edu-event-item p{margin:0;color:#485f76;font-size:.6rem;line-height:1.35}.edu-event-item.correct{background:#edf9f1}.edu-event-item.wrong{background:#fff6e6}.edu-event-item.winner{background:#fff5c9}

/* ---------- HALAMAN SISWA ---------- */
.edu-student-page{min-height:calc(100vh - 64px);padding:18px 0 42px;background:linear-gradient(180deg,#e1f6ff,#f8fcff 48%,#eaf9df)}
.edu-student-wrap{max-width:1320px}.edu-student-join-v2{position:relative;max-width:820px;margin:18px auto;padding:42px 38px;overflow:hidden;text-align:center;border:1px solid #cde4f3;border-radius:30px;background:#fff;box-shadow:0 18px 50px rgba(29,85,126,.12)}.edu-student-join-v2:after{content:"";position:absolute;left:0;right:0;bottom:0;height:15px;background:#6dc45a}.edu-student-join-scene{height:105px;display:flex;align-items:flex-end;justify-content:center;gap:5px;margin-bottom:8px}.edu-student-join-scene .kid{font-size:5rem}.edu-student-join-scene .snake{font-size:4rem;transform:rotate(-10deg)}.edu-student-join-scene .dice{font-size:2.8rem;align-self:center;transform:rotate(12deg)}.edu-student-join-v2 h1{margin:12px 0 8px;color:#ef7418;font-size:clamp(2.25rem,6vw,4rem);line-height:.95}.edu-student-join-v2 h1 span{color:#20964b}.edu-student-join-v2>p{max-width:620px;margin:0 auto;color:#566c83;line-height:1.6}.edu-student-join-card-v2{max-width:470px;margin:22px auto 0;padding:22px;text-align:left;border:1px solid #dce7ef;border-radius:20px;background:#fafdff}.edu-pin-input-v2{font-size:1.6rem!important;font-weight:1000!important;letter-spacing:.16em!important;text-align:center;color:#0f5fae!important}.edu-student-class-chip-v2{margin-top:14px;padding:9px 11px;border-radius:10px;background:#edf8f0;color:#226b3d;font-size:.72rem;font-weight:850}
.edu-student-commandbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px 15px;border:1px solid #cfe1ed;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(35,79,115,.08)}.edu-student-commandbar>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.edu-student-commandbar strong,.edu-student-commandbar small{display:block}.edu-student-commandbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#203c5c}.edu-student-commandbar small{color:#718096;font-size:.62rem}.edu-student-score-v2{min-width:70px;padding:7px 12px;border-radius:12px;background:#fff4c8;text-align:center}.edu-student-score-v2 small{color:#84630d}.edu-student-score-v2 strong{color:#9c6500;font-size:1.25rem}
.edu-student-game-layout-v2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:13px;align-items:start}.edu-student-board-v2{min-width:0;padding:12px;border:1px solid #cfe2ed;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(34,80,116,.08)}.edu-student-turn-v2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;padding:9px 11px;border-radius:11px;background:#eef6fc}.edu-student-turn-v2 span{color:#5e7184;font-size:.68rem;font-weight:850}.edu-student-turn-v2 strong{color:#0e64b5}.edu-student-turn-v2.is-mine{background:#fff1ae;box-shadow:0 0 0 3px rgba(242,190,40,.13);animation:eduMyTurn 1.6s infinite}.edu-student-action-v2{position:sticky;top:86px;display:grid;gap:11px}.edu-my-player-card-v2{display:flex;align-items:center;gap:11px;padding:13px;border-radius:18px;background:linear-gradient(135deg,#1b7dd0,#145fae);color:#fff;box-shadow:0 10px 24px rgba(22,103,181,.2)}.edu-my-avatar{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;border-radius:16px;background:rgba(255,255,255,.2);font-weight:1000}.edu-my-player-card-v2 small,.edu-my-player-card-v2 strong,.edu-my-player-card-v2 span{display:block}.edu-my-player-card-v2 small{color:#dbeeff;font-size:.55rem;font-weight:900}.edu-my-player-card-v2 strong{margin:2px 0;color:#fff}.edu-my-player-card-v2 span{color:#e5f2ff;font-size:.66rem}.edu-wait-card-v2,.edu-roll-card-v2,.edu-math-question-v2{padding:20px;border:1px solid #dce7ef;border-radius:18px;background:#fff;text-align:center;box-shadow:0 10px 25px rgba(33,75,110,.07)}.edu-wait-card-v2>div{font-size:2.7rem}.edu-wait-card-v2 h2,.edu-roll-card-v2 h2{margin:7px 0 4px;color:#243c5b}.edu-wait-card-v2 p,.edu-roll-card-v2 p{margin:0;color:#65778d;font-size:.75rem;line-height:1.5}.edu-roll-card-v2>span{color:#df6500;font-size:.68rem;font-weight:1000;letter-spacing:.07em}.edu-roll-button-v2{width:145px;aspect-ratio:1;margin:16px auto 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:30px;background:linear-gradient(145deg,#ff7a48,#f0504c);color:#fff;box-shadow:0 10px 0 #c63e3a,0 18px 28px rgba(196,62,58,.18);cursor:pointer}.edu-roll-button-v2:active{transform:translateY(6px);box-shadow:0 4px 0 #c63e3a}.edu-roll-button-v2>span{font-size:3.6rem}.edu-roll-button-v2 strong{margin-top:4px;font-size:.65rem}.edu-roll-button-v2.is-rolling>span{animation:eduRoll .42s linear infinite}.edu-question-top-v2{display:flex;align-items:center;justify-content:space-between;gap:8px}.edu-question-top-v2 span{color:#6c3d91;font-size:.65rem;font-weight:900}.edu-question-top-v2 b{padding:5px 7px;border-radius:7px;background:#fff0b8;color:#805e00;font-size:.61rem}.edu-question-top-v2 em{font-style:normal}.edu-math-question-v2 h2{margin:17px 0;color:#263a52;font-size:1.55rem}.edu-answer-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.edu-answer-grid-v2 button{min-height:50px;border:2px solid #d9e3eb;border-radius:12px;background:#fafdff;color:#27425d;font:inherit;font-size:1rem;font-weight:1000;cursor:pointer}.edu-answer-grid-v2 button:hover{border-color:#2589d9;background:#edf7ff}.edu-answer-grid-v2 button.is-correct{border-color:#2dae61;background:#e7f9ed;color:#176a3b}.edu-answer-grid-v2 button.is-wrong{border-color:#dc625e;background:#fff0ef;color:#a23532}.edu-math-question-v2>small{display:block;margin-top:10px;color:#728096;font-size:.61rem;line-height:1.4}.edu-student-leaderboard-v2{margin-top:12px;padding:14px;border:1px solid #dce7ef;border-radius:18px;background:#fff}.edu-student-leaderboard-v2 .edu-panel-head-v2{margin-bottom:9px}.edu-student-leaderboard-v2 h3{margin:0;color:#263e5d;font-size:.9rem}.edu-student-leaderboard-v2 .edu-panel-head-v2>span{color:#718096;font-size:.66rem}.edu-leader-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.edu-leader-card{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid #e2e9ef;border-radius:11px;background:#f9fbfc}.edu-leader-card.is-me{border-color:#e9c541;background:#fff8d7}.edu-leader-card>b{flex:0 0 24px;text-align:center;font-size:.68rem}.edu-leader-card>div{min-width:0}.edu-leader-card strong,.edu-leader-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edu-leader-card strong{color:#27405d;font-size:.68rem}.edu-leader-card small{color:#748398;font-size:.55rem}.edu-leader-card .edu-player-avatar{width:28px;height:28px;flex-basis:28px;font-size:.5rem}

/* ---------- FEEDBACK / WINNER ---------- */
.edu-winner-overlay{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:20px;background:rgba(20,42,68,.65);backdrop-filter:blur(5px)}.edu-winner-overlay[hidden]{display:none!important}.edu-winner-card{position:relative;width:min(430px,100%);overflow:hidden;padding:38px 28px;text-align:center;border:5px solid #fff;border-radius:30px;background:linear-gradient(180deg,#fff6bf,#fff);box-shadow:0 24px 70px rgba(11,32,53,.3);animation:eduWinnerIn .45s ease}.edu-winner-trophy{display:block;font-size:5rem;animation:eduTrophy 1.8s ease-in-out infinite}.edu-winner-card>small{display:block;color:#a66a00;font-weight:1000;letter-spacing:.1em}.edu-winner-card h2{margin:5px 0;color:#17365b;font-size:2rem}.edu-winner-card p{color:#5b6d82}.edu-confetti{position:absolute;inset:0;pointer-events:none}.edu-confetti i{position:absolute;top:-15px;width:9px;height:18px;border-radius:3px;background:#ef6b5c;animation:eduConfetti 2.5s linear infinite}.edu-confetti i:nth-child(1){left:8%}.edu-confetti i:nth-child(2){left:25%;background:#f4c52f;animation-delay:.4s}.edu-confetti i:nth-child(3){left:43%;background:#36b56a;animation-delay:.8s}.edu-confetti i:nth-child(4){left:61%;background:#378ee0;animation-delay:.2s}.edu-confetti i:nth-child(5){left:78%;background:#8c58ca;animation-delay:.7s}.edu-confetti i:nth-child(6){left:91%;background:#ef6b5c;animation-delay:1s}.edu-toast.success{border-left:4px solid #2faa60}.edu-toast.danger{border-left:4px solid #de5652}

@keyframes eduKidFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes eduStar{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.18) rotate(15deg)}}
@keyframes eduLivePulse{0%,100%{box-shadow:0 0 0 2px rgba(32,173,89,.12)}50%{box-shadow:0 0 0 7px rgba(32,173,89,0)}}
@keyframes eduPawnMove{0%{transform:translateY(15px) scale(.65)}60%{transform:translateY(-7px) scale(1.15)}100%{transform:none}}
@keyframes eduMyTurn{0%,100%{box-shadow:0 0 0 0 rgba(242,190,40,0)}50%{box-shadow:0 0 0 5px rgba(242,190,40,.16)}}
@keyframes eduRoll{to{transform:rotate(360deg)}}
@keyframes eduWinnerIn{from{opacity:0;transform:scale(.8) rotate(-3deg)}to{opacity:1;transform:none}}
@keyframes eduTrophy{0%,100%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.08)}}
@keyframes eduConfetti{from{transform:translateY(-15px) rotate(0);opacity:1}to{transform:translateY(500px) rotate(720deg);opacity:0}}

@media(max-width:1180px){
  .edu-classroom-grid{grid-template-columns:180px minmax(430px,1fr)}
  .edu-game-right-rail{grid-column:1/-1;grid-template-columns:1fr 1fr}
  .edu-current-player-card{max-height:260px}
}
@media(max-width:980px){
  .edu-zone-hero-v2{grid-template-columns:1fr;min-height:0}.edu-zone-hero-scene{display:none}
  .edu-featured-game-v2{grid-template-columns:1fr}.edu-featured-board-wrap{order:-1}
  .edu-host-setup-v2{grid-template-columns:1fr}.edu-setup-showcase{min-height:380px}
  .edu-game-commandbar{grid-template-columns:120px 1fr 90px}.edu-command-actions{grid-column:1/-1;justify-content:stretch}.edu-command-actions .edu-control-btn{flex:1}
  .edu-classroom-grid{grid-template-columns:1fr}.edu-game-left-rail{grid-template-columns:1fr 1fr}.edu-game-right-rail{grid-template-columns:1fr 1fr;grid-column:auto}
  .edu-board-center{order:-1}.edu-activity-strip{grid-template-columns:1fr}
  .edu-student-game-layout-v2{grid-template-columns:1fr}.edu-student-action-v2{position:static;grid-template-columns:1fr 1fr}.edu-my-player-card-v2{grid-column:1/-1}.edu-math-question-v2,.edu-roll-card-v2,.edu-wait-card-v2{grid-column:1/-1}
  .edu-leader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .edu-zone-hero-v2{margin-top:10px;padding:28px 20px;border-radius:24px}.edu-zone-hero-content h1{font-size:2.45rem}.edu-zone-info-grid{grid-template-columns:1fr}.edu-zone-section-title{align-items:flex-start}.edu-zone-game-count{display:none}.edu-featured-copy{padding:24px}.edu-featured-board-wrap{padding:16px}.edu-featured-board-title>b{font-size:1rem}.edu-featured-board-title em{font-size:.9rem}.edu-featured-board-title>span{font-size:1.7rem}.edu-zone-safety-note{align-items:flex-start}
  .edu-live-titlebar{grid-template-columns:1fr;padding:16px 16px 22px}.edu-back-pill{justify-self:start}.edu-title-logo{justify-content:flex-start;text-align:left}.edu-title-logo>span{font-size:2.1rem}.edu-title-logo b{font-size:1.05rem}.edu-title-logo strong{font-size:1.25rem}.edu-title-badges{display:none}
  .edu-setup-showcase{min-height:360px;padding:26px}.edu-setup-cartoon{right:16px;font-size:4rem}.edu-setup-cartoon .snake{font-size:3rem}.edu-setup-form-v2{padding:22px}
  .edu-game-commandbar{grid-template-columns:1fr 1fr}.edu-command-pin strong{font-size:1.3rem}.edu-command-class{grid-column:1/-1;grid-row:2}.edu-command-player{grid-column:2;grid-row:1}.edu-command-actions{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr}.edu-command-actions .danger{grid-column:1/-1}
  .edu-game-brandstrip{grid-template-columns:auto 1fr}.edu-game-controls-v2{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.edu-game-controls-v2 .edu-control-btn{white-space:normal}
  .edu-classroom-grid{padding:8px}.edu-game-left-rail,.edu-game-right-rail{grid-template-columns:1fr}.edu-snake-board{gap:1px;padding:3px;border-width:3px;border-radius:12px}.edu-board-cell{padding:2px;border-radius:2px;aspect-ratio:.98}.edu-cell-number{left:3px;top:2px;font-size:.52rem}.edu-cell-math{inset:24% 3% 5%;gap:2px}.edu-cell-math b{font-size:.5rem}.edu-cell-math i{height:20%}.edu-cell-special>span{font-size:1.35rem}.edu-cell-special>b{font-size:.42rem}.edu-cell-challenge b{font-size:.42rem}.edu-cell-challenge small{font-size:.34rem}.edu-cell-start b,.edu-cell-finish b{font-size:.43rem}.edu-cell-start small{display:none}.edu-cell-finish span{font-size:1.35rem}.edu-pawn{width:14px;height:14px;border-width:1px;font-size:.28rem}.edu-board-cheer{font-size:.6rem}.edu-activity-strip{margin:0 8px 8px}
  .edu-student-page{padding-top:8px}.edu-student-join-v2{padding:27px 18px;border-radius:22px}.edu-student-join-scene{height:80px}.edu-student-join-scene .kid{font-size:3.8rem}.edu-student-join-scene .snake{font-size:3rem}.edu-student-join-v2 h1{font-size:2.5rem}.edu-student-join-card-v2{padding:17px}.edu-student-game-layout-v2{gap:9px}.edu-student-board-v2{padding:7px;border-radius:16px}.edu-student-action-v2{grid-template-columns:1fr}.edu-my-player-card-v2,.edu-math-question-v2,.edu-roll-card-v2,.edu-wait-card-v2{grid-column:auto}.edu-leader-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
  .edu-zone-hero-pills span{font-size:.65rem}.edu-game-feature-list{grid-template-columns:1fr}.edu-featured-board-title{gap:5px}.edu-featured-board-title em{display:none}.edu-featured-mini-board{gap:2px;padding:4px;border-width:3px}.edu-featured-mini-board i span{font-size:.85rem}
  .edu-game-commandbar{padding:10px}.edu-command-pin strong{font-size:1.12rem}.edu-title-logo .snake,.edu-title-logo .ladder{display:none}.edu-title-logo{justify-content:center;text-align:center}
  .edu-cell-math b{font-size:.42rem}.edu-cell-math i{width:70%}.edu-cell-special>b{display:none}.edu-cell-challenge small{display:none}.edu-cell-challenge i{font-size:.95rem}.edu-pawn{width:12px;height:12px}.edu-leader-grid{grid-template-columns:1fr}.edu-student-commandbar{padding:9px}.edu-student-commandbar strong{font-size:.75rem}.edu-student-turn-v2{align-items:flex-start;flex-direction:column}.edu-roll-button-v2{width:135px}
}

/* Digitera V4.13.2 — Zona Game mode satu layar */
.edu-live-v4132 .edu-local-setup textarea{resize:vertical;min-height:130px;line-height:1.55}.edu-live-v4132 .edu-field-v2>small{display:block;margin-top:6px;color:#61758a;font-size:.68rem;line-height:1.45}.edu-local-commandbar{grid-template-columns:150px minmax(210px,1fr) 110px auto}.edu-local-mode strong{letter-spacing:.04em!important;font-size:1.2rem!important}.edu-one-screen-badge{background:#eaf4ff;color:#1268b8}.edu-one-screen-badge i{background:#2084dd}.edu-local-dice-card{padding-bottom:13px}.edu-local-roll-btn{width:126px;height:126px;margin:14px auto 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:28px;background:linear-gradient(145deg,#fff,#edf5fb);color:#213c58;box-shadow:0 9px 0 #cbdbe7,0 14px 24px rgba(31,73,104,.14);cursor:pointer}.edu-local-roll-btn:hover{transform:translateY(-2px)}.edu-local-roll-btn:active{transform:translateY(6px);box-shadow:0 3px 0 #cbdbe7}.edu-local-roll-btn:disabled{opacity:.58;cursor:not-allowed;transform:none}.edu-local-roll-btn>span{font-size:4.6rem;line-height:.9}.edu-local-roll-btn>strong{margin-top:10px;font-size:.62rem;letter-spacing:.06em;color:#1f5f93}.edu-local-roll-btn.is-rolling>span{animation:eduRoll .38s linear infinite}.edu-last-roll-chip{display:inline-flex;margin:10px auto 0;padding:6px 10px;border-radius:999px;background:#fff3ce;color:#795814;font-size:.66rem;font-weight:800}.edu-last-roll-chip b{margin-left:4px;color:#d56800}.edu-local-question{margin-bottom:10px;padding:15px;border:3px solid #efc33a;border-radius:16px;background:linear-gradient(180deg,#fffce8,#fff7c8);box-shadow:0 10px 25px rgba(136,100,15,.13);text-align:center}.edu-local-question h2{margin:12px 0 14px;color:#2a3950;font-size:clamp(1.3rem,2.4vw,2rem)}.edu-local-question .edu-question-top-v2 span{color:#6b408e}.edu-local-question .edu-answer-grid-v2{max-width:520px;margin:0 auto}.edu-local-question .edu-answer-grid-v2 button{min-height:58px;background:#fff;color:#253d56;font-size:1.18rem}.edu-local-question>small{display:block;margin-top:10px;color:#6d634c;font-size:.66rem}.edu-one-screen-note{border-color:#cfe3f6;background:#f3f9ff}.edu-one-screen-note .edu-zone-safety-icon{background:#dfefff}.edu-one-screen-note strong{color:#164f84}.edu-one-screen-note p{color:#4e708f}.edu-zone-v4132 .edu-zone-kicker-v2{background:#eaf4ff;color:#1268b8}.edu-zone-v4132 .edu-zone-hero-pills span:nth-child(2){background:#fff3ee;color:#a64a2b}.edu-zone-v4132 .edu-primary-cta{color:#fff!important}.edu-zone-v4132 .edu-primary-cta b{color:#fff!important}.edu-live-v4132 .edu-create-btn{color:#fff}.edu-live-v4132 .edu-create-btn span{color:#fff}.edu-live-v4132 .edu-control-btn.danger,.edu-live-v4132 .edu-control-btn.pause{color:#fff}.edu-live-v4132:fullscreen{overflow:auto;background:#eef8ff;padding:18px}.edu-live-v4132:fullscreen .edu-live-titlebar{display:none}.edu-live-v4132:fullscreen .edu-game-commandbar{margin-top:0}
@media(max-width:980px){.edu-local-commandbar{grid-template-columns:120px 1fr 90px}.edu-local-commandbar .edu-command-actions{grid-column:1/-1}.edu-local-roll-btn{width:115px;height:115px}}
@media(max-width:720px){.edu-local-commandbar{grid-template-columns:1fr 1fr}.edu-local-commandbar .edu-command-class{grid-column:1/-1;grid-row:2}.edu-local-commandbar .edu-command-player{grid-column:2;grid-row:1}.edu-local-commandbar .edu-command-actions{grid-row:3;grid-template-columns:1fr}.edu-local-question{padding:11px}.edu-local-question .edu-answer-grid-v2 button{min-height:50px;font-size:1rem}.edu-local-roll-btn{width:105px;height:105px}.edu-local-roll-btn>span{font-size:3.8rem}}

/* Digitera V4.13.3 — Spin Wheel Pertanyaan */
.edu-spin-page{padding-bottom:54px;color:#18345b}.edu-spin-page *{box-sizing:border-box}.edu-spin-page button,.edu-spin-page input,.edu-spin-page textarea,.edu-spin-page select{font:inherit}.edu-spin-titlebar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin:18px 0 20px;padding:18px 22px;border:1px solid #d9e7f3;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f4fbff 48%,#eef7ff 100%);box-shadow:0 12px 32px rgba(32,77,119,.08)}.edu-spin-title{display:flex;align-items:center;justify-content:center;gap:15px;text-align:center}.edu-spin-title-wheel{font-size:3rem;filter:drop-shadow(0 6px 8px rgba(70,87,138,.16))}.edu-spin-title small{display:block;color:#6b7280;font-size:.68rem;font-weight:900;letter-spacing:.08em}.edu-spin-title h1{margin:2px 0;color:#17345d;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.06}.edu-spin-title h1 span{color:#7b4ac7}.edu-spin-title p{margin:5px 0 0;color:#5c6f86;font-size:.77rem}.edu-spin-title-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.edu-spin-title-badges span{padding:7px 9px;border-radius:999px;background:#edf5ff;color:#1d5f9c;font-size:.63rem;font-weight:900;border:1px solid #d4e6f7}.edu-spin-title-badges span:last-child{background:#f5efff;color:#6940a8;border-color:#e5d8fb}
.edu-spin-setup{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);overflow:hidden;border:1px solid #d8e6f1;border-radius:30px;background:#fff;box-shadow:0 18px 48px rgba(30,78,120,.1)}.edu-spin-showcase{position:relative;min-height:610px;overflow:hidden;padding:48px;background:linear-gradient(145deg,#eaf8ff 0%,#f5efff 52%,#fff6ce 100%)}.edu-spin-showcase:before{content:"";position:absolute;inset:auto -120px -150px -80px;height:270px;border-radius:50%;background:#70c65d;box-shadow:0 -12px 0 #9dde76}.edu-spin-showcase:after{content:"";position:absolute;width:210px;height:110px;right:-55px;top:-35px;border-radius:50%;background:rgba(255,255,255,.7)}.edu-spin-kicker{position:relative;z-index:2;display:inline-flex;padding:7px 11px;border:1px solid #c5dff4;border-radius:999px;background:#fff;color:#195f9c;font-size:.69rem;font-weight:1000;letter-spacing:.05em}.edu-spin-showcase h2{position:relative;z-index:2;max-width:590px;margin:17px 0 12px;color:#17345d;font-size:clamp(2.3rem,4.8vw,4.15rem);line-height:.98;letter-spacing:-.045em}.edu-spin-showcase h2 span{color:#7b4ac7}.edu-spin-showcase>p{position:relative;z-index:2;max-width:570px;margin:0;color:#526982;line-height:1.7}.edu-spin-preview-wheel{position:absolute;z-index:2;width:255px;height:255px;right:52px;bottom:95px;border:12px solid #fff;border-radius:50%;background:conic-gradient(#ffd76a 0 60deg,#b6e7ff 60deg 120deg,#c7f2b3 120deg 180deg,#f8b9cf 180deg 240deg,#d8c3ff 240deg 300deg,#ffd1a8 300deg 360deg);box-shadow:0 20px 35px rgba(65,72,120,.18)}.edu-spin-preview-wheel:before{content:"";position:absolute;left:50%;top:-26px;transform:translateX(-50%);border-left:18px solid transparent;border-right:18px solid transparent;border-top:35px solid #f15c51;filter:drop-shadow(0 3px 0 #b93630)}.edu-spin-preview-wheel i{position:absolute;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.87);color:#18345b;font-style:normal;font-size:.82rem;font-weight:1000}.edu-spin-preview-wheel i:nth-child(1){left:108px;top:22px}.edu-spin-preview-wheel i:nth-child(2){right:34px;top:66px}.edu-spin-preview-wheel i:nth-child(3){right:35px;bottom:61px}.edu-spin-preview-wheel i:nth-child(4){left:108px;bottom:23px}.edu-spin-preview-wheel i:nth-child(5){left:31px;bottom:61px}.edu-spin-preview-wheel i:nth-child(6){left:33px;top:65px}.edu-spin-preview-wheel b{position:absolute;inset:89px;display:grid;place-items:center;border:6px solid #e5edf5;border-radius:50%;background:#fff;font-size:2rem}.edu-spin-preview-kids{position:absolute;z-index:3;left:45px;bottom:74px;display:flex;align-items:flex-end;gap:8px;font-size:5.2rem;filter:drop-shadow(0 8px 8px rgba(33,75,114,.13))}.edu-spin-preview-kids strong{margin-bottom:48px;font-size:2.4rem;animation:eduStar 2.2s ease-in-out infinite}.edu-spin-feature-pills{position:absolute;z-index:4;left:42px;right:42px;bottom:24px;display:flex;flex-wrap:wrap;gap:8px}.edu-spin-feature-pills span{padding:7px 10px;border-radius:999px;background:#fff;color:#365272;border:1px solid rgba(205,224,239,.9);font-size:.66rem;font-weight:850;box-shadow:0 5px 12px rgba(30,70,105,.06)}
.edu-spin-form{align-self:center;padding:38px}.edu-spin-form .edu-form-title{margin-bottom:18px}.edu-spin-form textarea{resize:vertical;min-height:210px;line-height:1.5}.edu-spin-form .edu-field-v2>small{display:block;margin-top:6px;color:#60738a;font-size:.67rem;line-height:1.45}.edu-spin-form .edu-field-v2>small b{color:#6a3ca9}.edu-spin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edu-spin-form-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:16px}.edu-spin-example-btn,.edu-spin-start-btn{min-height:50px;border:0;border-radius:13px;font-weight:900;cursor:pointer;transition:.18s ease}.edu-spin-example-btn{padding:0 15px;background:#fff4cf;color:#805a00;border:1px solid #f0d87f}.edu-spin-example-btn:hover{background:#ffedaa}.edu-spin-start-btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;background:linear-gradient(135deg,#7647c5,#935dd8);color:#fff;box-shadow:0 9px 20px rgba(118,71,197,.22)}.edu-spin-start-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#6739b3,#824ac8)}.edu-spin-start-btn span{font-size:1.3rem}
.edu-spin-commandbar{position:sticky;z-index:20;top:8px;display:grid;grid-template-columns:150px minmax(220px,1fr) 110px auto;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;border:1px solid #d8e5f1;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 10px 26px rgba(30,73,111,.1);backdrop-filter:blur(10px)}.edu-spin-commandbar>div{min-width:0}.edu-spin-commandbar small{display:block;color:#718096;font-size:.57rem;font-weight:900;letter-spacing:.08em}.edu-spin-commandbar strong{display:block;overflow:hidden;color:#17345d;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.edu-spin-commandbar>div:first-child strong{color:#7546bc}.edu-spin-command-actions{display:flex;gap:7px;justify-content:flex-end}.edu-spin-command-actions button,.edu-spin-history-head button{min-height:38px;padding:0 11px;border:1px solid #d7e3ee;border-radius:10px;background:#f8fbfe;color:#2c506e;font-size:.68rem;font-weight:850;cursor:pointer}.edu-spin-command-actions button:hover,.edu-spin-history-head button:hover{background:#eaf4fd;color:#174d7b}
.edu-spin-stage{display:grid;grid-template-columns:minmax(450px,1.25fr) minmax(330px,.75fr);gap:14px;align-items:stretch}.edu-spin-wheel-card,.edu-spin-question-panel,.edu-spin-history-card{border:1px solid #d9e5ef;border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(29,72,108,.08)}.edu-spin-wheel-card{padding:18px;background:linear-gradient(180deg,#ffffff,#f7fbff)}.edu-spin-wheel-heading{display:flex;align-items:center;gap:10px;padding:2px 5px 8px}.edu-spin-wheel-heading>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff0bf;font-size:1.45rem}.edu-spin-wheel-heading small,.edu-spin-question-head small,.edu-spin-history-head small{display:block;color:#7b6aa1;font-size:.59rem;font-weight:1000;letter-spacing:.08em}.edu-spin-wheel-heading h2{margin:1px 0 0;color:#1c365b;font-size:1.1rem}.edu-spin-wheel-shell{position:relative;width:min(100%,650px);aspect-ratio:1;margin:4px auto 8px;padding:12px}.edu-spin-wheel-shell canvas{display:block;width:100%;height:auto;aspect-ratio:1}.edu-spin-pointer{position:absolute;z-index:6;left:50%;top:-1px;transform:translateX(-50%);width:0;height:0;border-left:24px solid transparent;border-right:24px solid transparent;border-top:48px solid #ee5148;filter:drop-shadow(0 4px 0 #b63832) drop-shadow(0 7px 8px rgba(94,41,41,.2))}.edu-spin-center-button{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:8px solid #e7eef5;border-radius:50%;background:linear-gradient(145deg,#fff,#f0f5fa);color:#6539aa;box-shadow:0 10px 22px rgba(35,62,96,.18);cursor:pointer;transition:.15s ease}.edu-spin-center-button:hover{transform:translate(-50%,-50%) scale(1.04)}.edu-spin-center-button:active{transform:translate(-50%,-50%) scale(.97)}.edu-spin-center-button:disabled{opacity:.65;cursor:not-allowed}.edu-spin-center-button span{font-size:1.35rem;font-weight:1000;letter-spacing:.04em}.edu-spin-center-button small{margin-top:2px;color:#6d7f92;font-size:.57rem;font-weight:800}.edu-spin-wheel-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:13px;background:#edf7ff;color:#45637e;font-size:.7rem}.edu-spin-wheel-footer strong{color:#1764a8}
.edu-spin-question-panel{display:flex;flex-direction:column;padding:20px;background:linear-gradient(180deg,#fff,#fffdf7)}.edu-spin-question-head{display:flex;align-items:flex-start;gap:12px;padding-bottom:16px;border-bottom:1px dashed #dce5ec}.edu-spin-question-number{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:15px;background:linear-gradient(145deg,#8b57d1,#7042b7);color:#fff;font-size:1.25rem;font-weight:1000;box-shadow:0 7px 15px rgba(112,66,183,.2)}.edu-spin-question-head h2{margin:4px 0 0;color:#18345b;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.35}.edu-spin-timer{margin:16px 0;padding:14px;border:1px solid #dbe8f2;border-radius:16px;background:#f5fbff}.edu-spin-timer>div:first-child{display:flex;align-items:baseline;justify-content:center;gap:5px;color:#235a88}.edu-spin-timer>div:first-child span{font-size:1.3rem}.edu-spin-timer strong{font-size:2.1rem;line-height:1}.edu-spin-timer small{font-size:.65rem;font-weight:800}.edu-spin-timer-track{height:9px;overflow:hidden;margin-top:10px;border-radius:999px;background:#ddeaf3}.edu-spin-timer-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#41b86a,#28a45a);transition:width 1s linear}.edu-spin-timer.is-warning{background:#fff3ef;border-color:#f3c0b3}.edu-spin-timer.is-warning strong{color:#c63d2f}.edu-spin-timer.is-warning .edu-spin-timer-track i{background:linear-gradient(90deg,#f59b4b,#e34a3d)}.edu-spin-answer-box{margin:14px 0;padding:18px;border:2px solid #bfe6c9;border-radius:16px;background:#effaf2;text-align:center}.edu-spin-answer-box small{display:block;color:#4e7c59;font-size:.6rem;font-weight:1000;letter-spacing:.08em}.edu-spin-answer-box strong{display:block;margin-top:5px;color:#195b2d;font-size:1.18rem;line-height:1.4}.edu-spin-question-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto;padding-top:16px}.edu-spin-question-actions button{min-height:48px;border:0;border-radius:12px;font-weight:900;cursor:pointer}.edu-spin-question-actions button:disabled{opacity:.45;cursor:not-allowed}.edu-spin-answer-btn{background:#fff0bd;color:#7a5700}.edu-spin-done-btn{background:#26a85b;color:#fff;box-shadow:0 7px 15px rgba(38,168,91,.16)}.edu-spin-tip-card{display:flex;gap:10px;margin-top:13px;padding:12px;border-radius:14px;background:#f4effc;color:#594779}.edu-spin-tip-card>span{font-size:1.5rem}.edu-spin-tip-card strong{display:block;font-size:.76rem}.edu-spin-tip-card p{margin:3px 0 0;font-size:.65rem;line-height:1.45;color:#6e6084}
.edu-spin-history-card{margin-top:14px;padding:17px}.edu-spin-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.edu-spin-history-head h3{margin:2px 0 0;color:#1c365b;font-size:1rem}.edu-spin-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.edu-spin-history>p{grid-column:1/-1;margin:0;padding:18px;border:1px dashed #cddce8;border-radius:13px;background:#f9fbfd;color:#6d7d8f;text-align:center;font-size:.72rem}.edu-spin-history article{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #e2eaf1;border-radius:13px;background:#fbfdff}.edu-spin-history article>span{width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px;border-radius:8px;background:#eae2f7;color:#7046ae;font-size:.65rem;font-weight:1000}.edu-spin-history article strong{display:block;color:#2b435f;font-size:.68rem;line-height:1.35}.edu-spin-history article small{display:block;margin-top:3px;color:#718095;font-size:.58rem;line-height:1.35}.edu-spin-finished{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:20px;background:rgba(17,38,66,.72);backdrop-filter:blur(5px)}.edu-spin-finished[hidden]{display:none}.edu-spin-finished>div{width:min(520px,94vw);padding:34px;border:5px solid #fff;border-radius:28px;background:linear-gradient(145deg,#fff9d9,#fff,#eef9ff);box-shadow:0 25px 70px rgba(0,0,0,.28);text-align:center}.edu-spin-finished>div>span{display:block;font-size:4.5rem}.edu-spin-finished small{color:#8b6a00;font-weight:1000;letter-spacing:.09em}.edu-spin-finished h2{margin:7px 0;color:#17345d;font-size:1.7rem}.edu-spin-finished p{margin:0;color:#60728a;line-height:1.55}.edu-spin-finished>div>div{display:flex;justify-content:center;gap:9px;margin-top:18px}.edu-spin-finished button{min-height:45px;padding:0 16px;border:0;border-radius:12px;background:#7647c5;color:#fff;font-weight:900;cursor:pointer}.edu-spin-finished button:last-child{background:#eaf3fb;color:#24557d}.edu-spin-page:fullscreen{overflow:auto;background:#eef7ff;padding:16px}.edu-spin-page:fullscreen .edu-spin-titlebar{display:none}.edu-spin-page:fullscreen .edu-spin-commandbar{top:0;margin-top:0}

/* Card game kedua di Zona Game */
.edu-zone-cta-row{display:flex;flex-wrap:wrap;gap:9px}.edu-secondary-cta{min-height:48px;display:inline-flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid #d9c7f3;border-radius:13px;background:#fff;color:#6940a8!important;font-size:.86rem;font-weight:900;text-decoration:none;box-shadow:0 8px 18px rgba(96,65,140,.08);transition:.18s ease}.edu-secondary-cta:hover{transform:translateY(-2px);background:#f6f0ff;color:#5a3298!important}.edu-games-grid-v4133{display:grid;grid-template-columns:1.18fr .82fr;gap:16px;margin-bottom:18px}.edu-games-grid-v4133 .edu-featured-game-v2{grid-template-columns:minmax(280px,.88fr) minmax(320px,1.12fr);min-height:430px}.edu-spin-promo-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:430px;padding:30px;border:1px solid #dfd3f1;border-radius:30px;background:linear-gradient(145deg,#fff 0%,#f8f2ff 58%,#fff4c9 100%);box-shadow:0 18px 48px rgba(74,51,111,.09)}.edu-spin-promo-card:after{content:"";position:absolute;width:220px;height:220px;right:-75px;top:-75px;border-radius:50%;background:rgba(255,255,255,.68)}.edu-spin-promo-card>*{position:relative;z-index:2}.edu-spin-promo-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:21px;background:#fff;box-shadow:0 9px 22px rgba(91,64,135,.12);font-size:2.8rem}.edu-spin-promo-card>small{margin-top:18px;color:#7449b1;font-size:.67rem;font-weight:1000;letter-spacing:.08em}.edu-spin-promo-card h2{margin:5px 0 8px;color:#18345b;font-size:2rem;line-height:1.05}.edu-spin-promo-card h2 span{color:#7b4ac7}.edu-spin-promo-card p{margin:0;color:#5d6e83;line-height:1.6}.edu-spin-promo-mini{width:190px;height:190px;align-self:center;margin:18px 0;border:9px solid #fff;border-radius:50%;background:conic-gradient(#ffd86b 0 45deg,#aee7ff 45deg 90deg,#c9f3b5 90deg 135deg,#f9b8cf 135deg 180deg,#d9c2ff 180deg 225deg,#ffd0a8 225deg 270deg,#b8e8e0 270deg 315deg,#fff0a8 315deg);box-shadow:0 14px 26px rgba(69,63,102,.13);position:relative}.edu-spin-promo-mini:before{content:"";position:absolute;left:50%;top:-19px;transform:translateX(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid #ed554c}.edu-spin-promo-mini:after{content:"SPIN";position:absolute;inset:59px;display:grid;place-items:center;border:5px solid #e8eef5;border-radius:50%;background:#fff;color:#6c3daf;font-size:.72rem;font-weight:1000}.edu-spin-promo-card .edu-primary-cta{margin-top:auto;align-self:stretch;justify-content:center;background:#7647c5;box-shadow:0 9px 20px rgba(118,71,197,.2)}.edu-spin-promo-card .edu-primary-cta:hover{background:#6537b2}

@media(max-width:1100px){.edu-spin-setup{grid-template-columns:1fr}.edu-spin-showcase{min-height:500px}.edu-spin-form{padding:30px}.edu-spin-stage{grid-template-columns:1fr}.edu-spin-question-panel{min-height:390px}.edu-spin-history{grid-template-columns:repeat(2,minmax(0,1fr))}.edu-games-grid-v4133{grid-template-columns:1fr}.edu-games-grid-v4133 .edu-featured-game-v2{min-height:390px}}
@media(max-width:860px){.edu-spin-titlebar{grid-template-columns:1fr}.edu-spin-title{justify-content:flex-start;text-align:left}.edu-spin-title-badges{justify-content:flex-start}.edu-spin-commandbar{grid-template-columns:1fr 1fr}.edu-spin-command-title{grid-column:1/-1;grid-row:2}.edu-spin-command-actions{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(3,1fr)}.edu-spin-stage{display:block}.edu-spin-question-panel{margin-top:12px}.edu-spin-history{grid-template-columns:1fr}.edu-games-grid-v4133 .edu-featured-game-v2{grid-template-columns:1fr}.edu-games-grid-v4133 .edu-featured-board-wrap{order:-1}}
@media(max-width:680px){.edu-spin-titlebar{padding:14px;border-radius:18px}.edu-spin-title-wheel{font-size:2.25rem}.edu-spin-title h1{font-size:1.65rem}.edu-spin-title p{display:none}.edu-spin-setup{border-radius:22px}.edu-spin-showcase{min-height:390px;padding:28px 20px}.edu-spin-showcase h2{font-size:2.55rem}.edu-spin-showcase>p{font-size:.78rem}.edu-spin-preview-wheel{width:180px;height:180px;right:20px;bottom:76px;border-width:8px}.edu-spin-preview-wheel i{display:none}.edu-spin-preview-wheel b{inset:62px;font-size:1.3rem;border-width:4px}.edu-spin-preview-kids{left:18px;bottom:65px;font-size:3.6rem}.edu-spin-preview-kids strong{font-size:1.6rem}.edu-spin-feature-pills{left:18px;right:18px;bottom:16px}.edu-spin-feature-pills span{font-size:.57rem}.edu-spin-form{padding:21px}.edu-spin-form-row,.edu-spin-form-actions{grid-template-columns:1fr}.edu-spin-commandbar{position:relative;top:auto;grid-template-columns:1fr 1fr}.edu-spin-command-actions{grid-template-columns:1fr 1fr}.edu-spin-command-actions button:first-child{grid-column:1/-1}.edu-spin-wheel-card,.edu-spin-question-panel,.edu-spin-history-card{border-radius:18px}.edu-spin-wheel-card{padding:10px}.edu-spin-wheel-shell{padding:4px}.edu-spin-pointer{border-left-width:17px;border-right-width:17px;border-top-width:34px}.edu-spin-center-button{width:88px;height:88px;border-width:6px}.edu-spin-center-button span{font-size:1rem}.edu-spin-center-button small{font-size:.48rem}.edu-spin-wheel-footer{align-items:flex-start;flex-direction:column}.edu-spin-question-panel{padding:15px}.edu-spin-question-actions{grid-template-columns:1fr}.edu-spin-history-head{align-items:flex-start;flex-direction:column}.edu-spin-finished>div{padding:24px 18px}.edu-zone-cta-row{display:grid}.edu-zone-cta-row>a{justify-content:center}.edu-spin-promo-card{min-height:390px;padding:23px}}

/* Digitera V4.13.4 — katalog 3 kolom + prize wheel pertanyaan */
.edu-zone-v4134{padding-bottom:54px;color:#17324f}.edu-zone-v4134 *{box-sizing:border-box}
.edu-catalog-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin:18px 0 26px;padding:30px 34px;overflow:hidden;border:1px solid #d9e8f4;border-radius:28px;background:linear-gradient(135deg,#f4fbff 0%,#fff 54%,#fff9e8 100%);box-shadow:0 14px 34px rgba(33,79,119,.08)}
.edu-catalog-kicker{display:inline-flex;padding:7px 11px;border:1px solid #d8e8f6;border-radius:999px;background:#fff;color:#1f659c;font-size:.69rem;font-weight:900;letter-spacing:.06em}.edu-catalog-hero h1{margin:11px 0 8px;color:#132f54;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1}.edu-catalog-hero h1 span{color:#6e46b8}.edu-catalog-hero p{max-width:760px;margin:0;color:#526a82;line-height:1.65}.edu-catalog-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.edu-catalog-pills span{padding:7px 10px;border:1px solid #d9e7f2;border-radius:999px;background:#fff;color:#31536f;font-size:.7rem;font-weight:850}.edu-catalog-hero-art{display:flex;align-items:center;gap:8px;font-size:3.2rem}.edu-catalog-hero-art span{display:grid;place-items:center;width:84px;height:84px;border:1px solid #dfeaf3;border-radius:24px;background:#fff;box-shadow:0 9px 20px rgba(37,77,111,.08)}.edu-catalog-hero-art span:nth-child(2){transform:translateY(-12px);background:#fff6dd}.edu-catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 2px 14px}.edu-catalog-heading small{color:#7450ad;font-weight:900;letter-spacing:.08em}.edu-catalog-heading h2{margin:3px 0 2px;color:#17324f;font-size:1.55rem}.edu-catalog-heading p{margin:0;color:#63778a;font-size:.82rem}.edu-catalog-count{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#edf6ff;color:#195f9c;font-size:.72rem;font-weight:900}
.edu-game-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.edu-catalog-card{overflow:hidden;display:flex;flex-direction:column;min-width:0;border:1px solid #dce7ef;border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(35,76,110,.08);transition:transform .18s ease,box-shadow .18s ease}.edu-catalog-card:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(35,76,110,.12)}.edu-catalog-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;text-decoration:none;border-bottom:1px solid #dfe9f1}.edu-thumb-top{position:absolute;z-index:5;left:12px;right:12px;top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.edu-thumb-top span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.94);color:#17324f;font-size:.58rem;font-weight:1000;letter-spacing:.05em;box-shadow:0 3px 10px rgba(31,66,95,.09)}.edu-thumb-top b{font-size:1.3rem}.edu-thumb-play{position:absolute;z-index:7;right:12px;bottom:12px;padding:7px 11px;border-radius:999px;background:#173e6c;color:#fff;font-size:.66rem;font-weight:900;box-shadow:0 7px 14px rgba(17,50,83,.18)}
.edu-catalog-thumb-board{padding:48px 13px 14px;background:linear-gradient(145deg,#e7f8ff,#f5ffe9 52%,#fff0ce)}.edu-thumb-board{display:grid;grid-template-columns:repeat(6,1fr);height:100%;max-height:220px;overflow:hidden;border:3px solid #fff;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(39,84,115,.13)}.edu-thumb-board i{position:relative;display:grid;place-items:center;border-right:1px solid rgba(49,79,95,.17);border-bottom:1px solid rgba(49,79,95,.17);background:#fff4c9;font-style:normal}.edu-thumb-board i:nth-child(3n+2){background:#eaf7d7}.edu-thumb-board i:nth-child(4n+1){background:#e9f5ff}.edu-thumb-board i:nth-child(5n){background:#f9e5f0}.edu-thumb-board i b{position:absolute;left:3px;top:1px;color:#21384c;font-size:.5rem}.edu-thumb-board i span{font-size:.76rem}.edu-thumb-board i.ladder{background:#ddf1ca}.edu-thumb-board i.snake{background:#ffdcd9}.edu-thumb-board i.challenge{background:#efe3ff}.edu-thumb-board i.finish{background:#ffe999}.edu-thumb-board i.start{background:#dcf2e4}
.edu-catalog-thumb-spin{background:radial-gradient(circle at 75% 20%,#fff8ce 0 8%,transparent 9%),linear-gradient(145deg,#edf9ff,#f5efff 55%,#fff7da)}.edu-thumb-wheel{position:absolute;left:50%;top:53%;width:65%;aspect-ratio:1;transform:translate(-50%,-50%);border:13px solid #ffc51b;border-radius:50%;background:#f0ab0e;box-shadow:0 10px 22px rgba(75,62,34,.17)}.edu-thumb-wheel:before{content:"";position:absolute;inset:8%;border-radius:50%;background:conic-gradient(#ffd11f 0 60deg,#ef7b10 60deg 120deg,#79b446 120deg 180deg,#11a4cf 180deg 240deg,#515ea9 240deg 300deg,#e31d16 300deg);box-shadow:inset 0 0 0 2px rgba(102,65,25,.22)}.edu-thumb-wheel:after{content:"";position:absolute;inset:-7px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#fff 0deg 4deg,transparent 4deg 14deg);-webkit-mask:radial-gradient(circle,transparent 0 84%,#000 85% 100%);mask:radial-gradient(circle,transparent 0 84%,#000 85% 100%)}.edu-thumb-wheel-pointer{position:absolute;z-index:4;left:50%;top:-12px;transform:translateX(-50%);width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:34px solid #e51a14;filter:drop-shadow(0 3px 0 #9d1712)}.edu-thumb-wheel-face{position:absolute;z-index:3;inset:8%;border-radius:50%}.edu-thumb-wheel-face b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:27%;height:27%;display:grid;place-items:center;border:5px solid #d79a11;border-radius:50%;background:#ffd235;color:#fff;font-size:1.45rem}.edu-thumb-wheel-face .q{position:absolute;color:#17324f;font-size:clamp(.42rem,.62vw,.62rem);font-weight:1000;text-shadow:0 1px rgba(255,255,255,.6)}.edu-thumb-wheel-face .q1{left:39%;top:13%}.edu-thumb-wheel-face .q2{right:7%;top:32%;color:#fff}.edu-thumb-wheel-face .q3{right:10%;bottom:24%;color:#fff}.edu-thumb-wheel-face .q4{left:36%;bottom:8%;color:#fff}.edu-thumb-wheel-face .q5{left:7%;bottom:31%;color:#fff}.edu-thumb-wheel-face .q6{left:9%;top:28%;color:#fff}
.edu-catalog-thumb-coming{display:grid;place-items:center;background:linear-gradient(145deg,#f5f8fb,#eef4f8)}.edu-coming-illustration{display:flex;align-items:center;gap:9px;color:#60768a;font-size:2.7rem}.edu-coming-illustration span:nth-child(2){font-size:4rem}.edu-coming-badge{position:absolute;bottom:16px;padding:7px 11px;border:1px solid #d8e2ea;border-radius:999px;background:#fff;color:#607286;font-size:.62rem;font-weight:900}.edu-catalog-coming{opacity:.84}.edu-catalog-coming:hover{transform:none;box-shadow:0 12px 28px rgba(35,76,110,.08)}
.edu-catalog-body{display:flex;flex:1;flex-direction:column;padding:17px}.edu-catalog-tags{display:flex;flex-wrap:wrap;gap:5px}.edu-catalog-tags span{padding:4px 7px;border-radius:999px;background:#eef6ff;color:#1e6199;font-size:.57rem;font-weight:900}.edu-catalog-tags span:nth-child(2){background:#f1eaff;color:#6b45a8}.edu-catalog-body h3{margin:9px 0 5px;color:#17324f;font-size:1.03rem}.edu-catalog-body p{margin:0;color:#5d7185;font-size:.75rem;line-height:1.55}.edu-catalog-meta{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.edu-catalog-meta span{color:#4f6579;font-size:.63rem;font-weight:800}.edu-catalog-button{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:10px 12px;border-radius:11px;background:#246fbd;color:#fff!important;font-size:.73rem;font-weight:900;text-decoration:none}.edu-catalog-button:hover{background:#195f9f;color:#fff!important}.edu-catalog-button.is-disabled{background:#e8eef3;color:#768899!important;cursor:default}.edu-catalog-note{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:15px 17px;border:1px solid #d9e7f1;border-radius:17px;background:#f8fcff}.edu-catalog-note>span{font-size:1.45rem}.edu-catalog-note strong{color:#17324f}.edu-catalog-note p{margin:3px 0 0;color:#60758a;font-size:.76rem}

/* Wheel style: golden carnival rim + visible question labels */
.edu-spin-preview-wheel-v4134{border:14px solid #ffc51b!important;background:conic-gradient(#ffd11f 0 60deg,#ef7b10 60deg 120deg,#79b446 120deg 180deg,#11a4cf 180deg 240deg,#515ea9 240deg 300deg,#e31d16 300deg)!important;box-shadow:0 18px 34px rgba(70,63,42,.2)!important}.edu-spin-preview-wheel-v4134:after{content:"";position:absolute;inset:-9px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#fff 0deg 4deg,transparent 4deg 15deg);-webkit-mask:radial-gradient(circle,transparent 0 86%,#000 87% 100%);mask:radial-gradient(circle,transparent 0 86%,#000 87% 100%);pointer-events:none}.edu-spin-preview-wheel-v4134:before{border-left-width:20px!important;border-right-width:20px!important;border-top:0!important;border-bottom:40px solid #e21c17!important;top:-27px!important;filter:drop-shadow(0 4px 0 #971611)!important}.edu-spin-preview-wheel-v4134 i{width:auto!important;height:auto!important;max-width:72px;padding:2px 4px;border-radius:5px!important;background:rgba(255,255,255,.9)!important;color:#17324f!important;font-size:.55rem!important;line-height:1.05;text-align:center}.edu-spin-preview-wheel-v4134 .pv1{left:99px!important;top:31px!important}.edu-spin-preview-wheel-v4134 .pv2{right:21px!important;top:78px!important}.edu-spin-preview-wheel-v4134 .pv3{right:22px!important;bottom:71px!important}.edu-spin-preview-wheel-v4134 .pv4{left:95px!important;bottom:30px!important}.edu-spin-preview-wheel-v4134 .pv5{left:18px!important;bottom:72px!important}.edu-spin-preview-wheel-v4134 .pv6{left:20px!important;top:75px!important}.edu-spin-preview-wheel-v4134 b{inset:88px!important;border-color:#d79a0d!important;background:#ffd237!important;color:#fff!important}
.edu-spin-wheel-shell-v4134{padding:4px!important}.edu-spin-wheel-shell-v4134 canvas{filter:drop-shadow(0 14px 20px rgba(76,61,37,.18))}.edu-spin-pointer-v4134{top:-18px!important;border-left:31px solid transparent!important;border-right:31px solid transparent!important;border-top:0!important;border-bottom:62px solid #e31b16!important;filter:drop-shadow(0 5px 0 #9e1511) drop-shadow(0 8px 8px rgba(92,44,31,.22))!important}.edu-spin-pointer-v4134:after{content:"";position:absolute;left:-19px;top:11px;border-left:19px solid transparent;border-right:19px solid transparent;border-top:0;border-bottom:38px solid #ffe36b}.edu-spin-center-button-v4134{width:112px!important;height:112px!important;border:7px solid #d7970c!important;background:linear-gradient(145deg,#ffe96e,#ffc61c)!important;color:#fff!important;box-shadow:0 8px 18px rgba(96,70,24,.28)!important}.edu-spin-center-button-v4134 span{font-size:2rem!important;line-height:1!important}.edu-spin-center-button-v4134 strong{color:#714b00;font-size:.75rem;letter-spacing:.08em}.edu-spin-center-button-v4134 small{color:#765b18!important}.edu-spin-wheel-footer{background:#fff8dd!important;border:1px solid #f1d87b;color:#6a5b31!important}.edu-spin-wheel-footer strong{color:#875800!important}

@media(max-width:1050px){.edu-game-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.edu-catalog-hero{grid-template-columns:1fr}.edu-catalog-hero-art{display:none}}
@media(max-width:680px){.edu-game-catalog-grid{grid-template-columns:1fr}.edu-catalog-hero{padding:23px 20px}.edu-catalog-heading{align-items:flex-start;flex-direction:column}.edu-catalog-count{align-self:flex-start}.edu-catalog-thumb{aspect-ratio:16/9}.edu-spin-pointer-v4134{top:-11px!important;border-left-width:24px!important;border-right-width:24px!important;border-bottom-width:48px!important}.edu-spin-pointer-v4134:after{left:-15px;top:9px;border-left-width:15px;border-right-width:15px;border-bottom-width:29px}.edu-spin-center-button-v4134{width:86px!important;height:86px!important;border-width:5px!important}.edu-spin-center-button-v4134 span{font-size:1.45rem!important}}

/* ======================================================================
   Digitera V4.13.5 — CSS recovery / cache-safe catalog + Spin Wheel
   This section is deliberately scoped so global Digitera theme rules do
   not override the game catalog or game controls.
   ====================================================================== */

/* Katalog: hard reset only inside the V4.13.5 zone */
.edu-zone-v4135,
.edu-zone-v4135 * {
  box-sizing: border-box;
}
.edu-zone-v4135 {
  width: 100%;
  max-width: 1500px;
  margin-inline: auto;
  padding-bottom: 54px;
  color: #17324f;
}
.edu-zone-v4135 .edu-catalog-hero {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 28px;
  width: 100%;
  margin: 18px 0 26px;
  padding: 30px 34px;
  overflow: hidden;
  border: 1px solid #d9e8f4;
  border-radius: 28px;
  background: linear-gradient(135deg,#f4fbff 0%,#fff 54%,#fff9e8 100%);
  box-shadow: 0 14px 34px rgba(33,79,119,.08);
}
.edu-zone-v4135 .edu-catalog-hero h1,
.edu-zone-v4135 .edu-catalog-heading h2,
.edu-zone-v4135 .edu-catalog-card h3 {
  color: #17324f !important;
}
.edu-zone-v4135 .edu-catalog-hero p,
.edu-zone-v4135 .edu-catalog-heading p,
.edu-zone-v4135 .edu-catalog-card p {
  color: #5d7185 !important;
}
.edu-zone-v4135 .edu-game-catalog-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 18px !important;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}
.edu-zone-v4135 .edu-catalog-card {
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  border: 1px solid #dce7ef !important;
  border-radius: 22px !important;
  background: #fff !important;
  color: #17324f !important;
  box-shadow: 0 12px 28px rgba(35,76,110,.08) !important;
}
.edu-zone-v4135 .edu-catalog-thumb {
  position: relative;
  display: block !important;
  width: 100%;
  min-width: 0;
  aspect-ratio: 16/10;
  overflow: hidden;
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 1px solid #dfe9f1 !important;
}
.edu-zone-v4135 .edu-catalog-thumb-board {
  padding: 48px 13px 14px !important;
  background: linear-gradient(145deg,#e7f8ff,#f5ffe9 52%,#fff0ce) !important;
}
.edu-zone-v4135 .edu-thumb-board {
  display: grid !important;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  grid-template-rows: repeat(5,minmax(0,1fr)) !important;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  border: 3px solid #fff !important;
  border-radius: 14px !important;
  background: #fff !important;
}
.edu-zone-v4135 .edu-thumb-board i {
  min-width: 0;
  min-height: 0;
  line-height: 1;
}
.edu-zone-v4135 .edu-catalog-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  padding: 17px !important;
  background: #fff !important;
}
.edu-zone-v4135 .edu-catalog-button {
  min-height: 42px;
  color: #fff !important;
  background: #246fbd !important;
}
.edu-zone-v4135 .edu-catalog-button:hover {
  color: #fff !important;
  background: #195f9f !important;
}
.edu-zone-v4135 .edu-catalog-button.is-disabled {
  color: #66788a !important;
  background: #e8eef3 !important;
}

/* Spin Wheel: stable sizing and strong form contrast */
.edu-spin-page,
.edu-spin-page * {
  box-sizing: border-box;
}
.edu-spin-page {
  width: 100%;
  max-width: 1500px;
  margin-inline: auto;
  color: #17324f;
}
.edu-spin-page .edu-spin-titlebar,
.edu-spin-page .edu-spin-setup,
.edu-spin-page .edu-spin-commandbar,
.edu-spin-page .edu-spin-wheel-card,
.edu-spin-page .edu-spin-question-panel,
.edu-spin-page .edu-spin-history-card {
  color: #17324f;
}
.edu-spin-page input,
.edu-spin-page textarea,
.edu-spin-page select {
  width: 100%;
  max-width: 100%;
  color: #17324f !important;
  background: #fff !important;
  border-color: #cfdde8 !important;
}
.edu-spin-page input::placeholder,
.edu-spin-page textarea::placeholder {
  color: #7c8d9e !important;
  opacity: 1;
}
.edu-spin-page .edu-spin-setup {
  min-width: 0;
}
.edu-spin-page .edu-spin-showcase,
.edu-spin-page .edu-spin-form,
.edu-spin-page .edu-spin-stage > * {
  min-width: 0;
}
.edu-spin-page .edu-spin-wheel-shell-v4134 {
  position: relative;
  width: min(100%,650px);
  aspect-ratio: 1;
  margin-inline: auto;
  padding: 10px !important;
  overflow: visible;
}
.edu-spin-page .edu-spin-wheel-shell-v4134 canvas {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  aspect-ratio: 1;
}
/* Pointer must point DOWN into the wheel. */
.edu-spin-page .edu-spin-pointer-v4134 {
  top: -18px !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 31px solid transparent !important;
  border-right: 31px solid transparent !important;
  border-bottom: 0 !important;
  border-top: 62px solid #e31b16 !important;
  filter: drop-shadow(0 5px 0 #9e1511) drop-shadow(0 8px 8px rgba(92,44,31,.22)) !important;
}
.edu-spin-page .edu-spin-pointer-v4134::after {
  content: "";
  position: absolute;
  left: -19px;
  top: -54px;
  width: 0;
  height: 0;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-bottom: 0;
  border-top: 38px solid #ffe36b;
}
.edu-spin-page .edu-spin-preview-wheel-v4134::before {
  top: -27px !important;
  border-left: 20px solid transparent !important;
  border-right: 20px solid transparent !important;
  border-bottom: 0 !important;
  border-top: 40px solid #e21c17 !important;
}
.edu-spin-page .edu-spin-preview-wheel-v4134::after {
  pointer-events: none;
}
.edu-spin-page .edu-spin-center-button-v4134 {
  color: #714b00 !important;
}
.edu-spin-page .edu-spin-center-button-v4134 strong,
.edu-spin-page .edu-spin-center-button-v4134 small {
  color: #714b00 !important;
}
.edu-spin-page .edu-spin-wheel-footer {
  color: #6a5b31 !important;
  background: #fff8dd !important;
}
.edu-spin-page .edu-spin-wheel-footer strong {
  color: #875800 !important;
}

/* Responsive catalog: 3 desktop, 2 tablet, 1 mobile */
@media (max-width: 1100px) {
  .edu-zone-v4135 .edu-game-catalog-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  .edu-zone-v4135 .edu-catalog-hero {
    grid-template-columns: 1fr;
  }
  .edu-zone-v4135 .edu-catalog-hero-art {
    display: none !important;
  }
}
@media (max-width: 700px) {
  .edu-zone-v4135 .edu-game-catalog-grid {
    grid-template-columns: 1fr !important;
  }
  .edu-zone-v4135 .edu-catalog-hero {
    padding: 22px 18px;
    border-radius: 20px;
  }
  .edu-zone-v4135 .edu-catalog-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .edu-zone-v4135 .edu-catalog-thumb {
    aspect-ratio: 16/9;
  }
  .edu-spin-page .edu-spin-pointer-v4134 {
    top: -11px !important;
    border-left-width: 24px !important;
    border-right-width: 24px !important;
    border-top-width: 48px !important;
  }
  .edu-spin-page .edu-spin-pointer-v4134::after {
    left: -15px;
    top: -41px;
    border-left-width: 15px;
    border-right-width: 15px;
    border-top-width: 29px;
  }
}

/* ======================================================================
   Digitera V4.13.6 — Spin Wheel motion, popup question, sound states
   ====================================================================== */
.edu-spin-page .edu-spin-wheel-shell {
  isolation: isolate;
}
.edu-spin-page .edu-spin-wheel-shell::before {
  content: "";
  position: absolute;
  inset: 5.5%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,219,71,.20) 0 46%, rgba(255,187,20,.12) 61%, rgba(255,187,20,0) 72%);
  opacity: .35;
  transform: scale(.96);
  transition: opacity .25s ease, transform .25s ease;
  pointer-events: none;
}
.edu-spin-page .edu-spin-wheel-shell.is-spinning::before {
  opacity: .9;
  transform: scale(1.06);
  animation: eduSpinHalo 1s ease-in-out infinite alternate;
}
.edu-spin-page .edu-spin-wheel-shell.is-spinning canvas {
  filter: drop-shadow(0 18px 24px rgba(91,61,13,.24)) saturate(1.08) !important;
}
.edu-spin-page .edu-spin-wheel-shell.is-landed canvas {
  animation: eduWheelLand .62s cubic-bezier(.18,.89,.32,1.28);
}
.edu-spin-page .edu-spin-center-button-v4134 {
  overflow: visible;
}
.edu-spin-page .edu-spin-wheel-shell.is-spinning .edu-spin-center-button-v4134 {
  animation: eduSpinCenterPulse .7s ease-in-out infinite alternate;
}
.edu-spin-page .edu-spin-wheel-shell.is-spinning .edu-spin-center-button-v4134 strong {
  letter-spacing: .13em;
}
.edu-spin-page .edu-spin-pointer-v4134 {
  transform-origin: 50% 0;
}
.edu-spin-page .edu-spin-pointer-v4134.is-tick {
  animation: eduPointerTick .115s ease-out;
}
.edu-spin-page .edu-spin-command-actions [data-spin-sound].is-off {
  background: #fff3f1 !important;
  border-color: #ffd3ce !important;
  color: #a83a32 !important;
}

@keyframes eduPointerTick {
  0% { transform: translateX(-50%) rotate(0deg); }
  45% { transform: translateX(-50%) rotate(8deg); }
  100% { transform: translateX(-50%) rotate(0deg); }
}
@keyframes eduSpinCenterPulse {
  from { box-shadow: 0 8px 18px rgba(96,70,24,.28), 0 0 0 0 rgba(255,212,40,.22) !important; }
  to { box-shadow: 0 10px 22px rgba(96,70,24,.32), 0 0 0 14px rgba(255,212,40,0) !important; }
}
@keyframes eduSpinHalo {
  from { filter: blur(0); }
  to { filter: blur(3px); }
}
@keyframes eduWheelLand {
  0% { transform: scale(1); }
  34% { transform: scale(1.025); }
  68% { transform: scale(.992); }
  100% { transform: scale(1); }
}

/* Popup pertanyaan */
.edu-spin-popup[hidden] { display: none !important; }
.edu-spin-popup {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(10,29,53,.66);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  transition: opacity .2s ease;
}
.edu-spin-popup.is-open { opacity: 1; }
.edu-spin-popup-card {
  position: relative;
  width: min(760px, 100%);
  max-height: min(88vh, 760px);
  overflow: auto;
  border: 2px solid rgba(255,218,75,.86);
  border-radius: 30px;
  background: linear-gradient(180deg,#fffef9 0%,#ffffff 52%,#f7fbff 100%);
  box-shadow: 0 30px 90px rgba(4,21,42,.34), 0 0 0 8px rgba(255,255,255,.12);
  transform: translateY(24px) scale(.92);
  opacity: 0;
  transition: transform .3s cubic-bezier(.16,1,.3,1), opacity .2s ease;
}
.edu-spin-popup.is-open .edu-spin-popup-card {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.edu-spin-popup-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px 14px;
  border-bottom: 1px solid #e7eef4;
  background: linear-gradient(135deg,#fff7ce,#fff 58%,#f2f8ff);
  border-radius: 28px 28px 0 0;
}
.edu-spin-popup-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #173b66;
  color: #fff;
  font-size: .69rem;
  font-weight: 950;
  letter-spacing: .05em;
}
.edu-spin-popup-close {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid #dce6ef;
  border-radius: 12px;
  background: #fff;
  color: #36536e;
  font-size: 1.1rem;
  font-weight: 900;
  cursor: pointer;
}
.edu-spin-popup-close:hover { background: #edf5fb; color: #173b66; }
.edu-spin-popup-body { padding: 30px 34px 28px; text-align: center; }
.edu-spin-popup-icon {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  margin: 0 auto 14px;
  border: 6px solid #fff2a9;
  border-radius: 50%;
  background: linear-gradient(145deg,#ffd633,#f4ad09);
  color: #fff;
  box-shadow: 0 10px 24px rgba(197,132,6,.22);
  font-size: 2rem;
  animation: eduPopupIcon .7s cubic-bezier(.16,1,.3,1);
}
.edu-spin-popup-kicker {
  display: block;
  color: #6d5d91;
  font-size: .66rem;
  font-weight: 1000;
  letter-spacing: .11em;
}
.edu-spin-popup-question {
  margin: 9px auto 18px;
  max-width: 660px;
  color: #17324f !important;
  font-size: clamp(1.55rem,3.6vw,2.55rem);
  line-height: 1.22;
  letter-spacing: -.025em;
}
.edu-spin-popup-timer {
  width: min(460px,100%);
  margin: 0 auto 20px;
  padding: 11px 14px;
  border: 1px solid #d8e7f2;
  border-radius: 15px;
  background: #f5fbff;
}
.edu-spin-popup-timer[hidden] { display: none !important; }
.edu-spin-popup-timer-line {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  color: #225e91;
}
.edu-spin-popup-timer-line strong { font-size: 1.8rem; line-height: 1; }
.edu-spin-popup-timer-line small { font-size: .66rem; font-weight: 850; }
.edu-spin-popup-timer-track {
  height: 8px;
  overflow: hidden;
  margin-top: 9px;
  border-radius: 999px;
  background: #dfeaf3;
}
.edu-spin-popup-timer-track i {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,#2e9be4,#49c979);
  transition: width .35s linear;
}
.edu-spin-popup-timer.is-warning {
  border-color: #ffd2c9;
  background: #fff6f3;
}
.edu-spin-popup-timer.is-warning .edu-spin-popup-timer-line { color: #c44736; }
.edu-spin-popup-timer.is-warning .edu-spin-popup-timer-track i { background: linear-gradient(90deg,#ffb13b,#ef5b4d); }
.edu-spin-popup-answer {
  margin: 0 auto 20px;
  padding: 17px 18px;
  border: 1px solid #bee6ca;
  border-radius: 17px;
  background: #effcf3;
  color: #1e6338;
  text-align: left;
  animation: eduAnswerReveal .28s ease-out;
}
.edu-spin-popup-answer[hidden] { display: none !important; }
.edu-spin-popup-answer small {
  display: block;
  margin-bottom: 4px;
  color: #43855a;
  font-size: .63rem;
  font-weight: 1000;
  letter-spacing: .08em;
}
.edu-spin-popup-answer strong { display: block; color: #195832; font-size: 1.1rem; line-height: 1.45; }
.edu-spin-popup-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 6px;
}
.edu-spin-popup-actions button {
  min-height: 52px;
  padding: 0 18px;
  border: 0;
  border-radius: 14px;
  font-size: .82rem;
  font-weight: 950;
  cursor: pointer;
}
.edu-spin-popup-actions [data-spin-popup-show-answer] {
  border: 1px solid #ead27c;
  background: #fff6ce;
  color: #745200;
}
.edu-spin-popup-actions [data-spin-popup-show-answer]:hover { background: #ffed9d; }
.edu-spin-popup-actions [data-spin-popup-done] {
  background: linear-gradient(135deg,#28a866,#18834f);
  color: #fff;
  box-shadow: 0 9px 19px rgba(24,131,79,.18);
}
.edu-spin-popup-actions [data-spin-popup-done]:hover { background: linear-gradient(135deg,#22975b,#126f42); }
.edu-spin-popup-hint {
  margin: 13px 0 0;
  color: #6b7d8d;
  font-size: .68rem;
}
@keyframes eduPopupIcon {
  0% { transform: scale(.45) rotate(-25deg); opacity: 0; }
  70% { transform: scale(1.12) rotate(6deg); opacity: 1; }
  100% { transform: scale(1) rotate(0); }
}
@keyframes eduAnswerReveal {
  from { transform: translateY(8px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@media (max-width: 680px) {
  .edu-spin-popup { padding: 12px; }
  .edu-spin-popup-card { border-radius: 22px; }
  .edu-spin-popup-top { padding: 12px 13px; border-radius: 20px 20px 0 0; }
  .edu-spin-popup-body { padding: 22px 16px 18px; }
  .edu-spin-popup-icon { width: 62px; height: 62px; border-width: 5px; font-size: 1.65rem; }
  .edu-spin-popup-question { font-size: clamp(1.28rem,7vw,1.8rem); }
  .edu-spin-popup-actions { grid-template-columns: 1fr; }
}

/* ======================================================================
   Digitera V4.13.7 — Word Search Puzzle
   ====================================================================== */
.edu-ws-page,.edu-ws-page *{box-sizing:border-box}.edu-ws-page{width:100%;max-width:1500px;margin-inline:auto;color:#17324f}.edu-ws-page button,.edu-ws-page input,.edu-ws-page textarea,.edu-ws-page select{font:inherit}.edu-ws-titlebar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:16px 0 20px;padding:14px 18px;border:1px solid #d9e8f4;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(35,76,110,.07)}.edu-ws-title{display:flex;align-items:center;gap:13px;min-width:0}.edu-ws-title-icon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:17px;background:linear-gradient(145deg,#dff8ff,#dff5ea);font-size:1.65rem}.edu-ws-title small,.edu-ws-side-title small,.edu-ws-board-heading small{display:block;color:#2782a8;font-size:.66rem;font-weight:950;letter-spacing:.08em}.edu-ws-title h1{margin:2px 0 1px;color:#17324f;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.06}.edu-ws-title h1 span{color:#15a6d4}.edu-ws-title p{margin:0;color:#687b8e;font-size:.82rem}.edu-ws-title-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.edu-ws-title-badges span{padding:7px 10px;border:1px solid #d7e7f0;border-radius:999px;background:#f7fbfe;color:#315872;font-size:.66rem;font-weight:900}
.edu-ws-setup{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:20px;margin-bottom:24px}.edu-ws-showcase,.edu-ws-form{position:relative;min-width:0;overflow:hidden;border:1px solid #cfe7ee;border-radius:28px}.edu-ws-showcase{padding:32px;background:linear-gradient(150deg,#bceef4 0%,#d9fbff 43%,#bdebdc 100%);box-shadow:inset 0 -24px 50px rgba(23,142,150,.06)}.edu-ws-kicker{position:relative;z-index:2;display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.9);color:#18728c;font-size:.66rem;font-weight:1000;letter-spacing:.06em}.edu-ws-showcase h2{position:relative;z-index:2;margin:14px 0 6px;color:#ff6535;font-size:clamp(2.7rem,5vw,5.1rem);line-height:.83;letter-spacing:.015em;text-shadow:0 5px 0 #fff,0 7px 0 rgba(26,102,133,.12)}.edu-ws-showcase h2 span{color:#159fd0}.edu-ws-showcase>p{position:relative;z-index:2;max-width:620px;margin:15px 0 18px;color:#28566d;font-size:.9rem;line-height:1.55}.edu-ws-cloud{position:absolute;border-radius:999px;background:rgba(255,255,255,.6)}.edu-ws-cloud:before,.edu-ws-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.edu-ws-cloud-a{right:26px;top:34px;width:90px;height:24px}.edu-ws-cloud-a:before{width:38px;height:38px;left:14px;bottom:0}.edu-ws-cloud-a:after{width:52px;height:52px;right:12px;bottom:0}.edu-ws-cloud-b{left:18px;bottom:88px;width:70px;height:18px}.edu-ws-cloud-b:before{width:30px;height:30px;left:8px;bottom:0}.edu-ws-cloud-b:after{width:38px;height:38px;right:5px;bottom:0}.edu-ws-preview{position:relative;z-index:2;display:grid;grid-template-columns:repeat(10,1fr);gap:2px;width:min(100%,610px);padding:8px;border:4px solid #fff;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(31,91,119,.14)}.edu-ws-preview i{display:grid;place-items:center;aspect-ratio:1;border:1px solid #dce7eb;border-radius:4px;background:#fbfdff;color:#183b54;font-style:normal;font-size:clamp(.52rem,1.2vw,.88rem);font-weight:950}.edu-ws-preview i.hit{background:#fff2a3;color:#7a4d00;box-shadow:inset 0 0 0 2px #f3c544}.edu-ws-feature-pills{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.edu-ws-feature-pills span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.86);color:#22566b;font-size:.66rem;font-weight:900}
.edu-ws-form{padding:26px;background:#fff;box-shadow:0 12px 28px rgba(35,76,110,.08)}.edu-ws-form .edu-field-v2{display:block;margin-top:14px}.edu-ws-form .edu-field-v2>span{display:block;margin-bottom:6px;color:#25455f;font-size:.77rem;font-weight:900}.edu-ws-form input,.edu-ws-form textarea,.edu-ws-form select{width:100%;max-width:100%;border:1px solid #cddce7!important;border-radius:13px!important;background:#fff!important;color:#17324f!important;outline:none}.edu-ws-form input,.edu-ws-form select{min-height:46px;padding:0 12px}.edu-ws-form textarea{min-height:220px;padding:12px;resize:vertical;line-height:1.45}.edu-ws-form input:focus,.edu-ws-form textarea:focus,.edu-ws-form select:focus{border-color:#24a2cf!important;box-shadow:0 0 0 3px rgba(36,162,207,.13)!important}.edu-ws-form textarea::placeholder{color:#8597a8!important}.edu-ws-form .edu-field-v2 small{display:block;margin-top:6px;color:#718396;font-size:.67rem;line-height:1.45}.edu-ws-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edu-ws-form-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:18px}.edu-ws-example-btn,.edu-ws-start-btn{min-height:48px;border:0;border-radius:13px;font-weight:950;cursor:pointer}.edu-ws-example-btn{padding:0 16px;border:1px solid #d8e4eb;background:#f6fafc;color:#31566e}.edu-ws-start-btn{background:linear-gradient(135deg,#19a9d5,#1978c9);color:#fff;box-shadow:0 9px 19px rgba(25,120,201,.2)}.edu-ws-start-btn:hover{filter:brightness(.96)}
.edu-ws-commandbar{display:grid;grid-template-columns:auto minmax(170px,1fr) auto auto auto;align-items:center;gap:10px;margin-bottom:14px;padding:11px 13px;border:1px solid #d6e5ee;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(35,76,110,.07)}.edu-ws-commandbar small{display:block;color:#7b8d9d;font-size:.57rem;font-weight:900;letter-spacing:.08em}.edu-ws-commandbar strong{color:#17324f;font-size:.78rem}.edu-ws-command-title{min-width:0}.edu-ws-command-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edu-ws-command-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.edu-ws-command-actions button{min-height:36px;padding:0 10px;border:1px solid #d8e4eb;border-radius:10px;background:#f8fbfd;color:#31536b;font-size:.68rem;font-weight:900;cursor:pointer}
.edu-ws-stage{display:grid;grid-template-columns:minmax(190px,.6fr) minmax(480px,1.8fr) minmax(210px,.7fr);gap:14px;align-items:start}.edu-ws-side{display:grid;gap:12px}.edu-ws-side-card,.edu-ws-board-card,.edu-ws-wordlist-card,.edu-ws-motivation{border:1px solid #d7e6ef;border-radius:22px;background:#fff;box-shadow:0 9px 24px rgba(35,76,110,.07)}.edu-ws-side-card,.edu-ws-wordlist-card,.edu-ws-motivation{padding:16px}.edu-ws-side-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.edu-ws-side-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e7f7ff}.edu-ws-side-title h3{margin:0;color:#17324f;font-size:.92rem}.edu-ws-howto{background:linear-gradient(180deg,#f4fbff,#fff)}.edu-ws-howto ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.edu-ws-howto li{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;color:#4b6579;font-size:.72rem;line-height:1.42}.edu-ws-howto li b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1b9fd2;color:#fff}.edu-ws-tools button{width:100%;min-height:40px;margin-top:7px;border:1px solid #d7e4ec;border-radius:11px;background:#f8fbfd;color:#31576f;font-size:.7rem;font-weight:900;cursor:pointer}.edu-ws-tools button:hover{background:#edf8fc}.edu-ws-tools button.danger{border-color:#f0d2ca;background:#fff7f4;color:#a14730}
.edu-ws-board-card{min-width:0;padding:17px;background:linear-gradient(180deg,#fff,#fbfdff)}.edu-ws-board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.edu-ws-board-heading h2{margin:2px 0 0;color:#17324f;font-size:1.18rem}.edu-ws-progress-pill{display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #f1de88;border-radius:999px;background:#fff9d8;color:#815c00}.edu-ws-grid-wrap{width:100%;max-width:820px;margin-inline:auto;padding:8px;border:3px solid #d6e8ef;border-radius:17px;background:#f5fbfd}.edu-ws-grid{--ws-size:12;display:grid;grid-template-columns:repeat(var(--ws-size),minmax(0,1fr));gap:3px;width:100%;touch-action:none;user-select:none}.edu-ws-cell{display:grid;place-items:center;min-width:0;aspect-ratio:1;padding:0;border:1px solid #d6e1e7;border-radius:7px;background:#fff;color:#132f44;font-size:clamp(.62rem,1.45vw,1.18rem);font-weight:1000;line-height:1;cursor:crosshair;transition:transform .08s ease,background .12s ease,color .12s ease,box-shadow .12s ease}.edu-ws-cell:hover{background:#eef9fd}.edu-ws-cell.selecting{z-index:2;transform:scale(1.03);border-color:#e7a91a;background:#fff0a8;color:#765000;box-shadow:0 0 0 2px rgba(240,184,28,.18)}.edu-ws-cell.found{border-color:#53b879;background:#c9f2d7;color:#17643a;box-shadow:inset 0 0 0 1px #73c691}.edu-ws-cell.hint{animation:eduWsHint .55s ease 3;border-color:#e8a000;background:#fff2a8;color:#7a5100}.edu-ws-cell.reveal:not(.found){border-color:#b09ae9;background:#eee6ff;color:#5b3e99}.edu-ws-selection-status{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;margin-top:10px;padding:8px 10px;border-radius:12px;background:#eef8fd;color:#426578;font-size:.72rem;text-align:center}.edu-ws-selection-status strong{color:#0f6f92}
.edu-ws-wordlist-card{background:linear-gradient(180deg,#fff,#fffdf8)}.edu-ws-wordlist{display:grid;grid-template-columns:1fr;gap:7px}.edu-ws-word-item{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:7px 8px;border:1px solid #e3ebf0;border-radius:10px;background:#fbfdfe;color:#34566c}.edu-ws-word-item>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eaf6fb;color:#147ca4;font-size:.65rem;font-weight:1000}.edu-ws-word-item strong{overflow-wrap:anywhere;font-size:.71rem}.edu-ws-word-item.found{border-color:#b8e4c7;background:#eefaf2;color:#237045}.edu-ws-word-item.found>span{background:#35a965;color:#fff}.edu-ws-word-item.found strong{text-decoration:line-through;opacity:.74}.edu-ws-motivation{text-align:center;background:linear-gradient(155deg,#fff6c9,#fff)}.edu-ws-motivation>span{display:block;font-size:2rem}.edu-ws-motivation strong{display:block;margin-top:3px;color:#865d00}.edu-ws-motivation p{margin:5px 0 0;color:#6f735e;font-size:.7rem;line-height:1.4}
.edu-ws-complete{position:fixed;z-index:10030;inset:0;display:grid;place-items:center;padding:18px;background:rgba(15,39,59,.66);backdrop-filter:blur(5px)}.edu-ws-complete[hidden]{display:none!important}.edu-ws-complete>section{position:relative;width:min(560px,100%);padding:34px 26px 28px;border:4px solid #fff;border-radius:28px;background:linear-gradient(160deg,#fff9cc,#fff 52%,#e8f8ff);text-align:center;box-shadow:0 28px 80px rgba(7,34,51,.28)}.edu-ws-trophy{display:block;font-size:4rem}.edu-ws-complete small{display:block;color:#cc7b00;font-weight:1000;letter-spacing:.09em}.edu-ws-complete h2{margin:8px 0;color:#17324f;font-size:clamp(1.5rem,4vw,2.3rem)}.edu-ws-complete p{color:#627789}.edu-ws-complete section>div{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.edu-ws-complete button{min-height:45px;padding:0 15px;border:0;border-radius:12px;background:#168fc3;color:#fff;font-weight:950;cursor:pointer}.edu-ws-confetti{position:absolute;inset:8% 4% auto;text-align:center;font-size:2.2rem;letter-spacing:1.2rem;animation:eduWsConfetti 1.2s ease infinite alternate;pointer-events:none}
@keyframes eduWsHint{50%{transform:scale(1.11);box-shadow:0 0 0 6px rgba(255,196,0,.18)}}@keyframes eduWsConfetti{from{transform:translateY(-4px) rotate(-1deg)}to{transform:translateY(8px) rotate(1deg)}}

/* Word Search catalog thumbnail */
.edu-zone-v4135 .edu-catalog-thumb-wordsearch{padding:48px 15px 15px!important;background:linear-gradient(145deg,#bdeff5,#dffcff 48%,#dff6d4)!important}.edu-thumb-wordsearch-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;width:min(92%,270px);margin:0 auto;padding:7px;border:3px solid #fff;border-radius:13px;background:#fff;box-shadow:0 8px 18px rgba(29,94,118,.14)}.edu-thumb-wordsearch-grid i{display:grid;place-items:center;aspect-ratio:1;border:1px solid #dce7eb;border-radius:3px;background:#fbfdff;color:#18384f;font-style:normal;font-size:clamp(.42rem,.7vw,.62rem);font-weight:1000}.edu-thumb-wordsearch-grid i.hit{background:#fff0a8;color:#764f00}.edu-thumb-wordsearch-label{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:8px}.edu-thumb-wordsearch-label span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.94);color:#26728a;font-size:.53rem;font-weight:950}

@media(max-width:1180px){.edu-ws-stage{grid-template-columns:minmax(170px,.55fr) minmax(430px,1.5fr)}.edu-ws-side-right{grid-column:1/-1;grid-template-columns:1fr auto}.edu-ws-wordlist{grid-template-columns:repeat(3,minmax(0,1fr))}.edu-ws-motivation{min-width:210px}}
@media(max-width:980px){.edu-ws-titlebar{grid-template-columns:auto 1fr}.edu-ws-title-badges{grid-column:1/-1;justify-content:flex-start}.edu-ws-setup{grid-template-columns:1fr}.edu-ws-commandbar{grid-template-columns:repeat(4,auto)}.edu-ws-command-actions{grid-column:1/-1;justify-content:flex-start}.edu-ws-stage{grid-template-columns:1fr}.edu-ws-side-left{grid-template-columns:1fr 1fr}.edu-ws-side-right{grid-column:auto;grid-template-columns:1fr}.edu-ws-wordlist{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.edu-ws-titlebar{grid-template-columns:1fr;padding:13px}.edu-ws-title{align-items:flex-start}.edu-ws-title-icon{width:46px;height:46px;flex-basis:46px}.edu-ws-setup{gap:14px}.edu-ws-showcase,.edu-ws-form{padding:20px;border-radius:21px}.edu-ws-form-row,.edu-ws-form-actions{grid-template-columns:1fr}.edu-ws-commandbar{grid-template-columns:1fr 1fr}.edu-ws-command-title{grid-column:1/-1}.edu-ws-command-actions{grid-column:1/-1}.edu-ws-side-left{grid-template-columns:1fr}.edu-ws-board-card{padding:10px}.edu-ws-grid-wrap{padding:4px;border-radius:12px}.edu-ws-grid{gap:2px}.edu-ws-cell{border-radius:4px;font-size:clamp(.52rem,4.1vw,.9rem)}.edu-ws-wordlist{grid-template-columns:repeat(2,minmax(0,1fr))}.edu-ws-board-heading{align-items:flex-start}.edu-ws-board-heading h2{font-size:1rem}}
@media(max-width:430px){.edu-ws-wordlist{grid-template-columns:1fr}.edu-ws-title p{display:none}.edu-ws-commandbar{grid-template-columns:1fr 1fr}.edu-ws-commandbar>div:first-child,.edu-ws-command-title{grid-column:1/-1}.edu-ws-feature-pills{display:grid}.edu-ws-preview{gap:1px;padding:5px}}


/* ======================================================================
   Digitera V4.13.8 — Cocokkan Jumlah Buah
   ====================================================================== */
.edu-match-page,.edu-match-page *{box-sizing:border-box}.edu-match-page{width:100%;max-width:1500px;margin-inline:auto;color:#1d3450}.edu-match-page button,.edu-match-page input,.edu-match-page select{font:inherit}.edu-match-titlebar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;margin:16px 0 20px;padding:14px 18px;border:1px solid #dbe5f2;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(49,72,108,.07)}.edu-match-title{display:flex;align-items:center;gap:13px;min-width:0}.edu-match-title-icon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:17px;background:linear-gradient(145deg,#fff0c8,#ffe2ea);font-size:1.8rem}.edu-match-title small{display:block;color:#8a4bd4;font-size:.64rem;font-weight:950;letter-spacing:.08em}.edu-match-title h1{margin:2px 0;color:#20365a;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.08}.edu-match-title h1 span{color:#ee3978}.edu-match-title p{margin:1px 0 0;color:#6d7d91;font-size:.8rem}.edu-match-title-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.edu-match-title-badges span{padding:7px 10px;border:1px solid #e5dff3;border-radius:999px;background:#fbf8ff;color:#6c4a99;font-size:.64rem;font-weight:950}
.edu-match-setup{display:grid;grid-template-columns:minmax(0,.95fr) minmax(390px,1.05fr);gap:20px}.edu-match-showcase,.edu-match-form{position:relative;min-width:0;overflow:hidden;border:1px solid #dae6f2;border-radius:28px}.edu-match-showcase{padding:34px;background:linear-gradient(145deg,#bff4f5 0%,#e9fbff 50%,#ffe9f2 100%)}.edu-match-kicker{position:relative;z-index:2;display:inline-flex;padding:7px 11px;border-radius:999px;background:#fff;color:#2c6b8d;font-size:.65rem;font-weight:1000}.edu-match-showcase h2{position:relative;z-index:2;margin:15px 0 8px;color:#5435a5;font-size:clamp(2.3rem,5vw,4.8rem);line-height:.87;text-shadow:0 4px 0 #fff}.edu-match-showcase h2 span{color:#ed3e73}.edu-match-showcase>p{position:relative;z-index:2;max-width:620px;margin:16px 0;color:#3f6175;line-height:1.55}.edu-match-cloud{position:absolute;opacity:.7;font-size:4rem}.edu-match-cloud.c1{right:28px;top:24px}.edu-match-cloud.c2{left:12px;bottom:22px;font-size:3rem}.edu-match-preview{position:relative;z-index:2;display:grid;gap:7px;max-width:610px;margin-top:18px;padding:13px;border:4px solid #fff;border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 13px 28px rgba(44,101,126,.13)}.edu-match-preview>div{display:grid;grid-template-columns:minmax(110px,1fr) minmax(70px,.6fr) 54px;align-items:center;gap:8px;min-height:62px;padding:6px 10px;border:2px solid #e9dff7;border-radius:17px}.edu-match-preview strong{font-size:1.65rem;letter-spacing:.1em}.edu-match-preview i{overflow:hidden;color:#738092;font-style:normal;letter-spacing:.45em}.edu-match-preview b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#6540c9;color:#fff;font-size:1.25rem}.edu-match-feature-pills{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.edu-match-feature-pills span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.9);color:#365d75;font-size:.66rem;font-weight:900}
.edu-match-form{padding:26px;background:#fff}.edu-match-form .edu-field-v2{display:block;margin-top:14px}.edu-match-form .edu-field-v2>span{display:block;margin-bottom:6px;color:#294760;font-size:.76rem;font-weight:900}.edu-match-form input,.edu-match-form select{width:100%;min-height:46px;padding:0 12px;border:1px solid #cedbe7!important;border-radius:13px!important;background:#fff!important;color:#19344d!important}.edu-match-form input:focus,.edu-match-form select:focus{border-color:#7655dc!important;box-shadow:0 0 0 3px rgba(118,85,220,.12)!important}.edu-match-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edu-match-switch{margin-top:17px}.edu-match-form-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:18px}.edu-match-example-btn,.edu-match-start-btn{min-height:49px;border:0;border-radius:13px;font-weight:950;cursor:pointer}.edu-match-example-btn{padding:0 16px;border:1px solid #dce4ec;background:#f8fafc;color:#415c70}.edu-match-start-btn{background:linear-gradient(135deg,#f23b78,#8a49d7);color:#fff;box-shadow:0 10px 22px rgba(196,55,137,.2)}
.edu-match-commandbar{display:grid;grid-template-columns:auto minmax(150px,1fr) auto auto auto auto;align-items:center;gap:10px;margin-bottom:14px;padding:11px 13px;border:1px solid #d9e3ee;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(40,64,96,.07)}.edu-match-commandbar small{display:block;color:#7c8b9c;font-size:.56rem;font-weight:900;letter-spacing:.08em}.edu-match-commandbar strong{color:#1c3650;font-size:.77rem}.edu-match-command-title{min-width:0}.edu-match-command-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edu-match-command-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.edu-match-command-actions button{min-height:35px;padding:0 9px;border:1px solid #dbe4ed;border-radius:10px;background:#f8fbfd;color:#39556d;font-size:.66rem;font-weight:900;cursor:pointer}
.edu-match-game-card{overflow:hidden;border:1px solid #e1d9ef;border-radius:27px;background:#fff;box-shadow:0 12px 30px rgba(45,67,100,.08)}.edu-match-game-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 24px;background:linear-gradient(135deg,#fff8ca,#fff 52%,#f1e8ff)}.edu-match-game-heading>div:first-child>span{display:block;color:#ec3f78;font-size:.66rem;font-weight:1000;letter-spacing:.08em}.edu-match-game-heading h2{margin:3px 0;color:#53339a;font-size:clamp(1.25rem,2.4vw,2rem)}.edu-match-game-heading p{margin:0;color:#6a7787;font-size:.78rem}.edu-match-stars{font-size:1.5rem;white-space:nowrap}
.edu-match-workspace{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(180px,.46fr);gap:18px;align-items:stretch;min-height:610px;padding:22px 28px 18px;background:linear-gradient(180deg,#fff,#fbfdff)}.edu-match-lines{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.edu-match-column{position:relative;z-index:3;display:grid;grid-auto-rows:minmax(64px,1fr);gap:10px}.edu-match-fruit-card,.edu-match-number-bubble{position:relative;border:0;cursor:pointer}.edu-match-fruit-card{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:8px;min-height:72px;padding:8px 12px;border:2px solid #e4d8f2;border-radius:21px;background:#fff;color:#263d54;box-shadow:0 6px 15px rgba(56,70,99,.05);transition:.15s ease}.edu-match-fruit-card:nth-child(4n+1){border-color:#f6b5c8}.edu-match-fruit-card:nth-child(4n+2){border-color:#f4c685}.edu-match-fruit-card:nth-child(4n+3){border-color:#b9d989}.edu-match-fruit-card:nth-child(4n){border-color:#9dc9ef}.edu-match-fruit-card:hover,.edu-match-fruit-card.selected{transform:translateX(3px);border-color:#8a56d8;box-shadow:0 0 0 4px rgba(138,86,216,.12)}.edu-match-row-no{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ee3f74;color:#fff;font-size:1.15rem;font-weight:1000;box-shadow:inset 0 -4px 0 rgba(112,25,54,.18)}.edu-match-fruit-card:nth-child(2n) .edu-match-row-no{background:#f08c19}.edu-match-fruit-card:nth-child(3n) .edu-match-row-no{background:#63ae36}.edu-match-fruit-card:nth-child(4n) .edu-match-row-no{background:#318bd1}.edu-match-fruit-group{display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;line-height:1.05}.edu-match-fruit-group span{display:inline-block;font-size:clamp(1.28rem,2.4vw,2.15rem);animation:eduFruitPop .36s ease both;animation-delay:calc(var(--i)*.035s)}.edu-match-dot{display:block;width:15px;height:15px;border:4px solid #fff;border-radius:50%;background:#26374b;box-shadow:0 0 0 2px #26374b}.edu-match-fruit-card .edu-match-dot{justify-self:end}.edu-match-middle{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-around;align-items:center;color:#d8dde4;font-size:1.1rem}.edu-match-number-bubble{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;min-height:70px;padding:7px 11px;border-radius:21px;background:transparent}.edu-match-number-bubble strong{display:grid;place-items:center;justify-self:center;width:58px;height:58px;border:4px dashed rgba(255,255,255,.92);outline:4px solid #8746d2;border-radius:50%;background:#8746d2;color:#fff;font-size:1.5rem;box-shadow:0 7px 14px rgba(104,65,156,.18)}.edu-match-number-bubble:nth-child(2n) strong{outline-color:#61aa34;background:#61aa34}.edu-match-number-bubble:nth-child(3n) strong{outline-color:#ef8517;background:#ef8517}.edu-match-number-bubble:nth-child(4n) strong{outline-color:#2e91d2;background:#2e91d2}.edu-match-number-bubble:nth-child(5n) strong{outline-color:#ef3f76;background:#ef3f76}.edu-match-number-bubble:hover strong{transform:scale(1.06)}.edu-match-number-bubble .edu-match-dot{justify-self:start}.edu-match-fruit-card.solved,.edu-match-number-bubble.solved{opacity:.72;cursor:default}.edu-match-fruit-card.solved{border-color:#7bc795;background:#f0fbf4}.edu-match-number-bubble.solved strong{outline-color:#37aa65;background:#37aa65}.edu-match-fruit-card.wrong,.edu-match-number-bubble.wrong{animation:eduMatchShake .36s ease}.edu-match-fruit-card.reveal,.edu-match-number-bubble.reveal{box-shadow:0 0 0 5px rgba(255,186,36,.28)}.edu-match-number-bubble.hint strong{animation:eduMatchHint .48s ease 3}.edu-match-number-bubble.nudge{animation:eduMatchShake .36s ease}.edu-match-line{fill:none;stroke:#3bb86c;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 2px 2px rgba(20,102,58,.18));stroke-dasharray:800;stroke-dashoffset:800;animation:eduMatchDraw .55s ease forwards}
.edu-match-status{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0 22px 12px;padding:9px 13px;border-radius:14px;background:#eef7ff;color:#36596f;text-align:center;font-size:.76rem}.edu-match-status.ok{background:#ebfaf1;color:#216b42}.edu-match-status.bad{background:#fff0f1;color:#a13e4a}.edu-match-status.warn{background:#fff8dc;color:#7b6109}.edu-match-toolbar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 20px 20px}.edu-match-toolbar button{min-height:42px;padding:0 13px;border:1px solid #dae3ec;border-radius:12px;background:#f8fbfd;color:#34566e;font-size:.7rem;font-weight:950;cursor:pointer}.edu-match-toolbar button.danger{border-color:#f1d1d9;background:#fff7f9;color:#a6405c}
.edu-match-complete{position:fixed;z-index:10040;inset:0;display:grid;place-items:center;padding:18px;background:rgba(25,35,57,.62);backdrop-filter:blur(5px)}.edu-match-complete[hidden]{display:none!important}.edu-match-complete>section{position:relative;width:min(570px,100%);padding:34px 25px 28px;border:5px solid #fff;border-radius:30px;background:linear-gradient(160deg,#fff8ca,#fff 48%,#e7faff);text-align:center;box-shadow:0 28px 80px rgba(21,35,57,.28)}.edu-match-trophy{display:block;font-size:4.3rem}.edu-match-complete small{display:block;color:#ef4474;font-weight:1000;letter-spacing:.09em}.edu-match-complete h2{margin:7px 0;color:#55349d;font-size:clamp(1.5rem,4vw,2.35rem)}.edu-match-complete p{color:#647487}.edu-match-complete section>div:last-child{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.edu-match-complete button{min-height:46px;padding:0 16px;border:0;border-radius:13px;background:#7048cf;color:#fff;font-weight:950;cursor:pointer}.edu-match-confetti{position:absolute;inset:7% 3% auto;font-size:1.8rem;letter-spacing:.55rem;animation:eduMatchConfetti 1s ease-in-out infinite alternate;pointer-events:none}
/* catalog thumbnail */.edu-zone-v4135 .edu-catalog-thumb-fruitmatch{padding:50px 15px 15px!important;background:linear-gradient(145deg,#d6f8fb,#fff5c7 52%,#ffe5ef)!important}.edu-thumb-fruitmatch{display:grid;gap:5px;width:min(94%,285px);margin:auto}.edu-thumb-fruitmatch>div{display:grid;grid-template-columns:minmax(100px,1fr) 35px 38px;align-items:center;gap:5px;min-height:45px;padding:5px 8px;border:2px solid rgba(255,255,255,.9);border-radius:12px;background:rgba(255,255,255,.83)}.edu-thumb-fruitmatch .fruit{font-size:1.05rem;white-space:nowrap}.edu-thumb-fruitmatch i{border-top:2px dotted #7a8290}.edu-thumb-fruitmatch b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#7444c8;color:#fff}.edu-thumb-fruitmatch>div:nth-child(2) b{background:#56a337}.edu-thumb-fruitmatch>div:nth-child(3) b{background:#ed4a76}
@keyframes eduFruitPop{from{transform:scale(.4) rotate(-15deg);opacity:0}to{transform:scale(1);opacity:1}}@keyframes eduMatchDraw{to{stroke-dashoffset:0}}@keyframes eduMatchShake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}@keyframes eduMatchHint{50%{transform:scale(1.16);box-shadow:0 0 0 9px rgba(255,198,44,.2)}}@keyframes eduMatchConfetti{from{transform:translateY(-4px)}to{transform:translateY(9px)}}
@media(max-width:1050px){.edu-match-setup{grid-template-columns:1fr}.edu-match-workspace{grid-template-columns:minmax(0,1fr) 40px minmax(160px,.5fr)}.edu-match-commandbar{grid-template-columns:repeat(5,auto)}.edu-match-command-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:720px){.edu-match-titlebar{grid-template-columns:1fr;padding:13px}.edu-match-title-badges{justify-content:flex-start}.edu-match-form-row,.edu-match-form-actions{grid-template-columns:1fr}.edu-match-showcase,.edu-match-form{padding:20px;border-radius:21px}.edu-match-commandbar{grid-template-columns:1fr 1fr}.edu-match-command-title,.edu-match-command-actions{grid-column:1/-1}.edu-match-workspace{grid-template-columns:minmax(0,1fr) 18px 86px;gap:7px;min-height:520px;padding:14px 8px}.edu-match-fruit-card{grid-template-columns:34px minmax(0,1fr) 14px;gap:4px;min-height:60px;padding:5px 6px;border-radius:15px}.edu-match-row-no{width:30px;height:30px;font-size:.82rem}.edu-match-fruit-group span{font-size:clamp(.95rem,5vw,1.45rem)}.edu-match-dot{width:11px;height:11px;border-width:3px;box-shadow:0 0 0 1px #26374b}.edu-match-number-bubble{grid-template-columns:13px 1fr;gap:3px;min-height:60px;padding:4px}.edu-match-number-bubble strong{width:45px;height:45px;border-width:3px;outline-width:3px;font-size:1.05rem}.edu-match-line{stroke-width:4}.edu-match-middle{font-size:.7rem}.edu-match-game-heading{padding:15px}.edu-match-stars{display:none}}
@media(max-width:430px){.edu-match-title p{display:none}.edu-match-showcase h2{font-size:2.4rem}.edu-match-preview strong{font-size:1.15rem}.edu-match-preview>div{grid-template-columns:minmax(90px,1fr) 35px 42px}.edu-match-preview b{width:38px;height:38px}.edu-match-workspace{grid-template-columns:minmax(0,1fr) 8px 72px;padding-inline:5px}.edu-match-fruit-card{grid-template-columns:28px minmax(0,1fr) 10px}.edu-match-row-no{width:26px;height:26px}.edu-match-number-bubble strong{width:39px;height:39px}.edu-match-status{margin-inline:10px}.edu-match-toolbar{padding-inline:10px}}

/* Digitera V4.13.9 — Puzzle Perkalian */
.edu-mulpuzzle-page{padding-bottom:38px;color:#24364b}.edu-mulpuzzle-page *{box-sizing:border-box}.edu-mulpuzzle-titlebar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:18px 0 16px;padding:16px 18px;border:1px solid #dfe7f1;border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(41,70,102,.08)}.edu-mulpuzzle-title{display:flex;align-items:center;gap:13px;min-width:0}.edu-mulpuzzle-title-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 auto;border-radius:18px;background:linear-gradient(145deg,#fff3a7,#ffd35a);font-size:2rem;box-shadow:inset 0 -5px 0 rgba(185,126,16,.12)}.edu-mulpuzzle-title small{display:block;color:#7b62c7;font-size:.64rem;font-weight:1000;letter-spacing:.08em}.edu-mulpuzzle-title h1{margin:2px 0;color:#285f93;font-size:clamp(1.45rem,2.8vw,2.25rem)}.edu-mulpuzzle-title h1 span{color:#ef7b32}.edu-mulpuzzle-title p{margin:0;color:#66798b;font-size:.78rem}.edu-mulpuzzle-title-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.edu-mulpuzzle-title-badges span{padding:7px 9px;border-radius:999px;background:#f3f7fb;color:#3d5873;font-size:.62rem;font-weight:950}
.edu-mulpuzzle-setup{display:grid;grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:20px}.edu-mulpuzzle-showcase,.edu-mulpuzzle-form{border:1px solid #e0e7ef;border-radius:28px;background:#fff;box-shadow:0 13px 32px rgba(42,67,94,.08)}.edu-mulpuzzle-showcase{position:relative;overflow:hidden;padding:28px;background:linear-gradient(145deg,#e9faff,#fff 48%,#fff4c7)}.edu-mulpuzzle-showcase:before{content:"";position:absolute;width:170px;height:170px;right:-45px;top:-55px;border-radius:50%;background:rgba(124,209,243,.22)}.edu-mulpuzzle-kicker{position:relative;display:inline-block;padding:7px 10px;border-radius:999px;background:#fff;color:#6e4bc4;font-size:.66rem;font-weight:1000;letter-spacing:.06em}.edu-mulpuzzle-showcase h2{position:relative;margin:15px 0 7px;color:#2f6597;font-size:clamp(2.5rem,5vw,4.55rem);line-height:.88;letter-spacing:.01em}.edu-mulpuzzle-showcase h2 span{color:#f07c35}.edu-mulpuzzle-showcase>p{position:relative;max-width:560px;margin:12px 0 18px;color:#5f7388}.edu-mulpuzzle-preview{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border:3px solid #fff;border-radius:21px;background:#eaf7ff;box-shadow:0 8px 20px rgba(51,94,131,.1)}.edu-mulpuzzle-preview-qs,.edu-mulpuzzle-preview-img{display:grid;grid-template-columns:1fr 1fr;gap:6px}.edu-mulpuzzle-preview-qs i{display:grid;place-items:center;min-height:56px;border:2px solid #65a4df;border-radius:10px;background:#fff;color:#2d6394;font-style:normal;font-weight:1000}.edu-mulpuzzle-preview-img{overflow:hidden;border-radius:12px;background-image:url('puzzle-multiplication-jungle.svg');background-size:cover;background-position:center}.edu-mulpuzzle-preview-img span{display:grid;place-items:center;min-height:56px;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.28);color:#126aa1;font-weight:1000;text-shadow:0 1px #fff}.edu-mulpuzzle-feature-pills{position:relative;display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.edu-mulpuzzle-feature-pills span{padding:7px 10px;border-radius:999px;background:#fff;color:#42647c;font-size:.68rem;font-weight:900;box-shadow:0 3px 9px rgba(45,79,103,.06)}
.edu-mulpuzzle-form{padding:24px}.edu-mulpuzzle-photo-box{margin:10px 0 14px}.edu-mulpuzzle-photo-preview{display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px dashed #d7e3ef;border-radius:16px;background:#f7fbff}.edu-mulpuzzle-photo-preview img{display:block;width:118px;height:88px;object-fit:cover;border:3px solid #fff;border-radius:12px;background:#e7f4fb;box-shadow:0 6px 14px rgba(40,68,96,.1)}.edu-mulpuzzle-photo-meta strong{display:block;color:#2d5f90;font-size:.84rem}.edu-mulpuzzle-photo-meta small{display:block;margin-top:4px;color:#66798b;font-size:.72rem;line-height:1.5}.edu-mulpuzzle-photo-reset{min-height:40px;padding:0 12px;border:1px solid #d7e4ef;border-radius:11px;background:#fff;color:#3b5874;font-size:.68rem;font-weight:900;cursor:pointer}.edu-mulpuzzle-photo-preview.is-custom{border-style:solid;border-color:#b9d8ff;background:linear-gradient(145deg,#eef7ff,#fff)}.edu-mulpuzzle-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edu-mulpuzzle-switch{margin:4px 0 14px}.edu-mulpuzzle-form-actions{display:grid;grid-template-columns:.65fr 1.35fr;gap:9px}.edu-mulpuzzle-example-btn,.edu-mulpuzzle-start-btn{min-height:48px;border:0;border-radius:14px;font-weight:1000;cursor:pointer}.edu-mulpuzzle-example-btn{background:#eef5fb;color:#375974}.edu-mulpuzzle-start-btn{background:linear-gradient(135deg,#6f48cf,#8d5be0);color:#fff;box-shadow:0 9px 18px rgba(112,72,207,.2)}
.edu-mulpuzzle-live[hidden]{display:none!important}.edu-mulpuzzle-commandbar{display:grid;grid-template-columns:auto minmax(160px,1fr) auto auto auto auto;gap:8px;align-items:center;margin-bottom:12px;padding:10px 12px;border:1px solid #dce5ee;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(40,67,92,.07)}.edu-mulpuzzle-commandbar>div{min-width:0;padding:5px 9px}.edu-mulpuzzle-commandbar small{display:block;color:#8292a1;font-size:.54rem;font-weight:1000;letter-spacing:.07em}.edu-mulpuzzle-commandbar strong{display:block;overflow:hidden;color:#304d68;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.edu-mulpuzzle-command-title strong{color:#6d43c8}.edu-mulpuzzle-command-actions{display:flex;gap:6px;justify-content:flex-end}.edu-mulpuzzle-command-actions button{min-height:35px;padding:0 9px;border:1px solid #dbe4ed;border-radius:10px;background:#f8fbfd;color:#39556d;font-size:.64rem;font-weight:900;cursor:pointer}
.edu-mulpuzzle-game-card{overflow:hidden;border:1px solid #dfd8ee;border-radius:28px;background:#fff;box-shadow:0 13px 34px rgba(43,68,99,.08)}.edu-mulpuzzle-game-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 24px;background:linear-gradient(135deg,#fff9c9,#fff 48%,#e7f7ff)}.edu-mulpuzzle-game-heading>div:first-child>span{display:block;color:#ef497a;font-size:.65rem;font-weight:1000;letter-spacing:.08em}.edu-mulpuzzle-game-heading h2{margin:3px 0;color:#345f93;font-size:clamp(1.2rem,2.2vw,1.95rem)}.edu-mulpuzzle-game-heading p{margin:0;color:#6b7c8d;font-size:.75rem}.edu-mulpuzzle-stars{font-size:1.45rem;white-space:nowrap}
.edu-mulpuzzle-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:18px;padding:20px;background:#fbfdff}.edu-mulpuzzle-question-panel,.edu-mulpuzzle-board-panel,.edu-mulpuzzle-tray-panel{min-width:0;border:1px solid #e1e8ef;border-radius:20px;background:#fff}.edu-mulpuzzle-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #e5ebf1}.edu-mulpuzzle-panel-head small{display:block;color:#8a77c8;font-size:.56rem;font-weight:1000;letter-spacing:.08em}.edu-mulpuzzle-panel-head h3{margin:1px 0;color:#345874;font-size:1rem}.edu-mulpuzzle-panel-head>span{padding:6px 9px;border-radius:999px;background:#eef6fd;color:#42647e;font-size:.62rem;font-weight:900}.edu-mulpuzzle-questions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.edu-mulpuzzle-question{position:relative;display:grid;place-items:center;min-height:70px;padding:8px;border:2px solid #84b6e7;border-radius:12px;background:#fff;color:#2f6496;cursor:pointer;transition:.16s ease}.edu-mulpuzzle-question:hover,.edu-mulpuzzle-question.selected{transform:translateY(-2px);border-color:#7446ce;box-shadow:0 0 0 4px rgba(116,70,206,.12)}.edu-mulpuzzle-question small{position:absolute;left:7px;top:5px;color:#9ca9b5;font-size:.52rem}.edu-mulpuzzle-question strong{font-size:clamp(.86rem,1.8vw,1.14rem)}.edu-mulpuzzle-question>span{display:grid;place-items:center;min-width:25px;height:22px;margin-top:3px;border-radius:7px;background:#f1f6fa;color:#73879a;font-size:.68rem;font-weight:1000}.edu-mulpuzzle-question.solved{border-color:#65bf84;background:#effbf3;color:#25744a}.edu-mulpuzzle-question.solved>span{background:#45ad6c;color:#fff}.edu-mulpuzzle-status{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0 12px 12px;padding:9px 11px;border-radius:13px;background:#eef7ff;color:#36596f;text-align:center;font-size:.72rem}.edu-mulpuzzle-status.ok{background:#ebfaf1;color:#216b42}.edu-mulpuzzle-status.bad{background:#fff0f1;color:#a13e4a}.edu-mulpuzzle-status.warn{background:#fff8dc;color:#7b6109}
.edu-mulpuzzle-board-shell{position:relative;padding:12px}.edu-mulpuzzle-board{display:grid;grid-template-columns:repeat(var(--mulpuzzle-cols,4),1fr);grid-template-rows:repeat(var(--mulpuzzle-rows,4),1fr);aspect-ratio:5/3.55;overflow:hidden;border:4px solid #4c93cf;border-radius:14px;background:#eaf5fb}.edu-mulpuzzle-slot{position:relative;overflow:hidden;border:1px solid rgba(61,123,176,.5);background:linear-gradient(145deg,#f8fbfd,#e9f3f8)}.edu-mulpuzzle-slot-piece{position:absolute;inset:0;background-size:calc(var(--piece-cols)*100%) calc(var(--piece-rows)*100%);background-position:var(--piece-x) var(--piece-y);opacity:0;transform:scale(.5) rotate(-8deg);transition:.36s cubic-bezier(.2,.9,.25,1.18)}.edu-mulpuzzle-slot>span{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:30px;height:30px;padding:0 5px;border-radius:9px;background:rgba(255,255,255,.9);color:#5f7690;font-size:.7rem;font-weight:1000;box-shadow:0 2px 8px rgba(32,64,91,.12)}.edu-mulpuzzle-slot.solved .edu-mulpuzzle-slot-piece{opacity:1;transform:scale(1) rotate(0)}.edu-mulpuzzle-slot.solved>span{left:auto;top:auto;right:5px;bottom:5px;transform:none;min-width:25px;height:24px;background:rgba(255,255,255,.9);color:#2475a9;font-size:.6rem}.edu-mulpuzzle-slot.pop{animation:eduMulPuzzlePop .46s ease}.edu-mulpuzzle-board-mask{position:absolute;inset:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;background:rgba(231,245,252,.91);color:#54738a;text-align:center;pointer-events:none}.edu-mulpuzzle-board-mask[hidden]{display:none!important}.edu-mulpuzzle-board-mask span{font-size:3.2rem}.edu-mulpuzzle-board-mask small{font-weight:900}
.edu-mulpuzzle-tray-panel{margin:0 20px 20px}.edu-mulpuzzle-tray{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:12px}.edu-mulpuzzle-piece{position:relative;overflow:hidden;aspect-ratio:1.18/1;border:3px solid #fff;border-radius:12px;background-size:calc(var(--piece-cols)*100%) calc(var(--piece-rows)*100%);background-position:var(--piece-x) var(--piece-y);cursor:pointer;box-shadow:0 0 0 2px #77a8cf,0 5px 12px rgba(38,75,104,.12);transition:.16s ease}.edu-mulpuzzle-piece:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(16,48,74,.08));pointer-events:none}.edu-mulpuzzle-piece b{position:absolute;z-index:2;left:5px;top:5px;display:grid;place-items:center;min-width:32px;height:27px;padding:0 6px;border-radius:8px;background:#fff;color:#1a78b3;font-size:.74rem;font-weight:1000;box-shadow:0 2px 7px rgba(30,70,99,.18)}.edu-mulpuzzle-piece>span{position:absolute;z-index:2;right:5px;bottom:3px;font-size:.85rem;filter:drop-shadow(0 1px #fff)}.edu-mulpuzzle-piece:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 0 3px #7446ce,0 9px 17px rgba(38,75,104,.16)}.edu-mulpuzzle-piece.wrong,.edu-mulpuzzle-piece.nudge{animation:eduMulPuzzleShake .36s ease}.edu-mulpuzzle-piece.hint{animation:eduMulPuzzleHint .48s ease 3;box-shadow:0 0 0 5px rgba(255,194,41,.38),0 8px 18px rgba(38,75,104,.15)}.edu-mulpuzzle-piece.fly{animation:eduMulPuzzleFly .38s ease forwards}.edu-mulpuzzle-toolbar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 20px 20px}.edu-mulpuzzle-toolbar button{min-height:42px;padding:0 13px;border:1px solid #dae3ec;border-radius:12px;background:#f8fbfd;color:#34566e;font-size:.69rem;font-weight:950;cursor:pointer}.edu-mulpuzzle-toolbar button.danger{border-color:#f1d1d9;background:#fff7f9;color:#a6405c}
.edu-mulpuzzle-complete{position:fixed;z-index:10040;inset:0;display:grid;place-items:center;padding:18px;background:rgba(25,35,57,.62);backdrop-filter:blur(5px)}.edu-mulpuzzle-complete[hidden]{display:none!important}.edu-mulpuzzle-complete>section{position:relative;width:min(590px,100%);padding:34px 25px 28px;border:5px solid #fff;border-radius:30px;background:linear-gradient(160deg,#fff8ca,#fff 48%,#e7faff);text-align:center;box-shadow:0 28px 80px rgba(21,35,57,.28)}.edu-mulpuzzle-trophy{display:block;font-size:4.3rem}.edu-mulpuzzle-complete small{display:block;color:#ef4474;font-weight:1000;letter-spacing:.09em}.edu-mulpuzzle-complete h2{margin:7px 0;color:#3a6594;font-size:clamp(1.5rem,4vw,2.35rem)}.edu-mulpuzzle-complete p{color:#647487}.edu-mulpuzzle-complete section>div:last-child{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.edu-mulpuzzle-complete button{min-height:46px;padding:0 16px;border:0;border-radius:13px;background:#7048cf;color:#fff;font-weight:950;cursor:pointer}.edu-mulpuzzle-confetti{position:absolute;inset:7% 3% auto;font-size:1.8rem;letter-spacing:.55rem;animation:eduMatchConfetti 1s ease-in-out infinite alternate;pointer-events:none}
/* katalog thumbnail puzzle perkalian */.edu-zone-v4135 .edu-catalog-thumb-mulpuzzle{padding:48px 13px 13px!important;background:linear-gradient(145deg,#ecfbff,#fff8d2 55%,#f6edff)!important}.edu-thumb-mulpuzzle{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:min(94%,300px);margin:auto}.edu-thumb-mulpuzzle .qgrid,.edu-thumb-mulpuzzle .pgrid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.edu-thumb-mulpuzzle i{display:grid;place-items:center;min-height:36px;border:1px solid #62a5dc;border-radius:6px;background:#fff;color:#286395;font-size:.58rem;font-style:normal;font-weight:1000}.edu-thumb-mulpuzzle .pgrid{overflow:hidden;border-radius:8px;background-image:url('puzzle-multiplication-jungle.svg');background-size:cover;background-position:center}.edu-thumb-mulpuzzle .pgrid b{display:grid;place-items:center;min-height:36px;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.27);color:#0e74ad;font-size:.61rem;text-shadow:0 1px #fff}
@keyframes eduMulPuzzlePop{0%{transform:scale(.82)}65%{transform:scale(1.06)}100%{transform:scale(1)}}@keyframes eduMulPuzzleShake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}@keyframes eduMulPuzzleHint{50%{transform:scale(1.08)}}@keyframes eduMulPuzzleFly{to{transform:translateY(-16px) scale(.6);opacity:0}}
@media(max-width:1120px){.edu-mulpuzzle-setup{grid-template-columns:1fr}.edu-mulpuzzle-commandbar{grid-template-columns:repeat(5,auto)}.edu-mulpuzzle-command-actions{grid-column:1/-1;justify-content:flex-start}.edu-mulpuzzle-main{grid-template-columns:1fr}.edu-mulpuzzle-tray{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){.edu-mulpuzzle-titlebar{grid-template-columns:1fr;padding:13px}.edu-mulpuzzle-title-badges{justify-content:flex-start}.edu-mulpuzzle-form-row,.edu-mulpuzzle-form-actions{grid-template-columns:1fr}.edu-mulpuzzle-photo-preview{grid-template-columns:1fr}.edu-mulpuzzle-photo-preview img{width:100%;height:160px}.edu-mulpuzzle-showcase,.edu-mulpuzzle-form{padding:20px;border-radius:21px}.edu-mulpuzzle-commandbar{grid-template-columns:1fr 1fr}.edu-mulpuzzle-command-title,.edu-mulpuzzle-command-actions{grid-column:1/-1}.edu-mulpuzzle-questions{grid-template-columns:repeat(3,minmax(0,1fr))}.edu-mulpuzzle-tray{grid-template-columns:repeat(4,minmax(0,1fr))}.edu-mulpuzzle-main{padding:12px}.edu-mulpuzzle-tray-panel{margin:0 12px 12px}.edu-mulpuzzle-game-heading{padding:15px}.edu-mulpuzzle-stars{display:none}}
@media(max-width:480px){.edu-mulpuzzle-title p{display:none}.edu-mulpuzzle-showcase h2{font-size:2.7rem}.edu-mulpuzzle-preview{grid-template-columns:1fr}.edu-mulpuzzle-questions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.edu-mulpuzzle-question{min-height:60px}.edu-mulpuzzle-tray{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.edu-mulpuzzle-panel-head{align-items:flex-start;flex-direction:column}.edu-mulpuzzle-board{aspect-ratio:1.2/1}}

/* Digitera V4.14.0 — Puzzle Perkalian: foto custom guru */
.edu-mulpuzzle-photo-picker{display:grid;grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr);gap:14px;align-items:stretch;margin:14px 0;padding:12px;border:1px solid #dce8f2;border-radius:19px;background:linear-gradient(145deg,#f4fbff,#fffaf0);box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}
.edu-mulpuzzle-photo-preview{position:relative;min-height:155px;overflow:hidden;border:3px solid #fff;border-radius:16px;background:#eaf5fb center/cover no-repeat;box-shadow:0 0 0 2px #87b5dc,0 7px 18px rgba(39,81,115,.12)}
.edu-mulpuzzle-photo-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(24,55,81,.28));pointer-events:none}
.edu-mulpuzzle-photo-preview>span{position:absolute;z-index:2;left:10px;right:10px;bottom:9px;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.94);color:#315873;font-size:.64rem;font-weight:1000;text-align:center;box-shadow:0 3px 10px rgba(28,62,89,.12)}
.edu-mulpuzzle-photo-preview.custom{box-shadow:0 0 0 3px rgba(112,72,207,.18),0 9px 20px rgba(39,81,115,.15)}
.edu-mulpuzzle-photo-copy{display:flex;min-width:0;flex-direction:column;justify-content:center}
.edu-mulpuzzle-photo-copy>small{color:#7b62c2;font-size:.56rem;font-weight:1000;letter-spacing:.09em}
.edu-mulpuzzle-photo-copy h3{margin:3px 0 4px;color:#315b7c;font-size:1rem}
.edu-mulpuzzle-photo-copy p{margin:0 0 10px;color:#687c8e;font-size:.68rem;line-height:1.55}
.edu-mulpuzzle-file-input{display:none!important}
.edu-mulpuzzle-photo-actions{display:flex;gap:8px;flex-wrap:wrap}
.edu-mulpuzzle-photo-actions button{min-height:40px;padding:0 12px;border:1px solid #d4e1ec;border-radius:11px;background:#fff;color:#365b76;font-size:.66rem;font-weight:950;cursor:pointer;transition:.16s ease}
.edu-mulpuzzle-photo-actions button:hover{transform:translateY(-1px);border-color:#9dbdd7;box-shadow:0 5px 12px rgba(35,73,103,.09)}
.edu-mulpuzzle-photo-actions .edu-mulpuzzle-photo-primary{border-color:#7048cf;background:#7048cf;color:#fff}
.edu-mulpuzzle-photo-actions .edu-mulpuzzle-photo-primary:hover{border-color:#5f3db3;background:#5f3db3}
.edu-mulpuzzle-photo-actions button:disabled{cursor:wait;opacity:.65;transform:none}
.edu-mulpuzzle-photo-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:8px;color:#8493a0;font-size:.56rem;font-weight:800}
.edu-mulpuzzle-photo-meta span:first-child{overflow:hidden;max-width:100%;color:#4b718b;text-overflow:ellipsis;white-space:nowrap}
.edu-mulpuzzle-commandbar{grid-template-columns:auto auto minmax(160px,1fr) auto auto auto auto}
.edu-mulpuzzle-slot-piece,.edu-mulpuzzle-piece{background-repeat:no-repeat}

@media(max-width:1120px){
  .edu-mulpuzzle-commandbar{grid-template-columns:repeat(4,minmax(0,auto))}
  .edu-mulpuzzle-command-title{grid-column:auto}
  .edu-mulpuzzle-command-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:760px){
  .edu-mulpuzzle-photo-picker{grid-template-columns:1fr}
  .edu-mulpuzzle-photo-preview{min-height:190px}
  .edu-mulpuzzle-commandbar{grid-template-columns:1fr 1fr}
  .edu-mulpuzzle-command-title,.edu-mulpuzzle-command-actions{grid-column:1/-1}
}
@media(max-width:480px){
  .edu-mulpuzzle-photo-preview{min-height:160px}
  .edu-mulpuzzle-photo-actions{display:grid;grid-template-columns:1fr}
  .edu-mulpuzzle-photo-actions button{width:100%}
}

.edu-mulpuzzle-piece{aspect-ratio:var(--mulpuzzle-piece-ratio,1.18)!important}
@media(max-width:480px){.edu-mulpuzzle-board{aspect-ratio:5/3.55}}

/* ======================================================================
   Digitera V4.14.1 — English Sentence Builder
   Scoped to .edu-esb-page to avoid clashes with the main Digitera theme.
   ====================================================================== */
.edu-esb-page,.edu-esb-page *{box-sizing:border-box}.edu-esb-page{--esb-navy:#17324f;--esb-blue:#246fbd;--esb-sky:#eaf7ff;--esb-green:#20a765;--esb-yellow:#ffd34e;--esb-red:#e95454;--esb-purple:#7555cf;max-width:1500px;margin-inline:auto;padding-bottom:60px;color:var(--esb-navy)}
.edu-esb-titlebar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:18px 0 22px;padding:18px 22px;border:1px solid #d8e8f4;border-radius:24px;background:linear-gradient(135deg,#f2fbff,#fff 55%,#fff9e7);box-shadow:0 12px 30px rgba(39,79,111,.08)}
.edu-esb-title{display:flex;align-items:center;gap:14px;min-width:0}.edu-esb-title-icon{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,#246fbd,#55a9ee);font-size:2rem;box-shadow:0 8px 18px rgba(36,111,189,.22)}
.edu-esb-title small,.edu-esb-showcase small{color:#3977aa;font-weight:900;letter-spacing:.08em}.edu-esb-title h1{margin:2px 0 3px;color:#17324f!important;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.05}.edu-esb-title h1 span{color:#246fbd}.edu-esb-title p{margin:0;color:#60768a!important;font-size:.82rem}.edu-esb-title-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.edu-esb-title-badges span{padding:7px 9px;border:1px solid #dbe9f4;border-radius:999px;background:#fff;color:#315c7f;font-size:.62rem;font-weight:900}
.edu-esb-setup{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:20px}.edu-esb-showcase,.edu-esb-form{min-width:0;border:1px solid #d9e8f2;border-radius:28px;background:#fff;box-shadow:0 16px 34px rgba(32,78,113,.08)}
.edu-esb-showcase{position:relative;overflow:hidden;padding:36px;background:linear-gradient(145deg,#eaf9ff 0%,#fff 57%,#fff6d8 100%)}.edu-esb-showcase:before,.edu-esb-showcase:after{content:"";position:absolute;border-radius:50%;background:rgba(89,183,234,.12)}.edu-esb-showcase:before{width:240px;height:240px;right:-90px;top:-90px}.edu-esb-showcase:after{width:170px;height:170px;left:-80px;bottom:-90px}.edu-esb-kicker{position:relative;z-index:1;display:inline-block;padding:7px 11px;border-radius:999px;background:#fff;color:#2c6c9f;font-size:.66rem;font-weight:1000;box-shadow:0 5px 14px rgba(45,91,126,.08)}.edu-esb-showcase h2{position:relative;z-index:1;margin:14px 0 8px;color:#17324f!important;font-size:clamp(2.5rem,5vw,4.6rem);line-height:.88;letter-spacing:-.045em}.edu-esb-showcase h2 span{color:#f18b2c;text-shadow:0 3px #fff}.edu-esb-showcase>p{position:relative;z-index:1;max-width:680px;margin:0 0 22px;color:#557086!important;line-height:1.65}
.edu-esb-preview{position:relative;z-index:1;padding:18px;border:1px solid #dcebf5;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 12px 25px rgba(43,83,116,.08)}.edu-esb-preview-clue{margin-bottom:12px;padding:10px 12px;border-radius:12px;background:#f0f8ff;color:#305f83;font-size:.78rem;font-weight:800}.edu-esb-preview-bank,.edu-esb-preview-answer{display:flex;flex-wrap:wrap;gap:7px}.edu-esb-preview-bank i,.edu-esb-preview-answer i{padding:7px 10px;border-radius:10px;background:#fff;border:2px solid #85bde8;color:#174d78;font-style:normal;font-size:.72rem;font-weight:1000;box-shadow:0 3px 0 #dceaf4}.edu-esb-preview-bank i:nth-child(2n){border-color:#f0b759;background:#fff8e9}.edu-esb-preview-arrow{padding:9px 0;text-align:center;color:#8b6ca2;font-size:.63rem;font-weight:1000;letter-spacing:.08em}.edu-esb-preview-answer{align-items:center;padding:10px;border-radius:14px;background:#edf9f1}.edu-esb-preview-answer i{border-color:#73c999;background:#fff;color:#17653d}.edu-esb-preview-answer b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#20a765;color:#fff}.edu-esb-feature-pills{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.edu-esb-feature-pills span{padding:7px 9px;border-radius:999px;background:#fff;color:#516c82;font-size:.65rem;font-weight:850}
.edu-esb-form{padding:24px}.edu-esb-form .edu-form-title{display:flex;align-items:center;gap:10px;margin-bottom:17px}.edu-esb-form .edu-form-title>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eef6ff;font-size:1.25rem}.edu-esb-form .edu-form-title small{color:#60809c;font-size:.61rem;font-weight:900;letter-spacing:.08em}.edu-esb-form .edu-form-title h2{margin:1px 0 0;color:#17324f!important;font-size:1.2rem}.edu-esb-form .edu-field-v2{display:block;margin-bottom:14px}.edu-esb-form .edu-field-v2>span{display:block;margin-bottom:6px;color:#294b66;font-size:.73rem;font-weight:900}.edu-esb-form input,.edu-esb-form textarea,.edu-esb-form select{width:100%;border:1px solid #ccdce8;border-radius:13px;background:#fff;color:#17324f!important;padding:10px 12px;font:inherit;font-size:.82rem;outline:none}.edu-esb-form textarea{resize:vertical;min-height:210px;line-height:1.5}.edu-esb-form input:focus,.edu-esb-form textarea:focus,.edu-esb-form select:focus{border-color:#5ca4dd;box-shadow:0 0 0 3px rgba(66,149,215,.12)}.edu-esb-form .edu-field-v2 small{display:block;margin-top:6px;color:#6e8294;font-size:.66rem;line-height:1.45}.edu-esb-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edu-esb-form-actions{display:flex;gap:10px;margin-top:4px}.edu-esb-example-btn,.edu-esb-start-btn{border:0;border-radius:13px;padding:11px 14px;font-weight:900;cursor:pointer}.edu-esb-example-btn{background:#fff4d8;color:#825b0b}.edu-esb-start-btn{flex:1;background:#246fbd;color:#fff;box-shadow:0 7px 16px rgba(36,111,189,.2)}.edu-esb-start-btn:hover{background:#195f9f}.edu-esb-form .edu-form-note{margin:12px 0 0;padding:10px 12px;border-radius:11px;background:#f5f9fc;color:#637a8d!important;font-size:.65rem;line-height:1.45}
.edu-esb-live{position:relative}.edu-esb-commandbar{position:sticky;top:8px;z-index:30;display:grid;grid-template-columns:auto minmax(160px,1fr) auto auto auto auto;align-items:center;gap:8px;margin-bottom:14px;padding:9px;border:1px solid #d8e6ef;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 9px 24px rgba(39,73,100,.12);backdrop-filter:blur(10px)}.edu-esb-commandbar>div{min-width:0;padding:7px 10px;border-radius:12px;background:#f5f9fc}.edu-esb-commandbar small{display:block;color:#6b8091;font-size:.52rem;font-weight:900;letter-spacing:.08em}.edu-esb-commandbar strong{display:block;overflow:hidden;color:#17324f!important;font-size:.75rem;white-space:nowrap;text-overflow:ellipsis}.edu-esb-command-actions{display:flex!important;gap:5px;background:transparent!important;padding:0!important}.edu-esb-command-actions button{border:1px solid #d9e5ed;border-radius:10px;background:#fff;color:#315a78;padding:8px 9px;font-size:.62rem;font-weight:850;cursor:pointer;white-space:nowrap}.edu-esb-command-actions button:hover{background:#eef7ff}
.edu-esb-stage{display:grid;grid-template-columns:minmax(190px,.25fr) minmax(0,1fr) minmax(190px,.25fr);gap:14px;align-items:start}.edu-esb-side{display:grid;gap:12px}.edu-esb-side-card,.edu-esb-game-card{border:1px solid #dce8f0;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(39,75,104,.07)}.edu-esb-side-card{padding:15px}.edu-esb-side-title{display:flex;align-items:center;gap:8px;margin-bottom:11px}.edu-esb-side-title>span{font-size:1.15rem}.edu-esb-side-title small{display:block;color:#7790a3;font-size:.52rem;font-weight:900;letter-spacing:.08em}.edu-esb-side-title h3{margin:0;color:#17324f!important;font-size:.83rem}.edu-esb-howto{display:grid;gap:9px;margin:0;padding:0;list-style:none}.edu-esb-howto li{display:flex;gap:8px;align-items:flex-start;color:#536d82;font-size:.68rem;line-height:1.35}.edu-esb-howto li>b{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:#246fbd;color:#fff;font-size:.61rem}.edu-esb-tools{display:grid;gap:7px}.edu-esb-tools .edu-esb-side-title{margin-bottom:3px}.edu-esb-tools button{width:100%;border:1px solid #d8e5ee;border-radius:10px;background:#f8fbfd;color:#315a78;padding:9px;font-size:.66rem;font-weight:850;cursor:pointer;text-align:left}.edu-esb-tools button:hover{background:#eef7ff}.edu-esb-tools button.danger{border-color:#f1d8d8;background:#fff5f5;color:#a94444}
.edu-esb-game-card{overflow:hidden}.edu-esb-question-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:linear-gradient(100deg,#eff9ff,#fff 70%)}.edu-esb-question-head small{color:#3172a7;font-size:.56rem;font-weight:1000;letter-spacing:.08em}.edu-esb-question-head h2{margin:2px 0 0;color:#17324f!important;font-size:1.22rem}.edu-esb-round-pill{padding:8px 11px;border-radius:999px;background:#246fbd;color:#fff;font-size:.66rem;font-weight:900;white-space:nowrap}.edu-esb-clue{display:flex;align-items:center;gap:11px;margin:17px 18px 0;padding:14px 16px;border:1px solid #cfe5f5;border-radius:15px;background:#eff9ff}.edu-esb-clue>span{font-size:1.45rem}.edu-esb-clue small{display:block;color:#5683a6;font-size:.54rem;font-weight:900;letter-spacing:.08em}.edu-esb-clue strong{display:block;margin-top:2px;color:#244c69!important;font-size:.9rem}.edu-esb-clue.is-hidden-clue{border-style:dashed;background:#f6f8fa;opacity:.82}.edu-esb-answer-section,.edu-esb-bank-section{padding:16px 18px 0}.edu-esb-section-label{display:flex;align-items:center;gap:8px;margin-bottom:8px}.edu-esb-section-label>span{font-size:1.1rem}.edu-esb-section-label small{display:block;color:#7890a2;font-size:.53rem;font-weight:900;letter-spacing:.08em}.edu-esb-section-label strong{display:block;color:#294e69!important;font-size:.72rem}
.edu-esb-answer-zone,.edu-esb-word-bank{display:flex;flex-wrap:wrap;align-content:flex-start;gap:9px;min-height:88px;padding:14px;border-radius:16px}.edu-esb-answer-zone{border:2px dashed #7db4de;background:#f2faff}.edu-esb-answer-zone>p{align-self:center;width:100%;margin:0;color:#7190a7!important;text-align:center;font-size:.72rem}.edu-esb-word-bank{min-height:104px;border:1px solid #e2e8ee;background:#fafcfd}.edu-esb-bank-empty{width:100%;margin:auto!important;color:#86a0b3!important;text-align:center;font-size:.7rem}.edu-esb-word-token{align-self:flex-start;border:0;border-radius:12px;padding:10px 13px;background:#fff;color:#17324f;font-size:.86rem;font-weight:1000;cursor:pointer;box-shadow:0 4px 0 #d6e3ec,0 6px 12px rgba(38,74,102,.08);transition:transform .14s ease,box-shadow .14s ease}.edu-esb-word-token:hover{transform:translateY(-2px)}.edu-esb-word-token.is-bank{border:2px solid #8fc2e8;background:#fff}.edu-esb-word-token.is-answer{border:2px solid #65c596;background:#f3fff8;box-shadow:0 4px 0 #b7dfca}.edu-esb-word-token.is-dragging{opacity:.45;transform:scale(.96)}.edu-esb-word-token.drag-over{box-shadow:-5px 0 0 #f5ae2c,0 4px 0 #b7dfca}.edu-esb-answer-zone.shake{animation:esbShake .36s ease}@keyframes esbShake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.edu-esb-checkbar{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;border-top:1px solid #e5edf3;background:#fbfdfe}.edu-esb-feedback{display:grid;grid-template-columns:auto 1fr;column-gap:8px;flex:1;min-width:0}.edu-esb-feedback>span{grid-row:1/3;font-size:1.25rem}.edu-esb-feedback strong{color:#31566f!important;font-size:.76rem}.edu-esb-feedback small{color:#71879a;font-size:.62rem}.edu-esb-feedback.ok strong{color:#178253!important}.edu-esb-feedback.bad strong{color:#b94949!important}.edu-esb-check-btn{border:0;border-radius:13px;background:#20a765;color:#fff;padding:11px 16px;font-size:.72rem;font-weight:1000;cursor:pointer;box-shadow:0 6px 14px rgba(32,167,101,.2)}.edu-esb-check-btn:hover{background:#168853}
.edu-esb-progress-card{text-align:center}.edu-esb-progress-card .edu-esb-side-title{text-align:left}.edu-esb-progress-ring{--esb-progress:0deg;display:grid;place-items:center;align-content:center;width:112px;height:112px;margin:10px auto;border-radius:50%;background:radial-gradient(circle at center,#fff 0 58%,transparent 59%),conic-gradient(#20a765 0 var(--esb-progress),#e6eef3 var(--esb-progress) 360deg)}.edu-esb-progress-ring strong{color:#17324f!important;font-size:1.3rem}.edu-esb-progress-ring span{color:#71879a;font-size:.57rem;font-weight:850}.edu-esb-stats-mini{display:grid;grid-template-columns:1fr 1fr;gap:7px}.edu-esb-stats-mini div{padding:8px;border-radius:11px;background:#f5f9fc}.edu-esb-stats-mini span{display:block}.edu-esb-stats-mini strong{display:block;color:#17324f!important}.edu-esb-stats-mini small{color:#778d9f;font-size:.56rem}.edu-esb-history{display:grid;gap:7px;max-height:280px;overflow:auto}.edu-esb-history>p{margin:0;color:#8398a8!important;font-size:.66rem}.edu-esb-history>div{display:flex;gap:7px;padding:8px;border-radius:10px;background:#f6fbf8;text-align:left}.edu-esb-history>div>span{color:#20a765;font-weight:1000}.edu-esb-history p{margin:0;min-width:0}.edu-esb-history strong{display:block;color:#31566f!important;font-size:.62rem;line-height:1.3}.edu-esb-history small{display:block;margin-top:2px;color:#7a8f9f;font-size:.55rem}
.edu-esb-modal,.edu-esb-complete{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:20px;background:rgba(13,32,47,.62);backdrop-filter:blur(5px)}.edu-esb-modal[hidden],.edu-esb-complete[hidden]{display:none!important}.edu-esb-modal>section,.edu-esb-complete>section{width:min(620px,96vw);padding:30px;border:4px solid #fff;border-radius:28px;background:linear-gradient(145deg,#fff,#f3fbff);box-shadow:0 24px 70px rgba(0,0,0,.28);text-align:center;animation:esbPop .34s cubic-bezier(.2,.9,.25,1.25)}@keyframes esbPop{from{opacity:0;transform:scale(.82) translateY(16px)}to{opacity:1;transform:scale(1)}}.edu-esb-modal-emoji,.edu-esb-trophy{font-size:4.2rem}.edu-esb-modal small,.edu-esb-complete small{display:block;color:#f08b2d;font-size:.72rem;font-weight:1000;letter-spacing:.12em}.edu-esb-modal h2,.edu-esb-complete h2{margin:5px 0 13px;color:#17324f!important;font-size:1.65rem}.edu-esb-modal-sentence{margin:0;padding:15px;border-radius:15px;background:#eaf9f1;color:#16794a!important;font-size:1.1rem;font-weight:1000}.edu-esb-modal-meaning{margin:9px 0;color:#607789!important;font-size:.78rem}.edu-esb-modal-score{display:inline-block;margin:7px 0 14px;padding:7px 11px;border-radius:999px;background:#fff1c4;color:#805a0e;font-size:.72rem;font-weight:900}.edu-esb-modal button,.edu-esb-complete button{border:0;border-radius:13px;background:#246fbd;color:#fff;padding:11px 16px;font-weight:900;cursor:pointer}.edu-esb-complete>section>p{color:#5f7487!important}.edu-esb-final-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:15px 0}.edu-esb-final-stats span{padding:8px 11px;border-radius:999px;background:#f0f7fc;color:#31566f;font-size:.7rem;font-weight:800}.edu-esb-complete>section>div:last-child{display:flex;justify-content:center;gap:8px}

/* Catalog thumbnail — English Sentence Builder */
.edu-zone-v4135 .edu-catalog-thumb-esb{background:linear-gradient(145deg,#e8f8ff,#fff 56%,#fff1d0)}.edu-thumb-esb{position:absolute;left:8%;right:8%;top:20%;bottom:12%;display:grid;align-content:center;gap:7px}.edu-thumb-esb .clue{padding:7px 9px;border-radius:9px;background:#fff;color:#4a6d86;font-size:.52rem;font-weight:800;text-align:center}.edu-thumb-esb .scramble,.edu-thumb-esb .answer{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.edu-thumb-esb i{padding:5px 7px;border:1.5px solid #78b5e2;border-radius:7px;background:#fff;color:#23597e;font-style:normal;font-size:.49rem;font-weight:1000}.edu-thumb-esb .scramble i:nth-child(even){border-color:#f1b75b;background:#fff9eb}.edu-thumb-esb .arrow{text-align:center;color:#8466a0;font-size:.45rem;font-weight:1000;letter-spacing:.08em}.edu-thumb-esb .answer{padding:6px;border-radius:9px;background:#edf9f2}.edu-thumb-esb .answer i{border-color:#67c394;color:#176440}.edu-thumb-esb .answer b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#20a765;color:#fff;font-size:.55rem}

@media(max-width:1180px){.edu-esb-setup{grid-template-columns:1fr}.edu-esb-stage{grid-template-columns:180px minmax(0,1fr)}.edu-esb-side-right{grid-column:1/-1;grid-template-columns:1fr 1fr}.edu-esb-commandbar{grid-template-columns:auto minmax(120px,1fr) auto auto auto}.edu-esb-command-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:820px){.edu-esb-titlebar{grid-template-columns:1fr}.edu-esb-title-badges{justify-content:flex-start}.edu-esb-stage{grid-template-columns:1fr}.edu-esb-side-left{grid-template-columns:1fr 1fr}.edu-esb-side-right{grid-template-columns:1fr 1fr}.edu-esb-game-card{grid-row:1}.edu-esb-commandbar{position:static;grid-template-columns:repeat(3,1fr)}.edu-esb-command-title{grid-column:span 2}.edu-esb-command-actions{grid-column:1/-1;justify-content:stretch}.edu-esb-command-actions button{flex:1}.edu-esb-showcase{padding:26px}.edu-esb-form-row{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.edu-esb-titlebar{padding:15px}.edu-esb-title{align-items:flex-start}.edu-esb-title-icon{flex-basis:50px;width:50px;height:50px}.edu-esb-showcase,.edu-esb-form{border-radius:20px}.edu-esb-showcase{padding:22px 18px}.edu-esb-form{padding:18px}.edu-esb-form-row{grid-template-columns:1fr}.edu-esb-form-actions{flex-direction:column}.edu-esb-side-left,.edu-esb-side-right{grid-template-columns:1fr}.edu-esb-commandbar{grid-template-columns:1fr 1fr}.edu-esb-command-title{grid-column:1/-1}.edu-esb-command-actions{flex-wrap:wrap}.edu-esb-question-head{align-items:flex-start;flex-direction:column}.edu-esb-checkbar{align-items:stretch;flex-direction:column}.edu-esb-check-btn{width:100%}.edu-esb-word-token{font-size:.76rem;padding:8px 10px}.edu-esb-answer-zone,.edu-esb-word-bank{min-height:78px;padding:10px}.edu-esb-modal>section,.edu-esb-complete>section{padding:24px 18px}.edu-esb-modal h2,.edu-esb-complete h2{font-size:1.35rem}}

/* Digitera V4.14.2 — fix pembaca foto Puzzle Perkalian */
.edu-mulpuzzle-photo-picker input[type=file][hidden]{display:none!important}
.edu-mulpuzzle-photo-preview{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.edu-mulpuzzle-photo-copy{min-width:0}
.edu-mulpuzzle-photo-meta span{overflow-wrap:anywhere}
@media(max-width:620px){.edu-mulpuzzle-photo-picker{grid-template-columns:1fr}.edu-mulpuzzle-photo-preview{min-height:180px}}

/* ======================================================================
   Digitera V4.14.4 — Penjumlahan Interaktif
   ====================================================================== */
.edu-add-page{--orange:#f39200;--ink:#243a55;--blue:#2f86cf;--soft:#fffaf0;padding-bottom:38px}.edu-add-titlebar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:20px;padding:18px 20px;border:1px solid #d9e9f6;border-radius:22px;background:linear-gradient(135deg,#fff,#f5fbff);box-shadow:0 10px 30px rgba(47,91,128,.08)}.edu-add-title{display:flex;align-items:center;gap:14px}.edu-add-title-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#fff0c8,#ffe1a0);font-size:2rem}.edu-add-title small,.edu-add-title h1,.edu-add-title p{color:var(--ink)!important}.edu-add-title small{font-size:.67rem;font-weight:1000;letter-spacing:.12em;color:#d97706!important}.edu-add-title h1{margin:2px 0 3px;font-size:1.55rem}.edu-add-title h1 span{color:var(--orange)}.edu-add-title p{margin:0;color:#64788a!important;font-size:.78rem}.edu-add-title-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.edu-add-title-badges span{padding:7px 10px;border:1px solid #e0eaf2;border-radius:999px;background:#fff;color:#415b70;font-size:.61rem;font-weight:950}
.edu-add-setup{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px}.edu-add-showcase,.edu-add-form{position:relative;overflow:hidden;border:1px solid #f4d391;border-radius:28px;background:#fff;box-shadow:0 15px 38px rgba(116,83,28,.08)}.edu-add-showcase{min-height:520px;padding:42px;background:linear-gradient(155deg,#fff9e8 0,#fff 56%,#eaf8ff 100%)}.edu-add-showcase:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-45px;height:130px;background:radial-gradient(ellipse at center,#95d964 0 45%,#6bc04f 46% 65%,transparent 66%)}.edu-add-sun{position:absolute;right:36px;top:24px;font-size:3.2rem}.edu-add-cloud{position:absolute;color:#d9effa;font-size:3.7rem}.edu-add-cloud.c1{left:18px;top:120px}.edu-add-cloud.c2{right:16px;top:155px}.edu-add-kicker{position:relative;z-index:1;display:inline-block;padding:7px 11px;border-radius:999px;background:#fff0ba;color:#9a6500;font-size:.65rem;font-weight:1000;letter-spacing:.08em}.edu-add-showcase h2{position:relative;z-index:1;margin:15px 0 10px;color:#263f59!important;font-size:clamp(2rem,4vw,3.35rem);line-height:.92;letter-spacing:-.04em}.edu-add-showcase h2 span{color:var(--orange)}.edu-add-showcase>p{position:relative;z-index:1;max-width:560px;margin:0;color:#607386!important;font-size:.86rem;line-height:1.65}.edu-add-preview{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 17px}.edu-add-preview>div{padding:15px;border:3px solid #f4a000;border-radius:18px;background:#fff;box-shadow:0 8px 16px rgba(239,145,0,.1);text-align:center}.edu-add-preview b{display:block;color:#d97e00!important;font-size:1.35rem;line-height:1.3}.edu-add-preview b:nth-child(2){position:relative}.edu-add-preview em{font-style:normal}.edu-add-preview i{display:block;margin:4px auto 7px;border-top:3px solid #eb9705}.edu-add-preview strong{color:#2e77b8;font-size:1.2rem}.edu-add-feature-pills{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px}.edu-add-feature-pills span{padding:7px 10px;border-radius:999px;background:#fff;color:#49657c;font-size:.67rem;font-weight:850;box-shadow:0 4px 12px rgba(34,70,100,.06)}
.edu-add-form{padding:25px;background:#fff}.edu-add-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edu-add-switch{margin:13px 0}.edu-add-form-actions{display:flex;gap:10px;margin-top:16px}.edu-add-form-actions button{min-height:48px;border-radius:13px;padding:0 16px;font-weight:950;cursor:pointer}.edu-add-demo-btn{border:1px solid #e7d5af;background:#fff9e9;color:#8a6418}.edu-add-start-btn{flex:1;border:0;background:linear-gradient(135deg,#f6a415,#ef8400);color:#fff;box-shadow:0 8px 18px rgba(239,132,0,.2)}
.edu-add-live:fullscreen{overflow:auto;padding:16px;background:#eef8ff}.edu-add-commandbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto minmax(150px,1fr) auto auto auto auto;align-items:center;gap:8px;margin-bottom:14px;padding:10px;border:1px solid #d9e7f0;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 25px rgba(36,66,92,.08);backdrop-filter:blur(10px)}.edu-add-commandbar>div:not(.edu-add-command-actions){padding:6px 9px}.edu-add-commandbar small{display:block;color:#708392;font-size:.51rem;font-weight:1000;letter-spacing:.08em}.edu-add-commandbar strong{color:#263e55!important;font-size:.79rem}.edu-add-command-title{min-width:0}.edu-add-command-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edu-add-command-actions{display:flex;gap:6px}.edu-add-command-actions button{border:1px solid #d8e5ee;border-radius:10px;background:#fff;color:#36546d;padding:8px 10px;font-size:.64rem;font-weight:900;cursor:pointer}
.edu-add-sheet{position:relative;overflow:hidden;max-width:1060px;margin:0 auto;padding:28px;border:8px solid #f29a00;border-radius:28px;background:#fff;box-shadow:0 18px 40px rgba(85,68,31,.12)}.edu-add-sheet:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 9% 9%,rgba(255,221,128,.15) 0 50px,transparent 52px),radial-gradient(circle at 93% 90%,rgba(104,206,237,.13) 0 80px,transparent 82px);pointer-events:none}.edu-add-sheet-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 8px 18px;border-bottom:3px solid #f4b132}.edu-add-mini-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff2c9;color:#995d00;font-size:.6rem;font-weight:1000}.edu-add-sheet-top h2{margin:7px 0 2px;color:#ef8b00!important;font-size:clamp(1.8rem,4vw,3rem)}.edu-add-sheet-top p{margin:0;color:#63778a!important}.edu-add-mascot{font-size:4rem;white-space:nowrap}.edu-add-mascot span{font-size:1.5rem}.edu-add-progress{position:relative;height:10px;margin:16px 8px 20px;border-radius:999px;background:#edf1f4;overflow:hidden}.edu-add-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffae18,#56bf66);transition:width .35s ease}
.edu-add-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.edu-add-card{position:relative;min-height:190px;padding:19px 16px 15px;border:3px solid #f2a31b;border-radius:20px;background:linear-gradient(160deg,#fff,#fffaf0);color:#cf7900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.edu-add-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(228,143,8,.14)}.edu-add-card .num{position:absolute;left:9px;top:8px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f5a10a;color:#fff;font-size:.7rem;font-weight:1000}.edu-add-card .sum{width:78px;margin:18px auto 4px;text-align:right}.edu-add-card .sum b{display:block;color:#e48a00!important;font-size:1.75rem;line-height:1.25}.edu-add-card .sum b:nth-child(2){position:relative}.edu-add-card .sum em{position:absolute;left:-18px;font-style:normal}.edu-add-card .sum i{display:block;margin-top:3px;border-top:4px solid #ee9808}.edu-add-card .sum strong{display:block;min-height:34px;padding-top:5px;text-align:center;color:#337dbb!important;font-size:1.35rem}.edu-add-card .stamp{display:block;margin-top:7px;color:#9e815b;font-size:.56rem;font-weight:950;letter-spacing:.05em;text-align:center}.edu-add-card.is-done{border-color:#55b979;background:#effbf3;animation:addDone .4s ease}.edu-add-card.is-done .sum b,.edu-add-card.is-done .sum strong{color:#238658!important}.edu-add-card.is-done .stamp{color:#238658}.edu-add-card.is-revealed{border-color:#8cb9de;background:#f0f8ff}.edu-add-card.is-hint{animation:addHint .7s ease 2}@keyframes addDone{50%{transform:scale(1.06)}}@keyframes addHint{50%{box-shadow:0 0 0 8px rgba(255,193,52,.28)}}.edu-add-sheet-footer{position:relative;display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding:13px 15px;border-radius:15px;background:#fff4d8;color:#7f5d16;font-size:.7rem}.edu-add-sheet-footer strong{color:#d27a00}.edu-add-toolbar{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:15px}.edu-add-toolbar button{border:1px solid #dce7ef;border-radius:11px;background:#fff;color:#35566f;padding:9px 12px;font-size:.68rem;font-weight:900;cursor:pointer}.edu-add-toolbar button.danger{border-color:#ffd1c9;color:#b74937;background:#fff7f5}
.edu-add-question-modal,.edu-add-complete{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:18px;background:rgba(21,42,58,.64);backdrop-filter:blur(6px)}.edu-add-question-modal[hidden],.edu-add-complete[hidden]{display:none!important}.edu-add-question-modal>section,.edu-add-complete>section{position:relative;width:min(520px,95vw);padding:28px;border:5px solid #fff;border-radius:28px;background:linear-gradient(155deg,#fffaf0,#fff 58%,#eef9ff);box-shadow:0 25px 70px rgba(0,0,0,.26);text-align:center;animation:addPop .3s cubic-bezier(.2,.9,.25,1.2)}@keyframes addPop{from{opacity:0;transform:scale(.84) translateY(14px)}to{opacity:1;transform:scale(1)}}.edu-add-modal-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#edf3f7;color:#4d6375;font-size:1.35rem;cursor:pointer}.edu-add-modal-stars{font-size:1.25rem}.edu-add-question-modal small,.edu-add-complete small{display:block;margin-top:5px;color:#e58a00;font-size:.68rem;font-weight:1000;letter-spacing:.12em}.edu-add-question-modal h2,.edu-add-complete h2{margin:5px 0 14px;color:#263f59!important}.edu-add-vertical{width:150px;margin:0 auto 15px;padding:17px 24px 10px;border:3px solid #f2a31b;border-radius:19px;background:#fff;text-align:right}.edu-add-vertical b{display:block;color:#dd8500!important;font-size:2.35rem;line-height:1.15}.edu-add-vertical b:nth-child(2){position:relative}.edu-add-vertical em{position:absolute;left:-12px;font-style:normal}.edu-add-vertical i{display:block;margin-top:3px;border-top:5px solid #f09b08}.edu-add-vertical strong{display:block;padding-top:6px;color:#2f7ebf!important;font-size:2rem;text-align:center}.edu-add-place-hint{margin:0 auto 12px;padding:10px 12px;border-radius:12px;background:#fff4d5;color:#805e19;font-size:.72rem;line-height:1.45}.edu-add-answer-label{display:block;max-width:230px;margin:0 auto 12px;text-align:left}.edu-add-answer-label span{display:block;margin-bottom:5px;color:#607789;font-size:.64rem;font-weight:900}.edu-add-answer-label input{width:100%;height:58px;border:2px solid #b9d3e7;border-radius:14px;background:#fff;color:#204d70;font-size:1.8rem;font-weight:1000;text-align:center;outline:none}.edu-add-answer-label input:focus{border-color:#2f86cf;box-shadow:0 0 0 4px rgba(47,134,207,.12)}.edu-add-keypad{display:grid;grid-template-columns:repeat(3,64px);justify-content:center;gap:8px}.edu-add-keypad button{height:50px;border:1px solid #d8e5ef;border-radius:12px;background:#fff;color:#31536d;font-size:1.05rem;font-weight:1000;cursor:pointer;box-shadow:0 3px 0 #dce6ed}.edu-add-keypad button:active{transform:translateY(2px);box-shadow:0 1px 0 #dce6ed}.edu-add-keypad button.ok{background:#38a967;color:#fff;border-color:#2c9658}.edu-add-keypad button.back{background:#fff1e7;color:#b05c1d}.edu-add-feedback{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:10px 12px;border-radius:12px;background:#edf7ff;color:#315e7f;font-size:.72rem}.edu-add-feedback.ok{background:#eaf9f0;color:#23734a}.edu-add-feedback.bad{background:#fff0ee;color:#b64435}.edu-add-complete .edu-add-trophy{font-size:4.5rem}.edu-add-confetti{font-size:1.2rem}.edu-add-complete p{color:#63778a!important}.edu-add-complete p strong{color:#e58a00!important}.edu-add-complete>section>div:last-child{display:flex;justify-content:center;gap:9px;margin-top:15px}.edu-add-complete button{border:0;border-radius:12px;background:#2f86cf;color:#fff;padding:10px 15px;font-weight:900;cursor:pointer}
/* catalog thumbnail */.edu-zone-v4135 .edu-catalog-thumb-addition{background:linear-gradient(145deg,#fff8e7,#fff 60%,#e8f8ff)}.edu-thumb-addition{position:absolute;left:8%;right:8%;top:21%;bottom:13%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-items:center}.edu-thumb-addition>i{padding:8px 7px;border:2px solid #f3a11a;border-radius:10px;background:#fff;color:#d87c00;font-style:normal;text-align:center}.edu-thumb-addition b{display:block;font-size:.68rem}.edu-thumb-addition b:nth-child(2){border-bottom:2px solid #ef9a0a;padding-bottom:3px}.edu-thumb-addition strong{display:block;padding-top:3px;color:#2f7ebf;font-size:.65rem}
@media(max-width:1150px){.edu-add-setup{grid-template-columns:1fr}.edu-add-grid{grid-template-columns:repeat(4,1fr)}.edu-add-commandbar{grid-template-columns:auto minmax(120px,1fr) auto auto auto}.edu-add-command-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:820px){.edu-add-titlebar{grid-template-columns:1fr}.edu-add-title-badges{justify-content:flex-start}.edu-add-grid{grid-template-columns:repeat(3,1fr)}.edu-add-commandbar{position:static;grid-template-columns:repeat(3,1fr)}.edu-add-command-title{grid-column:span 2}.edu-add-command-actions{grid-column:1/-1;justify-content:stretch}.edu-add-command-actions button{flex:1}.edu-add-sheet{padding:20px;border-width:6px}.edu-add-showcase{min-height:auto}}
@media(max-width:560px){.edu-add-titlebar{padding:14px}.edu-add-title{align-items:flex-start}.edu-add-title-icon{flex-basis:48px;width:48px;height:48px}.edu-add-showcase{padding:24px 18px}.edu-add-form{padding:18px}.edu-add-form-row{grid-template-columns:1fr}.edu-add-form-actions{flex-direction:column}.edu-add-preview{gap:7px}.edu-add-preview>div{padding:10px}.edu-add-preview b{font-size:1rem}.edu-add-grid{grid-template-columns:repeat(2,1fr);gap:10px}.edu-add-card{min-height:165px;padding:14px 10px}.edu-add-card .sum b{font-size:1.45rem}.edu-add-sheet-top{align-items:flex-start}.edu-add-mascot{font-size:2.5rem}.edu-add-sheet-footer{flex-direction:column;text-align:center}.edu-add-commandbar{grid-template-columns:1fr 1fr}.edu-add-command-title{grid-column:1/-1}.edu-add-command-actions{flex-wrap:wrap}.edu-add-keypad{grid-template-columns:repeat(3,58px)}.edu-add-complete>section>div:last-child{flex-direction:column}}

/* ======================================================================
   Digitera V4.14.5 — Misteri Box & Benda
   ====================================================================== */
.edu-mb-page,.edu-mb-page *{box-sizing:border-box}.edu-mb-page{width:100%;max-width:1500px;margin-inline:auto;color:#20344b}.edu-mb-page button,.edu-mb-page input,.edu-mb-page textarea,.edu-mb-page select{font:inherit}.edu-mb-titlebar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:16px 0 20px;padding:14px 18px;border:1px solid #e0e6f0;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(49,52,90,.07)}.edu-mb-title{display:flex;align-items:center;gap:13px;min-width:0}.edu-mb-title-icon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:17px;background:linear-gradient(145deg,#fff0c8,#ffe0ef);font-size:1.7rem}.edu-mb-title small{display:block;color:#8a55cf;font-size:.66rem;font-weight:950;letter-spacing:.08em}.edu-mb-title h1{margin:2px 0 1px;color:#243a54!important;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.06}.edu-mb-title h1 span{color:#e54b8b}.edu-mb-title p{margin:0;color:#6b7d91!important;font-size:.82rem}.edu-mb-title-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.edu-mb-title-badges span{padding:7px 10px;border:1px solid #e0e5ec;border-radius:999px;background:#fbfcfe;color:#4f6074;font-size:.66rem;font-weight:900}
.edu-mb-setup{display:grid;grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);gap:20px;margin-bottom:24px}.edu-mb-showcase,.edu-mb-form{position:relative;min-width:0;overflow:hidden;border:1px solid #eadcf0;border-radius:28px}.edu-mb-showcase{padding:34px;background:radial-gradient(circle at 86% 12%,rgba(255,255,255,.8) 0 65px,transparent 67px),linear-gradient(145deg,#724ee8 0%,#9b5ce4 42%,#f06fa0 100%);box-shadow:inset 0 -30px 60px rgba(70,31,128,.13)}.edu-mb-showcase:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-88px;height:170px;border-radius:50%;background:rgba(255,255,255,.13)}.edu-mb-kicker{position:relative;z-index:2;display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:#7547bd;font-size:.66rem;font-weight:1000;letter-spacing:.06em}.edu-mb-showcase h2{position:relative;z-index:2;margin:15px 0 7px;color:#fff!important;font-size:clamp(2.5rem,5vw,5rem);line-height:.84;letter-spacing:-.02em;text-shadow:0 4px 0 rgba(75,32,129,.18)}.edu-mb-showcase h2 span{color:#ffe26b}.edu-mb-showcase>p{position:relative;z-index:2;max-width:620px;margin:15px 0 19px;color:#fff!important;font-size:.9rem;line-height:1.55}.edu-mb-preview{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(100%,560px)}.edu-mb-preview i{position:relative;display:grid;place-items:center;min-height:105px;border:3px solid rgba(255,255,255,.72);border-radius:22px;background:rgba(255,255,255,.92);font-style:normal;font-size:3.3rem;box-shadow:0 10px 24px rgba(63,27,112,.14);transform:rotate(-1.5deg)}.edu-mb-preview i:nth-child(even){transform:rotate(1.5deg)}.edu-mb-preview i.box{background:linear-gradient(150deg,#fff7c4,#fff)}.edu-mb-preview i b{position:absolute;right:9px;top:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#744dde;color:#fff;font-size:.9rem}.edu-mb-feature-pills{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.edu-mb-feature-pills span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.9);color:#5c4383;font-size:.66rem;font-weight:900}
.edu-mb-form{padding:26px;background:#fff;box-shadow:0 12px 28px rgba(48,54,91,.08)}.edu-mb-form .edu-field-v2{display:block;margin-top:14px}.edu-mb-form .edu-field-v2>span{display:block;margin-bottom:6px;color:#314760;font-size:.77rem;font-weight:900}.edu-mb-form input,.edu-mb-form textarea,.edu-mb-form select{width:100%;max-width:100%;border:1px solid #d3dce7!important;border-radius:13px!important;background:#fff!important;color:#20344b!important;outline:none}.edu-mb-form input,.edu-mb-form select{min-height:46px;padding:0 12px}.edu-mb-form textarea{min-height:230px;padding:12px;resize:vertical;line-height:1.45}.edu-mb-form input:focus,.edu-mb-form textarea:focus,.edu-mb-form select:focus{border-color:#8a59d5!important;box-shadow:0 0 0 3px rgba(138,89,213,.13)!important}.edu-mb-form textarea::placeholder{color:#8998a9!important}.edu-mb-form .edu-field-v2 small{display:block;margin-top:6px;color:#718396;font-size:.67rem;line-height:1.45}.edu-mb-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edu-mb-form-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:18px}.edu-mb-example-btn,.edu-mb-start-btn{min-height:48px;border:0;border-radius:13px;font-weight:950;cursor:pointer}.edu-mb-example-btn{padding:0 16px;border:1px solid #d9e1e9;background:#f7f9fc;color:#435a71}.edu-mb-start-btn{background:linear-gradient(135deg,#8053dc,#e25292);color:#fff;box-shadow:0 9px 20px rgba(128,83,220,.2)}.edu-mb-start-btn:hover{filter:brightness(.96)}
.edu-mb-commandbar{display:grid;grid-template-columns:auto minmax(160px,1fr) auto auto auto auto;align-items:center;gap:9px;margin-bottom:14px;padding:11px 13px;border:1px solid #dbe3eb;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(48,54,91,.07)}.edu-mb-commandbar>div:not(.edu-mb-command-actions){padding:6px 9px}.edu-mb-commandbar small{display:block;color:#7a899a;font-size:.52rem;font-weight:1000;letter-spacing:.08em}.edu-mb-commandbar strong{color:#2b4057!important;font-size:.79rem}.edu-mb-command-title{min-width:0}.edu-mb-command-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edu-mb-command-actions{display:flex;gap:6px;justify-content:flex-end}.edu-mb-command-actions button{border:1px solid #dae3eb;border-radius:10px;background:#fff;color:#405a70;padding:8px 10px;font-size:.64rem;font-weight:900;cursor:pointer}
.edu-mb-board{position:relative;overflow:hidden;max-width:1200px;margin:0 auto;padding:28px;border:7px solid #7d55db;border-radius:30px;background:linear-gradient(#fff,#fffafd);box-shadow:0 18px 42px rgba(67,45,111,.13)}.edu-mb-board:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 6% 7%,rgba(255,224,91,.15) 0 55px,transparent 57px),radial-gradient(circle at 94% 93%,rgba(232,73,144,.10) 0 75px,transparent 77px);pointer-events:none}.edu-mb-board-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 8px 18px;border-bottom:3px solid #eadff9}.edu-mb-mini-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#f1eaff;color:#7049bc;font-size:.6rem;font-weight:1000}.edu-mb-board-head h2{margin:7px 0 2px;color:#6d47ba!important;font-size:clamp(1.8rem,4vw,3rem)}.edu-mb-board-head p{margin:0;color:#6f7e8e!important}.edu-mb-mascot{font-size:4rem;white-space:nowrap}.edu-mb-mascot span{font-size:1.4rem}.edu-mb-progress{position:relative;height:10px;margin:16px 8px 21px;border-radius:999px;background:#eeeaf5;overflow:hidden}.edu-mb-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8051dc,#ee5f9f,#ffc74b);transition:width .35s ease}
.edu-mb-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.edu-mb-card{position:relative;min-height:205px;padding:19px 14px 15px;border:3px solid #d5c4f4;border-radius:24px;background:linear-gradient(160deg,#fff,#f8f2ff);color:#4c3b6e;cursor:pointer;overflow:hidden;box-shadow:0 7px 18px rgba(92,65,137,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.edu-mb-card:hover:not(:disabled){transform:translateY(-5px) rotate(-.5deg);border-color:#9b72e8;box-shadow:0 14px 25px rgba(92,65,137,.15)}.edu-mb-card:nth-child(even):hover:not(:disabled){transform:translateY(-5px) rotate(.5deg)}.edu-mb-card-num{position:absolute;left:10px;top:10px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#7f55d6;color:#fff;font-size:.72rem;font-weight:1000}.edu-mb-card-spark{position:absolute;right:12px;top:9px;color:#f5ba23;font-size:1.15rem}.edu-mb-card-icon{display:block;margin:22px 0 8px;font-size:4.5rem;line-height:1;filter:drop-shadow(0 7px 5px rgba(76,47,116,.14));transition:transform .28s ease}.edu-mb-card strong{display:block;color:#4d3970!important;font-size:.85rem}.edu-mb-card small{display:block;margin-top:4px;color:#806f94;font-size:.62rem}.edu-mb-card>i{position:absolute;right:10px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f0e9fb;color:#7a4ac5;font-style:normal;font-weight:1000}.edu-mb-card.is-opening .edu-mb-card-icon{animation:mbOpen .62s cubic-bezier(.2,.75,.2,1)}.edu-mb-card.is-opening{animation:mbCardShake .62s ease}.edu-mb-card.is-done{cursor:default;border-color:#c9d5dd;background:#f5f8fa;box-shadow:none}.edu-mb-card.is-done .edu-mb-card-icon{filter:grayscale(.3);opacity:.72}.edu-mb-card.result-correct{border-color:#79c795;background:#effbf3}.edu-mb-card.result-correct strong{color:#2a8150!important}.edu-mb-card.result-wrong{border-color:#efaaa2;background:#fff5f3}.edu-mb-card.result-wrong strong{color:#b34d43!important}.edu-mb-card.result-skip{border-color:#b8c8d5;background:#f5f8fa}@keyframes mbOpen{0%{transform:scale(1) rotate(0)}30%{transform:scale(.78) rotate(-12deg)}65%{transform:scale(1.2) rotate(10deg)}100%{transform:scale(1) rotate(0)}}@keyframes mbCardShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.edu-mb-board-foot{position:relative;display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding:13px 15px;border-radius:15px;background:#f3edff;color:#66517f;font-size:.7rem}.edu-mb-board-foot strong{color:#7349bc}.edu-mb-toolbar{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:15px}.edu-mb-toolbar button{border:1px solid #dce4eb;border-radius:11px;background:#fff;color:#405a70;padding:9px 12px;font-size:.68rem;font-weight:900;cursor:pointer}.edu-mb-toolbar button.danger{border-color:#ffd1dd;color:#b33e72;background:#fff6f9}
.edu-mb-question-modal,.edu-mb-complete{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:18px;background:rgba(28,24,44,.69);backdrop-filter:blur(7px)}.edu-mb-question-modal[hidden],.edu-mb-complete[hidden]{display:none!important}.edu-mb-question-modal>section,.edu-mb-complete>section{position:relative;width:min(720px,96vw);padding:30px;border:6px solid #fff;border-radius:30px;background:linear-gradient(155deg,#fff,#fff8df 58%,#f4eefe);box-shadow:0 28px 80px rgba(0,0,0,.3);text-align:center;animation:mbPop .34s cubic-bezier(.16,.85,.25,1.2)}@keyframes mbPop{from{opacity:0;transform:scale(.78) translateY(18px)}to{opacity:1;transform:scale(1)}}.edu-mb-modal-close{position:absolute;right:13px;top:13px;width:38px;height:38px;border:0;border-radius:50%;background:#edf1f5;color:#536476;font-size:1.4rem;cursor:pointer}.edu-mb-pop-sparkles{font-size:1.2rem;letter-spacing:.15em}.edu-mb-pop-icon{display:grid;place-items:center;width:100px;height:100px;margin:8px auto 10px;border:5px solid #f4d259;border-radius:28px;background:linear-gradient(145deg,#fff4bf,#fff);font-size:4.2rem;box-shadow:0 10px 26px rgba(143,104,36,.13);animation:mbIcon .5s ease}@keyframes mbIcon{0%{transform:scale(.4) rotate(-20deg)}70%{transform:scale(1.15) rotate(6deg)}100%{transform:scale(1)}}.edu-mb-question-modal small,.edu-mb-complete small{display:block;color:#8353c8;font-size:.68rem;font-weight:1000;letter-spacing:.12em}.edu-mb-question-modal h2,.edu-mb-complete h2{margin:7px auto 18px;max-width:620px;color:#263d56!important;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.3}.edu-mb-timer{width:min(430px,100%);margin:0 auto 15px;padding:10px 13px;border:1px solid #dfe5ec;border-radius:15px;background:#f8fbfd}.edu-mb-timer[hidden]{display:none!important}.edu-mb-timer>div{display:flex;align-items:baseline;justify-content:center;gap:5px;color:#55697e}.edu-mb-timer strong{font-size:1.7rem}.edu-mb-timer small{font-size:.62rem}.edu-mb-timer>i{display:block;height:7px;margin-top:7px;border-radius:999px;background:#e5eaf0;overflow:hidden}.edu-mb-timer>i b{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7b55d9,#ef6b9f);transition:width .4s linear}.edu-mb-timer.is-warning{border-color:#ffd2cc;background:#fff5f3}.edu-mb-timer.is-warning>i b{background:#ee6250}.edu-mb-answer{margin:0 auto 17px;padding:14px 16px;border:1px solid #c8e6d1;border-radius:15px;background:#f0fbf3;text-align:left}.edu-mb-answer[hidden]{display:none!important}.edu-mb-answer small{color:#47845c}.edu-mb-answer strong{display:block;margin-top:4px;color:#245c38!important;font-size:1rem;line-height:1.45}.edu-mb-popup-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.edu-mb-popup-actions button{min-height:50px;border:0;border-radius:13px;padding:8px 10px;font-size:.73rem;font-weight:950;cursor:pointer}.edu-mb-popup-actions .answer{border:1px solid #e8d58a;background:#fff7d5;color:#755900}.edu-mb-popup-actions .correct{background:#32a866;color:#fff}.edu-mb-popup-actions .wrong{background:#e96557;color:#fff}.edu-mb-popup-actions .skip{border:1px solid #d8e0e8;background:#f5f8fa;color:#536679}.edu-mb-popup-note{margin:12px 0 0;color:#7b8997!important;font-size:.66rem}.edu-mb-complete .edu-mb-trophy{display:block;font-size:4.8rem}.edu-mb-confetti{font-size:1.25rem}.edu-mb-complete p{color:#6e7e8e!important}.edu-mb-complete p strong{color:#754bbe!important}.edu-mb-complete>section>div:last-child{display:flex;justify-content:center;gap:9px;margin-top:15px}.edu-mb-complete button{border:0;border-radius:12px;background:#7b52d3;color:#fff;padding:10px 15px;font-weight:900;cursor:pointer}.edu-mb-complete button:last-child{background:#edf1f5;color:#40566b}
/* catalog thumbnail */.edu-zone-v4135 .edu-catalog-thumb-mystery{background:linear-gradient(145deg,#6f4cdd,#a45ce1 50%,#f06d9f)}.edu-catalog-thumb-mystery .edu-thumb-top span{background:rgba(255,255,255,.92);color:#6944ad}.edu-thumb-mystery-grid{position:absolute;left:8%;right:8%;top:23%;bottom:12%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.edu-thumb-mystery-grid i{position:relative;display:grid;place-items:center;border:2px solid rgba(255,255,255,.8);border-radius:12px;background:rgba(255,255,255,.93);font-style:normal;font-size:1.75rem;box-shadow:0 5px 10px rgba(49,29,82,.1)}.edu-thumb-mystery-grid i b{position:absolute;right:4px;top:3px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#7950ce;color:#fff;font-size:.55rem}
@media(max-width:1150px){.edu-mb-setup{grid-template-columns:1fr}.edu-mb-grid{grid-template-columns:repeat(3,1fr)}.edu-mb-commandbar{grid-template-columns:repeat(5,auto) minmax(200px,1fr)}.edu-mb-command-title{grid-column:span 2}.edu-mb-command-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:820px){.edu-mb-titlebar{grid-template-columns:1fr}.edu-mb-title-badges{justify-content:flex-start}.edu-mb-commandbar{grid-template-columns:repeat(3,1fr)}.edu-mb-command-title{grid-column:span 2}.edu-mb-grid{grid-template-columns:repeat(2,1fr)}.edu-mb-board{padding:20px;border-width:6px}.edu-mb-popup-actions{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.edu-mb-showcase,.edu-mb-form{padding:20px 17px}.edu-mb-form-row{grid-template-columns:1fr}.edu-mb-form-actions{grid-template-columns:1fr}.edu-mb-preview{gap:8px}.edu-mb-preview i{min-height:86px;font-size:2.7rem}.edu-mb-grid{gap:10px}.edu-mb-card{min-height:170px;padding:13px 8px}.edu-mb-card-icon{font-size:3.6rem}.edu-mb-commandbar{grid-template-columns:1fr 1fr}.edu-mb-command-title{grid-column:1/-1}.edu-mb-command-actions{grid-column:1/-1;flex-wrap:wrap}.edu-mb-command-actions button{flex:1}.edu-mb-board-head{align-items:flex-start}.edu-mb-mascot{font-size:2.6rem}.edu-mb-board-foot{flex-direction:column;text-align:center}.edu-mb-question-modal>section,.edu-mb-complete>section{padding:24px 16px}.edu-mb-popup-actions{grid-template-columns:1fr}.edu-mb-pop-icon{width:82px;height:82px;font-size:3.4rem}.edu-mb-complete>section>div:last-child{flex-direction:column}}

/* =========================================================
   Digitera V4.14.7 — Teka-Teki Silang Interaktif
   ========================================================= */
.edu-cw-page{padding-bottom:40px;color:#24364b}.edu-cw-page *{box-sizing:border-box}.edu-cw-titlebar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:18px 0 16px;padding:16px 18px;border:1px solid #dfe8f2;border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(41,70,102,.08)}.edu-cw-title{display:flex;align-items:center;gap:13px;min-width:0}.edu-cw-title-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 auto;border-radius:18px;background:linear-gradient(145deg,#dff2ff,#b8dcff);font-size:2rem;box-shadow:inset 0 -5px 0 rgba(50,117,176,.12)}.edu-cw-title small{display:block;color:#e05b53;font-size:.64rem;font-weight:1000;letter-spacing:.08em}.edu-cw-title h1{margin:2px 0;color:#2c6090;font-size:clamp(1.45rem,2.8vw,2.25rem)}.edu-cw-title h1 span{color:#e35c50}.edu-cw-title p{margin:0;color:#66798b;font-size:.78rem}.edu-cw-title-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.edu-cw-title-badges span{padding:7px 9px;border-radius:999px;background:#f2f7fc;color:#3b5875;font-size:.62rem;font-weight:950}
.edu-cw-setup{display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:20px}.edu-cw-showcase,.edu-cw-form{border:1px solid #dfe8f1;border-radius:28px;background:#fff;box-shadow:0 13px 32px rgba(42,67,94,.08)}.edu-cw-showcase{position:relative;overflow:hidden;padding:28px;background:linear-gradient(145deg,#eaf6ff 0%,#fff 52%,#fff0e7 100%)}.edu-cw-showcase:before{content:"";position:absolute;width:190px;height:190px;right:-50px;top:-55px;border-radius:50%;background:rgba(132,201,255,.2)}.edu-cw-showcase:after{content:"ABC";position:absolute;right:23px;bottom:8px;color:rgba(46,101,149,.055);font-size:6rem;font-weight:1000;letter-spacing:-.08em;transform:rotate(-8deg)}.edu-cw-kicker{position:relative;z-index:1;display:inline-block;padding:7px 10px;border-radius:999px;background:#fff;color:#e25f54;font-size:.66rem;font-weight:1000;letter-spacing:.06em}.edu-cw-showcase h2{position:relative;z-index:1;margin:15px 0 8px;color:#2d6190;font-size:clamp(2.2rem,4.6vw,4.1rem);line-height:.9;letter-spacing:.01em}.edu-cw-showcase h2 span{color:#e85f54}.edu-cw-showcase>p{position:relative;z-index:1;max-width:580px;margin:12px 0 18px;color:#5d7288;line-height:1.6}.edu-cw-preview{position:relative;z-index:2;display:grid;grid-template-columns:minmax(230px,.9fr) minmax(160px,1.1fr);gap:14px;align-items:center;padding:15px;border:3px solid #fff;border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 10px 25px rgba(52,91,128,.1)}.cw-mini-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;aspect-ratio:1}.cw-mini-grid i{position:relative;display:grid;place-items:center;border-radius:4px;background:transparent;color:#2d6697;font-style:normal;font-size:.72rem;font-weight:1000}.cw-mini-grid i.on{border:1.5px solid #5595ca;background:#fff}.cw-mini-grid i.n1:before,.cw-mini-grid i.n2:before,.cw-mini-grid i.n3:before{position:absolute;left:2px;top:0;font-size:.35rem;color:#42749d}.cw-mini-grid i.n1:before{content:"1"}.cw-mini-grid i.n2:before{content:"2"}.cw-mini-grid i.n3:before{content:"3"}.cw-mini-clues{display:grid;gap:5px;color:#526d87;font-size:.63rem}.cw-mini-clues b{margin-top:3px;color:#e05d53;font-size:.65rem}.edu-cw-feature-pills{position:relative;z-index:2;display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.edu-cw-feature-pills span{padding:7px 10px;border-radius:999px;background:#fff;color:#42647c;font-size:.68rem;font-weight:900;box-shadow:0 3px 9px rgba(45,79,103,.06)}
.edu-cw-form{padding:24px}.edu-cw-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edu-cw-switch{margin:5px 0 15px}.edu-cw-form-actions{display:grid;grid-template-columns:.75fr 1.25fr;gap:9px}.edu-cw-example-btn,.edu-cw-start-btn{min-height:50px;border:0;border-radius:14px;font-weight:1000;cursor:pointer}.edu-cw-example-btn{background:#eef5fb;color:#375974}.edu-cw-start-btn{background:linear-gradient(135deg,#e35c50,#f47b61);color:#fff;box-shadow:0 9px 18px rgba(213,78,69,.2)}
.edu-cw-live[hidden]{display:none!important}.edu-cw-commandbar{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto auto auto;gap:8px;align-items:center;margin-bottom:12px;padding:10px 12px;border:1px solid #dce5ee;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(40,67,92,.07)}.edu-cw-commandbar>div{min-width:0;padding:5px 9px}.edu-cw-commandbar small{display:block;color:#8798a8;font-size:.55rem;font-weight:1000;letter-spacing:.08em}.edu-cw-commandbar strong{display:block;color:#315f87;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edu-cw-command-title{text-align:center}.edu-cw-command-timer strong.is-warning{color:#d8463d;animation:eduCwPulse .7s infinite}.edu-cw-command-actions{display:flex!important;gap:6px;padding:0!important}.edu-cw-command-actions button{min-height:38px;padding:0 10px;border:1px solid #d8e4ef;border-radius:10px;background:#f8fbfe;color:#385a76;font-size:.64rem;font-weight:900;cursor:pointer}
.edu-cw-sheet{position:relative;overflow:hidden;padding:clamp(14px,2vw,24px);border:2px solid #a9c9e4;border-radius:28px;background:linear-gradient(180deg,#eef7ff 0,#fff 10%,#fff 91%,#edf8ff 100%);box-shadow:0 16px 36px rgba(47,84,117,.09)}.edu-cw-sheet:before,.edu-cw-sheet:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(96,164,220,.08);pointer-events:none}.edu-cw-sheet:before{left:-65px;top:100px}.edu-cw-sheet:after{right:-60px;bottom:70px}.edu-cw-sheet-heading{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:5px 4px 11px;border-bottom:2px solid #f3c04d}.edu-cw-mini-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#fff0cf;color:#c16d16;font-size:.58rem;font-weight:1000;letter-spacing:.05em}.edu-cw-sheet-heading h2{margin:7px 0 2px;color:#e05950;font-size:clamp(1.55rem,3.2vw,2.65rem);letter-spacing:.02em}.edu-cw-sheet-heading p{margin:0;color:#61778c;font-size:.76rem}.edu-cw-mascots{display:flex;align-items:flex-end;gap:2px;font-size:clamp(1.8rem,4vw,3.4rem)}.edu-cw-mascots span:nth-child(2){transform:translateY(6px)}.edu-cw-progress{height:7px;margin:0 2px 14px;overflow:hidden;border-radius:999px;background:#e9f0f6}.edu-cw-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#55a0df,#68c38b,#f0bd45);transition:width .35s ease}
.edu-cw-game-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(280px,.68fr);gap:18px;align-items:start}.edu-cw-board-wrap{min-width:0;padding:15px;border:1px solid #d6e5f1;border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(48,82,112,.06)}.edu-cw-board{--cw-cell:clamp(32px,4.1vw,52px);display:grid;grid-template-columns:repeat(var(--cw-cols),var(--cw-cell));grid-template-rows:repeat(var(--cw-rows),var(--cw-cell));justify-content:center;gap:2px;max-width:100%;margin:0 auto}.edu-cw-board.size-large{--cw-cell:clamp(38px,4.8vw,58px)}.edu-cw-board.size-compact{--cw-cell:clamp(27px,3.45vw,43px)}.edu-cw-cell{position:relative;width:var(--cw-cell);height:var(--cw-cell);border:2px solid #4f8fc2;border-radius:7px;background:#fff;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.edu-cw-cell.is-empty{border:0;background:transparent;pointer-events:none}.edu-cw-cell>span{position:absolute;z-index:2;left:3px;top:1px;color:#3f7198;font-size:clamp(.45rem,.8vw,.62rem);font-weight:1000;line-height:1}.edu-cw-cell input{position:absolute;inset:0;width:100%;height:100%;border:0!important;outline:0!important;padding:5px 2px 0!important;background:transparent!important;color:#1f5683!important;text-align:center;font-family:inherit;font-size:clamp(1rem,2.3vw,1.55rem)!important;font-weight:1000!important;text-transform:uppercase;box-shadow:none!important}.edu-cw-cell.is-active{border-color:#ef9b30;background:#fff9e8;box-shadow:0 0 0 2px rgba(239,155,48,.16)}.edu-cw-cell:focus-within{transform:scale(1.05);z-index:3;border-color:#e35c50;box-shadow:0 5px 14px rgba(63,111,151,.18)}.edu-cw-cell.is-hint{background:#fff3be;border-color:#e7ae2d}.edu-cw-cell.is-solved{background:#e5f8eb;border-color:#50b974}.edu-cw-cell.is-revealed{background:#eef1f5;border-color:#9aaaba}.edu-cw-cell.is-wrong{animation:eduCwShake .48s ease;border-color:#e24d45;background:#ffe9e7}.edu-cw-board-help{min-height:24px;margin:12px 0 0;color:#5a7288;text-align:center;font-size:.78rem}.edu-cw-board-help b{color:#df5a50}
.edu-cw-clue-panel{display:grid;gap:13px;max-height:min(68vh,690px);overflow:auto;padding-right:3px}.edu-cw-clue-panel section{padding:13px;border:1px solid #d9e7f2;border-radius:18px;background:#fff}.edu-cw-clue-panel h3{margin:0 0 9px;color:#2e6593;font-size:.9rem}.edu-cw-clue-panel section:nth-child(2) h3{color:#df5b52}.edu-cw-clue-panel section>div{display:grid;gap:6px}.edu-cw-clue{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:start;width:100%;padding:9px 10px;border:1px solid #e1eaf2;border-radius:11px;background:#f9fbfd;color:#3a5268;text-align:left;font-family:inherit;font-size:.72rem;line-height:1.38;cursor:pointer;transition:.15s ease}.edu-cw-clue b{color:#2f6b9c}.edu-cw-clue i{color:#3ca566;font-style:normal;font-weight:1000}.edu-cw-clue:hover,.edu-cw-clue.is-active{border-color:#f0a140;background:#fff8e9;transform:translateX(2px)}.edu-cw-clue.is-solved{border-color:#9ad5ad;background:#eefaf1;color:#61806a}.edu-cw-clue.is-solved b{color:#2d9960}.edu-cw-toolbar{position:relative;z-index:1;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:15px}.edu-cw-toolbar button{min-height:42px;padding:0 13px;border:1px solid #d6e4ef;border-radius:12px;background:#fff;color:#365a78;font-size:.68rem;font-weight:950;cursor:pointer;box-shadow:0 4px 10px rgba(48,78,103,.05)}.edu-cw-toolbar button:hover{transform:translateY(-1px);border-color:#9bc5e3}.edu-cw-toolbar .danger{border-color:#f2c6c3;color:#b84742;background:#fff5f4}.edu-cw-sheet-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:10px 13px;border-radius:15px;background:#eaf6ff;color:#407099;font-size:.68rem}.edu-cw-sheet-footer strong{color:#df5b52;font-size:.8rem;text-align:center}
.edu-cw-complete[hidden]{display:none!important}.edu-cw-complete{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:20px;background:rgba(28,45,70,.55);backdrop-filter:blur(7px)}.edu-cw-complete>section{position:relative;overflow:hidden;width:min(520px,100%);padding:30px;border:4px solid #fff;border-radius:28px;background:linear-gradient(155deg,#eef8ff,#fff 45%,#fff2d5);text-align:center;box-shadow:0 25px 70px rgba(27,48,72,.28)}.edu-cw-confetti{font-size:1.35rem;letter-spacing:.2em}.edu-cw-trophy{display:block;margin:10px auto 4px;font-size:4rem}.edu-cw-complete small{color:#d8564d;font-weight:1000;letter-spacing:.12em}.edu-cw-complete h2{margin:6px 0;color:#2d6492;font-size:1.7rem}.edu-cw-complete p{color:#5f7284}.edu-cw-complete>section>div:last-child{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.edu-cw-complete button{min-height:44px;padding:0 16px;border:0;border-radius:13px;background:#337bb3;color:#fff;font-weight:950;cursor:pointer}.edu-cw-complete button+button{background:#eef4f8;color:#365873}
/* Crossword catalog thumbnail */
.edu-zone-v4135 .edu-catalog-thumb-crossword{background:linear-gradient(145deg,#eaf6ff,#fff 54%,#fff0ea)}.edu-thumb-crossword{position:absolute;left:8%;right:8%;top:21%;bottom:11%;display:grid;grid-template-columns:1fr .78fr;gap:10px;align-items:center}.edu-thumb-crossword-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;aspect-ratio:1}.edu-thumb-crossword-grid i{display:grid;place-items:center;border-radius:3px;background:transparent;color:#2d6797;font-style:normal;font-size:.5rem;font-weight:1000}.edu-thumb-crossword-grid i.on{border:1px solid #5b96c6;background:#fff}.edu-thumb-crossword-clues{display:grid;gap:4px;color:#536f89;font-size:.5rem}.edu-thumb-crossword-clues b{color:#df5a51;font-size:.54rem}.edu-thumb-crossword-clues span{padding:3px 4px;border-radius:5px;background:rgba(255,255,255,.84)}
@keyframes eduCwShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}@keyframes eduCwPulse{50%{opacity:.45;transform:scale(1.04)}}
@media(max-width:1120px){.edu-cw-titlebar{grid-template-columns:auto 1fr}.edu-cw-title-badges{grid-column:1/-1;justify-content:flex-start}.edu-cw-setup{grid-template-columns:1fr}.edu-cw-game-layout{grid-template-columns:1fr}.edu-cw-clue-panel{grid-template-columns:1fr 1fr;max-height:none;overflow:visible}.edu-cw-commandbar{grid-template-columns:repeat(5,auto) 1fr}.edu-cw-command-title{grid-column:1/-1;grid-row:1;text-align:left}.edu-cw-command-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:760px){.edu-cw-titlebar{grid-template-columns:1fr;padding:13px}.edu-cw-titlebar>.edu-back-pill{justify-self:start}.edu-cw-title-badges{display:none}.edu-cw-showcase,.edu-cw-form{border-radius:20px}.edu-cw-showcase{padding:20px}.edu-cw-preview{grid-template-columns:1fr}.edu-cw-form{padding:18px}.edu-cw-form-row,.edu-cw-form-actions{grid-template-columns:1fr}.edu-cw-commandbar{grid-template-columns:repeat(2,1fr)}.edu-cw-commandbar>div{padding:4px 6px}.edu-cw-command-title{grid-column:1/-1}.edu-cw-command-actions{grid-column:1/-1;justify-content:stretch}.edu-cw-command-actions button{flex:1}.edu-cw-sheet{padding:10px;border-radius:18px}.edu-cw-sheet-heading{align-items:flex-start}.edu-cw-mascots{display:none}.edu-cw-board-wrap{padding:8px;overflow:auto}.edu-cw-board{--cw-cell:clamp(27px,8vw,40px)}.edu-cw-board.size-large{--cw-cell:clamp(30px,9vw,44px)}.edu-cw-board.size-compact{--cw-cell:clamp(24px,7vw,35px)}.edu-cw-cell{border-width:1.5px;border-radius:5px}.edu-cw-clue-panel{grid-template-columns:1fr}.edu-cw-sheet-footer{flex-direction:column}.edu-thumb-crossword{left:6%;right:6%}}