:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{margin:0;height:100%;overflow:hidden;background:#1b1f3b;color:#fff;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#layar{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui button,#ui select{pointer-events:auto;font:inherit;color:inherit;border:0;border-radius:12px;background:#343a6e;padding:.7em 1.1em;cursor:pointer}#ui button:focus-visible,#ui select:focus-visible{outline:3px solid #ffd43b;outline-offset:2px}#ui button:disabled{opacity:.45;cursor:default}#ui .hud{position:absolute;top:max(10px,env(safe-area-inset-top));width:44px;height:44px;padding:0;font-size:22px;line-height:44px;background:#ffffff1a}#ui .hud.kiri{left:12px}#ui .hud.kanan{right:12px}.layar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#080a1c9e;pointer-events:auto;animation:muncul .16s ease-out}.kartu{display:flex;flex-direction:column;gap:10px;width:min(86vw,360px);box-sizing:border-box;max-height:86vh;overflow-y:auto;padding:22px;border-radius:18px;background:#262b52;box-shadow:0 12px 40px #00000073;text-align:center}.kartu h2{margin:0 0 4px;font-size:1.4rem}.kartu h3{margin:8px 0 0;font-size:1rem;opacity:.8}.kartu p{margin:0}.skor-besar{font-size:3rem;font-weight:800}.sorot{color:#ffd43b;font-weight:700}.hitung{opacity:.8}#ui .utama{background:#69db7c;color:#10301a;font-weight:800;font-size:1.1rem}#ui .sakelar[aria-pressed=true],#ui .skin button[aria-pressed=true]{background:#4dabf7;color:#0b2033}.skin{display:grid;grid-template-columns:1fr 1fr;gap:8px}#ui .skin button{font-size:.85rem;padding:.6em}.baris{display:flex;align-items:center;justify-content:space-between;gap:8px}.achievement{list-style:none;margin:0;padding:0;text-align:left}.achievement li{padding:6px 0;opacity:.55}.achievement li.dapat{opacity:1;color:#ffd43b}@keyframes muncul{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.layar{animation:none}}