:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--biru: #4062b0;--biru-tua: #2c4690;--navy: #16204a;--panel: #3f5fc4;--panel-tepi: #2a3f8e;--hijau: #4fd04a;--hijau-tua: #23912d;--emas: #ffd23a}html,body{margin:0;height:100%;overflow:hidden;background:linear-gradient(var(--biru),var(--biru-tua));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}#banner{position:fixed;left:0;right:0;bottom:0;height:0;display:flex;justify-content:center;overflow:hidden}#ui{position:fixed;inset:0;pointer-events:none;font-weight:800}#ui button,#ui select{pointer-events:auto;font:inherit;color:#fff;border:0;border-radius:14px;background:linear-gradient(#6d8cf0,#4c6cdc);box-shadow:inset 0 2px #ffffff59,0 4px #2a3f8e;padding:.7em 1.1em;cursor:pointer;text-shadow:0 2px 0 rgba(16,24,64,.45);transition:transform 80ms}#ui button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #ffffff59,0 1px #2a3f8e}#ui button:focus-visible,#ui select:focus-visible{outline:3px solid #fff;outline-offset:3px}#ui button:disabled{opacity:.5;cursor:default}#ui .utama{background:linear-gradient(#86ec5c,var(--hijau) 55%,#33b63a);box-shadow:inset 0 2px #ffffff73,0 5px 0 var(--hijau-tua);font-size:1.15rem}#ui .jingga{background:linear-gradient(#ffc25a,#ff9a1f 55%,#f07a0c);box-shadow:inset 0 2px #ffffff73,0 5px #b4520a}#ui .besar{font-size:1.35rem;padding:.75em 1em}#ui .raksasa{font-size:1.7rem;padding:.7em 1em;border-radius:20px}#ui button.teks{background:none;box-shadow:none;opacity:.85;font-size:1rem;text-decoration:underline;text-underline-offset:3px}.isi{display:inline-flex;align-items:center;justify-content:center;gap:.45em}.isi.kolom{flex-direction:column;gap:2px}.ikon{display:inline-flex;line-height:0}.ikon svg{width:1.2em;height:1.2em;filter:drop-shadow(0 2px 0 rgba(16,24,64,.35))}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#ui .hud{position:absolute;top:max(10px,env(safe-area-inset-top));width:44px;height:44px;padding:0;font-size:22px;line-height:44px;border-radius:12px}#ui .hud.kiri{left:12px}#ui .hud.kanan{right:12px}#ui .hud.lebar{width:auto;padding:0 14px;font-size:1rem}.layar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a102c99;pointer-events:auto;animation:muncul .16s ease-out}.kartu{position:relative;display:flex;flex-direction:column;gap:12px;width:min(88vw,360px);box-sizing:border-box;max-height:88vh;overflow-y:auto;padding:18px 20px 22px;border-radius:22px;background:linear-gradient(#5677da,var(--panel) 30%,#3653b4);border:3px solid var(--panel-tepi);box-shadow:inset 0 3px #ffffff40,0 8px 0 var(--panel-tepi),0 18px 40px #00000073;text-align:center;animation:pantul .32s cubic-bezier(.34,1.56,.64,1)}.kartu h2{margin:0 0 4px;font-size:1.7rem;font-weight:900;letter-spacing:.01em;text-shadow:0 3px 0 var(--navy)}.kartu h3{margin:8px 0 0;font-size:1rem;opacity:.9}.kartu p{margin:0}.label{font-size:1rem;opacity:.85;text-transform:uppercase;letter-spacing:.08em}.kecil{font-size:.85rem;font-weight:600;opacity:.8}.skor-besar{font-size:3.4rem;font-weight:900;line-height:1;text-shadow:0 4px 0 var(--navy)}.rekor-baris{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.5rem;font-weight:900;color:var(--emas);text-shadow:0 2px 0 var(--navy)}.rekor-baris .ikon svg{width:1.4em;height:1.4em}.pita-rekor{align-self:center;padding:4px 18px;border-radius:8px;background:linear-gradient(#ff7a9c,#e8256b);box-shadow:0 3px #9c1446;font-weight:900;text-transform:uppercase;animation:denyut .9s ease-in-out infinite alternate}.sorot{color:var(--emas);font-weight:800}#ui .tutup-x{position:absolute;top:10px;right:10px;width:38px;height:38px;padding:0;font-size:1.6rem;line-height:38px;border-radius:50%;background:linear-gradient(#ff7a6b,#e8453a);box-shadow:inset 0 2px #ffffff59,0 3px #9c2a22}.cincin{position:relative;width:104px;height:104px;align-self:center}.cincin svg{width:100%;height:100%;transform:rotate(-90deg)}.cincin circle{fill:none;stroke-width:9}.cincin .jalur{stroke:#0e143473}.cincin .sisa{stroke:var(--emas);stroke-linecap:round;stroke-dasharray:276.46;animation:habis var(--detik, 6s) linear forwards}.cincin.jeda .sisa{animation-play-state:paused}.cincin .angka{position:absolute;inset:0;display:grid;place-items:center;font-size:2.6rem;font-weight:900;text-shadow:0 3px 0 var(--navy)}.revive .ikon-putar svg{width:1.5em;height:1.5em}.layar.penuh{background:linear-gradient(var(--biru),var(--biru-tua))}.layar.penuh .kartu{width:min(100vw,480px);max-height:100%;height:100%;justify-content:center;background:none;border:0;box-shadow:none;border-radius:0;animation:none}.menu .kartu{gap:22px;padding:24px 32px}.logo{display:flex;flex-direction:column;align-items:center;line-height:.92;font-size:3.6rem;font-weight:900;letter-spacing:-.01em;text-shadow:none}.logo span{-webkit-text-stroke:10px var(--navy);paint-order:stroke fill;filter:drop-shadow(0 6px 0 var(--navy))}.logo-super{color:var(--emas);font-size:.7em}.logo-block{color:#4fd8f0}.menu .rekor-baris{margin-bottom:12px}.peta .kartu{justify-content:flex-start;padding:max(16px,env(safe-area-inset-top)) 16px 0;gap:8px;overflow:hidden}.peta .kartu h2{flex:none;line-height:44px;margin-top:max(0px,calc(10px - env(safe-area-inset-top)));padding-bottom:6px;border-bottom:2px solid rgba(255,255,255,.18)}.gulir{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 4px 24px;scroll-padding-top:10px;display:flex;flex-direction:column;gap:18px}.dunia{padding:12px 12px 16px;border-radius:18px;background:linear-gradient(#ffffff24,#ffffff0d);border:2px solid rgba(255,255,255,.18)}.dunia h3{margin:0 0 10px;font-size:1.15rem;text-shadow:0 2px 0 var(--navy)}.dunia-1{background-color:#52c84a47}.dunia-2{background-color:#33c6e047}.dunia-3{background-color:#f6c93347}.dunia-4{background-color:#c8e6ff47}.dunia-5{background-color:#9a54de52}.grid-level{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}#ui .lv{aspect-ratio:1;padding:0;font-size:1.15rem;border-radius:12px}#ui .lv span{display:inline-flex;flex-direction:column;align-items:center;line-height:1}#ui .lv .ikon svg{width:.9em;height:.9em}#ui .lv.selesai{background:linear-gradient(#ffd96a,#f7b500);box-shadow:inset 0 2px #ffffff73,0 4px #a86e00}#ui .lv.kini{background:linear-gradient(#86ec5c,var(--hijau) 55%,#33b63a);box-shadow:inset 0 2px #ffffff73,0 4px 0 var(--hijau-tua),0 0 0 3px #fff;animation:denyut .8s ease-in-out infinite alternate}#ui .lv.kunci{background:#0e143473;box-shadow:inset 0 2px #00000040;color:#ffffff73;opacity:1}.bintang-tiga{display:flex;justify-content:center;gap:4px;font-size:2.6rem}.bintang-tiga .ikon:nth-child(2){transform:translateY(-12px) scale(1.2)}.kalah h2{color:#ffb3b3}.langganan .kartu{padding-top:26px}.paket{display:grid;gap:10px}#ui .sakelar[aria-pressed=true],#ui .skin button[aria-pressed=true]{background:linear-gradient(#86ec5c,var(--hijau) 55%,#33b63a);box-shadow:inset 0 2px #ffffff73,0 4px 0 var(--hijau-tua)}#ui .sakelar[aria-pressed=false]{background:#0e143466;box-shadow:inset 0 2px #00000040}.skin{display:grid;grid-template-columns:1fr 1fr;gap:10px}#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:var(--emas)}@keyframes muncul{0%{opacity:0}}@keyframes pantul{0%{transform:scale(.7);opacity:0}}@keyframes denyut{to{transform:scale(1.06)}}@keyframes habis{to{stroke-dashoffset:276.46}}@media(prefers-reduced-motion:reduce){.layar,.kartu,.pita-rekor,#ui .lv.kini{animation:none}}