[data-v-7ec90cf6]:root{--primary:#00a13a}section[data-v-7ec90cf6]{height:100%}.scrollDisabled[data-v-7ec90cf6]{overflow-y:hidden}.playing[data-v-7ec90cf6]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-size:cover}.playing .joystick-wrapper[data-v-7ec90cf6]{width:86vw;padding:11%;background-size:contain;background-repeat:no-repeat}.playing .left-right-wrapper[data-v-7ec90cf6]{background-color:#dbdbdb;position:relative;width:100%;height:100%}.playing .gyro-wrapper[data-v-7ec90cf6]{width:100%;height:100%}.playing .gyro-wrapper .requestGyro[data-v-7ec90cf6]{gap:2em}.playing .gyro-wrapper .tutorial[data-v-7ec90cf6]{width:360px;max-width:61vw;margin:auto}.playing .gyro-wrapper .img-tuto[data-v-7ec90cf6]{--arrow-x:#00ee56;--arrow-y:#08ff61;--arrow-z:#00d44c;width:230px}.auto-height[data-v-7ec90cf6]{height:auto!important}.tutorial img[data-v-7ec90cf6]{height:250px}.waiting[data-v-7ec90cf6]{height:100%}.waiting .top[data-v-7ec90cf6]{height:100%;line-height:1}.waiting .bottom[data-v-7ec90cf6]{background-color:#b5edc9;color:#242424;height:93px}.match-finished[data-v-7ec90cf6]{background-size:cover;display:flex;flex-direction:column;gap:3em}.match-finished .top-section[data-v-7ec90cf6]{flex-grow:1;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:flex-start}.match-finished .final-image[data-v-7ec90cf6]{height:7rem}.match-finished svg[data-v-7ec90cf6]{height:4rem}.match-finished .lose[data-v-7ec90cf6]{fill:#c50f46}.match-finished .tied[data-v-7ec90cf6]{fill:#ebb003}.hasBackground .match-finished[data-v-7ec90cf6]{color:#f5f5f5}.hasBackground .match-finished .win[data-v-7ec90cf6]{fill:#f5f5f5}.hasNotBackground .match-finished[data-v-7ec90cf6]{color:#242424}.hasNotBackground .match-finished .win[data-v-7ec90cf6]{fill:#008532}