:root{--ink:#111827;--muted:#64748b;--purple:#5b21b6;--violet:#7c3aed;--cyan:#0891b2;--gold:#f59e0b;--green:#16a34a;--red:#dc2626;--blue:#2563eb;--yellow:#ca8a04}
.ethics-quiz-body{min-height:100vh;background:radial-gradient(circle at top right,#ddd6fe 0,transparent 34%),linear-gradient(145deg,#f8fafc,#eef2ff 48%,#ecfeff);font-family:Inter,sans-serif;color:var(--ink)}
.ethics-shell{min-height:calc(100vh - 70px);padding:34px 0 54px}.ethics-intro{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.intro-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1.12fr .88fr;min-height:590px;padding:54px;border-radius:34px;background:linear-gradient(135deg,#1e1b4b,#4c1d95 60%,#155e75);color:#fff;box-shadow:0 30px 75px rgba(76,29,149,.22)}.intro-panel:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-170px;top:-130px;box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025)}.intro-copy{position:relative;z-index:2}.game-label{display:inline-flex;gap:9px;align-items:center;padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);font-weight:800;font-size:.76rem;letter-spacing:.12em}.intro-copy h1{font-size:clamp(3rem,6vw,5.4rem);font-weight:900;line-height:.93;margin:28px 0 22px;letter-spacing:-.055em}.intro-copy h1 span{color:#67e8f9}.intro-copy>p{max-width:680px;color:#ddd6fe;font-size:1.06rem;line-height:1.75}.intro-stats{display:flex;gap:12px;margin:25px 0}.intro-stats div{min-width:120px;padding:15px 17px;border-radius:18px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12)}.intro-stats strong{display:block;font-size:1.55rem}.intro-stats span{font-size:.78rem;color:#c4b5fd}.name-field{max-width:430px;margin:24px 0 16px}.name-field label{display:block;font-size:.8rem;font-weight:800;margin-bottom:8px}.name-field input{width:100%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;border-radius:15px;padding:14px 16px;outline:none}.name-field input::placeholder{color:#cbd5e1}.name-field input:focus{border-color:#67e8f9;box-shadow:0 0 0 4px rgba(103,232,249,.16)}.arena-primary,.arena-ghost{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:0;border-radius:14px;padding:13px 20px;font-weight:800;text-decoration:none;transition:.2s transform,.2s box-shadow}.arena-primary{background:linear-gradient(135deg,#22d3ee,#a78bfa);color:#172554;box-shadow:0 10px 25px rgba(34,211,238,.22)}.arena-primary:hover{transform:translateY(-2px);color:#172554;box-shadow:0 15px 30px rgba(34,211,238,.3)}.arena-ghost{background:#fff;color:#334155;border:1px solid #dbe3ef}.arena-ghost:hover{transform:translateY(-2px);color:#4c1d95}.intro-note{font-size:.78rem!important;margin-top:15px!important;color:#cbd5e1!important}.intro-visual{position:relative;z-index:2;min-height:430px}.trophy-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fde68a,#f59e0b);box-shadow:0 0 0 20px rgba(255,255,255,.08),0 0 0 42px rgba(255,255,255,.04),0 30px 70px rgba(0,0,0,.28);font-size:5rem;color:#78350f}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 17px;border-radius:17px;background:rgba(255,255,255,.93);color:#312e81;font-weight:800;box-shadow:0 18px 35px rgba(0,0,0,.18);animation:float 3.5s ease-in-out infinite}.floating-card i{font-size:1.3rem}.card-one{left:0;top:13%}.card-two{right:0;top:28%;animation-delay:.8s}.card-three{left:10%;bottom:10%;animation-delay:1.5s}@keyframes float{50%{transform:translateY(-12px) rotate(1deg)}}.history-card{border-radius:28px;background:#fff;padding:28px;box-shadow:0 24px 55px rgba(30,41,59,.1);align-self:stretch}.history-card>div:first-child{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.history-card>div:first-child span{font-weight:700;color:var(--muted)}.history-card>div:first-child strong{font-size:2.8rem;color:var(--violet)}.history-list{margin-top:17px}.history-list>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px dashed #e2e8f0;font-size:.9rem}.history-list p{color:var(--muted);font-size:.9rem}.countdown-screen,.level-screen{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;text-align:center;color:#fff;background:radial-gradient(circle,#7c3aed,#312e81 72%)}.countdown-screen span,.level-screen>span{display:block;font-size:1rem;font-weight:900;letter-spacing:.18em}.countdown-screen strong{display:block;font-size:clamp(8rem,25vw,16rem);line-height:1;font-weight:900;text-shadow:0 22px 50px rgba(0,0,0,.28);animation:countPop .7s ease infinite}.countdown-screen p{font-size:1.1rem;color:#ddd6fe}.level-screen strong{font-size:7rem;line-height:1;font-weight:900;color:#fde68a}.level-screen h2{font-weight:900;font-size:clamp(2rem,5vw,4.2rem);margin:15px}.level-screen p{color:#ddd6fe}.level-unlock-icon{font-size:3rem;margin-bottom:14px}@keyframes countPop{50%{transform:scale(1.14)}}.quiz-arena{max-width:1180px}.arena-topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-bottom:20px;padding:15px 18px;border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 15px 35px rgba(51,65,85,.09);backdrop-filter:blur(12px)}.player-chip,.status-cluster{display:flex;align-items:center;gap:11px}.avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#ede9fe;color:#6d28d9}.player-chip small,.level-chip small{display:block;color:var(--muted);font-size:.64rem;letter-spacing:.12em;font-weight:900}.player-chip strong,.level-chip strong{font-size:.92rem}.level-chip{text-align:center}.status-cluster{justify-content:flex-end}.lives{letter-spacing:3px}.xp-chip{padding:9px 12px;border-radius:12px;background:#fffbeb;color:#92400e;font-size:.85rem}.question-meta{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:16px;font-size:.8rem;font-weight:900;color:#475569}.progress-track{height:11px;background:#dbeafe;border-radius:999px;overflow:hidden}.progress-track>div{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#7c3aed);transition:width .4s}.timer-ring{--timer-deg:360deg;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7c3aed var(--timer-deg),#e2e8f0 0);position:relative;font-weight:900;color:#312e81}.timer-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.timer-ring span{position:relative}.timer-ring.urgent{background:conic-gradient(#ef4444 var(--timer-deg),#fee2e2 0);color:#b91c1c;animation:pulse .6s infinite alternate}@keyframes pulse{to{transform:scale(1.06)}}.question-stage{background:#fff;border-radius:30px;padding:32px;box-shadow:0 25px 55px rgba(51,65,85,.12)}.question-tags{display:flex;justify-content:space-between;gap:15px}.question-tags span{padding:8px 12px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:800}.question-tags span:last-child{background:#fff7ed;color:#c2410c}.question-stage h2{font-size:clamp(1.35rem,3vw,2.1rem);line-height:1.42;font-weight:900;max-width:980px;margin:24px auto 28px;text-align:center}.kahoot-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kahoot-answer{min-height:112px;border:0;border-radius:18px;padding:20px;color:#fff;display:flex;align-items:center;text-align:left;gap:17px;font-size:1rem;font-weight:800;box-shadow:inset 0 -6px 0 rgba(0,0,0,.15),0 10px 22px rgba(15,23,42,.12);transition:.15s transform,.15s filter,.15s opacity}.kahoot-answer:hover:not(:disabled){transform:translateY(-3px) scale(1.01);filter:brightness(1.06)}.kahoot-answer:disabled{cursor:default}.answer-0{background:#dc2626}.answer-1{background:#2563eb}.answer-2{background:#d69e00}.answer-3{background:#16a34a}.shape{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.18);font-size:1.5rem}.kahoot-answer.is-correct{outline:6px solid #bbf7d0;filter:brightness(1.13);animation:correctBounce .5s}.kahoot-answer.is-wrong{outline:6px solid #fecaca;filter:grayscale(.25) brightness(.7)}.kahoot-answer:disabled:not(.is-correct):not(.is-wrong){opacity:.45}@keyframes correctBounce{50%{transform:scale(1.035)}}.feedback-panel{display:flex;gap:15px;align-items:flex-start;margin-top:20px;padding:18px;border-radius:18px}.feedback-panel.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.feedback-panel.error{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.feedback-icon{flex:0 0 39px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:currentColor;color:#fff;font-size:1.2rem;font-weight:900}.feedback-panel strong{font-size:1rem}.feedback-panel p{margin:4px 0 0;line-height:1.55}.stage-actions{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.mini-scoreboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.mini-scoreboard div{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.9);text-align:center;box-shadow:0 10px 24px rgba(51,65,85,.08)}.mini-scoreboard span{display:block;font-size:.72rem;color:var(--muted);font-weight:700}.mini-scoreboard strong{font-size:1.25rem}.result-arena{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;position:relative}.result-main,.leaderboard-card{background:#fff;border-radius:30px;box-shadow:0 25px 60px rgba(51,65,85,.12)}.result-main{text-align:center;padding:40px;position:relative;overflow:hidden}.result-kicker{font-size:.74rem;letter-spacing:.17em;font-weight:900;color:#7c3aed}.result-medal{font-size:5.5rem;margin:12px}.result-main h1{font-size:clamp(2rem,5vw,4rem);font-weight:900;letter-spacing:-.04em}.result-main>p{color:var(--muted);max-width:720px;margin:0 auto}.result-score{display:flex;justify-content:center;align-items:flex-end;margin:18px}.result-score strong{font-size:6rem;line-height:1;color:#5b21b6}.result-score span{font-size:1.25rem;color:#94a3b8;margin-bottom:10px}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.result-grid div{padding:17px;border-radius:17px;background:#f8fafc}.result-grid span{display:block;color:var(--muted);font-size:.75rem}.result-grid strong{font-size:1.25rem}.analysis-box{text-align:left;margin-top:22px;padding:22px;border-radius:20px;background:linear-gradient(135deg,#f5f3ff,#ecfeff)}.analysis-box h3{font-size:1rem;font-weight:900}.analysis-box>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.analysis-column{background:rgba(255,255,255,.72);border-radius:14px;padding:14px}.analysis-column strong{font-size:.85rem}.analysis-column p{margin:7px 0 0;font-size:.83rem;line-height:1.6;color:#475569}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:22px}.leaderboard-card{padding:25px;align-self:start}.leaderboard-card h2{font-size:1.15rem;font-weight:900;margin-bottom:18px}.leaderboard-card>small{display:block;color:#94a3b8;margin-top:14px}.leader-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px dashed #e2e8f0}.leader-row .rank{width:30px;height:30px;border-radius:9px;background:#f1f5f9;display:grid;place-items:center;font-weight:900}.leader-row div strong,.leader-row div small{display:block}.leader-row div small{font-size:.66rem;color:#94a3b8;margin-top:2px}.leader-row b{color:#5b21b6}.leader-row.top-1 .rank{background:#fef3c7;color:#92400e}.leader-row.top-2 .rank{background:#e2e8f0;color:#475569}.leader-row.top-3 .rank{background:#ffedd5;color:#9a3412}.confetti-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-layer i{position:absolute;top:-30px;width:9px;height:18px;background:#7c3aed;animation:fall linear forwards}.confetti-layer i:nth-child(3n){background:#22d3ee}.confetti-layer i:nth-child(4n){background:#f59e0b}.confetti-layer i:nth-child(5n){background:#ef4444}@keyframes fall{to{transform:translateY(780px) rotate(720deg);opacity:.1}}
@media(max-width:992px){.ethics-intro,.result-arena{grid-template-columns:1fr}.intro-panel{grid-template-columns:1fr;padding:38px}.intro-visual{display:none}.history-card{display:none}.result-arena{padding-left:14px;padding-right:14px}.leaderboard-card{order:2}.arena-topbar{grid-template-columns:1fr 1fr}.level-chip{display:none}.status-cluster{justify-content:flex-end}}
@media(max-width:700px){.ethics-shell{padding-top:18px}.intro-panel{padding:27px;border-radius:24px;min-height:auto}.intro-copy h1{font-size:3rem}.intro-stats{display:grid;grid-template-columns:repeat(3,1fr)}.intro-stats div{min-width:0;padding:12px 8px;text-align:center}.question-stage{padding:19px;border-radius:22px}.kahoot-grid{grid-template-columns:1fr}.kahoot-answer{min-height:82px;padding:14px}.mini-scoreboard,.result-grid{grid-template-columns:1fr 1fr}.result-main{padding:25px 17px}.result-score strong{font-size:4.7rem}.analysis-box>div{grid-template-columns:1fr}.arena-topbar{padding:11px}.lives{font-size:.8rem}.xp-chip{font-size:.73rem}.question-meta{gap:8px}.timer-ring{width:54px;height:54px}.stage-actions{gap:8px}.stage-actions button{padding:11px 14px}}


/* V6.6: status sinkronisasi hasil kuis ke laporan admin */
.quiz-cloud-status{margin-top:18px;padding:12px 16px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.92rem;font-weight:700;background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}
.quiz-cloud-status.success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.quiz-cloud-status.warning{background:#fffbeb;color:#b45309;border-color:#fde68a}
.quiz-cloud-status.error{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.quiz-cloud-status.syncing{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}

/* SARPRAS Office Asset Mission */
.sarpras-quiz-body{background:radial-gradient(circle at 10% 10%,rgba(16,185,129,.18),transparent 32%),radial-gradient(circle at 90% 20%,rgba(245,158,11,.16),transparent 30%),#06131b;}
.sarpras-quiz-body .intro-panel{background:linear-gradient(135deg,#064e3b,#0f766e 48%,#b45309);}
.sarpras-quiz-body .game-label{background:rgba(255,255,255,.14);}
.sarpras-quiz-body .arena-primary{background:linear-gradient(135deg,#10b981,#f59e0b);box-shadow:0 12px 28px rgba(16,185,129,.25);}
.sarpras-quiz-body .level-chip{border-color:rgba(16,185,129,.35);}
.sarpras-quiz-body .question-stage{border-top:4px solid #10b981;}
.sarpras-mission-card{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(245,158,11,.08));border:1px solid rgba(16,185,129,.22)!important;}