.controls{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:system-ui,sans-serif;position:fixed;inset:0}.controls__track{bottom:max(24px, env(safe-area-inset-bottom));position:absolute}.controls__track--left{left:max(16px, env(safe-area-inset-left))}.controls__track--right{right:max(16px, env(safe-area-inset-right))}.controls__center{left:50%;bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.controls__arm{gap:4px;display:flex}.lever{pointer-events:auto;touch-action:none;cursor:grab;flex-direction:column;align-items:center;gap:8px;display:flex}.lever--active{cursor:grabbing}.lever__slot{background:var(--lever-slot,#fff8);border-radius:999px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 3px 8px #00000040}.lever--vertical .lever__slot{width:44px;height:250px;margin-inline:30px}.lever--horizontal .lever__slot{width:300px;height:44px;margin-block:30px}.lever__knob{background:radial-gradient(circle at 35% 30%, #fff6, transparent 45%), var(--lever-color);border:5px solid #fff;border-radius:50%;flex:none;width:96px;height:96px;transition:transform .15s ease-out;box-shadow:0 6px 14px #0005}.lever--active .lever__knob{transition:none;scale:1.08}.lever__label{color:#fff;text-shadow:0 1px 3px #000;font-size:18px;font-weight:600}.drive-stick{pointer-events:auto;touch-action:none;cursor:grab;flex-direction:column;align-items:center;gap:8px;display:flex}.drive-stick__pad{background:var(--lever-slot,#fff8);border-radius:50%;justify-content:center;align-items:center;width:190px;height:190px;display:flex;box-shadow:inset 0 3px 8px #00000040}.controls__buttons{flex-direction:column;gap:14px;display:flex}.action{pointer-events:auto;touch-action:none;flex-direction:column;align-items:center;gap:6px;display:flex}.action__button{background:radial-gradient(circle at 35% 30%, #fff5, transparent 50%), var(--lever-color);cursor:pointer;border:6px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:132px;height:132px;transition:transform 80ms ease-out,opacity .2s;display:flex;box-shadow:0 8px 18px #0005}.action__button svg{filter:drop-shadow(0 2px 2px #00000040);width:62%;height:62%}.action__button--pressed{transform:scale(.92)}.goal{top:max(14px, env(safe-area-inset-top));z-index:10;pointer-events:none;background:#fffc;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.goal[hidden]{display:none}.goal__icon{display:flex}.goal svg{width:52px;height:32px}.goal__bar{background:#0002;border-radius:999px;width:200px;height:22px;overflow:hidden}.goal__fill{background:linear-gradient(#5fd37f,#2fa856);border-radius:999px;width:0;height:100%;transition:width .3s ease-out}.goal-done{z-index:25;background:#0005;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0;overflow:hidden}.goal-done[hidden]{display:none}.goal-done__star svg{fill:#fc0;stroke:#c98f00;stroke-width:.6px;filter:drop-shadow(0 8px 20px #0006);width:220px;height:220px;animation:.8s cubic-bezier(.2,1.6,.4,1) both goal-pop}.goal-done__buttons{gap:28px;display:flex}.goal-done__button{color:#fff;cursor:pointer;background:#2f8fff;border:6px solid #fff;border-radius:50%;width:110px;height:110px;font-size:54px;line-height:1;box-shadow:0 8px 18px #0005}.goal-done__button--next{background:#35c46a}.goal-done__confetti span{border-radius:3px;width:12px;height:18px;animation:2.4s linear infinite goal-confetti;position:absolute;top:-20px}@keyframes goal-pop{0%{transform:scale(0)rotate(-40deg)}to{transform:scale(1)rotate(0)}}@keyframes goal-confetti{to{transform:translateY(110vh)rotate(720deg)}}.settings{font-family:system-ui,sans-serif}.settings__gear{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:20;color:#fff;touch-action:none;cursor:pointer;background:#0003;border:none;border-radius:50%;width:58px;height:58px;padding:12px;position:fixed}.settings__gear svg{width:100%;height:100%}.settings__ring{pointer-events:none;position:absolute;inset:0;transform:rotate(-90deg)}.settings__ring circle{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-dasharray:170;stroke-dashoffset:170px;transition:stroke-dashoffset .15s ease-out}.settings__gear--holding .settings__ring circle{stroke-dashoffset:0;transition:stroke-dashoffset .9s linear}.settings__backdrop{z-index:30;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.settings__backdrop[hidden]{display:none}.settings__panel{color:#222;background:#fff;border-radius:20px;width:min(460px,100%);max-height:100%;padding:24px;overflow:auto;box-shadow:0 12px 40px #0005}.settings__panel h2{margin:0 0 16px;font-size:24px}.settings__panel h3{color:#666;margin:0 0 10px;font-size:16px}.settings__choices+h3{margin-top:20px}.settings__choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings__choice{font:inherit;color:inherit;cursor:pointer;background:#fafafa;border:3px solid #e2e2e2;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:14px;font-size:18px;font-weight:600;display:flex}.settings__choice--selected{background:#eef6ff;border-color:#2f8fff}.settings__swatches{gap:4px;display:flex}.settings__swatches span{border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 1px #0002}.settings__actions{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.settings__button{font:inherit;color:inherit;cursor:pointer;background:#eee;border:none;border-radius:12px;flex:1;padding:14px;font-size:17px;font-weight:600}.settings__button--danger{color:#fff;background:#e5322d}.settings__button--primary{color:#fff;background:#2f8fff}.stars{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));z-index:10;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0003;border-radius:999px;align-items:center;gap:6px;padding:6px 16px 6px 8px;font:700 28px system-ui,sans-serif;display:flex;position:fixed}.stars svg{fill:#fc0;stroke:#c98f00;stroke-width:1px;width:40px;height:40px}.stars__flying{z-index:15;pointer-events:none;width:160px;height:160px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.stars__flying svg{fill:#fc0;stroke:#c98f00;stroke-width:.8px;filter:drop-shadow(0 4px 10px #0005);width:100%;height:100%}