#game-bg{background:#f2f2f2;z-index:100;pointer-events:none}#game-water{background-size:256px 256px;background-repeat:repeat;z-index:200;pointer-events:none}#game-canvas,#game-water{image-rendering:pixelated}#game-canvas{z-index:300}#game-wrap{position:relative;width:100%;max-width:1280px;height:100%;max-height:720px;min-height:720px}.surf-game .full-size{position:absolute;width:100%;height:100%}.surf-game #game-tint,.surf-game #game-tint.visible{pointer-events:none;z-index:400;background-color:hsla(0,0%,100%,0);transition-timing-function:cubic-bezier(.3,.2,.2,1);transition:background-color .35s}.surf-game #game-tint.visible{pointer-events:inherit;background-color:hsla(0,0%,100%,.25)}.surf-game #game-clicktarget{z-index:600}.surf-game #game-ui{z-index:500;position:absolute;width:calc(100% - 32px);height:calc(100% - 32px);margin:16px}.surf-game #ui-title{text-transform:uppercase;font-size:48px;line-height:48px;font-weight:700;top:10%}.surf-game #ui-info,.surf-game #ui-title{width:100%;position:absolute;text-align:center;height:100px}.surf-game #ui-info{font-size:24px;line-height:24px;font-weight:600;top:20%}.surf-game .info-text{display:inline-block;vertical-align:middle}.surf-game .info-button-key{width:32px;height:32px;display:inline-block;vertical-align:middle;border:2px solid #000;border-radius:4px}.surf-game .info-button-btn{display:inline-block;vertical-align:middle;border:2px solid #000;border-radius:16px;width:28px;height:28px;font-size:20px;line-height:32px;font-weight:600;font-family:Segoe UI,sans-serif}.surf-game .info-button-icon{width:32px;height:32px;display:inline-block;vertical-align:middle}.surf-game .info-button-text{line-height:20px;padding:2px 6px 3px;height:20px}.surf-game .info-button-keytext,.surf-game .info-button-text{text-transform:uppercase;font-weight:700;letter-spacing:.5px;font-size:24px;font-family:Segoe UI,sans-serif;vertical-align:middle}.surf-game .info-button-keytext{display:inline-block;border:2px solid #000;border-radius:4px;line-height:32px;padding:0 6px;height:32px}.surf-game #ui-selection{width:100%;position:absolute;top:calc(40% - 48px);text-align:center;height:100px}.surf-game #selection-box{display:inline-block;width:72px;height:72px;vertical-align:middle}.surf-game #ui-selection button{font-size:24px;padding:4px;font-family:Full MDL2 Assets;vertical-align:middle}.surf-game #ui-top{position:relative;width:100%;margin:0 auto}.surf-game #top-stats{width:300px;display:flex;margin:0 auto}.surf-game #stats-counter,.surf-game #stats-lives,.surf-game #stats-power{display:flex;flex-grow:1;justify-content:center}.surf-game #stats-counter{height:24px;flex-basis:140px}.surf-game #counter-amount{font-weight:700;text-align:center;z-index:1}.surf-game #stats-lives,.surf-game #stats-power{height:24px;flex-basis:80px}.surf-game .counter-text{display:inline-block;vertical-align:middle;font-size:16px;font-weight:700;line-height:24px}.surf-game .icon-stroke{stroke:#000;fill:none}.surf-game .icon-fill{fill:#000}.surf-game .icon{width:24px;height:24px;background-size:1920px 1088px}.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}.surf-game .icon.life-small,.surf-game .icon.powerup-small{display:block;width:24px;height:24px;background-size:1920px 1088px}.surf-game .icon.life-small{background-position:-24px -64px}.surf-game .icon.shield-small{display:block;background-position:-24px -112px;width:24px;height:24px;background-size:1920px 1088px}.surf-game button{border:2px solid transparent;border-radius:4px;background:transparent;color:#000;font-family:Segoe UI,sans-serif;font-size:16px;white-space:nowrap;text-decoration:none;cursor:pointer}.surf-game button:focus,.surf-game button:hover{color:#000;background-color:hsla(0,0%,100%,.4)}.surf-game button:focus{border:2px solid #000}.protocol-launch{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.protocol-launch__popup-placeholder{flex:0}.protocol-launch__content{flex:1;align-items:center;display:flex;justify-content:stretch}.protocol-launch__footer{flex:1;max-height:280px}.protocol-launch__popup-placeholder{margin:0 auto;padding:20px 40px 60px;transition:opacity .5s;height:220px;width:100vw;max-width:540px}.protocol-launch__popup-placeholder>div{width:100%;height:100%;border:2px dashed hsla(0,0%,100%,.66);border-radius:3px;display:flex;align-items:center;justify-content:center;text-align:center}.protocol-launch__popup-placeholder>div strong{font-size:1.125rem;font-weight:600}.protocol-launch__popup-placeholder>div span{display:inline-block;margin-bottom:.25em}.protocol-launch__popup_placeholder-button{font-weight:600;margin-top:1em;font-size:1.125rem}.protocol-launch__footer{width:100%;position:relative;box-sizing:border-box;z-index:1}.protocol-launch__footer>div{min-height:4em;font-size:1.5rem;padding-bottom:.5em;display:flex;justify-content:center;align-items:center}.protocol-launch__footer a{font-weight:600;text-decoration:underline}.protocol-launch--theme-bluegradient{background-image:linear-gradient(180deg,rgba(39,147,216,.9),rgba(21,65,110,.9));color:#fff}.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;position:relative;outline:none;border:none;white-space:nowrap;background-color:#ffc93b;font-size:1.125rem;font-family:inherit;font-weight:400;display:inline-flex;align-items:center;justify-content:center;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1.5em .15em;border-radius:.33em;min-width:6em;min-height:2.5em;cursor:pointer;color:#243a5e;box-shadow:0 .7565932872px 2px rgba(0,0,0,.15);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);line-height:1.1}.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:disabled,.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:disabled:active,.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:disabled:hover,.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:disabled[aria-checked]{cursor:not-allowed;background-color:hsla(0,0%,73.3%,.5);color:#888;box-shadow:none}.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:hover{background-color:var(--theme-button-bg-hover);box-shadow:0 1.7994922406px 4px rgba(0,0,0,.25);color:var(--theme-button-fg)}.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:active{background-color:var(--theme-button-bg-active);box-shadow:0 0 0 rgba(0,0,0,.15);color:var(--theme-button-fg)}.protocol-launch--theme-bluegradient .protocol-launch__popup_placeholder-button:focus-visible{box-shadow:0 0 0 3px rgba(26,89,200,.33)}.protocol-launch--theme-bluegradient .protocol-launch__footer{background-color:#243a5e;color:#fff}.protocol-launch--theme-bluegradient .protocol-launch__footer a{color:#ffc93b}.surf-protocol-launch__content{position:relative;width:90vw;max-width:min(1080px,160vh - 400px)}.surf-protocol-launch__content:before{display:block;content:"";width:100%;padding-bottom:55.5555555556%}.surf-protocol-launch__canvas{position:absolute;top:0;left:0}.surf-protocol-launch__canvas:before{display:block;content:"";width:100%;padding-bottom:100%}.surf-protocol-launch__canvas{width:100%}.surf-protocol-launch__text{position:absolute;top:0;left:30%;width:125%;max-width:500px;display:flex;flex-direction:column;align-items:center}.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{position:relative;left:1%;top:-6px;width:18.4%;opacity:0;animation-name:surf-protocol-launch-arrow;animation-duration:.5s;animation-delay:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;z-index:1}.surf-protocol-launch__surfer{position:absolute;width:30%;top:5%;left:0}.surf-page .container{max-width:1276px}.surf-page__game-section{background-image:linear-gradient(180deg,#28ccf0,#0c83d4 20%,#1a5990 40%,#204773 60%,#243a5e 85%,#fff 0)}.surf-page__game-wrapper{position:relative}.surf-page__game-wrapper:before{content:"";display:block;position:absolute;top:30px;right:30px;bottom:0;left:30px;border-radius:5px;box-shadow:0 15px 40px 0 rgba(56,194,237,.5),0 15px 45px 0 rgba(0,0,0,.2),0 8px 24px 0 rgba(0,0,0,.2),0 3px 9px 0 rgba(0,0,0,.2)}.surf-page__game-wrapper>svg{position:absolute;bottom:100%;left:1px;right:1px;display:block;margin-bottom:-4px}.surf-page__game{border-radius:8px;overflow:hidden;position:relative}.surf-page__header{display:flex;align-items:center;justify-content:center;margin-bottom:-.8%;padding-top:48px;position:relative;z-index:1}.surf-page__title{flex-grow:0;flex-shrink:1}.surf-page__title:before{display:block;content:"";width:100%;padding-bottom:33.3333333333%}.surf-page__title{background-image:url(./header.DYfQH81o.avif);background-size:contain;background-repeat:no-repeat;width:60%;max-width:600px;margin:0;padding:0;position:relative}.surf-page__button{align-items:stretch;background-image:linear-gradient(180deg,#fef3e1,#e7aa2e);border-radius:4px;border:0;box-shadow:0 5px 15px 0 rgba(0,0,0,.49);color:#243a5e;display:block;display:inline-flex;font-size:1.5rem;font-weight:800;height:56px;justify-content:stretch;line-height:0;padding:3px;position:relative;text-shadow:0 3px 9px rgba(0,0,0,.19);text-transform:uppercase;outline:none;cursor:pointer}.surf-page__button>span{align-items:center;justify-content:center;padding:0 1.25em;position:relative;display:flex;border-radius:3px;background-image:linear-gradient(180deg,#fedf9f,#f6c560);margin:0;height:100%}.surf-page__button>span:after{content:"";display:block;width:9px;height:15px;margin-left:.5em;margin-right:-.25em;position:relative;top:1px;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 15'%3E%3Cpath fill='%23243a5e' fill-rule='evenodd' d='M3 12v3H0v-3zm3-3v3H3V9zm3-3v3H6V6zM6 3v3H3V3zM3 0v3H0V0z'/%3E%3C/svg%3E");transition:transform .2s cubic-bezier(.215,.61,.355,1)}.surf-page__button:hover{color:#243a5e}.surf-page__button:hover span{background-image:linear-gradient(180deg,#fee7b8,#f7ce78)}.surf-page__button:hover span:after{transform:translateX(4px)}.surf-page__button--blue{background-image:linear-gradient(180deg,#17a0df,#224068);color:#fff}.surf-page__button--blue span{background-image:linear-gradient(180deg,#1078c3,#1e4d7d)}.surf-page__button--blue span:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 15'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3 12v3H0v-3zm3-3v3H3V9zm3-3v3H6V6zM6 3v3H3V3zM3 0v3H0V0z'/%3E%3C/svg%3E")}.surf-page__button--blue:hover{color:#fff}.surf-page__button--blue:hover span{background-image:linear-gradient(180deg,#1287db,#235a92)}.surf-page__header-play{font-size:1.5rem;font-weight:600;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 36px;flex:none;position:relative}.surf-page__header-play>span{font-size:1.2em;text-shadow:0 3px 9px rgba(0,0,0,.19);margin-top:.15em;display:block}.surf-page__info-grid{margin-top:96px;color:#243a5e}.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{font-size:1.5rem;margin-bottom:1.5em}.surf-page__info-grid-header-content .surf-page__button{box-shadow:0 7px 21px 0 rgba(0,0,0,.2)}.surf-page__info-grid-header-content{position:relative;z-index:1;margin-bottom:96px}.surf-page__info-grid-hero{width:50%;flex:1}.surf-page__info-grid-hero img{margin-top:-2%;margin-left:-3%;width:115%}.surf-page__info-grid-items{display:flex;flex-wrap:wrap;justify-content:space-between}.surf-page__info-grid-item{width:calc(33.3333333333% - 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)}.surf-page .game-over-fade-enter-active,.surf-page .game-over-fade-leave-active{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{height:100%;backdrop-filter:blur(8px);border-radius:8px;z-index:1000;overflow:hidden;background-image:linear-gradient(180deg,rgba(21,156,221,.75),rgba(0,52,129,.75))}.surf-page__game-over,.surf-page__game-over-content{position:absolute;top:0;left:0;width:100%}.surf-page__game-over-content:before{display:block;content:"";width:100%;padding-bottom:100%}.surf-page__game-over-content>*{position:absolute}.surf-page__game-over-message-container{position:absolute;top:10%;left:50%;transform:translateX(-50%);width:600px}.surf-page__game-over-message{width:100%}.surf-page__game-over-message span{max-width:18em}.surf-page__game-over-message-action{display:inline;text-decoration:underline;font-weight:600}.surf-page__game-over-message-action:hover{text-decoration:underline;color:#0074d9}.surf-page__game-over-surfer{position:absolute;width:18%;top:73%;left:-11%}.surf-page__game-over-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.2);font-size:1.5rem;font-weight:600;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 36px}.surf-page__game-over-play>span{font-size:1.2em;text-shadow:0 3px 9px rgba(0,0,0,.19);margin-top:.15em;display:block}@media screen and (max-width:1366px){.surf-page__header-play>span{font-size:1.5rem}.surf-page__button{font-size:1.25rem;height:48px}.surf-page__info-grid-hero{display:none}}@media screen and (max-width:860px){.surf-page__header-play>span{font-size:1.25rem}.surf-page__button{font-size:1.125rem;height:42px}}.surf-page__game{-webkit-touch-callout:none;-webkit-user-select:none;-moz-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 :after,.surf-page__game :before{box-sizing:initial}.surf-page__game{color:#000}.surf-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}