*{touch-action:none}@font-face{font-family:"Londrina Solid";src:url("../fonts/LondrinaSolid-Light.eot");src:url("../fonts/LondrinaSolid-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/LondrinaSolid-Light.woff2") format("woff2"),url("../fonts/LondrinaSolid-Light.woff") format("woff"),url("../fonts/LondrinaSolid-Light.ttf") format("truetype"),url("../fonts/LondrinaSolid-Light.svg#LondrinaSolid-Light") format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Londrina Solid";src:url("../fonts/LondrinaSolid-Black.eot");src:url("../fonts/LondrinaSolid-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/LondrinaSolid-Black.woff2") format("woff2"),url("../fonts/LondrinaSolid-Black.woff") format("woff"),url("../fonts/LondrinaSolid-Black.ttf") format("truetype"),url("../fonts/LondrinaSolid-Black.svg#LondrinaSolid-Black") format("svg");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Londrina Solid";src:url("../fonts/LondrinaSolid-Regular.eot");src:url("../fonts/LondrinaSolid-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/LondrinaSolid-Regular.woff2") format("woff2"),url("../fonts/LondrinaSolid-Regular.woff") format("woff"),url("../fonts/LondrinaSolid-Regular.ttf") format("truetype"),url("../fonts/LondrinaSolid-Regular.svg#LondrinaSolid-Regular") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Londrina Solid";src:url("../fonts/LondrinaSolid-Thin.eot");src:url("../fonts/LondrinaSolid-Thin.eot?#iefix") format("embedded-opentype"),url("../fonts/LondrinaSolid-Thin.woff2") format("woff2"),url("../fonts/LondrinaSolid-Thin.woff") format("woff"),url("../fonts/LondrinaSolid-Thin.ttf") format("truetype"),url("../fonts/LondrinaSolid-Thin.svg#LondrinaSolid-Thin") format("svg");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"Ultra";src:url("../fonts/Ultra-Regular.eot");src:url("../fonts/Ultra-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Ultra-Regular.woff2") format("woff2"),url("../fonts/Ultra-Regular.woff") format("woff"),url("../fonts/Ultra-Regular.ttf") format("truetype"),url("../fonts/Ultra-Regular.svg#Ultra-Regular") format("svg");font-weight:normal;font-style:normal;font-display:swap}html,body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);background:url(../img/bg-default.jpg) no-repeat left bottom;background-size:cover;color:#262626;font-family:"Londrina Solid";font-weight:normal;font-style:normal}body .dev.btn{background:red;bottom:30px;pointer-events:auto;position:absolute;right:30px;opacity:0}body p,body h1,body h2,body h3,body h4,body h5,body h6{margin:0;pointer-events:none}body h1,body h2,body h3,body h4,body p{font-family:"Londrina Solid";letter-spacing:.005em;line-height:1.25}body h1,body h3,body .cta{font-weight:400}body h2,body h4,body p,body .label{font-weight:900}body h1{font-size:200px;line-height:1}body h2{font-size:72px}body h3{font-size:50px}body h4{font-size:40px}body p{font-size:24px;letter-spacing:.03em}body p span{white-space:nowrap}body span{position:relative}body .texture{background:url(../img/paper-texture-lowres.png) no-repeat;background-size:cover;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;mix-blend-mode:multiply}body .underline{bottom:-5px;height:8px;left:0;position:absolute;width:100%}body .frames{height:100%;position:absolute;width:100%}body .frames .frame{height:100%;opacity:0;position:absolute;width:100%}body .frames .frame.show{opacity:1}body .cta{height:85px;width:256px;font-size:24px;letter-spacing:.005em;transform:scale(0.95);transition:250ms transform cubic-bezier(0.175, 0.885, 0.32, 1.275)}body .cta span{transform:translate3d(0, -2px, 0)}body .cta .frames{transform:scale(0.9);transition:250ms transform}body .cta .frames .frame:nth-child(1){background:url(../img/cta-frame-0.png) no-repeat center;background-size:contain}body .cta .frames .frame:nth-child(2){background:url(../img/cta-frame-1.png) no-repeat center;background-size:contain}body .cta .frames .frame:nth-child(3){background:url(../img/cta-frame-2.png) no-repeat center;background-size:contain}body .cta:hover{transform:scale(1)}body .cta:hover .frames{transform:scale(1)}body .cta:focus{outline:none;transform:scale(1)}body .cta:focus .frames{transform:scale(1.2)}body .label{font-size:12px;letter-spacing:.1em}body .btn{cursor:pointer}body .bg-canvas{height:100%;left:0;opacity:1;position:absolute;top:0;transition:1200ms opacity;width:100%}body .bg-canvas.inactive{opacity:0;transition:none}body .bg-canvas canvas{aspect-ratio:unset;left:0;position:absolute;top:0}body .page{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}body .page.on{opacity:1;pointer-events:auto}body .page .content{align-items:center;aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center}body .page .content .header{text-align:center;max-width:610px;width:calc(100% - 195px)}body .page .content .body{text-align:center;max-width:600px;pointer-events:none;width:calc(100% - 195px)}body .page .btn{align-items:center;display:flex;font-size:24px;justify-content:center;margin:0}body .persistent{align-items:flex-start;display:flex;justify-content:left;height:100%;opacity:1;pointer-events:none;position:absolute;top:0;width:100%}body .persistent .logo{align-items:center;aspect-ratio:127/87;color:#fff;display:flex;justify-content:center;margin-left:15px;margin-top:15px;position:relative;text-align:center;width:175px}body .persistent .logo .item{height:100%;left:0;position:absolute;top:0;transition:500ms opacity,500ms transform cubic-bezier(0.175, 0.885, 0.32, 1.275);width:100%}body .persistent .logo .item.hidden{opacity:0}body .persistent .logo .item#habit{background:url(../img/logo-habit.png) no-repeat top center;background-size:contain;opacity:0;transform:scale(0);width:97px}body .persistent .logo .item#habitgame{background:url(../img/logo-habit-beachparty.png) no-repeat center;background-size:contain;opacity:1;transform:scale(1)}body .persistent.branding .item#habit{opacity:1;transform:scale(1)}body .persistent.branding .item#habitgame{opacity:0;transform:scale(0)}body .persistent .audio{background:#000;bottom:15px;color:#fff;cursor:pointer;display:block;left:50%;padding:10px 15px;pointer-events:auto;position:absolute;transform:translate3d(-50%, 0, 0)}body .persistent .audio.hidden{display:none}body .persistent .audio.toggled .toggle.on{display:none}body .persistent .audio.toggled .toggle.off{display:block}body .persistent .audio .toggle.on{display:block}body .persistent .audio .toggle.off{display:none}body #orientation-note{background:rgba(0,0,0,.5);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}body.device .persistent .audio{display:none}body.device .persistent .dev.btn{display:none}@media(max-width: 801px){body .persistent{justify-content:flex-start;transform:translate3d(-10px, 0, 0)}body .persistent.branding{justify-content:center}body .persistent.branding .logo{margin-left:0px}body .persistent .logo{width:90px}}@media(max-width: 501px){body{background:url(../img/menu-bg-mobile.jpg) no-repeat left bottom;background-size:cover}body h1{font-size:140px}body h2{font-size:30px}body h3{font-size:30px}body h4{font-size:28px}body p{font-size:18px}body .cta{font-size:18px}body .label{font-size:12px}body .underline{height:6px}}@media(min-aspect-ratio: 4/3){body .page .content{height:100%}}@media(max-aspect-ratio: 4/3){body .page .content{width:100%}}@media(min-aspect-ratio: 1/1){body.device p{font-size:19px}body.device h2{font-size:32px}body.device .page .content{aspect-ratio:16/12;height:96%}body.device .page .content .body{width:100%}body.device .persistent .logo{width:100px}}@media(min-aspect-ratio: 1/1)and (min-width: 768px){body.device p{font-size:19px}body.device h2{font-size:32px}body.device .page .content{aspect-ratio:16/12;height:79%}body.device .page .content .body{width:100%}body.device .persistent .logo{width:100px}}#preload .header h2{letter-spacing:.005em}#title .content .logo{align-items:center;aspect-ratio:1.7/1;background:url(../img/logo.png) no-repeat center;background-size:contain;color:#fff;display:flex;filter:blur(0);justify-content:center;text-align:center;pointer-events:none;transform:translate3d(0px, 0, 0);width:490px;transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075)}#title .content .body{filter:blur(0);transform:translate3d(0px, 0, 0);transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075)}#title .content .body p{letter-spacing:.0005em}#title .content .btn{filter:blur(0);transform:translate3d(0px, 0, 0);transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075);margin-top:50px}#title .content .underline{fill:#262626}#title.in .content{transition:none}#title.in .content .logo{filter:blur(10px);opacity:0;transform:translate3d(1200px, 0, 0);transition:none}#title.in .content .body{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0);transition:none}#title.in .content .btn{filter:blur(10px);opacity:0;transform:translate3d(1200px, 0, 0);transition:none}#title.out .content{transition:none}#title.out .content .logo{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0)}#title.out .content .body{filter:blur(10px);opacity:0;transform:translate3d(1200px, 0, 0)}#title.out .content .btn{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0)}@media(max-width: 600px){#title .content .logo{width:75%}}@media(max-width: 501px){#title .content .logo{margin-bottom:20px;width:65%}#title .content .body{width:85%}#title .content #start{height:75px;width:224px}}@media(min-aspect-ratio: 1/1){body.device #title .content{justify-content:flex-end}body.device #title .content .logo{margin-bottom:1em;transform:translate3d(9%, 0, 0);width:180px}body.device #title .content .btn{margin-top:.3em;padding:0}}@media(min-aspect-ratio: 1/1)and (min-width: 1024px){body.device #title .content{justify-content:center}body.device #title .content .logo{width:440px}body.device #title .content .btn{margin-top:2em;padding:0}}#character .header{filter:blur(0);pointer-events:none;transform:translate3d(0px, 0, 0);transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075)}#character .header .desktop{display:block}#character .header .mobile{display:none}#character .header h2{color:#e1d8c3;letter-spacing:.005em;text-shadow:0px 3px 4px rgba(38,38,38,.3)}#character .header h2 svg{filter:drop-shadow(3px 3px 3px rgba(38, 38, 38, 0.3))}#character .header h2 .underline{fill:#e1d8c3}#character .body{display:flex;margin-top:30px;max-width:832px;filter:blur(0);transform:translate3d(0px, 0, 0);transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075)}#character .body .select-mobile{display:none}#character .body .character{cursor:pointer;display:flex;flex-direction:column;margin-left:20px;position:relative;width:300px}#character .body .character:first-child{margin-left:0}#character .body .character .bg{height:100%;left:0;position:absolute;top:0;transition:100ms transform;width:100%}#character .body .character .bg .bg-shadow{background:url(../img/char-select-shadow.png) no-repeat center;background-size:contain;height:100%;left:0;position:absolute;top:0;width:100%}#character .body .character .bg .bg-texture{background:url(../img/char-select-bg.png) no-repeat center;background-size:contain;height:100%;left:0;position:absolute;top:0;width:100%}#character .body .character .bg .bg-texture.highlight{background:url(../img/char-select-bg-highlight.png) no-repeat center;background-size:contain;opacity:0}#character .body .character .selected-indicator{background:url(../img/characterselect-selected-beige.png) no-repeat center;background-size:contain;left:0;height:100%;opacity:0;position:absolute;top:0;transform:scale(1) translate3d(5%, 0, 0);transition:200ms transform,200ms opacity;width:100%}#character .body .character .character-name{height:100%;left:0;position:absolute;top:0;width:100%}#character .body .character .character-image{aspect-ratio:540/700;left:0;position:relative;top:0;transform:scale(0.9);transition:250ms transform;width:100%}#character .body .character .character-image.highlight{position:absolute}#character .body .character#char-0 .character-name{background:url(../img/char-select-char-0-name.png) no-repeat center;background-size:contain}#character .body .character#char-0 .character-image{background:url(../img/char-select-char-0-highlight.png) no-repeat center;background-size:contain}#character .body .character#char-1 .character-name{background:url(../img/char-select-char-1-name.png) no-repeat center;background-size:contain}#character .body .character#char-1 .character-image{background:url(../img/char-select-char-1-highlight.png) no-repeat center;background-size:contain}#character .body .character#char-2 .character-name{background:url(../img/char-select-char-2-name.png) no-repeat center;background-size:contain}#character .body .character#char-2 .character-image{background:url(../img/char-select-char-2-highlight.png) no-repeat center;background-size:contain}#character .body .character .character-name{color:#000}#character .body .character.selected .bg{transform:scale(0.95);transition:250ms transform cubic-bezier(0.175, 0.885, 0.32, 1.275)}#character .body .character.selected .bg .bg-texture.highlight{opacity:1}#character .body .character.selected .bg .bg-shadow{opacity:0}#character .body .character.selected .bg .bg-shadow.highlight{opacity:1}#character .body .character.selected .selected-indicator{opacity:1;transform:scale(1.3) translate3d(5%, 0, 0);transition:500ms transform cubic-bezier(0.175, 0.885, 0.32, 1.275),500ms opacity}#character .body .character.selected#char-0 .character-image{transform:scale(1);background:url(../img/char-select-char-0-highlight.png) no-repeat center;background-size:contain}#character .body .character.selected#char-1 .character-image{transform:scale(1);background:url(../img/char-select-char-1-highlight.png) no-repeat center;background-size:contain}#character .body .character.selected#char-2 .character-image{transform:scale(1);background:url(../img/char-select-char-2-highlight.png) no-repeat center;background-size:contain}#character .body .character:hover .bg{transform:scale(0.95);transition:250ms transform cubic-bezier(0.175, 0.885, 0.32, 1.275)}#character .body .character:hover .bg .bg-texture.highlight{opacity:1}#character .body .character:hover .character-image{transform:scale(1)}#character .btn#go{filter:blur(0);transform:translate3d(0px, 0, 0);transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075);margin:30px 0 0 0}#character.in .content{transition:none}#character.in .content .header{filter:blur(10px);opacity:0;transform:translate3d(1200px, 0, 0);transition:none}#character.in .content .body{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0);transition:none}#character.in .content .btn#go{filter:blur(10px);opacity:0;transform:translate3d(1200px, 0, 0);transition:none}#character.out .content{transition:none}#character.out .content .header{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0)}#character.out .content .body{filter:blur(10px);opacity:0;transform:translate3d(1200px, 0, 0)}#character.out .content .btn#go{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0)}#character.on .body .character{pointer-events:auto}@media(max-width: 801px){#character .header .desktop{display:none}#character .header .mobile{display:block}}@media(max-width: 501px){#character .body{aspect-ratio:540/700;position:relative}#character .body .character{cursor:auto;margin-left:0;margin-right:10px;opacity:0;pointer-events:none;position:absolute;transition:500ms transform,500ms opacity;width:100%}#character .body .character.selected{opacity:1;transform:translate3d(0, 0, 0)}#character .body .character.pre{transform:translate3d(-200%, 0, 0)}#character .body .character.post{transform:translate3d(200%, 0, 0)}#character .body .character .character-image{transform:translate3d(-19px, 0px, 0px)}#character .body .select-mobile{position:absolute;display:flex;justify-content:space-between;top:50%;transform:translate3d(-50px, -50%, 0);width:calc(100% + 100px)}#character .body .select-mobile .arrow{height:50px;pointer-events:auto;width:50px}#character .body .select-mobile .arrow.prev{background:url(../img/char-select-prev.png) no-repeat;background-size:contain}#character .body .select-mobile .arrow.next{background:url(../img/char-select-next.png) no-repeat;background-size:contain}}@media(max-aspect-ratio: 4/3){body #character.in .content .header{opacity:1;transform:0}}@media(min-aspect-ratio: 1/1){body.device #character .content{justify-content:flex-end}body.device #character .content .header{width:100%}body.device #character .content .body{margin-top:10px}body.device #character .content .body .character{width:100px}body.device #character .content .btn#go{margin:.3em 0 0 0;padding:0}}@media(min-aspect-ratio: 1/1)and (min-width: 1024px){body.device #character .content{justify-content:center}body.device #character .content .body .character{width:300px}body.device #character .content .btn#go{margin-top:2em}}#instructions .header{filter:blur(0);pointer-events:none;transform:translate3d(0px, 0, 0);transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075);margin-bottom:5em}#instructions .header .single{display:block}#instructions .header .double{display:none}#instructions .header h2{color:#e1d8c3;letter-spacing:.005em;text-shadow:0px 3px 4px rgba(38,38,38,.3)}#instructions .header h2 svg{filter:drop-shadow(3px 3px 3px rgba(38, 38, 38, 0.3))}#instructions .header h2 .underline{fill:#e1d8c3}#instructions .body{filter:blur(0);transform:translate3d(0px, 0, 0);transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075);align-items:center;aspect-ratio:1296/752;background:url(../img/instructions-paper.png) no-repeat;background-size:contain;display:flex;flex-direction:column;justify-content:center;max-width:640px;position:relative;width:100%}#instructions .body .bg{height:100%;left:0;position:absolute;top:0;width:100%}#instructions .body .meal{aspect-ratio:446/230;left:50%;position:absolute;top:0;transform:translate3d(-50%, -62%, 0);width:47%}#instructions .body .meal .item1{background:url(../img/instructions-meal-blink.png) no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}#instructions .body .meal .item2{background:url(../img/instructions-meal.png) no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;animation:500ms infinite blink}#instructions .body .crab{aspect-ratio:148/132;background:url(../img/instructions-crab.png) no-repeat;background-size:cover;left:0;position:absolute;top:61%;transform:translate3d(-31%, -50%, 0);width:24%}#instructions .body .shark{aspect-ratio:140/124;background:url(../img/instructions-shark.png) no-repeat;background-size:cover;right:0;position:absolute;top:61%;transform:translate3d(25%, -50%, 0);width:24%}@keyframes blink{0%{opacity:1}49%{opacity:1}50%{opacity:0}100%{opacity:1}}#instructions .body p{margin-top:30px;max-width:calc(100% - 170px);width:100%}#instructions .body p.first{margin-top:0}#instructions .body p span{font-size:1.3em}#instructions .body p.red{color:#f55b5b}#instructions .body p.red svg{fill:#f55b5b}#instructions .cta{filter:blur(0);transform:translate3d(0px, 0, 0);transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075);margin-top:0;transform:translate3d(0, -40%, 0)}#instructions.in .content{transition:none}#instructions.in .content .header{filter:blur(10px);opacity:0;transform:translate3d(1200px, 0, 0);transition:none}#instructions.in .content .body{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0);transition:none}#instructions.in .content .cta{filter:blur(10px);opacity:0;transform:translate3d(1200px, 0, 0);transition:none}#instructions.out .content{transition:none}#instructions.out .content .header{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0)}#instructions.out .content .body{filter:blur(10px);opacity:0;transform:translate3d(1200px, 0, 0)}#instructions.out .content .cta{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0)}@media(max-width: 780px){#instructions .header .single{display:none}#instructions .header .double{display:block}}@media(max-width: 740px){#instructions .body{max-width:calc(100% - 100px)}#instructions .body p{max-width:calc(100% - 100px)}#instructions .body .crab{transform:translate3d(-31%, 2%, 0);width:22%}#instructions .body .shark{transform:translate3d(43%, -20%, 0);width:22%}}@media(max-width: 600px){#instructions .header{width:calc(100% - 80px)}#instructions .body{aspect-ratio:682/688;background:url(../img/instructions-paper-mobile.png) no-repeat;background-size:contain}#instructions .body .meal{width:55%}#instructions .body .crab{width:31%}#instructions .body .shark{transform:translate3d(33%, -50%, 0);width:31%}#instructions .body p{font-size:160%;max-width:calc(100% - 140px)}#instructions .cta{transform:translate3d(0, -60%, 0)}}@media(max-width: 550px){#instructions .body p{font-size:139%}}@media(max-width: 501px){#instructions .body{max-width:calc(100% - 40px)}#instructions .body p{font-size:20px;max-width:65%}}@media(max-width: 450px){#instructions .body{max-width:calc(100% - 40px)}#instructions .body p{font-size:18px;max-width:70%}}@media(min-aspect-ratio: 1/1){body.device #instructions .cta{transform:translate3d(0, -9%, 0)}body.device #instructions .content{height:auto;width:59%}body.device #instructions .header{margin-bottom:.5em;max-width:unset;width:100%}body.device #instructions .header .desktop .single{display:block}body.device #instructions .header .desktop .double{display:none}body.device #instructions .body{max-width:unset;width:420px}body.device #instructions .body .meal{left:0;top:20%;width:20%}body.device #instructions .body .crab{width:13%}body.device #instructions .body .shark{bottom:0;left:0;right:auto;top:auto;transform:translate3d(9%, 44%, 0);width:13%}body.device #instructions .body p{max-width:calc(100% - 80px)}body.device #instructions .body p.first{margin-top:1em}body.device #instructions .body p.red{margin-bottom:.5em;margin-top:.5em}body.device #instructions .body p.red br{display:none}}@media(min-aspect-ratio: 1/1)and (min-width: 1024px){body.device #instructions .content{justify-content:center}body.device #instructions .content .body{max-width:640px;width:100%}body.device #instructions .content .body p{font-size:19px;max-width:calc(100% - 170px)}body.device #instructions .content .btn#play{margin-top:2em}}#game .ui{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}#game .ui .tallies{display:flex;justify-content:center;margin-top:20px;font-size:60px}#game .ui .tallies .pluses,#game .ui .tallies .points{display:flex}#game .ui .tallies .pluses .item,#game .ui .tallies .points .item{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:10px}#game .ui .tallies .pluses .item:first-child,#game .ui .tallies .points .item:first-child{margin-left:0}#game .ui .tallies .pluses .item .value,#game .ui .tallies .points .item .value{position:relative}#game .ui .tallies .pluses .item .value .bg,#game .ui .tallies .points .item .value .bg{height:100%;position:absolute;width:100%}#game .ui .tallies .pluses .item .value .bg .frames .frame:nth-child(1),#game .ui .tallies .points .item .value .bg .frames .frame:nth-child(1){background:url(../img/tally-bg-0.png) no-repeat top right;background-size:auto 100%}#game .ui .tallies .pluses .item .value .bg .frames .frame:nth-child(2),#game .ui .tallies .points .item .value .bg .frames .frame:nth-child(2){background:url(../img/tally-bg-1.png) no-repeat top right;background-size:auto 100%}#game .ui .tallies .pluses .item .value .bg .frames .frame:nth-child(3),#game .ui .tallies .points .item .value .bg .frames .frame:nth-child(3){background:url(../img/tally-bg-2.png) no-repeat top right;background-size:auto 100%}#game .ui .tallies .pluses .item .value .icon,#game .ui .tallies .points .item .value .icon{aspect-ratio:212/144;height:100%;position:absolute}#game .ui .tallies .pluses .item .value h2,#game .ui .tallies .points .item .value h2{position:relative;transform:translate3d(-25px, -3px, 0)}#game .ui .tallies .pluses .item .label,#game .ui .tallies .points .item .label{font-size:15px;margin-top:.4em;position:relative}#game .ui .tallies .pluses .item .label h6,#game .ui .tallies .points .item .label h6{color:#e1d8c3;font-size:1em;text-shadow:0px 3px 4px rgba(38,38,38,.3)}#game .ui .tallies .pluses .item#item-0,#game .ui .tallies .points .item#item-0{margin-left:.8em}#game .ui .tallies .pluses .item#item-0 .value .icon,#game .ui .tallies .points .item#item-0 .value .icon{background:url(../img/tally-burger.png) no-repeat;background-size:contain;transform:translate3d(-88%, 0, 0) scale(1.2);transition:200ms transform cubic-bezier(0.895, 0.03, 0.685, 0.22)}#game .ui .tallies .pluses .item#item-0 .value .icon.boom,#game .ui .tallies .points .item#item-0 .value .icon.boom{transform:scale(1.3) translate3d(-66%, -11px, 0);transition:200ms transform cubic-bezier(0.165, 0.84, 0.44, 1)}#game .ui .tallies .pluses .item#item-0 .value h2,#game .ui .tallies .points .item#item-0 .value h2{margin-left:.88em}#game .ui .tallies .pluses .item#item-0 .label,#game .ui .tallies .points .item#item-0 .label{transform:translate3d(-3em, 0, 0)}#game .ui .tallies .pluses .item#item-1,#game .ui .tallies .points .item#item-1{margin-left:.7em}#game .ui .tallies .pluses .item#item-1 .value .icon,#game .ui .tallies .points .item#item-1 .value .icon{background:url(../img/tally-fries.png) no-repeat;background-size:contain;transform:translate3d(-51%, 0, 0) scale(1.2);transition:200ms transform cubic-bezier(0.895, 0.03, 0.685, 0.22)}#game .ui .tallies .pluses .item#item-1 .value .icon.boom,#game .ui .tallies .points .item#item-1 .value .icon.boom{transform:scale(1.3) translate3d(-38%, -11px, 0);transition:200ms transform ccubic-bezier(0.165, 0.84, 0.44, 1)}#game .ui .tallies .pluses .item#item-1 .value h2,#game .ui .tallies .points .item#item-1 .value h2{margin-left:1.85em}#game .ui .tallies .pluses .item#item-1 .label,#game .ui .tallies .points .item#item-1 .label{transform:translate3d(-3em, 0, 0)}#game .ui .tallies .pluses .item#item-2,#game .ui .tallies .points .item#item-2{margin-left:.3em}#game .ui .tallies .pluses .item#item-2 .value .icon,#game .ui .tallies .points .item#item-2 .value .icon{background:url(../img/tally-shake.png) no-repeat;background-size:contain;transform:translate3d(-87%, 0, 0) scale(1.2);transition:200ms transform cubic-bezier(0.895, 0.03, 0.685, 0.22)}#game .ui .tallies .pluses .item#item-2 .value .icon.boom,#game .ui .tallies .points .item#item-2 .value .icon.boom{transform:scale(1.3) translate3d(-70%, -11px, 0);transition:200ms transform cubic-bezier(0.165, 0.84, 0.44, 1)}#game .ui .tallies .pluses .item#item-2 .value h2,#game .ui .tallies .points .item#item-2 .value h2{margin-left:.8em}#game .ui .tallies .pluses .item#item-2 .label,#game .ui .tallies .points .item#item-2 .label{transform:translate3d(-2em, 0, 0)}#game .ui .tallies .pluses .item .value{transform:scale(0.8)}#game .ui .tallies .pluses .item .value h2{font-size:.9em;line-height:1.45}#game .ui .tallies .points{margin-left:.3em}#game .ui .tallies .points .item .value .bg{aspect-ratio:108/96;background:url(../img/tally-points-bg.png) no-repeat;background-size:contain;bottom:0;left:0;opacity:0;position:absolute;transform:translate3d(0, 30%, 0) scale(1.75);transform-origin:50% 0;width:100%}#game .ui .tallies .points .item .value h2{color:#e1d8c3;font-size:1em;text-shadow:0px 3px 4px rgba(38,38,38,.3);transform:none}#game .ui .tallies .strikes{aspect-ratio:616/118;position:absolute;right:20px;top:26px;width:333px}#game .ui .tallies .strikes .mobile{display:none}#game .ui .tallies .strikes .desktop{align-items:center;display:flex;flex-direction:column;justify-content:center}#game .ui .tallies .strikes .desktop .items{display:flex;transform:translate3d(0, -9px, 0)}#game .ui .tallies .strikes .desktop .items .strike-item{aspect-ratio:1;background:url(../img/sunglasses-empty.png) no-repeat center;background-size:contain;margin-left:10px;opacity:1;position:relative;width:94px}#game .ui .tallies .strikes .desktop .items .strike-item:first-child{margin-left:0}#game .ui .tallies .strikes .desktop .items .strike-item.life{background:url(../img/sunglasses.png) no-repeat center;background-size:contain}#game .ui .tallies .strikes .desktop .items .strike-item .hit{background:url(../img/sunglasses-dead.png) no-repeat center;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:800ms opacity;width:100%}#game .ui .tallies .strikes .desktop .items .strike-item.impact .hit{opacity:1;transition:none}#game .ui .tallies .strikes .bg{height:100%;position:absolute;width:100%}#game .ui .tallies .strikes .bg .frames .frame:nth-child(1){background:url(../img/tally-strikes-bg-0.png) no-repeat top center;background-size:contain}#game .ui .tallies .strikes .bg .frames .frame:nth-child(2){background:url(../img/tally-strikes-bg-1.png) no-repeat top center;background-size:contain}#game .ui .tallies .strikes .bg .frames .frame:nth-child(3){background:url(../img/tally-strikes-bg-2.png) no-repeat top center;background-size:contain}#game .ui .tallies .strikes .label{bottom:4px;display:flex;justify-content:center;position:absolute}#game .ui .tallies .strikes .label h6{color:#e1d8c3;font-size:1em;text-shadow:0px 3px 4px rgba(38,38,38,.3)}#game .ui .collected-effects{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}#game .ui .collected-effects .effect-item{left:50%;top:180px;position:absolute;transform:translate3d(-50%, -50%, 0);transform-origin:0 0}#game .ui .collected-effects .effect-item.animate{transition:300ms transform,300ms left,300ms top,300ms opacity}#game .ui .collected-effects .effect-item img{max-width:200px;width:100%}#game .ui .collected-effects .combo{align-items:center;aspect-ratio:1263/709;display:flex;flex-direction:column;position:absolute;left:50%;opacity:0;top:100px;transform:translate3d(-50%, 75px, 0) scale(2);transition:400ms opacity,400ms transform}#game .ui .collected-effects .combo.show{opacity:1;transform:translate3d(-50%, 0px, 0) scale(2);transition:500ms opacity,500ms transform}#game .ui .collected-effects .combo .bg{background:url(../img/char-collide-good.png) no-repeat;background-size:contain;height:100%;left:0;position:absolute;top:0;width:100%}#game .ui .collected-effects .combo p{color:#f3b844;display:inline-block;line-height:1;margin:auto 1em;position:relative;text-align:center;transform:rotate(-30deg);white-space:pre;text-shadow:-2px 1px 0px #000}#game .ui .commentary{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}#game .ui .commentary .comment-container{align-items:center;display:flex;flex-direction:column;height:10em;justify-content:center;position:absolute;top:50%;transform:translate3d(0, -50%, 0);width:392px}#game .ui .commentary .comment-container .bg{background:url(../img/results-exclaim-beige.png) no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transform:translate3d(0, 22%, 0) scale(1.3);transition:500ms transform cubic-bezier(0.165, 0.84, 0.44, 1) 500ms,500ms opacity 500ms;width:100%}#game .ui .commentary .comment-container.on .bg{opacity:1;transform:translate3d(0, 22%, 0) scale(1)}#game .ui .commentary .comment-container.countdown{opacity:0}#game .ui .commentary .comment-container.countdown.on{opacity:1}#game .ui .commentary .comment-container.countdown .bg{transform:translate3d(0, 0, 0)}#game .ui .commentary .comment-container.countdown .count{font-size:200px;opacity:1;position:absolute;text-align:center;transition:1s transform}#game .ui .commentary .comment-container.countdown .count.pre{opacity:0}#game .ui .commentary .comment-container.countdown .count.on{transform:scale(3);transition:none}#game .ui .commentary .comment-container.countdown .count.off{display:none}#game .ui .commentary .comment-container.countdown .count#count-0{font-size:90px;transform:scale(1);transition:500ms transform}#game .ui .commentary .comment-container.countdown.out{opacity:0;transform:translate3d(-50%, -50%, 0);transition:400ms transform 500ms,400ms opacity 500ms}#game .ui .commentary .comment-container.controls{color:#fff;height:auto;opacity:0;position:absolute;top:50%;transform:translate3d(-600%, -50%, 0);transition:500ms transform cubic-bezier(0.595, -0.15, 1, 0.03),200ms opacity 300ms}#game .ui .commentary .comment-container.controls.on{opacity:1;transform:translate3d(0%, -50%, 0);transition:500ms transform cubic-bezier(0.175, 0.885, 0.32, 1.275),200ms opacity}#game .ui .commentary .comment-container.controls.pre{transform:translate3d(600%, -50%, 0)}#game .ui .commentary .comment-container.controls.web{aspect-ratio:1073/572;justify-content:center;width:528px}#game .ui .commentary .comment-container.controls.web .bg{background:url(../img/game-prompt-web.png) no-repeat center;background-size:contain;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%}#game .ui .commentary .comment-container.controls.web .content{aspect-ratio:unset;flex-direction:row;width:calc(100% - 50px)}#game .ui .commentary .comment-container.controls.web .content .animation{aspect-ratio:368/296;position:relative;width:50%}#game .ui .commentary .comment-container.controls.web .content .animation .frames{height:100%;transform:scale(0.7);width:100%}#game .ui .commentary .comment-container.controls.web .content .animation .frames .frame{height:100%;left:0;position:absolute;top:0;width:100%}#game .ui .commentary .comment-container.controls.web .content .animation .frames .frame:nth-child(1){background:url(../img/controls-web-0.png) no-repeat center;background-size:contain}#game .ui .commentary .comment-container.controls.web .content .animation .frames .frame:nth-child(2){background:url(../img/controls-web-1.png) no-repeat center;background-size:contain}#game .ui .commentary .comment-container.controls.web .content .animation .frames .frame:nth-child(3){background:url(../img/controls-web-2.png) no-repeat center;background-size:contain}#game .ui .commentary .comment-container.controls.web .content .animation .frames .frame:nth-child(4){background:url(../img/controls-web-3.png) no-repeat center;background-size:contain}#game .ui .commentary .comment-container.controls.web .content .text-container{position:relative;width:50%}#game .ui .commentary .comment-container.controls.web .content .text-container .title{color:#262626;margin-bottom:.8em;text-align:center}#game .ui .commentary .comment-container.controls.web .content .text-container p{color:#262626;font-size:24px;text-align:center}#game .ui .commentary .comment-container.controls.web .content .text-container p .underline{height:5px}#game .ui .commentary .comment-container.controls.web .cta{bottom:0;color:#262626;position:absolute;transform:translate3d(0, 42%, 0)}#game .ui .commentary .comment-container.controls.cabinet{aspect-ratio:656/572;width:275px}#game .ui .commentary .comment-container.controls.cabinet .bg{background:url(../img/game-prompt-touch.png) no-repeat center;background-size:contain;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%}#game .ui .commentary .comment-container.controls.cabinet .content{aspect-ratio:unset;flex-direction:column;width:calc(100% - 50px)}#game .ui .commentary .comment-container.controls.cabinet .content .animation{aspect-ratio:278/289;margin-top:-140px;position:relative;width:80%}#game .ui .commentary .comment-container.controls.cabinet .content .animation .frames{height:100%;transform:scale(0.7);width:100%}#game .ui .commentary .comment-container.controls.cabinet .content .animation .frames .frame{height:100%;left:0;position:absolute;top:0;width:100%}#game .ui .commentary .comment-container.controls.cabinet .content .animation .frames .frame:nth-child(1){background:url(../img/controls-cabinet-0.png) no-repeat center;background-size:contain}#game .ui .commentary .comment-container.controls.cabinet .content .animation .frames .frame:nth-child(2){background:url(../img/controls-cabinet-1.png) no-repeat center;background-size:contain}#game .ui .commentary .comment-container.controls.cabinet .content .animation .frames .frame:nth-child(3){background:url(../img/controls-cabinet-2.png) no-repeat center;background-size:contain}#game .ui .commentary .comment-container.controls.cabinet .content .animation .frames .frame:nth-child(4){background:url(../img/controls-cabinet-3.png) no-repeat center;background-size:contain}#game .ui .commentary .comment-container.controls.cabinet .content .text-container{position:relative;width:100%}#game .ui .commentary .comment-container.controls.cabinet .content .text-container .title{color:#262626;font-size:18px;margin-bottom:.8em;text-align:center}#game .ui .commentary .comment-container.controls.cabinet .content .text-container p{color:#262626;font-size:18px;text-align:center}#game .ui .commentary .comment-container.controls.cabinet .content .text-container p .underline{height:5px}#game .ui .commentary .comment-container.controls.cabinet .cta{bottom:0;color:#262626;position:absolute;transform:translate3d(0, 42%, 0) scale(0.8)}#game .ui .commentary .comment-container.controls.touch{aspect-ratio:656/572;width:275px}#game .ui .commentary .comment-container.controls.touch .bg{background:url(../img/game-prompt-touch.png) no-repeat center;background-size:contain;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%}#game .ui .commentary .comment-container.controls.touch .content{aspect-ratio:unset;flex-direction:column;width:calc(100% - 50px)}#game .ui .commentary .comment-container.controls.touch .content .animation{aspect-ratio:278/289;margin-top:-140px;position:relative;width:80%}#game .ui .commentary .comment-container.controls.touch .content .animation .frames{height:100%;transform:scale(0.7);width:100%}#game .ui .commentary .comment-container.controls.touch .content .animation .frames .frame{height:100%;left:0;position:absolute;top:0;width:100%}#game .ui .commentary .comment-container.controls.touch .content .animation .frames .frame:nth-child(1){background:url(../img/controls-touch-0.png) no-repeat center;background-size:contain}#game .ui .commentary .comment-container.controls.touch .content .animation .frames .frame:nth-child(2){background:url(../img/controls-touch-1.png) no-repeat center;background-size:contain}#game .ui .commentary .comment-container.controls.touch .content .animation .frames .frame:nth-child(3){background:url(../img/controls-touch-2.png) no-repeat center;background-size:contain}#game .ui .commentary .comment-container.controls.touch .content .animation .frames .frame:nth-child(4){background:url(../img/controls-touch-3.png) no-repeat center;background-size:contain}#game .ui .commentary .comment-container.controls.touch .content .text-container{position:relative;width:100%}#game .ui .commentary .comment-container.controls.touch .content .text-container .title{color:#262626;font-size:18px;margin-bottom:.8em;text-align:center}#game .ui .commentary .comment-container.controls.touch .content .text-container p{color:#262626;font-size:18px;text-align:center}#game .ui .commentary .comment-container.controls.touch .content .text-container p .underline{height:5px}#game .ui .commentary .comment-container.controls.touch .cta{bottom:0;color:#262626;position:absolute;transform:translate3d(0, 42%, 0) scale(0.8)}#game .ui .commentary .comment-container.controls .bg{transform:none}#game .ui .commentary .comment-container.controls .control{display:none}#game .ui .commentary .comment-container.controls .control.desktop{display:block}#game .ui .commentary .comment-container.controls .cta{pointer-events:auto}#game .ui .commentary .comment-container.message{position:absolute;height:auto;transform:translate3d(0, -50%, 0)}#game .ui .commentary .comment-container.message .msg{filter:blur(2px);opacity:0;transform:translate3d(-600px, 0, 0);transition:500ms filter,250ms opacity,500ms transform}#game .ui .commentary .comment-container.message .msg.on{filter:blur(0px);opacity:1;transform:translate3d(0px, 0, 0)}#game .ui .commentary .comment-container.message .msg.pre{filter:blur(2px);opacity:0;transform:translate3d(600px, 0, 0)}#game .ui .commentary .comment-container.finish{opacity:0}#game .ui .commentary .comment-container.finish .bg{transform:translate3d(0, 0, 0)}#game .ui .commentary .comment-container.finish.on{opacity:1}#game .ui .commentary .comment-container.finish.on #finish{transform:scale(1.5) translate3d(0, 30%, 0)}#game .ui .commentary .comment-container.finish.on .bg{transform:translate3d(0, 22%, 0) scale(1.3)}#game .ui .commentary .comment-container.finish .bg{transform:translate3d(0, 22%, 0) scale(1.5)}#game .ui .commentary .comment-container.finish #finish{font-size:75px;line-height:.9;opacity:1;position:absolute;text-align:center;transform:scale(1);transition:800ms transform translate3d(0, 30%, 0)}#game .ui .commentary .comment-container.finish #finish.on{transform:scale(2) translate3d(0, 30%, 0);transition:none}#game .ui .highscore{bottom:15px;display:flex;flex-direction:column;left:15px;position:absolute;width:81px}#game .ui .highscore.none{display:none}#game .ui .highscore .score{height:100%;left:0;position:relative;top:0;width:100%}#game .ui .highscore .score .bg{aspect-ratio:173/169;background:url(../img/ui-highscore-bg.png) no-repeat center top;background-size:contain;left:0;position:relative;top:0;width:100%}#game .ui .highscore .score .scoretext{background:url(../img/ui-highscore-texture.jpg) no-repeat;background-size:cover;font-size:3em;left:50%;position:absolute;text-align:center;top:.2em;transform:translate3d(-50%, 0, 0) rotate(-12deg);transform-origin:50% 60%;width:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}#game .ui .highscore .score .scoretext.shadow{background:none;color:#d5ccba;text-shadow:0px 3px 4px rgba(38,38,38,.3);background-clip:border-box;-webkit-background-clip:border-box;-moz-background-clip:border-box;-webkit-text-fill-color:initial}#game .ui .highscore .label{font-size:15px;margin-top:.4em;position:relative}#game .ui .highscore .label.top{display:none}#game .ui .highscore .label h6{color:#e1d8c3;font-size:1em;text-align:center;text-shadow:0px 3px 4px rgba(38,38,38,.3)}#game.on #touchControls.controls{pointer-events:auto}#game #touchControls.controls{bottom:80px;display:none;opacity:.8;position:absolute;width:100vw}#game #touchControls.controls.on{display:flex;flex-direction:column}#game #touchControls.controls .control-arrow{background:url(../img/mobile-arrow.png) no-repeat center;background-size:contain;cursor:pointer;font-size:16px;height:85px;touch-action:manipulation;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#game #touchControls.controls .control-arrow#down{transform:rotate(180deg)}@media(max-width: 1200px){#game .ui .tallies{font-size:40px}#game .ui .tallies .strikes{width:210px}#game .ui .tallies .strikes .desktop .items{transform:translate3d(0, -3px, 0)}#game .ui .tallies .strikes .desktop .items .strike-item{width:57px}#game .ui .tallies .strikes .desktop .label{bottom:-8px;font-size:12px}#game .ui .tallies .pluses .item#item-0 .value h2,#game .ui .tallies .points .item#item-0 .value h2{margin-left:1.2em}#game .ui .tallies .pluses .item#item-1 .value h2,#game .ui .tallies .points .item#item-1 .value h2{margin-left:2.2em}#game .ui .tallies .pluses .item#item-2 .value h2,#game .ui .tallies .points .item#item-2 .value h2{margin-left:1.2em}#game .ui .tallies .pluses .item .label,#game .ui .tallies .points .item .label{font-size:10px}}@media(max-width: 900px){#game .ui .tallies .points .item .value .bg{opacity:1}#game .ui .tallies .strikes{height:42px;width:85px}#game .ui .tallies .strikes .desktop{display:none}#game .ui .tallies .strikes .mobile{display:block}#game .ui .tallies .strikes .mobile .bg{background:url(../img/tally-strikes-bg-mobile.png) no-repeat;background-size:contain}#game .ui .tallies .strikes .mobile .items{display:flex;justify-content:flex-end;position:relative}#game .ui .tallies .strikes .mobile .items h2{font-size:28px;transform:translate3d(-16px, 2px, 0)}#game .ui .tallies .strikes .mobile .label{bottom:-19px;font-size:10px;left:50%;transform:translate3d(-50%, 0, 0)}}@media(max-width: 801px){#game .ui .tallies .pluses .item .label,#game .ui .tallies .points .item .label{margin-top:0}#game .ui .tallies .points .item .value .bg{opacity:1}#game .ui .tallies .strikes .mobile .label{bottom:-14px}}@media(max-width: 700px){#game .ui{width:100vw}#game .ui .tallies{display:block;height:100%;left:0;margin-top:auto;position:absolute;top:0;width:100%}#game .ui .tallies .points{position:absolute;right:20px;top:20px}#game .ui .tallies .pluses{bottom:30px;right:20px;position:absolute}#game .ui .tallies .strikes{right:68px}#game .ui .collected-effects .combo{bottom:80px;top:auto}#game .ui .highscore{width:61px}#game .ui .highscore .score .scoretext{font-size:3em;top:0;transform-origin:unset}#game .ui .highscore .label{font-size:10px}#game .ui .highscore .label h6{font-size:1em}}@media(max-width: 600px){#game .ui .commentary .comment-container.controls.web{width:calc(100% - 60px)}body.device #game .ui .tallies .pluses{bottom:8px;right:0}body.device #game .ui .highscore{bottom:8px;left:3px}}@media(min-aspect-ratio: 1/1){body.device #game #touchControls.controls{aspect-ratio:unset;bottom:auto;justify-content:center;position:fixed;right:0;width:200px}body.device #game .ui{z-index:1}body.device #game .ui .tallies .pluses{bottom:7px}body.device #game .ui .highscore{bottom:13px}body.device #game .ui .commentary .comment-container.countdown{aspect-ratio:2/1;height:auto;width:200px}body.device #game .ui .commentary .comment-container.countdown .bg{background-position:center}body.device #game .ui .commentary .comment-container.countdown .count .text{font-size:50px}body.device #game .ui .commentary .comment-container.controls.touch .content .text-container{transform:translate3d(0, -17%, 0)}body.device #game .ui .commentary .comment-container.finish{width:180px}body.device #game .ui .commentary .comment-container.finish .bg{aspect-ratio:2/1;background-position:center;height:auto;transform:translate3d(0, -50%, 0)}body.device #game .ui .commentary .comment-container.finish #finish{font-size:35px}body.device #game .ui .commentary .comment-container.finish.on .bg{top:50%;transform:translate3d(0, -50%, 0) scale(1.3)}body.device #game .ui .commentary .comment-container.finish.on #finish{font-size:35px;transform:scale(1.5) translate3d(0, 0%, 0)}}@media(max-aspect-ratio: 1/1){body.device #game .ui{z-index:1}body.device #game .ui .commentary .comment-container.countdown{aspect-ratio:2/1;height:auto;width:200px}body.device #game .ui .commentary .comment-container.countdown .bg{background-position:center}body.device #game .ui .commentary .comment-container.countdown .count .text{font-size:50px}body.device #game .ui .commentary .comment-container.finish{width:180px}body.device #game .ui .commentary .comment-container.finish .bg{aspect-ratio:2/1;background-position:center;height:auto;transform:translate3d(0, -50%, 0)}body.device #game .ui .commentary .comment-container.finish #finish{font-size:35px}body.device #game .ui .commentary .comment-container.finish.on .bg{top:50%;transform:translate3d(0, -50%, 0) scale(1.3)}body.device #game .ui .commentary .comment-container.finish.on #finish{font-size:35px;transform:scale(1.5) translate3d(0, 0%, 0)}}#results .header{filter:blur(0);pointer-events:none;transform:translate3d(0px, 0, 0);transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075)}#results .header .desktop{display:block}#results .header .mobile{display:none}#results .header h2{color:#e1d8c3;letter-spacing:.005em;text-shadow:0px 3px 4px rgba(38,38,38,.3)}#results .header h2 svg{filter:drop-shadow(3px 3px 3px rgba(38, 38, 38, 0.3))}#results .header h2 .underline{fill:#e1d8c3}#results .result{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}#results .result.visible{pointer-events:auto;opacity:1}#results .result .content .score{filter:blur(0);transform:translate3d(0px, 0, 0);transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075);margin-top:2em;pointer-events:none;position:relative}#results .result .content .score .bg{aspect-ratio:792/342;left:50%;position:absolute;transform:translate3d(-50%, 22%, 0);top:0;width:392px}#results .result .content .score .value{position:relative;pointer-events:none}#results .result .content .score .value h1{font-weight:400;text-align:center}#results .result .content .score .label{pointer-events:none;position:relative;transform:translate3d(0, -48%, 0)}#results .result .content .score .label p{font-weight:400;text-align:center}#results .result .content .score .high-score .text-container{pointer-events:none;transform:translate3d(1%, -12%, 0)}#results .result .content .score .decor{aspect-ratio:720/30;background:url(../img/results-decor.png) no-repeat;background-size:cover;bottom:0;left:50%;position:absolute;transform:translate3d(-50%, 100%, 0);width:392px}#results .result .content .encouragement{filter:blur(0);transform:translate3d(0px, 0, 0);transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075);margin-top:2em;pointer-events:none;text-align:center}#results .result .content .encouragement p{font-weight:400}#results .result .content .encouragement .codeprompt{display:none}#results .result .content .encouragement .codeprompt.visible{display:static}#results .result .content .code{align-items:center;aspect-ratio:794/108;background:url(../img/results-code-field.png) no-repeat center;background-size:contain;color:#f56a3f;display:none;justify-content:center;margin-top:.5em;padding:.5em;filter:blur(0);transform:translate3d(0px, 0, 0);transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075)}#results .result .content .code p{font-weight:400;margin-right:.5em}#results .result .content .code h3{font-weight:400}#results .result .content .code.visible{display:flex}#results .result .content .redeem{margin-top:1em;pointer-events:none;text-align:center}#results .result .content .redeem p{font-weight:400;pointer-events:none}#results .result .content .redeem a{color:#262626}#results .result .content .btns{display:flex;margin-top:2em}#results .result .content .btns .cta{filter:blur(0);transform:translate3d(0px, 0, 0);transition:500ms opacity,400ms filter,500ms transform cubic-bezier(0.05, 1.2, 0.775, 1.075)}#results .result#win .score .bg{background:url(../img/results-exclaim-green.png) no-repeat;background-size:contain}#results .result#win .score .high-score{align-items:center;aspect-ratio:431/253;display:flex;justify-content:center;right:-23%;opacity:0;position:absolute;top:25%;transform:translate3d(73%, 0, 0) rotate(-23deg);width:228px}#results .result#win .score .high-score .frames .frame:nth-child(1){background:url(../img/results-score-burst-0.png) no-repeat;background-size:contain}#results .result#win .score .high-score .frames .frame:nth-child(2){background:url(../img/results-score-burst-1.png) no-repeat;background-size:contain}#results .result#win .score .high-score .frames .frame:nth-child(3){background:url(../img/results-score-burst-2.png) no-repeat;background-size:contain}#results .result#win .score .high-score.on{opacity:1}#results .result#win .score .high-score .text#line-1{transform:translate3d(-5%, 0, 0)}#results .result#win .score .high-score .text#line-1 p{color:#e1d8c3;pointer-events:none;text-align:left;text-shadow:-3px 2px 0px #262626}#results .result#win .score .high-score .text#line-2{transform:translate3d(5%, 0, 0)}#results .result#win .score .high-score .text#line-2 p{color:#e1d8c3;pointer-events:none;text-align:right;text-shadow:-3px 2px 0px #262626}#results .result#lose .score .bg{background:url(../img/results-exclaim-beige.png) no-repeat;background-size:contain}#results.in .content{transition:none}#results.in .content .header{filter:blur(10px);opacity:0;transform:translate3d(1200px, 0, 0);transition:none}#results.in .content .score{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0);transition:none}#results.in .content .encouragement{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0);transition:none}#results.in .content .code{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0);transition:none}#results.in .content .cta{filter:blur(10px);opacity:0;transform:translate3d(1200px, 0, 0);transition:none}#results.out .content{transition:none}#results.out .content .header{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0)}#results.out .content .score{filter:blur(10px);opacity:0;transform:translate3d(1200px, 0, 0);transition:none}#results.out .content .encouragement{filter:blur(10px);opacity:0;transform:translate3d(1200px, 0, 0);transition:none}#results.out .content .cta{filter:blur(10px);opacity:0;transform:translate3d(-1200px, 0, 0)}@media(max-width: 801px){#results .header .desktop{display:none}#results .header .mobile{display:block}}@media(max-width: 501px){#results .result .content .score .bg{width:280px}#results .result .content .btns{flex-direction:column}#results .result#win .score .high-score{z-index:1}}@media(max-aspect-ratio: 4/3){body #results .content .result .content{width:calc(100% - 30px)}}@media(min-aspect-ratio: 1/1){body.device p{font-size:17px}body.device #results .content .result .content{width:calc(100% - 30px)}body.device #results .content .header{display:flex;justify-content:center;width:100%}body.device #results .content .header .desktop{display:flex}body.device #results .content .header .mobile{display:none}body.device #results .content .score{margin-top:0}body.device #results .content .score .bg{width:140%}body.device #results .content .score .value h1{font-size:70px}body.device #results .content .score .high-score{width:150px}body.device #results .content .score .decor{display:none}body.device #results .content .encouragement{margin-top:0}body.device #results .content .encouragement h3{font-size:26px}body.device #results .content .code .codetext{font-size:30px}body.device #results .content .redeem{margin-top:0;position:relative}body.device #results .content .redeem p{text-align:center}body.device #results .content .btns{display:flex;margin-top:0}}@media(max-aspect-ratio: 1/1){body.device #results .content .result .content{width:calc(100% - 30px)}body.device #results .content .result .content .score .bg,body.device #results .content .result .content .score .label,body.device #results .content .result .content .score .value{z-index:1}body.device #results .content .result .content .score .decor{width:100%}body.device #results .content .result#win .score .high-score{right:0;transform:translate3d(73%, 11px, 0) rotate(-23deg)}}@media(min-aspect-ratio: 1/1)and (min-width: 1024px){body.device #results .content{justify-content:center}body.device #results .content .score{margin-bottom:2em;margin-top:0}body.device #results .content .score .value h1{font-size:130px}body.device #results .content .score .high-score{z-index:-1}body.device #results .content .score .decor{display:block}body.device #results .content .redeem{margin-top:2em}body.device #results .content .btns{margin-top:2em}}