:root{font-family:Amazon Ember,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;--unit: calc(1 / 393 * 100cqw);line-height:.9;--font-size-xl2: calc(var(--unit) * 55);--font-size-xl1: calc(var(--unit) * 40);--font-size-lg: calc(var(--unit) * 25);--font-size-md: calc(var(--unit) * 23);--font-size-sm: calc(var(--unit) * 18);--font-size-xs: calc(var(--unit) * 16);--font-size-h1: calc(var(--unit) * 25);font-size:var(--font-size-md);letter-spacing:calc(var(--unit) * -.2);color:#ffffffde;background-color:#325f4f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #FF1531;--secondary-color: #232f3e;--background-color: #003D32;--text-color: #ffffff;--spacing-sm: calc(var(--unit) * 8);--spacing-md: calc(var(--unit) * 13);--spacing-lg: calc(var(--unit) * 30)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#00231c}::-webkit-scrollbar-thumb{background:#325f4f;height:100px;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#ff1531}@font-face{font-family:Amazon Ember;src:url(/assets/EmberModernDisplayStd-Regular-WbPFGZR9.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Amazon Ember Bold;src:url(/assets/EmberModernDisplayStd-Bold-Dj8G1Zgm.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;place-items:center;height:100dvh;text-align:center;font-size:var(--font-size-md);font-family:Amazon Ember Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--background-color);color:var(--text-color);background-image:url(/assets/background-mobile-DVOE5Ns0.webp);background-size:cover;background-position:center;background-repeat:no-repeat}@media (orientation: landscape){body{background-image:url(/assets/background-desktop-CR6B_QBv.webp)}}a{text-decoration:none}.box{display:flex;flex-direction:column;justify-content:center;text-align:center;row-gap:var(--spacing-md);border-radius:calc(var(--unit) * 10);padding:calc(var(--unit) * 22) calc(var(--unit) * 34);width:calc(var(--unit) * 335);margin:0 auto}.bg-white{background:#fff}.bg-light-green{background:#00dc7c}.bg-green{background:#003d32e5}.bg-primary{background:var(--primary-color)}.bg-green-gradient{background:linear-gradient(180deg,#007f68ee,#003d32,#00231c)}#game{touch-action:none;padding:0;max-height:100vh}.hidden{display:none!important}.flex-1{flex:1}@media (max-aspect-ratio: 9 / 16) and (max-width: 480px){.container{aspect-ratio:unset!important;width:100%!important}}.container{font-size:0;container-type:inline-size;position:relative;height:100%;aspect-ratio:9 / 16;margin:0 auto;background-size:cover;background-position:center;background-repeat:no-repeat}.container header{padding-top:var(--spacing-lg)}.container header h1{font-size:var(--font-size-xl2)}.container .content{height:100%;padding:0 var(--spacing-md);display:flex;flex-direction:column;container-type:inline-size;row-gap:var(--spacing-md);font-size:var(--font-size-md)}.container main .game-logo{aspect-ratio:16/9;background:var(--primary-color);display:grid;place-items:center}.container main .game-logo img{max-width:80%;height:auto}.container footer{margin-top:auto;padding:var(--spacing-lg) 0}.container footer .footer-text{font-size:var(--font-size-xs)}.container footer a{display:block;margin:0;padding:0;line-height:0}.container footer img.monks-logo{width:calc(var(--unit) * 120);aspect-ratio:300/74;margin-top:calc(var(--unit) * 5)}.popover{border-radius:var(--spacing-md) var(--spacing-md) 0 0;padding:calc(var(--spacing-lg) * 2) var(--spacing-lg);position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 16px #0000004d;height:90%;overflow-y:auto}.popover h2{margin-bottom:var(--spacing-lg)}.popover:before{content:"";position:absolute;top:15px;width:36px;margin-left:-18px;height:2px;border-radius:4px;background:#fff}.popover-screen{display:block}.popover-screen.enter-name{padding-top:calc(var(--unit) * 100)}.popover-screen.enter-name .h3{margin-bottom:var(--spacing-md)}.popover-screen.loader h2{margin-top:calc(var(--unit) * 80);margin-bottom:calc(var(--unit) * 80);font-size:var(--font-size-xl1)}.popover-screen.loader .box{border:3px solid #015848;padding:calc(var(--unit) * 8)}.popover-screen.loader img{width:23%;height:23%;opacity:1;animation:fade 1s infinite}.popover-screen.loader img:nth-child(1){animation-delay:0s}.popover-screen.loader img:nth-child(2){animation-delay:.2s}.popover-screen.loader img:nth-child(3){animation-delay:.4s}.popover-screen.loader img:nth-child(4){animation-delay:.6s}.popover-screen.tutorial small{font-size:var(--font-size-xs)}.popover-screen.tutorial .box-tutorial{margin-top:var(--spacing-lg);color:#00231c;font:bold var(--font-size-md)/.9 "Amazon Ember Bold",sans-serif}.popover-screen.tutorial .box-tutorial span{color:var(--primary-color)}.popover-screen.tutorial .box-tutorial p{margin-top:1em}.popover-screen.tutorial img.tutorial-img-blocks{margin-top:1em;width:calc(var(--unit) * 98);height:calc(var(--unit) * 147)}.popover-screen.tutorial img.tutorial-img-hand{position:absolute;width:calc(var(--unit) * 135 * .5);height:calc(var(--unit) * 149 * .5);margin-left:calc(var(--unit) * -30);margin-top:calc(var(--unit) * 90);pointer-events:none}.popover-screen.tutorial img.tutorial-img-keyboard{position:absolute;width:calc(var(--unit) * 188 * .5);height:calc(var(--unit) * 128 * .5);margin-left:calc(var(--unit) * -30);margin-top:calc(var(--unit) * 90);pointer-events:none}@media (orientation: landscape){.popover-screen.tutorial .tutorial-mobile{display:none}}@media (orientation: portrait){.popover-screen.tutorial .tutorial-desktop{display:none}}@keyframes fade{0%,to{opacity:1}50%{opacity:.3}}.cta-button{background:var(--primary-color);border:none;padding:var(--spacing-md) var(--spacing-lg);font:normal var(--font-size-sm)/.9 "Amazon Ember",sans-serif;color:#fff;cursor:pointer;transition:opacity .2s;border-radius:var(--spacing-lg);display:inline-block;margin:0;box-shadow:0 calc(var(--unit) * 4) calc(var(--unit) * 8) #00000040}.cta-button:hover{opacity:.9;color:#fff}.cta-button:disabled,.cta-button.disabled{opacity:.5;cursor:not-allowed}.leaderboard ol{list-style:none;margin:var(--spacing-md) 0;text-align:center}.leaderboard img{width:calc(var(--unit) * 352*.5);aspect-ratio:352 / 243}.leaderboard li{font-size:var(--font-size-xs);line-height:calc(var(--unit) * 16);display:flex;justify-content:space-between;padding:calc(var(--unit) * 4) var(--spacing-md);border-bottom:1px solid rgba(0,0,0,.1);color:#04734b;margin-bottom:8px;border-radius:var(--spacing-lg)}.leaderboard li.bg-primary{color:#fff}.leaderboard li:last-child{border-bottom:none}.score-page-header h1{font-size:var(--font-size-xl2);line-height:.9;margin:calc(var(--unit) * 40) 0}.monks-page h1{font-size:var(--font-size-xl2);line-height:.9;margin:calc(var(--unit) *0) 0 calc(var(--unit) * 5)}.monks-page .box{padding:calc(var(--unit) * 41) calc(var(--unit) * 34);font-size:calc(var(--unit) * 26);line-height:1.1;margin-top:0}.monks-page .text-smaller{font-size:calc(var(--unit) * 20);font-family:Amazon Ember,sans-serif;font-weight:400}.score-page-body div{font-size:var(--font-size-md);margin:var(--spacing-sm) 0}.score-page{text-align:center;font-family:Amazon Ember Bold,sans-serif;font-weight:700}.score-page div{font-size:var(--font-size-md)}.score-page h2{font-size:calc(var(--unit) * 36)}.score-page .score{font-weight:700;margin-bottom:var(--spacing-lg)}.score-page .score-value{background:#fff;color:#04734b;border-radius:100px;padding:calc(var(--unit) * 10) calc(var(--unit) * 10);font-size:var(--font-size-xl1);display:block}.score-page .box{padding:calc(var(--unit) * 34) calc(var(--unit) * 34)}.score-page .box img{width:calc(var(--unit) * 121);aspect-ratio:1 / 1}.name-input{font-family:Amazon Ember,sans-serif;font-weight:400;font-size:var(--font-size-sm);line-height:.9;width:100%;padding:var(--spacing-md) var(--spacing-lg);text-align:center;margin:var(--spacing-md) 0 var(--spacing-lg) 0;border:2px solid transparent;border-radius:var(--spacing-lg)}.name-input:focus{border-color:var(--primary-color);outline:none}.case-studies{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin:var(--spacing-lg) 0}.case-studies .case-study{aspect-ratio:1;background:var(--primary-color);color:#fff;display:grid;place-items:center;text-align:center;padding:var(--spacing-md)}h1,.h1{font-weight:700;font-family:Amazon Ember Bold,sans-serif;font-size:var(--font-size-xl1);line-height:1.1}h2,.h2{font-size:var(--font-size-lg);font-family:Amazon Ember Bold,sans-serif}h3,.h3{font-size:var(--font-size-md);line-height:.9;font-family:Amazon Ember Bold,sans-serif}.text-align-left{text-align:left}.text-align-center{text-align:center}.body-text{font-size:var(--font-size-md)}.name-error>div{margin:var(--spacing-md) 0 var(--spacing-lg) 0}