:root{--geeko-green:#73ba25;--geeko-green-dark:#5a9420;--bg:#0f1511;--bg-elevated:#161f18;--card:#1c2a20;--border:#2d3d31;--text:#eef5ee;--text-dim:#9fb3a4;--danger:#e5484d;--warning:#fdd835;--info:#1e88e5;--radius:14px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}button{font-family:inherit}.app-shell{flex-direction:column;min-height:100%;display:flex}.brand{color:var(--geeko-green);align-items:center;gap:.5rem;font-weight:700;display:flex}.brand .dot{background:var(--geeko-green);width:10px;height:10px;box-shadow:0 0 12px var(--geeko-green);border-radius:50%}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.btn{cursor:pointer;background:var(--geeko-green);color:#06260a;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.2rem;font-size:1rem;font-weight:700;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--danger);color:#fff}.btn.block{width:100%}input,select{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);border-radius:10px;padding:.85rem 1rem;font-size:1rem}input:focus,select:focus{outline:2px solid var(--geeko-green)}.color-swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:42px;height:42px}.color-swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--geeko-green)}.option-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.option-btn{border-radius:var(--radius);color:#fff;cursor:pointer;border:none;padding:1.2rem .75rem;font-size:1.05rem;font-weight:700}.option-btn:disabled{opacity:.55}.option-btn.A{background:#e53935}.option-btn.B{background:#1e88e5}.option-btn.C{color:#241c00;background:#fdd835}.option-btn.D{background:#8e24aa}.option-btn.color-merah{background:#e53935}.option-btn.color-hijau{background:var(--geeko-green)}.option-btn.color-biru{background:#1e88e5}.option-btn.color-kuning{color:#241c00;background:#fdd835}.pill{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:.25rem .75rem;font-size:.8rem;display:inline-block}.pill.live{color:var(--geeko-green);border-color:var(--geeko-green)}.center-col{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}.timer-bar-track{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;width:100%;height:10px;overflow:hidden}.timer-bar-fill{background:var(--geeko-green);height:100%;transition:width .1s linear}@keyframes fall{to{opacity:0;transform:translateY(40px)rotate(12deg)}}@keyframes safe-pulse{0%,to{box-shadow:0 0 #73ba2599}50%{box-shadow:0 0 0 10px #73ba2500}}.gecko-anim-fall{animation:.6s forwards fall}.gecko-anim-safe{animation:.8s safe-pulse}