html{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;font-size:10px;line-height:1.5}html body,html div,html span,html iframe,html h1,html h2,html h3,html h4,html h5,html h6,html p,html blockquote,html pre,html a,html abbr,html acronym,html address,html big,html cite,html code,html del,html dfn,html em,html img,html ins,html kbd,html q,html s,html samp,html small,html strike,html strong,html sub,html sup,html tt,html var,html b,html u,html i,html center,html dl,html dt,html dd,html ol,html ul,html li,html fieldset,html form,html label,html legend,html table,html caption,html tbody,html tfoot,html thead,html tr,html th,html td,html article,html aside,html canvas,html details,html embed,html figure,html figcaption,html footer,html header,html hgroup,html menu,html nav,html output,html ruby,html section,html summary,html time,html mark,html audio,html video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;font-weight:inherit;touch-action:manipulation}html body{display:block;-webkit-text-size-adjust:100%}html *,html *:before,html *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html ul,html ol{list-style:none}html article,html aside,html details,html figcaption,html figure,html footer,html header,html hgroup,html menu,html nav,html section{display:block}html img,html video,html svg{max-width:100%;display:block}html a{color:inherit;text-decoration:inherit;touch-action:pan-x pan-y}html button *,html a *{pointer-events:none;touch-action:pan-x pan-y}html button,html input,html textarea,html select{margin:0;padding:0;color:inherit;background:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;outline:none}html button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;touch-action:pan-x pan-y}html textarea{overflow:auto;vertical-align:top;resize:vertical}:root{--base-text-w: 5.8667vw;--base-text-h: 3.2164vh;--base-text: min(var(--base-text-w), var(--base-text-h))}@media(min-width:375px)and (max-width:767px){:root{--base-text-w: calc(7.1247vw - 4.7176px) }}@media(min-width:768px)and (max-width:1439px){:root{--base-text-w: calc(1.4881vw + 38.5714px) }}@media(min-width:1440px)and (max-width:1899px){:root{--base-text-w: calc(2.1739vw + 28.6957px) }}@media(min-width:1900px){:root{--base-text-w: 3.6842vw}}@media(min-height:684px)and (max-height:1199px){:root{--base-text-h: calc(9.3023vh - 41.6279px) }}@media(min-height:1200px){:root{--base-text-h: 5.8333vh}}:root{--title-text-w: 13.3333vw;--title-text-h: 7.3099vh;--title-text: min(var(--title-text-w), var(--title-text-h))}@media(min-width:375px)and (max-width:1919px){:root{--title-text-w: calc(3.4951vw + 36.8932px) }}@media(min-width:1920px){:root{--title-text-w: 5.4167vw}}@media(min-height:684px)and (max-height:1199px){:root{--title-text-h: calc(10.4651vh - 21.5814px) }}@media(min-height:1200px){:root{--title-text-h: 8.6667vh}}:root{--subtitle-text-w: 8vw;--subtitle-text-h: 4.386vh;--subtitle-text: min(var(--subtitle-text-w), var(--subtitle-text-h))}@media(min-width:375px)and (max-width:1919px){:root{--subtitle-text-w: calc(1.9417vw + 22.7184px) }}@media(min-width:1920px){:root{--subtitle-text-w: 3.125vw}}@media(min-height:684px)and (max-height:1199px){:root{--subtitle-text-h: calc(5.814vh - 9.7674px) }}@media(min-height:1200px){:root{--subtitle-text-h: 5vh}}:root{--body-text-w: 4.8vw;--body-text-h: 2.6316vh;--body-text: min(var(--body-text-w), var(--body-text-h))}@media(min-width:375px)and (max-width:1919px){:root{--body-text-w: calc(.1294vw + 17.5146px) }}@media(min-width:1920px){:root{--body-text-w: 1.0417vw}}@media(min-height:684px)and (max-height:1199px){:root{--body-text-h: calc(.3876vh + 15.3488px) }}@media(min-height:1200px){:root{--body-text-h: 1.6667vh}}:root{--gap-copy-w: 6.4vw;--gap-copy-h: 3.5088vh;--gap-copy: min(var(--gap-copy-w), var(--gap-copy-h))}@media(min-width:1920px){:root{--gap-copy-w: 1.25vw}}@media(min-height:1200px){:root{--gap-copy-h: 2vh}}:root{--gap-score-w: 5.2083vw;--gap-score-h: 5.848vh;--gap-score: min(var(--gap-score-w), var(--gap-score-h))}@media(min-width:768px)and (max-width:1919px){:root{--gap-score-w: calc(1.7361vw + 26.6667px) }}@media(min-width:1920px){:root{--gap-score-w: 3.125vw}}@media(min-height:684px)and (max-height:1199px){:root{--gap-score-h: calc(3.876vh + 13.4884px) }}@media(min-height:1200px){:root{--gap-score-h: 5vh}}:root{--progress-slot-w: 8.5333vw;--progress-slot-h: 4.6784vh;--progress-slot: min(var(--progress-slot-w), var(--progress-slot-h))}@media(min-width:375px)and (max-width:1919px){:root{--progress-slot-w: calc(1.3592vw + 26.9029px) }}@media(min-width:1920px){:root{--progress-slot-w: 2.7604vw}}@media(min-height:684px)and (max-height:1199px){:root{--progress-slot-h: calc(4.0698vh + 4.1628px) }}@media(min-height:1200px){:root{--progress-slot-h: 4.4167vh}}:root{--progress-bottom-w: 4.2667vw;--progress-bottom-h: 2.3392vh;--progress-bottom: min(var(--progress-bottom-w), var(--progress-bottom-h))}@media(min-width:375px)and (max-width:1919px){:root{--progress-bottom-w: calc(1.0356vw + 12.1165px) }}@media(min-width:1920px){:root{--progress-bottom-w: 1.6667vw}}@media(min-height:684px)and (max-height:1199px){:root{--progress-bottom-h: calc(3.1008vh - 5.2093px) }}@media(min-height:1200px){:root{--progress-bottom-h: 2.6667vh}}:root{--menu-cta: 17.6vw}@media(min-width:375px)and (max-width:1919px){:root{--menu-cta: calc(2.0712vw + 58.233px) }}@media(min-width:1920px){:root{--menu-cta: 5.1042vw}}:root{--hud-icon: 8vw}@media(min-width:375px)and (max-width:1919px){:root{--hud-icon: calc(.6472vw + 27.5728px) }}@media(min-width:1920px){:root{--hud-icon: 2.0833vw}}:root{--hud-top-w: 4.2667vw;--hud-top-h: 2.3392vh;--hud-top: min(var(--hud-top-w), var(--hud-top-h))}@media(min-width:375px)and (max-width:1919px){:root{--hud-top-w: calc(1.0356vw + 12.1165px) }}@media(min-width:1920px){:root{--hud-top-w: 1.6667vw}}@media(min-height:684px)and (max-height:1199px){:root{--hud-top-h: calc(3.1008vh - 5.2093px) }}@media(min-height:1200px){:root{--hud-top-h: 2.6667vh}}:root{--tuto-top-w: 10.6667vw;--tuto-top-h: 5.848vh;--tuto-top: min(var(--tuto-top-w), var(--tuto-top-h))}@media(min-width:375px)and (max-width:1919px){:root{--tuto-top-w: calc(1.5534vw + 34.1748px) }}@media(min-width:1920px){:root{--tuto-top-w: 3.3333vw}}@media(min-height:684px)and (max-height:1199px){:root{--tuto-top-h: calc(4.6512vh + 8.186px) }}@media(min-height:1200px){:root{--tuto-top-h: 5.3333vh}}:root{--hud-hit: 10px;--hud-corner: calc(16px - var(--hud-hit));--ui-duration: .3s;--ui-duration-fast: .18s;--ui-ease: cubic-bezier(.645, .045, .355, 1);--padding: max(6px, calc(var(--base-text) * .15));--font-display: "DIN Condensed", "Arial Narrow", sans-serif;--font-display-pro: "DIN Pro Condensed", "Arial Narrow", sans-serif;--action-text: 14px;--gauge-size: 60px;--gauge-inset: 16px}html{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--base-text);line-height:1.1em;color:#fff;background:#05070d;-webkit-font-smoothing:antialiased;text-size-adjust:100%;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale}::selection{color:#05070d;background:#fffc}body{position:fixed;width:100%;height:100%;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html.is-board-live body,html.is-scroll-locked body{touch-action:none}.view{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:2px}.cta:focus-visible{outline-offset:calc(var(--cta-grow-y) + 3px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cta{font-family:var(--font-display);font-size:var(--action-text);font-weight:400;line-height:1;text-transform:uppercase;--cta-grow-x: 10px;--cta-grow-y: 4px;--cta-height: 42px;--cta-padding-x: 15px;--cta-radius: 5px;--cta-text: var(--action-text);--cta-line: 1.25em;--cta-duration: var(--ui-duration);--cta-ease: var(--ui-ease);--cta-color: #05070d;position:relative;display:inline-flex;gap:10px;align-items:center;justify-content:center;height:var(--cta-height);padding:0 var(--cta-padding-x);font-size:var(--cta-text);color:var(--cta-color);text-align:center;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;cursor:pointer;background:none;border:0}.cta__bg{position:absolute;inset:calc(var(--cta-grow-y) * -1) calc(var(--cta-grow-x) * -1);overflow:hidden;background:#fff;border-radius:var(--cta-radius);clip-path:inset(var(--cta-grow-y) var(--cta-grow-x) round var(--cta-radius));transition:clip-path var(--cta-duration) var(--cta-ease)}.cta__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#ebebeb;transform:translateY(101%);transition:transform var(--cta-duration) var(--cta-ease)}.cta__label{position:relative;display:block;height:var(--cta-line);overflow:hidden}.cta__shift{display:block;transition:transform var(--cta-duration) var(--cta-ease)}.cta__line{display:block;height:var(--cta-line);line-height:var(--cta-line)}.cta__icon{position:relative;display:flex}.cta--outline{--cta-color: #fff;--cta-grow-x: 0px;--cta-grow-y: 0px;border:1px solid #fff;border-radius:var(--cta-radius);transition:color var(--cta-duration) var(--cta-ease)}.cta--outline .cta__bg{background:none}.cta--outline .cta__fill{background:#fff}@media(hover:hover){.cta--outline:not(:disabled):hover{--cta-color: #05070d}}.cta--ghost{--cta-padding-x: 0;--cta-color: #fff;--cta-grow-x: 0px;--cta-grow-y: 0px}.cta--ghost .cta__bg{background:none;border-radius:0;clip-path:none}.cta--ghost .cta__fill{top:auto;height:1px;background:#fff;transform:scaleX(0);transform-origin:left center}.cta:disabled{cursor:default;opacity:.5}@media(hover:hover){.cta:not(:disabled):hover .cta__bg{clip-path:inset(0 0 round var(--cta-radius))}.cta:not(:disabled):hover .cta__fill{transform:translateY(0)}.cta:not(:disabled):hover .cta__shift{transform:translateY(calc(var(--cta-line) * -1))}}@media(hover:hover){.cta--ghost:not(:disabled):hover .cta__fill{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.cta{--cta-duration: .01s}}.start-overlay{--halo-position: -4% 84%;--halo-size: 52% 71%;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:var(--start-pad-y) var(--start-pad-x) calc(var(--start-pad-y) + env(safe-area-inset-bottom));pointer-events:none;background:radial-gradient(ellipse var(--halo-size) at var(--halo-position),rgba(0,0,0,.8) 0%,rgba(0,0,0,.75) 45%,rgba(0,0,0,.57) 60%,rgba(0,0,0,.39) 70%,rgba(0,0,0,.16) 82%,rgba(0,0,0,0) 100%)}.start-overlay__film{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:72px;height:72px;color:#fff;pointer-events:auto;background:#00000073;border:1px solid rgba(255,255,255,.6);border-radius:50%;transform:translate(-50%,-50%);transition:transform var(--ui-duration-fast) var(--ui-ease),background-color var(--ui-duration) var(--ui-ease)}@media(hover:hover){.start-overlay__film:hover{background:#000000a6;transform:translate(-50%,-50%) scale(1.1)}}.start-overlay__film-icon{width:26px;height:26px;margin-left:3px}.start-overlay__block{display:flex;flex-direction:column;gap:var(--gap-copy);align-items:flex-start;width:var(--start-copy-width);max-width:100%}.start-overlay__title{font-family:var(--font-display);font-size:var(--title-text);font-weight:400;line-height:.9;text-transform:uppercase;text-box-trim:trim-both;text-box-edge:cap alphabetic}.start-overlay__subtitle{font-family:var(--font-display-pro);font-size:var(--body-text);font-weight:400;line-height:1.2;text-box-trim:trim-both;text-box-edge:cap alphabetic}.start-overlay__cta{min-width:92px}.start-overlay{--start-pad-x-w: 4.2667vw;--start-pad-x-h: 2.3392vh;--start-pad-x: min(var(--start-pad-x-w), var(--start-pad-x-h))}@media(min-width:375px)and (max-width:1919px){.start-overlay{--start-pad-x-w: calc(2.8479vw + 5.3204px) }}@media(min-width:1920px){.start-overlay{--start-pad-x-w: 3.125vw}}@media(min-height:684px)and (max-height:1199px){.start-overlay{--start-pad-x-h: calc(8.5271vh - 42.3256px) }}@media(min-height:1200px){.start-overlay{--start-pad-x-h: 5vh}}.start-overlay{--start-pad-y-w: 6.4vw;--start-pad-y-h: 3.5088vh;--start-pad-y: min(var(--start-pad-y-w), var(--start-pad-y-h))}@media(min-width:375px)and (max-width:1919px){.start-overlay{--start-pad-y-w: calc(2.3301vw + 15.2621px) }}@media(min-width:1920px){.start-overlay{--start-pad-y-w: 3.125vw}}@media(min-height:684px)and (max-height:1199px){.start-overlay{--start-pad-y-h: calc(6.9767vh - 23.7209px) }}@media(min-height:1200px){.start-overlay{--start-pad-y-h: 5vh}}.start-overlay{--start-copy-width-w: 88vw;--start-copy-width-h: 48.2456vh;--start-copy-width: min(var(--start-copy-width-w), var(--start-copy-width-h))}@media(min-width:375px)and (max-width:1919px){.start-overlay{--start-copy-width-w: calc(9.7087vw + 293.5922px) }}@media(min-width:1920px){.start-overlay{--start-copy-width-w: 25vw}}@media(min-height:684px)and (max-height:1199px){.start-overlay{--start-copy-width-h: calc(29.0698vh + 131.1628px) }}@media(min-height:1200px){.start-overlay{--start-copy-width-h: 40vh}}@media(max-width:767px){.start-overlay{--halo-position: 30% 100%;--halo-size: 130% 75%}}.time-label{white-space:nowrap}.time-label__centis{opacity:.5}.hud-timer{--curtain-drop: 6vh;--curtain-scale: 1.5;--sweep-ease: cubic-bezier(.65, 0, .35, 1);position:absolute;top:calc(var(--hud-top) + env(safe-area-inset-top));left:50%;font-family:var(--font-display);font-size:var(--title-text);font-variant-numeric:tabular-nums;line-height:.9;color:#fff;pointer-events:none;transform:translate(-50%);transform-origin:top center;transition:color .3s ease,transform var(--sweep-out) var(--sweep-ease) var(--sweep-out-delay);text-box-trim:trim-both;text-box-edge:cap alphabetic}.hud-timer.is-critical{color:#ff3b30}.hud-timer.is-curtain{transform:translate(-50%,var(--curtain-drop)) scale(var(--curtain-scale));transition:color .3s ease,transform var(--sweep-in) var(--sweep-ease)}.round-progress{--slot: var(--progress-slot);--active-scale: 1.5;--shift: calc(var(--slot) * (var(--active-scale) - 1) / 2);--packshot-zoom: 1.451;--packshot-drop: 22.3%;--flip-duration: .55s;--flip-ease: cubic-bezier(.65, 0, .35, 1);--flip-pop: cubic-bezier(.34, 1.45, .64, 1);--flip-stagger: .18s;position:absolute;bottom:calc(var(--progress-bottom) + env(safe-area-inset-bottom));left:50%;display:flex;gap:calc(var(--slot) * .3125);align-items:center;padding:0;margin:0;pointer-events:none;list-style:none;transform:translate(-50%)}.round-progress__slot{--slot-scale: 1;--slot-shift: 0px;position:relative;display:flex;flex:none;align-items:center;justify-content:center;width:var(--slot);height:var(--slot);overflow:hidden;background:#0000008c;border:1.5px solid transparent;border-radius:50%;scale:var(--slot-scale);translate:var(--slot-shift) 0;transition:translate var(--flip-duration) var(--flip-ease) var(--flip-start),scale var(--flip-duration) var(--flip-ease) var(--flip-start),background-color .4s ease var(--flip-start),border-color .4s ease var(--flip-start)}.round-progress__slot.is-before{--slot-shift: calc(var(--shift) * -1)}.round-progress__slot.is-after{--slot-shift: var(--shift)}.round-progress__slot.is-current{--slot-scale: var(--active-scale);--flip-delay: calc(var(--flip-start) + var(--flip-stagger));background:#fff;border-color:#e6e6e6;transition:translate var(--flip-duration) var(--flip-ease) var(--flip-start),scale var(--flip-duration) var(--flip-pop) var(--flip-delay),background-color .4s ease var(--flip-delay),border-color .4s ease var(--flip-delay)}.round-progress__packshot,.round-progress__silhouette{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain;transition:opacity .35s ease var(--flip-start)}.round-progress__silhouette{opacity:.5}.round-progress__packshot{opacity:0;transform:translateY(var(--packshot-drop)) scale(var(--packshot-zoom))}.is-current .round-progress__packshot{opacity:1;transition-delay:calc(var(--flip-start) + var(--flip-stagger))}.is-current .round-progress__silhouette,.is-done .round-progress__silhouette{opacity:0}.round-progress__check{width:calc(var(--slot) * .28);opacity:0;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.round-progress__check path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s var(--flip-ease)}.is-done .round-progress__check{opacity:1;transition:opacity 0s calc(var(--flip-start) + var(--flip-duration) * .5)}.is-done .round-progress__check path{stroke-dashoffset:0;transition-delay:calc(var(--flip-start) + var(--flip-duration) * .5)}.sound-button{width:calc(var(--hud-icon) + var(--hud-hit) * 2);height:calc(var(--hud-icon) + var(--hud-hit) * 2);padding:var(--hud-hit);color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:none;border:0;transition:transform var(--ui-duration-fast) var(--ui-ease),opacity var(--ui-duration) var(--ui-ease)}@media(hover:hover){.sound-button:hover{transform:scale(1.1)}}.sound-button[aria-pressed=false]{opacity:.5}@media(hover:hover){.sound-button[aria-pressed=false]:hover{opacity:.85}}.sound-button__icon{display:block;width:100%;height:100%;fill:none;stroke:currentcolor;stroke-width:1.2;stroke-linecap:round}.app-menu{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.app-menu__icon{display:block;width:100%;height:100%;fill:currentcolor;transition:rotate var(--ui-duration) var(--ui-ease)}.app-menu__toggle.is-open .app-menu__icon{rotate:180deg}.app-menu__bar{--bar-step: calc(var(--ui-duration) * .5);transform-box:fill-box;transform-origin:center;rotate:0deg;transition:rotate var(--bar-step) var(--ui-ease),translate var(--bar-step) var(--ui-ease) var(--bar-step)}.app-menu__bar--first{translate:-3.75px}.app-menu__bar--second{translate:3.75px}.app-menu__toggle.is-open .app-menu__bar{translate:0;transition:translate var(--bar-step) var(--ui-ease),rotate var(--bar-step) var(--ui-ease) var(--bar-step)}.app-menu__toggle.is-open .app-menu__bar--first{rotate:45deg}.app-menu__toggle.is-open .app-menu__bar--second{rotate:-45deg}.app-menu__toggle{position:absolute;top:calc(var(--hud-corner) + env(safe-area-inset-top));right:var(--hud-corner);width:calc(var(--hud-icon) + var(--hud-hit) * 2);height:calc(var(--hud-icon) + var(--hud-hit) * 2);padding:var(--hud-hit);color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;cursor:pointer;background:none;border:0;transition:transform var(--ui-duration-fast) var(--ui-ease),opacity var(--ui-duration) var(--ui-ease)}@media(hover:hover){.app-menu__toggle:hover{transform:scale(1.1)}}.app-menu__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;align-items:center;justify-content:center;background:#000000a6;opacity:0;transition:opacity .3s ease,visibility .3s}.app-menu__panel.is-open{visibility:visible;pointer-events:auto;opacity:1}.app-menu__block{display:flex;flex-direction:column;gap:30px;align-items:center;width:330px;max-width:calc(100% - 44px);text-align:center}.app-menu__actions{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:calc(var(--menu-cta) * .3);width:max-content;max-width:calc(100vw - 44px)}.app-menu__actions .cta{--cta-height: var(--menu-cta);--cta-padding-x: calc(var(--menu-cta) * 15 / 42);--cta-text: calc(var(--menu-cta) * 14 / 42)}.app-menu__legal{display:flex;flex-direction:column;gap:20px;align-items:center;font-family:var(--font-display-pro);font-size:var(--body-text);line-height:1.2;color:#fff}.app-menu__legal a{color:inherit;transition:opacity var(--ui-duration) var(--ui-ease);padding-bottom:2px;margin-bottom:-2px;text-decoration:none;background-image:linear-gradient(currentcolor,currentcolor);background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px}@media(hover:hover){.app-menu__legal a:hover{opacity:.6}}.app-menu__sound{margin:calc(var(--hud-hit) * -1) 0}.capture-gauge{position:absolute;bottom:calc(var(--gauge-inset) + env(safe-area-inset-bottom));left:var(--gauge-inset);width:var(--gauge-size);height:var(--gauge-size);pointer-events:none;opacity:0;transform:rotate(-90deg);transition:opacity .4s ease}.capture-gauge.is-visible{opacity:1}.capture-gauge.is-full{animation:capture-gauge-pulse .5s cubic-bezier(.34,1.56,.64,1)}.capture-gauge__arc{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round}@keyframes capture-gauge-pulse{0%,to{transform:rotate(-90deg) scale(1)}40%{transform:rotate(-90deg) scale(1.12)}}.validate-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.validate-overlay.is-armed{pointer-events:auto;cursor:pointer}.tuto-overlay{--tuto-hand-cycle: 3.4s;--tuto-hand-reach: 72px;--tuto-row-reach: calc(var(--progress-bottom) + var(--progress-slot) * 1.25);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#0000008c,#00000057 45%,#0000);background-repeat:no-repeat;background-size:100% 42%}.tuto-overlay__block{position:absolute;top:calc(var(--tuto-top) + env(safe-area-inset-top));left:50%;display:flex;flex-direction:column;gap:var(--tuto-gap);align-items:center;width:100%;padding:0 var(--tuto-side);text-align:center;transform:translate(-50%)}.tuto-overlay__title{animation:tuto-copy-in .7s cubic-bezier(.55,0,.1,1) .15s both;font-family:var(--font-display);font-size:var(--title-text);font-weight:400;line-height:.9;text-transform:uppercase;text-box-trim:trim-both;text-box-edge:cap alphabetic}.tuto-overlay__subtitle{font-family:var(--font-display-pro);font-size:var(--tuto-subtitle-text);font-weight:400;line-height:1.2;color:#f2f2f2;animation:tuto-copy-in .7s cubic-bezier(.55,0,.1,1) .35s both;text-box-trim:trim-both;text-box-edge:cap alphabetic}.tuto-overlay__hand{position:absolute;bottom:calc(var(--tuto-hand-bottom) + env(safe-area-inset-bottom));left:50%;width:var(--tuto-hand-width);margin-left:calc(var(--tuto-hand-width) / -2);animation:tuto-hand-in .5s cubic-bezier(.55,0,.1,1) .9s both}.tuto-overlay__hand-travel{animation:tuto-hand-travel var(--tuto-hand-cycle) cubic-bezier(.645,.045,.355,1) infinite}.tuto-overlay__hand-icon{display:block;width:100%;height:auto;color:#fff;animation:tuto-hand-press var(--tuto-hand-cycle) cubic-bezier(.55,0,.1,1) infinite}.tuto-overlay.is-reminder{background-image:none}.tuto-overlay.is-reminder .tuto-overlay__hand{bottom:calc(var(--tuto-row-reach) + var(--tuto-hand-bottom) + env(safe-area-inset-bottom));animation-delay:0s}.tuto-overlay{--tuto-side-w: 4.2667vw;--tuto-side-h: 2.3392vh;--tuto-side: min(var(--tuto-side-w), var(--tuto-side-h))}@media(min-width:375px)and (max-width:1919px){.tuto-overlay{--tuto-side-w: calc(2.8479vw + 5.3204px) }}@media(min-width:1920px){.tuto-overlay{--tuto-side-w: 3.125vw}}@media(min-height:684px)and (max-height:1199px){.tuto-overlay{--tuto-side-h: calc(8.5271vh - 42.3256px) }}@media(min-height:1200px){.tuto-overlay{--tuto-side-h: 5vh}}.tuto-overlay{--tuto-gap-w: 3.7333vw;--tuto-gap-h: 2.0468vh;--tuto-gap: min(var(--tuto-gap-w), var(--tuto-gap-h))}@media(min-width:375px)and (max-width:1919px){.tuto-overlay{--tuto-gap-w: calc(1.0356vw + 10.1165px) }}@media(min-width:1920px){.tuto-overlay{--tuto-gap-w: 1.5625vw}}@media(min-height:684px)and (max-height:1199px){.tuto-overlay{--tuto-gap-h: calc(3.1008vh - 7.2093px) }}@media(min-height:1200px){.tuto-overlay{--tuto-gap-h: 2.5vh}}.tuto-overlay{--tuto-subtitle-text-w: 4.8vw;--tuto-subtitle-text-h: 2.6316vh;--tuto-subtitle-text: min(var(--tuto-subtitle-text-w), var(--tuto-subtitle-text-h))}@media(min-width:375px)and (max-width:1919px){.tuto-overlay{--tuto-subtitle-text-w: calc(.7767vw + 15.0874px) }}@media(min-width:1920px){.tuto-overlay{--tuto-subtitle-text-w: 1.5625vw}}@media(min-height:684px)and (max-height:1199px){.tuto-overlay{--tuto-subtitle-text-h: calc(2.3256vh + 2.093px) }}@media(min-height:1200px){.tuto-overlay{--tuto-subtitle-text-h: 2.5vh}}.tuto-overlay{--tuto-hand-width-w: 13.8667vw;--tuto-hand-width-h: 7.6023vh;--tuto-hand-width: min(var(--tuto-hand-width-w), var(--tuto-hand-width-h))}@media(min-width:375px)and (max-width:1919px){.tuto-overlay{--tuto-hand-width-w: calc(2.6537vw + 42.0485px) }}@media(min-width:1920px){.tuto-overlay{--tuto-hand-width-w: 4.8438vw}}@media(min-height:684px)and (max-height:1199px){.tuto-overlay{--tuto-hand-width-h: calc(7.9457vh - 2.3488px) }}@media(min-height:1200px){.tuto-overlay{--tuto-hand-width-h: 7.75vh}}.tuto-overlay{--tuto-hand-bottom-w: 8vw;--tuto-hand-bottom-h: 4.386vh;--tuto-hand-bottom: min(var(--tuto-hand-bottom-w), var(--tuto-hand-bottom-h))}@media(min-width:375px)and (max-width:1919px){.tuto-overlay{--tuto-hand-bottom-w: calc(1.6828vw + 23.6893px) }}@media(min-width:1920px){.tuto-overlay{--tuto-hand-bottom-w: 2.9167vw}}@media(min-height:684px)and (max-height:1199px){.tuto-overlay{--tuto-hand-bottom-h: calc(5.0388vh - 4.4651px) }}@media(min-height:1200px){.tuto-overlay{--tuto-hand-bottom-h: 4.6667vh}}.tuto-enter-active{transition:opacity .5s ease}.tuto-enter-from{opacity:0}.tuto-leave-active{transition:opacity .25s ease,transform var(--hud-move) var(--hud-move-ease)}.tuto-leave-to{opacity:0;transform:translateY(calc(var(--hud-shift) * -1))}.tuto-overlay.is-reminder.tuto-leave-active{transition:opacity .25s ease}.tuto-overlay.is-reminder.tuto-leave-to{transform:none}@keyframes tuto-copy-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes tuto-hand-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes tuto-hand-travel{0%,10%{transform:translate(0)}52%,62%{transform:translate(var(--tuto-hand-reach))}80%,to{transform:translate(0)}}@keyframes tuto-hand-press{0%{opacity:1;transform:rotate(-15deg) scale(1)}10%,52%{opacity:1;transform:rotate(-15deg) scale(.9)}64%{opacity:.3;transform:rotate(-15deg) scale(1)}80%{opacity:.3;transform:rotate(-15deg) scale(1)}92%,to{opacity:1;transform:rotate(-15deg) scale(1)}}.game{--hud-move: .8s;--hud-move-ease: cubic-bezier(.65, 0, .35, 1);--hud-shift: calc(var(--tuto-top) - var(--hud-top))}.game__hud{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;transition:opacity .3s ease .15s,visibility .3s .15s}.game__hud.is-visible{visibility:visible;opacity:1}.game__chrono{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:transform var(--hud-move) var(--hud-move-ease)}.game__hud:not(.is-visible) .game__chrono{transform:translateY(var(--hud-shift))}.game__sound{position:absolute;top:calc(var(--hud-corner) + env(safe-area-inset-top));left:var(--hud-corner);pointer-events:auto}.game__hud .game__sound.is-hidden{pointer-events:none;opacity:0}.experience{width:100%;height:100%}.experience__canvas{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}html.is-board-live .experience__canvas{cursor:grab}html.is-board-live .experience__canvas.is-pointing{cursor:pointer}html.is-board-live .experience__canvas.is-dragging{cursor:grabbing}.rotate-screen{--rotate-text: 50px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#05070d}.rotate-screen__icon{display:flex;align-items:center;justify-content:center;width:113px;height:113px}.rotate-screen__phone{display:block;width:80px;height:80px;fill:currentcolor;fill-rule:evenodd;transform:rotate(-45deg)}.rotate-screen__title{font-family:var(--font-display);font-size:var(--rotate-text);font-weight:400;line-height:.9;text-transform:uppercase;text-box-trim:trim-both;text-box-edge:cap alphabetic;max-width:calc(100% - 40px);text-align:center}.app__experience{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.app__ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;--view-wipe-ease: cubic-bezier(.65, 0, .35, 1);--view-cut-duration: .16s;--view-cut-ease: cubic-bezier(.215, .61, .355, 1);--stagger-delay: 0s;--stagger-duration: .46s;--stagger-step: 60ms;--stagger-travel: 40px;--stagger-enter-ease: cubic-bezier(.33, 1, .68, 1);--stagger-leave-ease: cubic-bezier(.32, 0, .67, 0);--stagger-total: calc( var(--stagger-delay) + var(--stagger-duration) + (var(--stagger-count, 6) - 1) * var(--stagger-step) )}.app__ui:focus-visible{outline:none}.view-enter-active,.view-leave-active{transition:opacity .2s}.view-enter-from,.view-leave-to{opacity:0}.view-cut-enter-active{z-index:1;animation:view-hold var(--view-cut-duration) linear}.view-cut-enter-active:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:#05070d;animation:view-cut-flash var(--view-cut-duration) var(--view-cut-ease) forwards}@keyframes view-cut-flash{0%{opacity:1}to{opacity:0}}.view-stagger-enter-active [data-stagger],.view-stagger-leave-active [data-stagger],.view-cover-enter-active [data-stagger],.view-reveal-leave-active [data-stagger]{transition-delay:calc(var(--stagger-delay) + var(--stagger-index, 0) * var(--stagger-step));transition-duration:var(--stagger-duration);transition-property:opacity,transform}.view-stagger-leave-active [data-stagger],.view-reveal-leave-active [data-stagger]{transition-timing-function:var(--stagger-leave-ease)}.view-stagger-enter-active [data-stagger],.view-cover-enter-active [data-stagger]{transition-timing-function:var(--stagger-enter-ease)}.view-stagger-leave-to [data-stagger],.view-reveal-leave-to [data-stagger]{opacity:0;transform:translateY(calc(var(--stagger-travel) * -1))}.view-stagger-enter-from [data-stagger],.view-cover-enter-from [data-stagger]{opacity:0;transform:translateY(var(--stagger-travel))}.view-stagger-enter-active,.view-stagger-leave-active{animation:view-hold var(--stagger-total) linear}.view-reveal-leave-active{z-index:1;animation:view-reveal-wipe var(--view-wipe) var(--view-wipe-ease) forwards,view-hold var(--stagger-total) linear}.view-reveal-leave-active [data-wipe-visual]{animation:view-reveal-picture var(--view-wipe) var(--view-wipe-ease) forwards}@keyframes view-reveal-wipe{0%{clip-path:polygon(0 0,100% 0,100% 128%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 0%,0 0%)}}@keyframes view-reveal-picture{to{transform:translateY(-4%) scale(1.12)}}.view-cover-enter-active{--stagger-delay: .4s;z-index:1;animation:view-cover-wipe var(--view-wipe) var(--view-wipe-ease) both,view-hold var(--stagger-total) linear}.view-cover-enter-active [data-wipe-visual]{animation:view-cover-picture var(--view-wipe) var(--view-wipe-ease) both}.view-cover-leave-active{animation:view-hold var(--view-wipe) linear}@keyframes view-cover-wipe{0%{clip-path:polygon(0 100%,100% 128%,100% 128%,0 128%)}to{clip-path:polygon(0 0,100% 0,100% 128%,0 128%)}}@keyframes view-cover-picture{0%{opacity:0;transform:translateY(4%) scale(1.12)}}@keyframes view-hold{0%{--view-hold: 0}to{--view-hold: 1}}