:root{--colour-purple: #5D3370;--colour-purple-light: #9B72B5;--colour-peach: #EF5734;--colour-peach-light: #FF704F;--colour-credits-brown: #664939;--reference-width: 1920;--reference-height: 1080;--hover-transition: .15s;--font-family-sans-serif: "M PLUS Rounded 1c", sans-serif;--font-family-decorative: "Schoolbell", cursive;--font-weight-normal: 400;--font-weight-bold: 700}@font-face{font-display:swap;font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:400;src:url(../fonts/m-plus-rounded-1c-v15-latin-regular.woff2) format("woff2"),url(../fonts/m-plus-rounded-1c-v15-latin-regular.woff) format("woff"),url(../fonts/m-plus-rounded-1c-v15-latin-regular.ttf) format("truetype"),url(../fonts/m-plus-rounded-1c-v15-latin-regular.svg#MPLUSRounded1c) format("svg")}@font-face{font-display:swap;font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:700;src:url(../fonts/m-plus-rounded-1c-v15-latin-700.woff2) format("woff2"),url(../fonts/m-plus-rounded-1c-v15-latin-700.woff) format("woff"),url(../fonts/m-plus-rounded-1c-v15-latin-700.ttf) format("truetype"),url(../fonts/m-plus-rounded-1c-v15-latin-700.svg#MPLUSRounded1c) format("svg")}@font-face{font-display:swap;font-family:Schoolbell;font-style:normal;font-weight:400;src:url(../fonts/schoolbell-v18-latin-regular.woff2) format("woff2"),url(../fonts/schoolbell-v18-latin-regular.woff) format("woff"),url(../fonts/schoolbell-v18-latin-regular.ttf) format("truetype"),url(../fonts/schoolbell-v18-latin-regular.svg#Schoolbell) format("svg")}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:var(--font-family-sans-serif);font-weight:var(--font-weight-bold)}body{display:flex;justify-content:center;align-items:center;background:linear-gradient(0deg,#fff,#00a2d980)}canvas{display:block;width:100%;background-color:#8dd5ed;font-size:calc(.0916666667 * var(--ui-height) * 1080 * 1px);margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;isolation:isolate}button{background:transparent;margin:0;padding:0;border:none;pointer-events:auto}button:not(:disabled){cursor:pointer}button,button .button-text{font-family:var(--font-family-sans-serif);font-weight:var(--font-weight-bold)}img,svg{max-width:100%;pointer-events:none}.app-container{aspect-ratio:16/9;position:relative;width:100%;overflow:hidden}@media (min-aspect-ratio: 16/9){.app-container{height:100%;width:auto}}.ui{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.ui .hidden{display:none!important}.ui .btn-sound{position:absolute;width:5.5729166667%;height:7.962962963%;top:2.6041666667%;left:4.6296296296%}.ui .btn-sound .volumes{position:absolute;left:-1px;top:0;bottom:0;padding-left:5.9375%;justify-content:flex-start;align-items:center;display:none;opacity:0;pointer-events:none;transition-delay:.7s}.ui .btn-sound .volumes .audio-notch{width:1.1458333333%;height:1.7708333333%}.ui .btn-sound:hover{width:16.4583333333%;height:7.962962963%;top:2.6041666667%;left:4.6296296296%}.ui .btn-sound:hover .volumes,.ui .btn-sound .volumes.open{display:flex;pointer-events:auto;opacity:1;transition-delay:0ms}.ui .btn-sound .audio-notch{margin-right:.4166666667%}.ui .btn-sound .audio-notch .bg,.ui .btn-sound .audio-notch .fg{fill:var(--colour-purple);transition:var(--hover-transition) ease-in-out}.ui .btn-sound .audio-notch.active .bg,.ui .btn-sound .audio-notch.highlighted .bg,.ui .btn-sound .audio-notch:hover .bg{fill:#fff}.ui .btn-sound .icon-audio-pair{width:5.5729166667%;height:7.962962963%;top:0%;left:0%}.ui .btn-sound .icon-audio-pair .icon-bg{transition:var(--hover-transition) ease-in-out}.ui .btn-sound .icon-audio-pair .icon-bg path{fill:var(--colour-purple)}.ui .btn-sound:hover .icon-audio-pair .icon-bg{transform:rotate(10deg);transform-origin:center}.ui .btn-sound:hover .icon-audio-pair .icon-bg path{fill:var(--colour-purple-light)}.ui .btn-home{position:absolute;width:5.5729166667%;height:7.962962963%;top:2.6041666667%;left:auto;right:2.6041666667%}.ui .btn-home .icon-home-pair{position:absolute;top:0;left:0;width:100%;height:100%}.ui .btn-home .icon-home-pair .icon-bg{transition:var(--hover-transition) ease-in-out}.ui .btn-home .icon-home-pair .icon-bg path{transition:var(--hover-transition) ease-in-out;fill:var(--colour-peach)}.ui .btn-home:hover .icon-bg{transform:rotate(30deg);transform-origin:center}.ui .btn-home:hover .icon-bg path{fill:var(--colour-peach-light)}.ui .btn-start-cta,.ui .btn-credits{position:absolute;top:56.4814814815%;left:50%;transform:translate(-50%);z-index:5;width:21.3541666667%;height:13.8888888889%}.ui .btn-start-cta svg,.ui .btn-start-cta .button-text,.ui .btn-credits svg,.ui .btn-credits .button-text{position:absolute;top:0;left:0;width:100%;height:100%}.ui .btn-start-cta svg,.ui .btn-credits svg{transition:var(--hover-transition) ease-in-out}.ui .btn-start-cta svg path,.ui .btn-credits svg path{fill:var(--colour-peach);transition:var(--hover-transition) ease-in-out}.ui .btn-start-cta .button-text,.ui .btn-credits .button-text{color:#fff;font-size:calc(.037037037 * var(--ui-height) * 1080 * 1px);display:flex;justify-content:center;align-items:center}.ui .btn-start-cta:hover svg,.ui .btn-credits:hover svg{transform-origin:50% 50%;transform:rotate(10deg)}.ui .btn-start-cta:hover svg path,.ui .btn-credits:hover svg path{fill:var(--colour-peach-light)}.ui .btn-credits{top:84.2592592593%;width:13.8541666667%;height:11.1111111111%;left:auto;right:6.25%;transform:none}.ui .btn-credits .button-text{font-size:calc(.0222222222 * var(--ui-height) * 1080 * 1px)}.icon-pair{position:relative}.icon-pair .icon-bg,.icon-pair .icon-fg{position:absolute;top:0;right:0;bottom:0;left:0}.icon-pair .icon-bg svg,.icon-pair .icon-fg svg{object-fit:contain;width:100%;height:100%}.video-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999}.hide-video-tester{position:absolute;bottom:0;right:0;z-index:10000}.home-logos-container{position:absolute;bottom:3.7037037037%;left:25%;right:25%;display:flex;justify-content:space-between;align-items:center}.home-logos-container .logo-container{opacity:0;padding:2.0833333333%}.home-logos-container .logo-container img{width:100%;height:auto}.home-logos-container .logo-container.animate{animation:jackInTheBox;animation-duration:.75s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.home-logos-container .logo-container:nth-child(1){animation-delay:.25s}.home-logos-container .logo-container:nth-child(2){animation-delay:.5s}.home-logos-container .logo-container:nth-child(3){animation-delay:.75s}.home-logos-container .logo-container:nth-child(4){animation-delay:1s}.home-logos-container .logo-container:nth-child(5){animation-delay:1.25s}.home-logos-container .logo-container:nth-child(6){animation-delay:1.5s}.home-logos-container .logo-container:nth-child(7){animation-delay:1.75s}.home-logos-container .logo-container:nth-child(8){animation-delay:2s}.home-logos-container .logo-container:nth-child(9){animation-delay:2.25s}.home-logos-container .logo-container:nth-child(10){animation-delay:2.5s}.home-logos-container .logo-container:nth-child(11){animation-delay:2.75s}.home-logos-container .logo-container:nth-child(12){animation-delay:3s}.game-win-section{position:absolute;bottom:1.0416666667%;left:1.0416666667%;width:20.8333333333%;height:20.8333333333%;pointer-events:none;-webkit-user-select:none;user-select:none}.game-win-section .coco-status-group{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:color-burn;filter:grayscale(1) opacity(.75);opacity:0}.game-win-section .coco-status-group img,.game-win-section .coco-status-group svg{object-fit:contain;width:100%;height:100%}.game-win-section .coco-status-group.animate{animation:jackInTheBox;animation-delay:1.5s;animation-duration:1s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.game-win-section .coco-status-group.animate-out{animation:jackInTheBox;animation-duration:2s;animation-iteration-count:1;animation-direction:reverse;animation-fill-mode:backwards}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.game-status-section{width:51.7708333333%;height:13.4259259259%;top:2.7777777778%;position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:space-around;align-items:center}.game-status-section .coco-status-group{position:relative;width:13.5714285714%;height:100%}.game-status-section .coco-status-group .status-coco{position:absolute;top:0;left:0;width:100%;height:100%}.game-status-section .coco-status-group .status-coco.status-complete{display:none}.game-status-section .coco-status-group.complete .status-coco.status-complete{display:block}.game-status-section .coco-status-group.complete .status-coco.status-incomplete{display:none}.credits-module{flex-direction:column;align-items:center;position:absolute;top:31.9444444444%;bottom:4.6296296296%;left:0;width:100%;color:var(--colour-credits-brown);display:none;z-index:10;transform:translateY(100%);transition:.7s ease-in-out}.credits-module *::-webkit-scrollbar{height:10px;width:6px}.credits-module *::-webkit-scrollbar-track{border-radius:5px;background-color:var(--colour-credits-brown)}.credits-module *::-webkit-scrollbar-track:hover{background-color:var(--colour-credits-brown)}.credits-module *::-webkit-scrollbar-track:active{background-color:var(--colour-credits-brown)}.credits-module *::-webkit-scrollbar-thumb{border-radius:5px;background-color:var(--colour-purple-light)}.credits-module *::-webkit-scrollbar-thumb:hover{background-color:var(--colour-purple-light)}.credits-module *::-webkit-scrollbar-thumb:active{background-color:var(--colour-purple-light)}.credits-module.pre-show{display:flex}.credits-module.show{transform:translateY(0)}.credits-module .credits-title{font-size:calc(.037037037 * var(--ui-height) * 1080 * 1px);margin:0 0 20px}.credits-module .credits-listing{width:calc(.875 * var(--ui-height) * 1080 * 1px);flex-shrink:1;overflow-y:auto}.credits-module .credits-listing .credits-groups{display:flex;flex-wrap:wrap}.credits-module .credits-listing .credits-group{width:calc(50% - 20px);margin-bottom:30px}.credits-module .credits-listing .role-group{margin-bottom:20px}.credits-module .credits-role{font-family:var(--font-family-decorative);font-size:calc(.0296296296 * var(--ui-height) * 1080 * 1px);margin:0}.credits-module .credits-people{padding:0;margin:0;list-style:none}.credits-module .credits-person{font-size:calc(.0222222222 * var(--ui-height) * 1080 * 1px)}.credits-module .logos-listing{flex-shrink:0;margin-top:1.8518518519%;width:100%;margin-bottom:9.2592592593%}.credits-module .logos-listing .logo-group-title{text-align:center;margin-bottom:10px}.credits-module .logos-listing .logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;padding:0}.credits-module .logos-listing .logo{width:16.1637931034%;margin:10px 2.6939655172%}.credits-module .logos-listing .logo img,.credits-module .logos-listing .logo svg{width:100%}.credits-module .logos-listing .logo.logo-image-in-black{transform:translateY(30%)}.credits-module .logos-listing .logo.logo-rc{width:26.9396551724%}.credits-module .logos-listing .logos-group+.logos-group{margin-top:30px}.credits-module .close-button-container{width:calc(.8333333333 * var(--ui-height) * 1080 * 1px);position:relative;pointer-events:none}.credits-module .btn-close-credits{position:absolute;top:0;right:0;width:6.5104166667%;opacity:.8;pointer-events:auto}.credits-module .btn-close-credits:hover{opacity:1}