/* LiGaMu Play cumulative CSS — etalase v1 + game v2 */
:root{--lgp-blue:#0b5ed7;--lgp-navy:#083b85;--lgp-ink:#16324f;--lgp-soft:#eef6ff;--lgp-line:#d8e6f4;--lgp-yellow:#ffcc4d}.lgp-hero{padding:70px 0 44px;background:radial-gradient(circle at 86% 30%,rgba(67,154,255,.24),transparent 26%),linear-gradient(145deg,#f8fbff,#eaf4ff)}.lgp-hero__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:center;gap:44px}.lgp-eyebrow,.lgp-kicker,.lgq-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--lgp-blue)}.lgp-hero h1{max-width:760px;margin:16px 0;font-size:clamp(38px,5vw,66px);line-height:1.02;color:#102d4c}.lgp-hero__copy>p{max-width:720px;margin:0;font-size:18px;line-height:1.75;color:#516b84}.lgp-actions,.lgq-start-actions,.lgq-result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.lgp-btn,.lgq-primary,.lgq-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;padding:14px 20px;font-weight:800;text-decoration:none;cursor:pointer}.lgp-btn--primary,.lgq-primary{color:#fff;background:linear-gradient(135deg,var(--lgp-blue),var(--lgp-navy));box-shadow:0 12px 28px rgba(11,94,215,.22)}.lgp-btn--ghost,.lgq-secondary{color:var(--lgp-ink);background:#fff;border:1px solid var(--lgp-line)}.lgp-trust{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:24px;color:#59728a;font-size:13px}.lgp-trust span{display:flex;align-items:center;gap:6px}.lgp-hero__visual{position:relative;min-height:430px;display:grid;place-items:center;border-radius:40px;background:linear-gradient(160deg,#0b5ed7,#06326f);overflow:hidden;box-shadow:0 28px 60px rgba(14,60,111,.24)}.lgp-hero__visual:after{content:"";position:absolute;inset:auto -20% -45% -20%;height:65%;border-radius:50%;background:rgba(255,255,255,.13)}.lgp-hero__visual img{position:relative;z-index:2;max-height:390px;width:auto;filter:drop-shadow(0 18px 20px rgba(0,0,0,.18))}.lgp-orbit{position:absolute;z-index:3;display:grid;place-items:center;width:54px;height:54px;border-radius:18px;color:#fff;background:rgba(255,255,255,.17);backdrop-filter:blur(8px);font-size:25px}.lgp-orbit--one{left:11%;top:14%}.lgp-orbit--two{right:10%;top:25%}.lgp-orbit--three{left:14%;bottom:15%}.lgp-section{padding:72px 0;background:#fff}.lgp-section__head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:30px}.lgp-section__head h2,.lgp-info h2{margin:8px 0 0;font-size:clamp(30px,4vw,44px);color:var(--lgp-ink)}.lgp-section__head>p{max-width:540px;color:#607990;line-height:1.65}.lgp-game-grid{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:22px}.lgp-game-card{overflow:hidden;border:1px solid var(--lgp-line);border-radius:24px;background:#fff;box-shadow:0 15px 40px rgba(23,64,103,.08)}.lgp-game-card__art{position:relative;min-height:290px;display:grid;place-items:center;background:linear-gradient(145deg,#dcebff,#f4f9ff)}.lgp-game-card__art img{max-height:270px;width:auto}.lgp-status{position:absolute;top:18px;left:18px;padding:7px 11px;border-radius:999px;background:#dff7e7;color:#167342;font-size:12px;font-weight:800}.lgp-game-card__body{padding:24px}.lgp-game-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.lgp-game-card__meta span{padding:5px 9px;border-radius:999px;background:#f1f6fb;color:#617890;font-size:11px;font-weight:750}.lgp-game-card h3{margin:0 0 10px;color:var(--lgp-ink);font-size:23px}.lgp-game-card p{margin:0;color:#607990;line-height:1.65}.lgp-game-card a{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:var(--lgp-blue);font-weight:800;text-decoration:none}.lgp-game-card__placeholder{min-height:185px;display:grid;place-items:center;background:#f4f7fa;color:#9ab0c2;font-size:62px}.lgp-game-card--soon{box-shadow:none}.lgp-info{padding:70px 0;background:#f6f9fc}.lgp-info__grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.lgp-info p{color:#607990;line-height:1.75}.lgp-info__items{display:grid;gap:14px}.lgp-info__items>div{display:flex;gap:14px;padding:18px;border:1px solid var(--lgp-line);border-radius:18px;background:#fff}.lgp-info__items i{font-size:25px;color:var(--lgp-blue)}.lgp-info__items span{display:grid;gap:4px}.lgp-info__items small{color:#6a8298}
.lgq-shell{min-height:760px;padding:34px 0 72px;background:radial-gradient(circle at 92% 12%,rgba(75,155,255,.18),transparent 25%),#edf6ff}.lgq-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:20px;color:#42617c}.lgq-topbar>a{justify-self:start;color:#42617c;text-decoration:none;font-weight:750}.lgq-topbar>span{font-weight:850;color:var(--lgp-ink)}.lgq-topbar>button{justify-self:end;width:42px;height:42px;border:1px solid var(--lgp-line);border-radius:13px;background:#fff;color:var(--lgp-ink);cursor:pointer}.lgq-stage{position:relative;min-height:610px;border:1px solid #d7e7f6;border-radius:30px;background:#fff;box-shadow:0 25px 70px rgba(23,68,112,.13);overflow:hidden}.lgq-screen{display:none;min-height:610px}.lgq-screen.is-active{display:grid}.lgq-screen[data-screen=start]{grid-template-columns:1.15fr .85fr;align-items:center;padding:42px 54px}.lgq-start-copy h1,.lgq-result-copy h1{margin:13px 0;font-size:clamp(36px,5vw,58px);line-height:1.05;color:var(--lgp-ink)}.lgq-start-copy>p{max-width:700px;color:#607990;line-height:1.7}.lgq-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.lgq-rules>div{display:grid;gap:5px;padding:17px;border:1px solid var(--lgp-line);border-radius:17px;background:#f8fbff}.lgq-rules i{font-size:24px;color:var(--lgp-blue)}.lgq-rules span{font-size:12px;color:#6d8498}.lgq-best{font-size:13px!important}.lgq-mascot{align-self:end;display:flex;justify-content:center}.lgq-mascot img{max-height:480px;width:auto}.lgq-hud{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:18px;padding:22px 28px;border-bottom:1px solid var(--lgp-line)}.lgq-progress-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:8px;font-size:12px;font-weight:800;color:#5d7891}.lgq-progress{height:8px;border-radius:99px;background:#e7eff7;overflow:hidden}.lgq-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b5ed7,#45a2ff);transition:width .3s}.lgq-score{display:grid;text-align:center;padding:6px 15px;border-left:1px solid var(--lgp-line)}.lgq-score small{color:#70879a}.lgq-score strong{font-size:22px;color:var(--lgp-blue)}.lgq-lives{display:flex;gap:4px;color:#ed4d64;font-size:19px}.lgq-lives .is-empty{color:#d9e0e7}.lgq-timer{--timer-progress:360deg;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--lgp-blue) var(--timer-progress),#dfeaf4 0);position:relative}.lgq-timer:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.lgq-timer span{position:relative;font-weight:900;color:var(--lgp-ink)}.lgq-timer.is-low{background:conic-gradient(#e24a5f var(--timer-progress),#f2dfe2 0)}.lgq-question-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:36px;padding:34px 42px}.lgq-question-label{color:var(--lgp-blue);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.lgq-question-card h2{margin:10px 0 28px;color:var(--lgp-ink);font-size:clamp(25px,3vw,37px);line-height:1.3}.lgq-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.lgq-option{display:flex;align-items:center;gap:13px;min-height:70px;padding:14px;border:1px solid var(--lgp-line);border-radius:17px;background:#fff;text-align:left;color:var(--lgp-ink);cursor:pointer;transition:.18s}.lgq-option:hover{transform:translateY(-2px);border-color:#8bbcf1;box-shadow:0 9px 20px rgba(22,83,145,.09)}.lgq-option>span{flex:0 0 38px;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf5ff;color:var(--lgp-blue);font-weight:900}.lgq-option.is-correct{border-color:#40a66d;background:#edfbf3}.lgq-option.is-wrong{border-color:#dc5365;background:#fff0f2}.lgq-side{display:flex;flex-direction:column;justify-content:end;align-items:center}.lgq-side>img{max-height:310px;max-width:100%;width:auto}.lgq-side-note{display:flex;gap:9px;padding:13px;border-radius:15px;background:#fff8df;color:#735b19;font-size:12px;line-height:1.45}.lgq-feedback-card,.lgq-result-card{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px;align-items:center;padding:50px 70px}.lgq-feedback-mascot,.lgq-result-mascot{display:grid;place-items:center}.lgq-feedback-mascot img,.lgq-result-mascot img{max-height:430px;max-width:100%;width:auto}.lgq-feedback-status{display:inline-flex;padding:7px 11px;border-radius:999px;background:#ddf7e8;color:#167342;font-size:12px;font-weight:900;text-transform:uppercase}.lgq-feedback-status.is-wrong{background:#ffe5e9;color:#a62d42}.lgq-feedback-card h2{margin:14px 0;font-size:40px;color:var(--lgp-ink)}.lgq-feedback-card p,.lgq-result-copy>p{color:#607990;line-height:1.75;font-size:17px}.lgq-result-score{display:inline-grid;gap:2px;margin-top:15px;padding:18px 28px;border-radius:20px;background:#edf6ff}.lgq-result-score small,.lgq-result-score span{color:#617b92}.lgq-result-score strong{font-size:48px;color:var(--lgp-blue);line-height:1}.lgq-privacy{font-size:12px!important}.lgq-dialog{max-width:520px;border:0;border-radius:24px;padding:30px;box-shadow:0 30px 90px rgba(5,35,70,.3)}.lgq-dialog::backdrop{background:rgba(6,30,55,.55)}.lgq-dialog-close{float:right;width:38px;height:38px;border:0;border-radius:12px;background:#eef4f9;cursor:pointer}.lgq-dialog h2{color:var(--lgp-ink)}.lgq-dialog li{margin:10px 0;color:#587188;line-height:1.55}
@media(max-width:900px){.lgp-hero__grid,.lgp-info__grid,.lgq-screen[data-screen=start],.lgq-feedback-card,.lgq-result-card{grid-template-columns:1fr}.lgp-hero__visual{min-height:350px}.lgp-hero__visual img{max-height:330px}.lgp-game-grid{grid-template-columns:1fr 1fr}.lgp-game-card--active{grid-column:1/-1}.lgq-screen[data-screen=start]{padding:34px}.lgq-mascot--start{display:none}.lgq-question-grid{grid-template-columns:1fr}.lgq-side{display:none}.lgq-feedback-card,.lgq-result-card{padding:34px}.lgq-feedback-mascot img,.lgq-result-mascot img{max-height:260px}.lgq-hud{grid-template-columns:1fr auto auto}.lgq-lives{grid-row:2}.lgq-progress-wrap{grid-column:1/-1;grid-row:1}.lgq-score{grid-column:2;grid-row:2}.lgq-timer{grid-column:3;grid-row:2}}
@media(max-width:640px){.lgp-hero{padding-top:40px}.lgp-hero__grid{gap:28px}.lgp-hero h1{font-size:39px}.lgp-hero__copy>p{font-size:16px}.lgp-hero__visual{min-height:300px;border-radius:26px}.lgp-hero__visual img{max-height:280px}.lgp-section__head{display:block}.lgp-game-grid{grid-template-columns:1fr}.lgp-game-card--active{grid-column:auto}.lgq-shell{padding:18px 0 50px}.lgq-topbar{grid-template-columns:1fr auto}.lgq-topbar>span{display:none}.lgq-stage,.lgq-screen{min-height:650px}.lgq-screen[data-screen=start]{padding:26px 20px}.lgq-start-copy h1,.lgq-result-copy h1{font-size:36px}.lgq-rules{grid-template-columns:1fr}.lgq-start-actions,.lgq-result-actions{display:grid}.lgq-hud{padding:16px}.lgq-question-grid{padding:25px 18px}.lgq-question-card h2{font-size:25px}.lgq-options{grid-template-columns:1fr}.lgq-option{min-height:62px}.lgq-feedback-card,.lgq-result-card{padding:25px 20px;gap:12px}.lgq-feedback-mascot img,.lgq-result-mascot img{max-height:210px}.lgq-feedback-card h2{font-size:32px}.lgq-result-score{display:grid}.lgq-result-actions>*{width:100%}}
@media(prefers-reduced-motion:reduce){.lgq-option,.lgp-btn{transition:none}.lgq-option:hover{transform:none}}

/* GaMu: Misi Literasi v2 */
*{box-sizing:border-box}.g2-shell{--blue:#0867d8;--navy:#0b2e55;--cyan:#49d5ff;--gold:#ffd45c;--ink:#15324d;--muted:#647c90;min-height:100vh;background:radial-gradient(circle at 75% 15%,#cceaff 0,transparent 32%),linear-gradient(145deg,#f8fcff,#eaf5ff);color:var(--ink);font-family:Inter,system-ui,sans-serif}.g2-wrap{width:min(1240px,calc(100% - 24px));margin:auto;padding:14px 0 30px}.g2-bar{height:62px;display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #dcebf6;border-radius:18px;padding:0 14px;box-shadow:0 12px 35px #174f7b18;position:sticky;top:10px;z-index:20}.g2-bar nav,.g2-bar>div{display:flex;gap:8px}.g2-bar a,.g2-bar button,.g2-back{border:0;background:#edf6fd;color:var(--navy);padding:10px 13px;border-radius:12px;text-decoration:none;cursor:pointer}.g2-bar strong{font-size:15px}.g2-bar em{font-style:normal;background:#e6f2ff;color:var(--blue);padding:3px 7px;border-radius:9px;font-size:11px}.g2-stage{margin-top:14px;min-height:calc(100vh - 110px)}.g2-screen{display:none;background:#ffffffde;border:1px solid #d9eaf7;border-radius:28px;min-height:690px;padding:44px;box-shadow:0 24px 70px #123f6818;overflow:hidden}.g2-screen.active{display:block;animation:g2in .35s ease}@keyframes g2in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.g2-screen[data-screen=home]{display:none;grid-template-columns:1.15fr .85fr;align-items:center;background:linear-gradient(125deg,#fff 0 58%,#0970dc 58%)}.g2-screen[data-screen=home].active{display:grid}.g2-home-copy{padding:20px}.g2-kicker{display:inline-block;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.g2-home-copy h1{font-size:clamp(38px,5vw,68px);line-height:1.02;margin:14px 0}.g2-home-copy h1 b{color:var(--blue)}.g2-home-copy p,.g2-heading p{color:var(--muted);font-size:17px;line-height:1.7}.g2-hero-mascot{max-height:540px;margin:auto;filter:drop-shadow(0 30px 25px #003d7a55)}.g2-profile{display:flex;gap:10px;margin:25px 0;flex-wrap:wrap}.g2-profile div{background:#f1f8fe;border:1px solid #d8eaf7;border-radius:15px;padding:12px 18px;min-width:130px}.g2-profile small{display:block;color:var(--muted)}.g2-primary,.g2-ghost{border:0;border-radius:14px;padding:14px 20px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.g2-primary{background:linear-gradient(135deg,#0872e5,#084fa9);color:#fff;box-shadow:0 12px 22px #0867d833}.g2-ghost{background:#eef6fc;color:var(--navy);margin-left:7px}.g2-heading{text-align:center;max-width:720px;margin:0 auto 30px}.g2-heading h2{font-size:40px;margin:8px 0}.g2-missions{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.g2-mission{border:1px solid #d9e8f4;background:#fff;border-radius:22px;padding:20px;text-align:left;cursor:pointer;transition:.2s;min-height:260px}.g2-mission:hover{transform:translateY(-7px);border-color:#6eb7f5;box-shadow:0 18px 35px #155b9422}.g2-mission i{font-size:34px;color:var(--blue);background:#edf7ff;padding:13px;border-radius:16px}.g2-mission h3{margin:22px 0 8px}.g2-mission p{color:var(--muted);line-height:1.55;font-size:14px}.g2-mission small{display:block;margin-top:15px;font-weight:800;color:var(--blue)}.g2-back{margin-top:24px}.g2-difficulties{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:950px;margin:auto}.g2-difficulty{border:1px solid #d7e8f5;background:#fff;border-radius:25px;padding:28px;cursor:pointer;text-align:left;transition:.2s}.g2-difficulty:hover{transform:scale(1.025);box-shadow:0 18px 35px #174e791f}.g2-difficulty b{font-size:26px;display:block}.g2-difficulty p{color:var(--muted)}.g2-difficulty ul{padding-left:20px;line-height:1.9}.g2-difficulty[data-d=hard]{border-color:#ffcf63;background:linear-gradient(145deg,#fff,#fff9e8)}.g2-brief{display:grid;grid-template-columns:1fr .7fr;align-items:center;max-width:1000px;margin:auto;height:560px}.g2-brief h2{font-size:52px;margin:10px 0}.g2-brief p{font-size:18px;color:var(--muted);line-height:1.7}.g2-brief img{max-height:480px;margin:auto}.g2-brief-stats{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.g2-brief-stats span{background:#edf6fd;border-radius:14px;padding:12px}.g2-hud{display:grid;grid-template-columns:1fr 100px 100px 130px 70px;gap:10px;align-items:center}.g2-progress>div{display:flex;justify-content:space-between}.g2-progress i{display:block;height:10px;background:#e3eef7;border-radius:10px;overflow:hidden;margin-top:8px}.g2-progress i span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));width:0}.g2-stat{text-align:center;background:#f1f7fc;border-radius:14px;padding:8px}.g2-stat small{display:block;color:var(--muted)}.g2-stat strong{font-size:21px}.g2-stat.combo strong{color:#ef8d00}.g2-hearts{display:flex;justify-content:center;gap:4px;color:#ec4962;font-size:22px}.g2-hearts .empty{color:#ccd9e3}.g2-clock{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) var(--p,360deg),#e4eef6 0);position:relative}.g2-clock:before{content:"";position:absolute;inset:5px;background:#fff;border-radius:50%}.g2-clock span{z-index:1;font-weight:900}.g2-clock.low{color:#d52945}.g2-power{height:12px;background:#e6eef5;border-radius:10px;margin:16px 0 25px;position:relative}.g2-power>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd34d,#ff8b32);border-radius:10px;transition:.3s}.g2-power b{position:absolute;right:0;top:14px;font-size:11px;color:#a46000}.g2-play-grid{display:grid;grid-template-columns:1fr 260px;gap:25px}.g2-question{background:#fff;border:1px solid #dbe9f4;border-radius:24px;padding:30px;min-height:500px}.g2-question-top{display:flex;justify-content:space-between;align-items:center}.g2-question-top>span{font-size:11px;font-weight:900;color:var(--blue);letter-spacing:.08em}.g2-question-top button{border:0;background:#fff6d7;color:#8f6400;border-radius:12px;padding:9px;cursor:pointer}.g2-question h2{font-size:29px;line-height:1.35;margin:24px 0}.g2-hint-text{display:none;background:#fff8dd;border-left:4px solid #ffc928;padding:12px;border-radius:8px}.g2-hint-text.show{display:block}.g2-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g2-option,.g2-order-item{border:2px solid #dce9f3;background:#f9fcff;border-radius:16px;padding:15px;text-align:left;cursor:pointer;font-weight:700;transition:.15s}.g2-option:hover,.g2-option.selected{border-color:#2183e9;background:#eaf5ff}.g2-option.correct{border-color:#31a56c;background:#e8faef}.g2-option.wrong{border-color:#e64f63;background:#fff0f2}.g2-option span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e1eef8;margin-right:9px}.g2-order{display:grid;gap:9px}.g2-order-item{display:flex;align-items:center;gap:12px}.g2-order-item i{margin-left:auto;color:var(--blue)}.g2-submit{display:none;margin-top:18px}.g2-submit.show{display:inline-flex}.g2-aside{text-align:center}.g2-aside>img{height:300px;object-fit:contain}.g2-tools{display:grid;gap:8px}.g2-tools button{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;border:1px solid #d9e8f3;background:#fff;border-radius:14px;padding:11px;text-align:left;cursor:pointer}.g2-tools button:disabled{opacity:.35}.g2-tools small{text-align:right}.g2-feedback{display:grid;grid-template-columns:.65fr 1fr;align-items:center;max-width:900px;margin:70px auto}.g2-feedback img{max-height:470px}.g2-feedback span{font-weight:900;color:#24a064;text-transform:uppercase}.g2-feedback span.bad{color:#d73f57}.g2-feedback h2{font-size:45px;margin:10px 0}.g2-feedback p{font-size:18px;line-height:1.7;color:var(--muted)}.g2-gain{font-size:23px;font-weight:900;color:#ef8a00;margin:20px 0}.g2-result{display:grid;grid-template-columns:.7fr 1fr;gap:35px;align-items:center}.g2-result h1{font-size:46px}.g2-score-ring{width:210px;height:210px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#fff 57%,transparent 58%),conic-gradient(var(--blue) 75%,#e1edf6 0);box-shadow:0 15px 40px #174d7625}.g2-score-ring strong{font-size:45px}.g2-score-ring span{color:var(--muted)}.g2-report{background:#f7fbfe;border:1px solid #dceaf4;border-radius:25px;padding:25px}.g2-report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.g2-report-grid div{background:#fff;border-radius:13px;padding:12px;text-align:center}.g2-report-grid strong{display:block;font-size:22px}.g2-earned{display:flex;flex-wrap:wrap;gap:9px}.g2-badge-earned{background:#fff3c7;border:1px solid #f2ce58;border-radius:13px;padding:9px 12px;font-weight:800}.g2-actions{margin-top:20px}dialog{border:0;border-radius:22px;max-width:600px;padding:30px;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#082b4caa}dialog button{float:right;border:0;background:#edf5fb;border-radius:10px;padding:8px}dialog li{margin:12px 0;line-height:1.5}@media(max-width:900px){.g2-screen{padding:22px;min-height:calc(100vh - 95px)}.g2-screen[data-screen=home].active{grid-template-columns:1fr;background:#fff}.g2-hero-mascot{max-height:300px}.g2-missions{grid-template-columns:1fr 1fr}.g2-difficulties{grid-template-columns:1fr}.g2-play-grid{grid-template-columns:1fr}.g2-aside{display:flex;align-items:center;gap:10px}.g2-aside>img{height:150px}.g2-tools{flex:1}.g2-hud{grid-template-columns:1fr 75px 75px}.g2-hearts,.g2-clock{grid-row:2}.g2-brief,.g2-feedback,.g2-result{grid-template-columns:1fr;height:auto}.g2-brief img{max-height:260px}.g2-report-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.g2-wrap{width:100%;padding:0}.g2-bar{top:0;border-radius:0;height:58px}.g2-bar strong span,.g2-bar nav span{display:none}.g2-screen{border-radius:0;border-left:0;border-right:0;padding:18px}.g2-home-copy{padding:0}.g2-home-copy h1{font-size:39px}.g2-profile{gap:6px}.g2-profile div{min-width:30%;padding:9px}.g2-missions{grid-template-columns:1fr}.g2-mission{min-height:auto}.g2-options{grid-template-columns:1fr}.g2-question{padding:19px}.g2-question h2{font-size:23px}.g2-aside{display:block}.g2-aside>img{height:120px}.g2-tools{grid-template-columns:repeat(3,1fr)}.g2-tools button{display:block;text-align:center;font-size:11px}.g2-tools button i,.g2-tools button small{display:block;text-align:center}.g2-feedback{margin:15px auto}.g2-feedback img{max-height:230px}.g2-feedback h2{font-size:34px}.g2-result h1{font-size:35px}.g2-score-ring{width:160px;height:160px;margin:auto}.g2-bar>a{padding:8px}.g2-ghost{margin-left:0;margin-top:8px}}


/* Tahap 2B — Audio, animation and game feel */
.g2-audio-controls{display:flex;gap:8px}.g2-audio-controls button.off{opacity:.48;background:rgba(255,255,255,.06)}
.g2-countdown{position:fixed;inset:0;z-index:99999;display:none;place-items:center;align-content:center;background:rgba(7,28,54,.82);backdrop-filter:blur(10px);color:#fff}.g2-countdown.show{display:grid}.g2-countdown span{font-size:clamp(5rem,18vw,11rem);font-weight:900;line-height:.9;text-shadow:0 18px 45px rgba(0,0,0,.3)}.g2-countdown small{margin-top:18px;font-size:1.1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.g2-countdown.pulse span{animation:g2CountPulse .7s ease}
@keyframes g2CountPulse{0%{transform:scale(.55);opacity:.2}55%{transform:scale(1.16);opacity:1}100%{transform:scale(1)}}
.g2-toast{position:fixed;left:50%;bottom:28px;z-index:99998;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#092f56;color:#fff;padding:11px 18px;border-radius:999px;font-weight:800;box-shadow:0 14px 38px rgba(0,0,0,.24);transition:.25s ease}.g2-toast.show{opacity:1;transform:translate(-50%,0)}
.g2-confetti{position:fixed;inset:0;z-index:99997;overflow:hidden;pointer-events:none;display:none}.g2-confetti.show{display:block}.g2-confetti i{position:absolute;left:var(--x);top:-8%;width:10px;height:20px;border-radius:3px;background:hsl(calc(var(--x) * 3.6),85%,58%);animation:g2Confetti var(--d) cubic-bezier(.2,.7,.2,1) var(--delay) forwards}
@keyframes g2Confetti{to{transform:translateY(115vh) rotate(var(--r));opacity:.85}}
.g2-stat.combo strong{transition:transform .2s ease}.g2-stat.combo:hover strong{transform:scale(1.08)}
.g2-option.selected{animation:g2Select .2s ease}@keyframes g2Select{50%{transform:scale(1.015)}}
.g2-feedback img{animation:g2MascotPop .5s cubic-bezier(.2,.9,.2,1.2)}@keyframes g2MascotPop{from{transform:scale(.7) rotate(-4deg);opacity:.2}to{transform:scale(1);opacity:1}}
.g2-clock.low{animation:g2Danger .7s infinite alternate}@keyframes g2Danger{to{transform:scale(1.08);filter:drop-shadow(0 0 9px rgba(220,38,38,.45))}}
@media (prefers-reduced-motion:reduce){.g2-countdown.pulse span,.g2-confetti i,.g2-feedback img,.g2-clock.low,.g2-option.selected{animation:none!important}}