[data-v-50f63087]:root{--primary:#00a13a}.joystick-container[data-v-50f63087]{width:100%;aspect-ratio:1}.joystick[data-v-50f63087]{width:100%;height:100%;background-color:#dbdbdb;border-radius:50%;position:relative;box-shadow:inset 0 3px 16px 0 rgba(0,0,0,.122)}.joystick .joystick-center[data-v-50f63087]{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;z-index:9;border-radius:50%;width:75%;height:75%;box-shadow:0 3px 16px 0 rgba(0,0,0,.122)}.joystick .debugger[data-v-50f63087]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:monospace}.joystick-ball[data-v-50f63087]{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;z-index:9;border-radius:50%;width:var(--size);height:var(--size);box-shadow:inset 0 0 6px 5px hsla(0,0%,4%,.2);transform:rotate(var(--angle)) translateY(var(--offcenter))}.not-circular[data-v-50f63087]:after{width:25%;height:25%;background:#121212;z-index:8}.not-circular .joystick-ball[data-v-50f63087]:after,.not-circular[data-v-50f63087]:after{content:"";display:block;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.not-circular .joystick-ball[data-v-50f63087]:after{width:40%;height:40%;background:var(--centerColor);filter:blur(8px)}.joystick-stick[data-v-50f63087]{display:block;width:16%;height:var(--speed);position:absolute;left:42%;top:50%;background:#121212;transform:rotate(var(--angle));transform-origin:top center}.jButtons[data-v-50f63087]{display:flex;justify-content:center;gap:1em;margin-top:3em}.jButtons .button[data-v-50f63087]{width:70px;height:70px;border-radius:50%;border:0;background-color:var(--userColor);cursor:pointer;box-shadow:inset 0 0 6px 5px hsla(0,0%,4%,.2);color:#fff;font-weight:700;font-size:18px;transition:alñ .1s}.jButtons .button[data-v-50f63087]:active{font-size:16px;box-shadow:inset 0 0 6px 5px hsla(0,0%,4%,.4)}[data-v-70db23b7]:root{--primary:#00a13a}.gyroAccess .tutorial[data-v-70db23b7]{display:flex;flex-direction:column;align-items:center;gap:2em;height:100%;overflow-y:auto;z-index:0}.gyroAccess[data-v-70db23b7]{align-items:center;height:100%}.arrows[data-v-70db23b7]{outline:solid;width:100%;height:100%;display:flex}.arrows>div[data-v-70db23b7]{flex:1;display:flex;justify-content:center}.arrows .arrow[data-v-70db23b7]{transition:all 50ms}.arrows .arrow img[data-v-70db23b7]{width:50%;max-width:200px}.arrows .arrow.right[data-v-70db23b7]{background-color:hsla(0,0%,4%,.15)}.arrows .arrow.left.active[data-v-70db23b7],.arrows .arrow.right.active[data-v-70db23b7]{background-color:#00a13a}.debugger[data-v-70db23b7]{width:100%;color:#3e8ed0;border-top:1px solid #3e8ed0}[data-v-80c603d2]:root{--primary:#00a13a}.touchpad-wrapper[data-v-80c603d2]{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.touchpad-wrapper .touchpad-container[data-v-80c603d2]{flex-grow:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:7%;position:relative;z-index:1}.touchpad-wrapper .cta[data-v-80c603d2]{position:relative;z-index:1;color:#fff;background-color:hsla(0,0%,100%,.2)}.touchpad-wrapper[data-v-80c603d2]:after{content:"";width:100%;height:100%;position:absolute;z-index:0;top:0;left:0;background-color:var(--userColor);transition:filter .1s;filter:brightness(.4) saturate(.8)}.touchpad-wrapper.touched[data-v-80c603d2]:after{filter:brightness(1) saturate(1)}.touchpad[data-v-80c603d2]{width:100%;height:auto;aspect-ratio:1;background-color:#dbdbdb;box-shadow:inset 0 3px 16px 0 rgba(0,0,0,.122);position:relative}.touchpad .touch[data-v-80c603d2]{position:absolute;z-index:9;border-radius:50%;width:var(--size);height:var(--size);box-shadow:inset 0 0 6px 5px hsla(0,0%,4%,.1);pointer-events:none}.touchpad.square-shape .touch[data-v-80c603d2]{left:50%;top:50%;transform:translate(calc(var(--x) - 50%),calc(var(--y) - 50%))}.touchpad.circle-shape[data-v-80c603d2]{border-radius:50%}.touchpad.circle-shape img[data-v-80c603d2]{position:absolute;width:100%;height:100%;pointer-events:none}.touchpad.circle-shape .touch[data-v-80c603d2]{margin:auto;left:0;right:0;top:0;bottom:0;transform:rotate(var(--angle)) translateY(var(--offcenter))}.jButtons[data-v-80c603d2]{display:flex;justify-content:center;gap:1em;margin-top:3em}.jButtons .button[data-v-80c603d2]{width:70px;height:70px;border-radius:50%;border:0;background-color:var(--userColor);cursor:pointer;box-shadow:inset 0 0 6px 5px hsla(0,0%,4%,.1);color:#fff;font-weight:700;font-size:18px;transition:alñ .1s}.jButtons .button[data-v-80c603d2]:active{font-size:16px;box-shadow:inset 0 0 6px 5px hsla(0,0%,4%,.2)}[data-v-5f705c29]:root{--primary:#00a13a}section[data-v-5f705c29]{height:100%}.playing[data-v-5f705c29]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-size:cover}.playing .joystick-wrapper[data-v-5f705c29]{width:86vw;padding:11%;background-size:contain;background-repeat:no-repeat}.playing .left-right-wrapper[data-v-5f705c29]{background-color:#dbdbdb;position:relative;width:100%;height:100%}.playing .gyro-wrapper[data-v-5f705c29]{width:100%;height:100%}.playing .gyro-wrapper .requestGyro[data-v-5f705c29]{gap:2em}.playing .gyro-wrapper .tutorial[data-v-5f705c29]{width:360px;max-width:61vw;margin:auto}.playing .gyro-wrapper .img-tuto[data-v-5f705c29]{--arrow-x:#00ee56;--arrow-y:#08ff61;--arrow-z:#00d44c;width:230px}.auto-height[data-v-5f705c29]{height:auto!important}.tutorial img[data-v-5f705c29]{height:250px}.waiting[data-v-5f705c29]{height:100%}.waiting .top[data-v-5f705c29]{height:100%;line-height:1}.waiting .bottom[data-v-5f705c29]{background-color:#b5edc9;color:#242424;height:93px}.match-finished[data-v-5f705c29]{background-size:cover;display:flex;flex-direction:column;gap:3em}.match-finished .top-section[data-v-5f705c29]{flex-grow:1;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:flex-start}.match-finished .final-image[data-v-5f705c29]{height:7rem}.match-finished svg[data-v-5f705c29]{height:4rem}.match-finished .lose[data-v-5f705c29]{fill:#c50f46}.match-finished .tied[data-v-5f705c29]{fill:#ebb003}.hasBackground .match-finished[data-v-5f705c29]{color:#f5f5f5}.hasBackground .match-finished .win[data-v-5f705c29]{fill:#f5f5f5}.hasNotBackground .match-finished[data-v-5f705c29]{color:#242424}.hasNotBackground .match-finished .win[data-v-5f705c29]{fill:#008532}