#game-bg{z-index:100;pointer-events:none;background:#f2f2f2}#game-water{image-rendering:pixelated;z-index:200;pointer-events:none;background-repeat:repeat;background-size:256px 256px}#game-canvas{image-rendering:pixelated;z-index:300}#game-wrap{width:100%;max-width:1280px;height:100%;min-height:720px;max-height:720px;position:relative}.surf-game .full-size{width:100%;height:100%;position:absolute}.surf-game #game-tint,.surf-game #game-tint.visible{pointer-events:none;z-index:400;background-color:#fff0;transition:background-color .35s}.surf-game #game-tint.visible{pointer-events:inherit;background-color:#ffffff40}.surf-game #game-clicktarget{z-index:600}.surf-game #game-ui{z-index:500;width:calc(100% - 32px);height:calc(100% - 32px);margin:16px;position:absolute}.surf-game #ui-title{text-transform:uppercase;text-align:center;width:100%;height:100px;font-size:48px;font-weight:700;line-height:48px;position:absolute;top:10%}.surf-game #ui-info{text-align:center;width:100%;height:100px;font-size:24px;font-weight:600;line-height:24px;position:absolute;top:20%}.surf-game .info-text{vertical-align:middle;display:inline-block}.surf-game .info-button-key{vertical-align:middle;border:2px solid #000;border-radius:4px;width:32px;height:32px;display:inline-block}.surf-game .info-button-btn{vertical-align:middle;border:2px solid #000;border-radius:16px;width:28px;height:28px;font-family:Segoe UI,sans-serif;font-size:20px;font-weight:600;line-height:32px;display:inline-block}.surf-game .info-button-icon{vertical-align:middle;width:32px;height:32px;display:inline-block}.surf-game .info-button-text{text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;height:20px;padding:2px 6px 3px;font-family:Segoe UI,sans-serif;font-size:24px;font-weight:700;line-height:20px}.surf-game .info-button-keytext{vertical-align:middle;text-transform:uppercase;letter-spacing:.5px;border:2px solid #000;border-radius:4px;height:32px;padding:0 6px;font-family:Segoe UI,sans-serif;font-size:24px;font-weight:700;line-height:32px;display:inline-block}.surf-game #ui-selection{text-align:center;width:100%;height:100px;position:absolute;top:calc(40% - 48px)}.surf-game #selection-box{vertical-align:middle;width:72px;height:72px;display:inline-block}.surf-game #ui-selection button{vertical-align:middle;padding:4px;font-family:Full MDL2 Assets;font-size:24px}.surf-game #ui-top{width:100%;margin:0 auto;position:relative}.surf-game #top-stats{width:300px;margin:0 auto;display:flex}.surf-game #stats-counter,.surf-game #stats-lives,.surf-game #stats-power{flex-grow:1;justify-content:center;display:flex}.surf-game #stats-counter{flex-basis:140px;height:24px}.surf-game #counter-amount{text-align:center;z-index:1;font-weight:700}.surf-game #stats-lives,.surf-game #stats-power{flex-basis:80px;height:24px}.surf-game .counter-text{vertical-align:middle;font-size:16px;font-weight:700;line-height:24px;display:inline-block}.surf-game .icon-stroke{stroke:#000;fill:none}.surf-game .icon-fill{fill:#000}.surf-game .icon{background-size:1920px 1088px;width:24px;height:24px}.surf-game .life-empty{background-position:0 -64px}.surf-game .life-full{background-position:-24px -64px}.surf-game .powerup-empty{background-position:0 -88px}.surf-game .powerup-full{background-position:-24px -88px}.surf-game .shield{background-position:-24px -112px}.surf-game .icon.powerup-small{background-position:-24px -88px;background-size:1920px 1088px;width:24px;height:24px;display:block}.surf-game .icon.life-small{background-position:-24px -64px;background-size:1920px 1088px;width:24px;height:24px;display:block}.surf-game .icon.shield-small{background-position:-24px -112px;background-size:1920px 1088px;width:24px;height:24px;display:block}.surf-game button{color:#000;white-space:nowrap;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:4px;font-family:Segoe UI,sans-serif;font-size:16px;text-decoration:none}.surf-game button:hover{color:#000;background-color:#fff6}.surf-game button:focus{color:#000;background-color:#fff6;border:2px solid #000}.protocol-launch{-webkit-backdrop-filter:blur(8px);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.protocol-launch__popup-placeholder{flex:0}.protocol-launch__content{flex:1;justify-content:stretch;align-items:center;display:flex}.protocol-launch__footer{flex:1;max-height:280px}.protocol-launch__popup-placeholder{width:100vw;max-width:540px;height:220px;margin:0 auto;padding:20px 40px 60px;transition:opacity .5s}.protocol-launch__popup-placeholder>div{text-align:center;border:2px dashed #ffffffa8;border-radius:3px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.protocol-launch__popup-placeholder>div strong{font-size:1.125rem;font-weight:600}.protocol-launch__popup-placeholder>div span{margin-bottom:.25em;display:inline-block}.protocol-launch__popup_placeholder-button{margin-top:1em;font-size:1.125rem;font-weight:600}.protocol-launch__footer{box-sizing:border-box;z-index:1;width:100%;position:relative}.protocol-launch__footer>div{justify-content:center;align-items:center;min-height:4em;padding-bottom:.5em;font-size:1.5rem;display:flex}.protocol-launch__footer a{font-weight:600;text-decoration:underline}.protocol-launch--theme-bluegradient{color:#fff;background-image:linear-gradient(#2793d8e6,#15416ee6)}.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button{appearance:none;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;cursor:pointer;color:#243a5e;background-color:#ffc93b;border:none;border-radius:.33em;outline:none;justify-content:center;align-items:center;min-width:6em;min-height:2.5em;padding:0 1.5em .15em;font-family:inherit;font-size:1.125rem;font-weight:400;line-height:1.1;transition:background-color .2s cubic-bezier(.215,.61,.355,1),color .2s cubic-bezier(.215,.61,.355,1),box-shadow .2s cubic-bezier(.215,.61,.355,1);display:inline-flex;position:relative;box-shadow:0 .756593px 2px #00000026}.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:disabled,.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:disabled:hover,.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:disabled:active,.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:disabled[aria-checked]{cursor:not-allowed;color:#888;box-shadow:none;background-color:#bbbbbb80}.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:hover{background-color:var(--theme-button-bg-hover);color:var(--theme-button-fg);box-shadow:0 1.79949px 4px #00000040}.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:active{background-color:var(--theme-button-bg-active);color:var(--theme-button-fg);box-shadow:0 0 #00000026}.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:focus-visible{box-shadow:0 0 0 3px #1a59c854}.protocol-launch--theme-bluegradient .protocol-launch__footer{color:#fff;background-color:#243a5e}.protocol-launch--theme-bluegradient .protocol-launch__footer a{color:#ffc93b}.surf-protocol-launch__content{width:90vw;max-width:min(1080px,160vh - 400px);position:relative}.surf-protocol-launch__content:before{content:"";width:100%;padding-bottom:55.5556%;display:block}.surf-protocol-launch__canvas{position:absolute;top:0;left:0}.surf-protocol-launch__canvas:before{content:"";width:100%;padding-bottom:100%;display:block}.surf-protocol-launch__canvas{width:100%}.surf-protocol-launch__text{flex-direction:column;align-items:center;width:125%;max-width:500px;display:flex;position:absolute;top:0;left:30%}.surf-protocol-launch__text .surf-bubble{width:100%}@keyframes surf-protocol-launch-arrow{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.surf-protocol-launch__arrow{opacity:0;z-index:1;width:18.4%;animation-name:surf-protocol-launch-arrow;animation-duration:.5s;animation-iteration-count:1;animation-delay:1.5s;animation-fill-mode:forwards;position:relative;top:-6px;left:1%}.surf-protocol-launch__surfer{width:30%;position:absolute;top:5%;left:0%}.surf-page .container{max-width:1276px}.surf-page__game-section{background-image:linear-gradient(#28ccf0 0%,#0c83d4 20%,#1a5990 40%,#204773 60%,#243a5e 85%,#fff 85%)}.surf-page__game-wrapper{position:relative}.surf-page__game-wrapper:before{content:"";border-radius:5px;display:block;position:absolute;inset:30px 30px 0;box-shadow:0 15px 40px #38c2ed80,0 15px 45px #0003,0 8px 24px #0003,0 3px 9px #0003}.surf-page__game-wrapper>svg{margin-bottom:-4px;display:block;position:absolute;bottom:100%;left:1px;right:1px}.surf-page__game{border-radius:8px;position:relative;overflow:hidden}.surf-page__header{z-index:1;justify-content:center;align-items:center;margin-bottom:-.8%;padding-top:48px;display:flex;position:relative}.surf-page__title{flex-grow:0;flex-shrink:1}.surf-page__title:before{content:"";width:100%;padding-bottom:33.3333%;display:block}.surf-page__title{background-image:url(./header.DYfQH81o.avif);background-repeat:no-repeat;background-size:contain;width:60%;max-width:600px;margin:0;padding:0;position:relative}.surf-page__button{color:#243a5e;text-shadow:0 3px 9px #00000030;text-transform:uppercase;cursor:pointer;background-image:linear-gradient(#fef3e1 0%,#e7aa2e 100%);border:0;border-radius:4px;outline:none;justify-content:stretch;align-items:stretch;height:56px;padding:3px;font-size:1.5rem;font-weight:800;line-height:0;display:inline-flex;position:relative;box-shadow:0 5px 15px #0000007d}.surf-page__button>span{background-image:linear-gradient(#fedf9f 0%,#f6c560 100%);border-radius:3px;justify-content:center;align-items:center;height:100%;margin:0;padding:0 1.25em;display:flex;position:relative}.surf-page__button>span:after{content:"";background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%2015%22%3E%3Cpath%20d%3D%22M3%2012v3H0v-3h3zm3-3v3H3V9h3zm3-3v3H6V6h3zM6%203v3H3V3h3zM3%200v3H0V0h3z%22%20fill%3D%22%23243A5E%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-size:contain;width:9px;height:15px;margin-left:.5em;margin-right:-.25em;transition:transform .2s cubic-bezier(.215,.61,.355,1);display:block;position:relative;top:1px}.surf-page__button:hover{color:#243a5e}.surf-page__button:hover span{background-image:linear-gradient(#fee7b8 0%,#f7ce78 100%)}.surf-page__button:hover span:after{transform:translate(4px)}.surf-page__button--blue{color:#fff;background-image:linear-gradient(#17a0df 0%,#224068 100%)}.surf-page__button--blue span{background-image:linear-gradient(#1078c3 0%,#1e4d7d 100%)}.surf-page__button--blue span:after{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%2015%22%3E%3Cpath%20d%3D%22M3%2012v3H0v-3h3zm3-3v3H3V9h3zm3-3v3H6V6h3zM6%203v3H3V3h3zM3%200v3H0V0h3z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)}.surf-page__button--blue:hover{color:#fff}.surf-page__button--blue:hover span{background-image:linear-gradient(#1287db 0%,#235a92 100%)}.surf-page__header-play{color:#fff;flex-direction:column;flex:none;justify-content:center;align-items:center;padding:0 36px;font-size:1.5rem;font-weight:600;display:flex;position:relative}.surf-page__header-play>span{text-shadow:0 3px 9px #00000030;margin-top:.15em;font-size:1.2em;display:block}.surf-page__info-grid{color:#243a5e;margin-top:96px}.surf-page__info-grid-header{display:flex}.surf-page__info-grid-header-content{width:640px}.surf-page__info-grid-header-content h2{font-size:4rem}.surf-page__info-grid-header-content p{margin-bottom:1.5em;font-size:1.5rem}.surf-page__info-grid-header-content .surf-page__button{box-shadow:0 7px 21px #0003}.surf-page__info-grid-header-content{z-index:1;margin-bottom:96px;position:relative}.surf-page__info-grid-hero{flex:1;width:50%}.surf-page__info-grid-hero img{width:115%;margin-top:-2%;margin-left:-3%}.surf-page__info-grid-items{flex-wrap:wrap;justify-content:space-between;display:flex}.surf-page__info-grid-item{width:calc(33.3333% - 48px);padding-bottom:48px}.surf-page__info-grid-item img{width:128px}.surf-page__info-grid-item p{font-size:1.25rem}.surf-page .game-over-fade-enter-active,.surf-page .game-over-fade-leave-active{transition:opacity .8s cubic-bezier(.215,.61,.355,1);transition-delay:0}.surf-page .game-over-fade-enter,.surf-page .game-over-fade-enter-from,.surf-page .game-over-fade-leave-to{opacity:0}.surf-page__game-over{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-image:linear-gradient(#159cddbf 0%,#003481bf 100%);border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.surf-page__game-over-content{width:100%;position:absolute;top:0;left:0}.surf-page__game-over-content:before{content:"";width:100%;padding-bottom:100%;display:block}.surf-page__game-over-content>*{position:absolute}.surf-page__game-over-message-container{width:600px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.surf-page__game-over-message{width:100%}.surf-page__game-over-message span{max-width:18em}.surf-page__game-over-message-action{font-weight:600;text-decoration:underline;display:inline}.surf-page__game-over-message-action:hover{color:#0074d9;text-decoration:underline}.surf-page__game-over-surfer{width:18%;position:absolute;top:73%;left:-11%}.surf-page__game-over-play{color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:0 36px;font-size:1.5rem;font-weight:600;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.2)}.surf-page__game-over-play>span{text-shadow:0 3px 9px #00000030;margin-top:.15em;font-size:1.2em;display:block}@media screen and (width<=1366px){.surf-page__header-play>span{font-size:1.5rem}.surf-page__button{height:48px;font-size:1.25rem}.surf-page__info-grid-hero{display:none}}@media screen and (width<=860px){.surf-page__header-play>span{font-size:1.25rem}.surf-page__button{height:42px;font-size:1.125rem}}.surf-page__game{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-family:system-ui,sans-serif}.surf-page__game button{display:inline-block}.surf-page__game *,.surf-page__game :before,.surf-page__game :after{box-sizing:initial}.surf-page__game{color:#000}.surf-page .visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}