:root{--bg-luar: #05070f;--warna-aksen: #ffcc33;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg-luar);color:#e8ecf8;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 35%,#10182c,#05070f 70%)}#game{position:absolute;inset:0}#game canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}#touch-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.tc{position:absolute;bottom:calc(25% + var(--safe-bottom));pointer-events:auto;display:flex;align-items:flex-end;gap:12px}.tc-kiri{left:calc(14px + var(--safe-left))}.tc-kanan{right:calc(14px + var(--safe-right));flex-direction:row}.tc-btn{--ukuran: 62px;position:relative;width:var(--ukuran);height:var(--ukuran);border-radius:14px;border:2px solid rgba(255,255,255,.28);background:#141c3480;backdrop-filter:blur(3px);display:grid;place-items:center;font-size:calc(var(--ukuran) * .46);line-height:1;color:#ffffffe6;box-shadow:0 4px #00000059;transition:transform .05s ease,background .08s ease}.tc-btn.lompat{--ukuran: 74px;width:var(--ukuran);height:var(--ukuran);border-radius:50%;background:#dc3c3c73;border-color:#ffc8788c;font-size:calc(var(--ukuran) * .34);padding-bottom:8px}.tc-btn.lompat:after{content:"LOMPAT";position:absolute;bottom:11px;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:.5px;color:#ffffffbf;pointer-events:none}.tc-btn.aktif{transform:translateY(3px);background:#ffdc7866;box-shadow:0 1px #00000059}body[data-tombol=kecil] .tc-btn{--ukuran: 48px}body[data-tombol=kecil] .tc-btn.lompat{--ukuran: 58px}body[data-tombol=sedang] .tc-btn{--ukuran: 62px;position:relative}body[data-tombol=sedang] .tc-btn.lompat{--ukuran: 74px}body[data-tombol=besar] .tc-btn{--ukuran: 78px}body[data-tombol=besar] .tc-btn.lompat{--ukuran: 92px}body[data-input=keyboard] .tc{display:none}#rotate-hint{position:fixed;inset:0;z-index:40;display:none;place-items:center;text-align:center;padding:32px;font-size:15px;line-height:1.6;background:#05070f;color:#cfd8f0}@media(orientation:portrait)and (max-width:820px){#rotate-hint{display:grid}}noscript{position:fixed;inset:0;display:grid;place-items:center;background:#05070f;z-index:99}