/* Digitera V4.22.4 — Kuis Tim Live bergaya game-show */
:root{--live-red:#e21b3c;--live-blue:#1368ce;--live-yellow:#d89e00;--live-green:#26890c;--live-ink:#1f1f2b;--live-bg:#46178f}
.kahoot-shape{display:inline-grid;place-items:center;font-family:Arial,sans-serif;font-weight:950;line-height:1;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.12)}
.kahoot-red{background:var(--live-red)!important}.kahoot-blue{background:var(--live-blue)!important}.kahoot-yellow{background:var(--live-yellow)!important}.kahoot-green{background:var(--live-green)!important}

/* Host dibuat seperti layar permainan/proyektor dan menutup navigasi biasa selama sesi live. */
.live-host-page{position:fixed!important;inset:0!important;z-index:10050!important;overflow:auto!important;min-height:100vh!important;padding:18px 0 38px!important;background:linear-gradient(145deg,#35106f 0%,#46178f 48%,#271052 100%)!important}
.live-host-page[data-live-status="question"] .live-pin-panel,.live-host-page[data-live-status="leaderboard"] .live-pin-panel,.live-host-page[data-live-status="finished"] .live-pin-panel{display:none!important}
.live-host-page[data-live-status="question"] .live-host-topbar,.live-host-page[data-live-status="leaderboard"] .live-host-topbar{margin-bottom:10px!important}
.live-host-page[data-live-status="question"] .live-host-topbar p,.live-host-page[data-live-status="leaderboard"] .live-host-topbar p{display:none}
.live-host-page .live-host-container{width:min(1440px,calc(100% - 28px))!important}
.live-host-page .live-host-root{min-height:calc(100vh - 180px)!important}
.live-host-page .live-host-question,.live-host-page .live-host-board{background:rgba(255,255,255,.98)!important;color:var(--live-ink)!important;border:0!important;box-shadow:0 22px 70px rgba(13,3,36,.34)!important}
.live-host-page .live-host-question{padding:18px!important;border-radius:22px!important}
.live-host-page .live-host-question-top{color:#4f4b59!important;margin-bottom:12px!important}
.live-host-page .live-host-question-timer{background:#46178f!important}
.live-host-page .live-host-question-card h2{font-size:clamp(1.8rem,3.4vw,3.4rem)!important;line-height:1.15!important;color:#17151d!important;background:#fff!important;margin:0 auto 16px!important;max-width:1200px!important}
.live-host-page .live-host-question-card>img{max-height:32vh!important}
.live-host-page .live-host-options{gap:12px!important}
.live-host-page .live-host-option{min-height:112px!important;border-radius:8px!important;padding:16px 22px!important;box-shadow:inset 0 -6px rgba(0,0,0,.14),0 5px 12px rgba(0,0,0,.12)!important;color:#fff!important}
.live-host-page .live-host-option .kahoot-shape{width:58px;min-width:58px;font-size:2.2rem!important}
.live-host-page .live-host-option strong{font-size:clamp(1.05rem,2vw,1.6rem)!important;line-height:1.25!important}
.live-host-page .live-host-control-row small{color:#6d6876!important}
.live-host-page .live-host-board{padding:22px!important;border-radius:22px!important}
.live-host-page .live-host-board-title{color:#17151d!important;margin:22px 0 14px!important}
.live-host-page .live-host-board-title .live-host-kicker{color:#6740c5!important}
.live-host-page .live-host-team-row{background:#fff!important;color:#24202c!important;border:1px solid #e8e4ef!important;box-shadow:0 4px 12px rgba(39,26,67,.06)!important}
.live-host-page .live-host-team-row small{color:#77717f!important}
.live-host-page .live-host-team-row.is-top{border-color:#cabcf0!important;background:#f5f1ff!important}
.live-host-page .live-host-team-list.is-board .live-host-team-row b{color:#4c2daa!important}

.live-result-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0 16px;border-bottom:1px solid #ece7f3}
.live-result-banner h2{margin:3px 0!important;color:#17151d!important}
.live-result-banner .live-host-kicker{color:#6840cb!important}
.live-result-totals,.live-team-result-counts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.live-result-totals>div,.live-team-result-counts>div{min-width:118px;padding:10px 14px;border-radius:12px;text-align:center;background:#f4f2f8;color:#302b39}
.live-result-totals strong,.live-team-result-counts strong{display:block;font-size:1.9rem;line-height:1}
.live-result-totals span,.live-team-result-counts span{display:block;margin-top:5px;font-size:.78rem;font-weight:900}
.live-result-totals .is-correct,.live-team-result-counts .is-correct{background:#e8f7e2;color:#226b17}
.live-result-totals .is-wrong,.live-team-result-counts .is-wrong{background:#fde7eb;color:#a81732}
.live-result-totals .is-blank,.live-team-result-counts .is-blank{background:#eeeaf4;color:#655d70}
.live-answer-distribution{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.live-answer-stat{padding:12px 14px;border-radius:10px;color:#fff;box-shadow:inset 0 -4px rgba(0,0,0,.12)}
.live-answer-stat.is-correct{outline:4px solid #35c44a;outline-offset:2px}
.live-answer-stat-head{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}
.live-answer-stat-head .kahoot-shape{font-size:1.45rem}.live-answer-stat-head strong{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-answer-stat-head b{font-size:1.55rem}
.live-answer-stat-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.26);overflow:hidden;margin-top:9px}.live-answer-stat-bar i{display:block;height:100%;background:#fff;border-radius:inherit}
.live-answer-stat small{display:block;margin-top:6px;font-weight:900}

/* Siswa: selama permainan layar hanya berisi tombol warna/simbol, bukan soal dan bukan teks jawaban. */
.live-team-page{position:fixed!important;inset:0!important;z-index:10060!important;min-height:100vh!important;overflow:auto!important;padding:0!important;background:#f4f2f8!important}
.live-team-topbar{position:sticky!important;top:0!important;z-index:12!important;min-height:58px!important;background:#fff!important;color:#25212c!important;border-bottom:1px solid #e7e2ee!important;box-shadow:0 4px 14px rgba(41,29,67,.08)!important;padding:8px max(12px,calc((100vw - 1000px)/2))!important}
.live-team-topbar .live-dot{display:none!important}.live-team-topbar strong{color:#241d31!important}.live-team-topbar small{color:#756e80!important;opacity:1!important}.live-team-score{background:#f1edfa!important;color:#4e347f!important}.live-team-score strong{color:#542ca5!important}
.live-team-root{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:calc(100vh - 58px)!important}
.live-kahoot-answer-screen{position:relative;min-height:calc(100vh - 58px);background:#f4f2f8;padding:10px;display:grid;grid-template-rows:40px 1fr;gap:8px}
.live-kahoot-mini-status{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:980px;margin:0 auto;color:#625b6d;font-weight:900}
.live-kahoot-mini-status strong{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#46178f;color:#fff;font-size:1rem}
.live-kahoot-answer-grid{width:100%;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:9px;min-height:calc(100vh - 116px)}
.live-kahoot-answer{border:0;border-radius:10px;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 -8px rgba(0,0,0,.13),0 4px 8px rgba(30,20,50,.12);transition:transform .11s ease,filter .11s ease,opacity .2s ease;padding:8px}
.live-kahoot-answer:hover{filter:brightness(1.05)}.live-kahoot-answer:active{transform:scale(.985)}.live-kahoot-answer:disabled{cursor:default}.live-kahoot-answer:not(.is-picked):disabled{opacity:.48;filter:grayscale(.2)}.live-kahoot-answer.is-picked{transform:scale(.98);outline:5px solid #fff;outline-offset:-9px}
.live-kahoot-answer .kahoot-shape{font-size:clamp(4.5rem,16vw,10rem);filter:drop-shadow(0 4px 2px rgba(0,0,0,.08))}
.live-answer-wait{min-height:calc(100vh - 58px)!important;background:#46178f!important;color:#fff!important;padding:24px!important}
.live-answer-wait .live-answer-result{background:#fff!important;color:#46178f!important}.live-answer-wait p,.live-answer-wait small{color:#ede7f8!important}.live-answer-wait .live-wait-dots i{background:#fff!important}
.live-team-board,.live-team-finish{min-height:calc(100vh - 58px)!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:18px max(14px,calc((100vw - 820px)/2))!important}
.live-my-result{display:flex;align-items:center;gap:15px;padding:16px;border-radius:16px;margin-bottom:12px;color:#fff}
.live-my-result.is-correct{background:#26890c}.live-my-result.is-wrong{background:#e21b3c}.live-my-result.is-blank{background:#605a68}
.live-my-result-icon{width:70px;height:70px;min-width:70px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:2.8rem;font-weight:950}.live-my-result small{font-weight:950;letter-spacing:.1em}.live-my-result h2{font-size:2rem;margin:2px 0}.live-my-result p{margin:0;font-weight:800}
.live-team-result-counts{margin:0 0 16px}
.kahoot-result-board .live-team-board-head{margin-top:10px}

@media(max-width:820px){
  .live-host-page .live-host-options{grid-template-columns:repeat(2,1fr)!important}
  .live-host-page .live-host-option{min-height:92px!important}
  .live-result-banner{align-items:stretch;flex-direction:column}
  .live-result-totals>div{flex:1;min-width:95px}
}
@media(max-width:560px){
  .live-kahoot-answer-screen{padding:7px;grid-template-rows:34px 1fr}
  .live-kahoot-mini-status strong{width:32px;height:32px}
  .live-kahoot-answer-grid{gap:6px;min-height:calc(100vh - 105px)}
  .live-kahoot-answer{border-radius:7px;box-shadow:inset 0 -5px rgba(0,0,0,.13)}
  .live-kahoot-answer .kahoot-shape{font-size:clamp(3.8rem,18vw,7rem)}
  .live-answer-distribution{grid-template-columns:1fr}
  .live-host-page .live-host-option{padding:10px!important;min-height:78px!important}.live-host-page .live-host-option .kahoot-shape{width:36px;min-width:36px;font-size:1.45rem!important}.live-host-page .live-host-option strong{font-size:.9rem!important}
  .live-result-totals,.live-team-result-counts{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:6px}.live-result-totals>div,.live-team-result-counts>div{min-width:0;padding:9px 5px}.live-result-totals strong,.live-team-result-counts strong{font-size:1.45rem}.live-result-totals span,.live-team-result-counts span{font-size:.64rem}
}
@media(prefers-reduced-motion:reduce){.live-kahoot-answer{transition:none!important}}

/* V4.22.5 — Guest join + PIN besar di lobby host */
.live-guest-join-page{position:fixed;inset:0;z-index:10080;overflow:auto;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.18),transparent 28%),linear-gradient(145deg,#31106b 0%,#5c23a9 48%,#24104f 100%);display:grid;place-items:center;padding:24px}
.live-guest-join-shell{width:min(540px,100%);display:grid;gap:16px}
.live-guest-logo{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff}.live-guest-logo img{width:46px;height:46px;border-radius:14px;background:#fff;padding:5px}.live-guest-logo strong{font-size:1.25rem}.live-guest-logo span{font-size:.8rem;font-weight:800;opacity:.8;border-left:1px solid rgba(255,255,255,.3);padding-left:10px}
.live-guest-card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 24px 80px rgba(8,0,32,.38);text-align:center}.live-guest-kicker{display:inline-block;font-size:.75rem;font-weight:950;letter-spacing:.12em;color:#6940c4;margin-bottom:8px}.live-guest-card h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.08;margin:4px 0 10px;color:#21192f}.live-guest-card>p{color:#746d80;margin:0 auto 22px;max-width:420px}
.live-guest-label{display:block;text-align:left;font-size:.82rem;font-weight:900;color:#4c4556;margin:14px 0 7px}.live-guest-pin-input,.live-guest-team-input{width:100%;border:2px solid #ded7e9;border-radius:14px;background:#fff;color:#1e1729;text-align:center;font-weight:950;outline:none;transition:.15s ease}.live-guest-pin-input{font-size:clamp(2.4rem,10vw,4rem);letter-spacing:.12em;padding:14px 10px}.live-guest-team-input{font-size:1.25rem;padding:15px}.live-guest-pin-input:focus,.live-guest-team-input:focus{border-color:#6c43d6;box-shadow:0 0 0 4px rgba(108,67,214,.13)}
.live-guest-primary{width:100%;border:0;border-radius:14px;margin-top:14px;padding:15px 18px;background:#46178f;color:#fff;font-size:1.05rem;font-weight:950;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:inset 0 -4px rgba(0,0,0,.13),0 7px 18px rgba(70,23,143,.24);text-decoration:none}.live-guest-primary:hover{filter:brightness(1.06)}.live-guest-primary.is-link{display:flex}.live-guest-primary span{font-size:1.3rem}.live-guest-change-pin{display:inline-block;margin-top:16px;color:#665d72;font-weight:850;text-decoration:none}.live-guest-foot{text-align:center;color:rgba(255,255,255,.82);font-weight:700;line-height:1.5}
.live-guest-pin-badge{display:inline-grid;place-items:center;background:#f1ebff;color:#46178f;border-radius:16px;padding:10px 22px;margin:2px 0 12px}.live-guest-pin-badge small{font-size:.7rem;font-weight:950;letter-spacing:.15em}.live-guest-pin-badge strong{font-size:2rem;letter-spacing:.08em}
.live-host-lobby-pin{background:#fff;color:#24182f;border-radius:22px;padding:18px 24px;margin-bottom:16px;text-align:center;box-shadow:0 14px 34px rgba(17,4,48,.22)}.live-host-lobby-pin>span{display:block;font-size:.78rem;font-weight:950;letter-spacing:.14em;color:#6d49c1}.live-host-lobby-pin>strong{display:block;font-size:clamp(3rem,8vw,6.5rem);line-height:1;letter-spacing:.07em;color:#21152e;margin:4px 0 10px}.live-host-lobby-pin>small{display:block;color:#6a6175;font-weight:750;font-size:.95rem}.live-host-lobby-pin b{color:#46178f}
@media(max-width:560px){.live-guest-join-page{padding:12px}.live-guest-card{padding:22px 18px;border-radius:20px}.live-guest-logo span{display:none}.live-host-lobby-pin{padding:14px}.live-host-lobby-pin>strong{font-size:clamp(2.8rem,15vw,4.5rem)}.live-host-lobby-pin>small{font-size:.78rem}}


/* V4.23.0 — Lobby PIN besar + avatar unik per tim */
.live-host-page[data-live-status="lobby"]{background:#2f136c!important}
.live-host-page[data-live-status="lobby"] .live-host-container{max-width:1280px!important}
.kahoot-lobby-v4230{background:linear-gradient(160deg,#32126f 0%,#4c1d95 55%,#2d1164 100%)!important;color:#fff!important;border-radius:28px!important;padding:24px!important;min-height:620px!important;box-shadow:0 24px 60px rgba(31,7,72,.32)!important;overflow:hidden;position:relative}
.kahoot-lobby-v4230:before,.kahoot-lobby-v4230:after{content:"";position:absolute;border-radius:999px;pointer-events:none;opacity:.18}.kahoot-lobby-v4230:before{width:360px;height:360px;background:#a78bfa;right:-130px;bottom:-140px}.kahoot-lobby-v4230:after{width:260px;height:260px;background:#f59e0b;left:-150px;top:160px}
.live-lobby-pinboard{position:relative;z-index:2;display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,1.15fr) minmax(180px,.65fr);align-items:stretch;background:#fff;color:#1f1630;border-radius:20px;overflow:hidden;box-shadow:0 16px 36px rgba(14,4,39,.28)}
.live-lobby-join-hint,.live-lobby-pin-main,.live-lobby-start-zone{padding:18px 22px;display:flex;flex-direction:column;justify-content:center}.live-lobby-join-hint{background:#f8f7fb;border-right:1px solid #e9e5ef}.live-lobby-join-hint small,.live-lobby-pin-main small{font-size:.72rem;font-weight:950;letter-spacing:.14em;color:#6d28d9}.live-lobby-join-hint strong{font-size:clamp(.95rem,1.6vw,1.25rem);word-break:break-word;color:#2d2141}.live-lobby-join-hint span{margin-top:5px;font-size:.78rem;color:#766e80;font-weight:750}.live-lobby-pin-main{text-align:center;align-items:center}.live-lobby-pin-main>strong{font-size:clamp(3rem,7vw,6.4rem);letter-spacing:.07em;line-height:.95;color:#21152e;font-weight:1000}.live-lobby-pin-main button{margin-top:9px;border:0;border-radius:999px;padding:7px 14px;background:#ede9fe;color:#5b21b6;font-weight:900;cursor:pointer}.live-lobby-start-zone{align-items:center;background:#f7f5fb;border-left:1px solid #e9e5ef}.live-lobby-start-zone span{font-weight:850;color:#665f70;margin-bottom:9px}.live-lobby-start-zone button{border:0;border-radius:12px;background:#22c55e;color:#fff;padding:13px 28px;font-size:1.05rem;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(34,197,94,.25)}.live-lobby-start-zone button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.live-lobby-brand{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:8px;margin:28px 0 18px}.live-lobby-brand span{font-size:2rem}.live-lobby-brand strong{font-size:clamp(2rem,4vw,3.4rem);font-weight:1000;letter-spacing:-.04em}.live-lobby-brand small{font-size:.8rem;font-weight:900;background:rgba(255,255,255,.13);padding:6px 10px;border-radius:999px}
.live-lobby-section-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}.live-lobby-section-head h2{margin:3px 0 0;color:#fff;font-size:clamp(1.2rem,2vw,1.65rem)}.live-lobby-live-dot{font-size:.75rem;font-weight:950;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);padding:8px 11px;border-radius:999px;color:#f0eaff}
.live-lobby-team-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-content:start}.live-lobby-team-card{position:relative;min-height:116px;background:linear-gradient(180deg,#b89cff,#9f7aea);border:1px solid rgba(255,255,255,.45);border-radius:16px;padding:14px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 0 rgba(28,5,67,.22),0 14px 24px rgba(20,4,50,.18);animation:liveTeamPop .32s cubic-bezier(.2,.9,.2,1.15) both;animation-delay:var(--delay,0ms)}.live-lobby-team-avatar{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#fff;font-size:2rem;box-shadow:0 5px 12px rgba(33,16,61,.18);margin-bottom:8px}.live-lobby-team-card strong{font-size:1.05rem;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-lobby-team-card small{font-size:.7rem;color:#f2ebff;font-weight:800;margin-top:2px}.live-lobby-team-card i{position:absolute;right:8px;top:8px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#22c55e;color:#fff;font-style:normal;font-size:.7rem;font-weight:1000;border:2px solid rgba(255,255,255,.8)}.live-lobby-empty{grid-column:1/-1;min-height:190px;display:grid;place-items:center;align-content:center;text-align:center;border:2px dashed rgba(255,255,255,.24);border-radius:18px;background:rgba(255,255,255,.07);color:#fff}.live-lobby-empty>span{font-size:3rem}.live-lobby-empty strong{font-size:1.2rem;margin-top:6px}.live-lobby-empty small{color:#dcd2f7;margin-top:4px}
@keyframes liveTeamPop{from{opacity:0;transform:translateY(18px) scale(.88)}to{opacity:1;transform:none}}
.live-host-avatar-mini{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f3efff;font-size:1.4rem;flex:0 0 auto}.live-host-team-row{grid-template-columns:40px auto minmax(0,1fr) auto!important}.live-host-rank{min-width:28px;text-align:center}
.live-avatar-fieldset{border:0;padding:0;margin:18px 0 14px;text-align:left}.live-avatar-fieldset legend{font-size:.85rem;font-weight:950;color:#4c4556}.live-avatar-fieldset>p{font-size:.75rem;color:#82798d;margin:4px 0 10px}.live-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.live-avatar-option{position:relative;min-width:0;border:2px solid #e8e2ef;border-radius:14px;background:#fff;padding:9px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:.15s ease}.live-avatar-option:hover{border-color:#b9a2e6;transform:translateY(-1px)}.live-avatar-option input{position:absolute;opacity:0;pointer-events:none}.live-avatar-face{font-size:2rem;line-height:1}.live-avatar-option small{font-size:.64rem;color:#5f5668;font-weight:850}.live-avatar-option em{font-size:.55rem;color:#9f1239;font-style:normal;font-weight:950}.live-avatar-option:has(input:checked){border-color:#6d28d9;background:#f4f0ff;box-shadow:0 0 0 3px rgba(109,40,217,.1)}.live-avatar-option:has(input:checked):after{content:"✓";position:absolute;right:5px;top:5px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#22c55e;color:#fff;font-size:.65rem;font-weight:1000}.live-avatar-option.is-taken{opacity:.38;filter:grayscale(.35);cursor:not-allowed}.live-avatar-option.is-taken:hover{transform:none;border-color:#e8e2ef}
@media(max-width:760px){.kahoot-lobby-v4230{padding:14px;border-radius:18px}.live-lobby-pinboard{grid-template-columns:1fr}.live-lobby-join-hint{border-right:0;border-bottom:1px solid #e9e5ef;text-align:center}.live-lobby-start-zone{border-left:0;border-top:1px solid #e9e5ef;flex-direction:row;justify-content:center;gap:12px}.live-lobby-start-zone span{margin:0}.live-lobby-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-avatar-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:420px){.live-avatar-grid{grid-template-columns:repeat(3,1fr)}.live-lobby-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-lobby-pin-main>strong{font-size:3.2rem}.live-lobby-brand small{display:none}}