:is(.games-world:has(.outside)>.games-nav,.games-world:has(.outside)>.games-footer){display:none}.outside{--surf-cream:#f6f5e9;--surf-mint:#acede0;--surf-orange:#ed9969;z-index:50;height:100dvh;min-height:480px;color:var(--surf-cream);isolation:isolate;background:#164e5a;font-family:Arial,Helvetica,sans-serif;position:fixed;inset:0;overflow:hidden}.outside *{box-sizing:border-box}.outside button,.outside a{color:inherit}.outside button{cursor:pointer;font-family:inherit}.outside button:disabled{cursor:wait;opacity:.55}:is(.outside button:focus-visible,.outside a:focus-visible,.outside input:focus-visible){outline:2px solid var(--surf-orange);outline-offset:5px}.surf-canvas,.surf-shade,.surf-grain{width:100%;height:100%;position:absolute;inset:0}.surf-canvas{display:block}.surf-shade{pointer-events:none;background:linear-gradient(90deg,#021e237a,#0000 60%),linear-gradient(#031e224d,#0000 20% 58%,#02191ec2);transition:background .6s}.is-playing .surf-shade{background:linear-gradient(#04253155,#0000 25% 72%,#041f2e88)}.surf-grain{pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.surf-header{z-index:5;border-bottom:1px solid #ffffff25;justify-content:space-between;align-items:center;height:88px;padding:0 44px;display:flex;position:absolute;top:0;left:0;right:0}.surf-back{letter-spacing:.16em;align-items:center;gap:12px;font-size:10px;text-decoration:none;display:flex}.surf-wordmark{align-items:center;gap:11px;margin-left:65px;display:flex}.surf-wordmark>span{letter-spacing:.09em;font-size:18px;font-weight:850}.surf-wordmark i{letter-spacing:.13em;opacity:.7;border-left:1px solid #ffffff50;margin-left:5px;padding-left:13px;font-size:8px;font-style:normal}.surf-tools{gap:8px;display:flex}.surf-tools button{background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .2s;display:grid}.surf-tools button:hover{background:#ffffff20}.surf-help-button{font-size:19px}.surf-lobby{justify-content:space-between;align-items:center;gap:30px;padding:32px 6vw;display:flex;position:absolute;inset:88px 0 86px}.surf-intro{align-self:center;margin-top:-14px}.surf-overline{letter-spacing:.18em;color:var(--surf-mint);align-items:center;gap:10px;margin:0 0 26px;font:10px Courier New,monospace;display:flex}.surf-overline>span,.surf-score p>span{background:var(--surf-mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #acede055}.surf-intro h1{letter-spacing:-.075em;margin:36px 0 34px;font-size:clamp(88px,10.5vw,166px);font-weight:800;line-height:.77}.surf-intro h1 em{letter-spacing:-.065em;font-family:Georgia,Times New Roman,serif;font-weight:400}.surf-intro-copy{color:#f3f6eecc;margin:30px 0;font-size:16px;line-height:1.7}.surf-location{letter-spacing:.12em;align-items:center;gap:13px;margin-top:36px;font:9px Courier New,monospace;display:flex}.surf-location span{color:var(--surf-mint)}.surf-location i{background:#ffffff60;width:30px;height:1px}.surf-session{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#072e38d9,#05242bd9);border:1px solid #ddffff35;border-radius:4px;flex-shrink:0;align-self:flex-end;width:365px;margin-bottom:24px;padding:25px;box-shadow:0 16px 60px #03222b38}.surf-session-heading{letter-spacing:.1em;color:#e2eee7aa;justify-content:space-between;margin:1px 0 20px;font:8px Courier New,monospace;display:flex}.surf-session-heading span:last-child{color:var(--surf-mint)}.surf-break{text-align:left;background:0 0;border:1px solid #ffffff25;border-radius:2px;align-items:center;gap:13px;width:100%;margin-top:9px;padding:14px 10px;transition:all .2s;display:flex}.surf-break.selected{background:#bfedda12;border-color:#bbe7db}.surf-break:hover{background:#ffffff12}.surf-break-art{color:#e4fff4;background:radial-gradient(at 20% 85%,#206b75,#92d1c1);border-radius:50%;flex-shrink:0;place-items:center;width:49px;height:49px;display:grid;overflow:hidden;box-shadow:inset -8px -9px 15px #02373a66}.surf-break-art.mavericks{background:radial-gradient(at 20% 85%,#274b5a,#b5c6b0)}.surf-break strong{letter-spacing:-.04em;font-size:20px;font-weight:500;display:block}.surf-break small{letter-spacing:.1em;color:#c2d7d3;margin-top:6px;font:7px Courier New,monospace;display:block}.surf-break-check{color:#ace5d1;width:20px;margin-left:auto}.surf-conditions{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;grid-template-columns:repeat(3,1fr);margin-top:20px;padding:16px 0;display:grid}.surf-conditions>div+div{border-left:1px solid #ffffff20;padding-left:16px}.surf-conditions span{letter-spacing:.12em;color:#bad0cd;font:7px Courier New,monospace;display:block}.surf-conditions b{margin-top:7px;font-size:14px;font-weight:400;display:block}.surf-session-copy{color:#d0ded8;margin:16px 0;font-size:12px;line-height:1.7}.surf-assist{cursor:pointer;flex-wrap:wrap;align-items:center;gap:7px;margin:18px 0;font-size:10px;display:flex}.surf-assist input{accent-color:var(--surf-mint);width:13px;height:13px}.surf-assist small{color:#c4d6d0;letter-spacing:.03em;margin-left:auto;font:6.5px Courier New,monospace}.surf-primary{background:var(--surf-orange);border:0;border-radius:2px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:18px 20px;font-size:14px;font-weight:650;transition:background .2s,transform .2s;display:flex;color:#153c40!important}.surf-primary:hover{background:#f4b083;transform:translateY(-1px)}.surf-session-foot{letter-spacing:.05em;color:#c0d3cb;justify-content:space-between;gap:9px;margin-top:14px;font:6.5px Courier New,monospace;display:flex}.surf-lobby-footer{letter-spacing:.12em;color:#e0e7df;border-top:1px solid #ffffff30;align-items:center;gap:36px;height:76px;font:8px Courier New,monospace;display:flex;position:absolute;bottom:0;left:44px;right:44px}.surf-lobby-footer>span{align-items:center;gap:6px;display:flex}.surf-lobby-footer>span.surf-edition{opacity:.7;margin-left:auto}.outside kbd{min-width:22px;height:23px;color:var(--surf-cream);background:#ffffff08;border:1px solid #fff5;border-radius:3px;place-items:center;padding:2px 5px;font:11px Courier New,monospace;display:inline-grid}.surf-lobby-footer .space-key{width:65px;margin-right:5px;font-size:9px}.surf-score{position:absolute;top:122px;left:44px}.surf-score p{letter-spacing:.15em;color:var(--surf-mint);align-items:center;gap:8px;margin:0;font:9px Courier New,monospace;display:flex}.surf-score>strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:9px 0;font-size:58px;font-weight:500;line-height:1.2;display:block}.surf-score>span{font-size:12px}.surf-score i{opacity:.5;padding:0 8px;font-style:normal}.surf-combo{text-align:right;color:var(--surf-mint);position:absolute;top:124px;right:44px}.surf-combo>b{letter-spacing:-.06em;font-size:70px;font-weight:400;line-height:1}.surf-combo>span{letter-spacing:.15em;margin-top:7px;font:9px Courier New,monospace;display:block}.surf-combo>strong{margin-top:16px;font-size:25px;font-weight:400;display:block}.surf-combo small{font:9px Courier New,monospace}.surf-line{letter-spacing:.1em;color:#e5efea99;flex-direction:column;align-items:center;gap:10px;font:7px Courier New,monospace;display:flex;position:absolute;top:44%;left:44px}.surf-line>div{background:#ffffff30;width:3px;height:136px;position:relative}.surf-line-zone{background:#8adecd;border-radius:3px;width:7px;height:44%;position:absolute;bottom:32%;left:-2px}.surf-line b{background:#fff;width:17px;height:3px;transition:bottom .1s;position:absolute;left:-7px;box-shadow:0 0 10px #fff}.surf-instruction{text-align:center;text-shadow:0 2px 12px #001e28;width:min(540px,60%);position:absolute;bottom:95px;left:50%;transform:translate(-50%)}.surf-instruction>span{letter-spacing:.2em;color:var(--surf-mint);font:9px Courier New,monospace}.surf-instruction p{margin:12px 0;font-size:19px;font-weight:400}.surf-instruction>small{color:#d7e7e4;font-size:11px}.surf-instruction.danger>span,.surf-instruction.danger p{color:#ffc29d}.surf-paddle-meter{background:#eaffff40;border-radius:3px;width:220px;height:4px;margin:18px auto 12px;overflow:hidden}.surf-paddle-meter i{background:var(--surf-orange);height:100%;transition:width .1s;display:block}.surf-ride-stats{gap:28px;display:flex;position:absolute;bottom:41px;right:44px}.surf-ride-stats>div{text-align:right;flex-direction:column;gap:6px;display:flex}.surf-ride-stats b{font-variant-numeric:tabular-nums;font-size:27px;font-weight:400}.surf-ride-stats span{letter-spacing:.1em;color:#d2e1df;font:7px Courier New,monospace}.surf-ride-keys{letter-spacing:.08em;color:#d5e3de;gap:19px;font:8px Courier New,monospace;display:flex;position:absolute;bottom:43px;left:44px}.surf-session-progress{background:#ffffff1a;width:100%;height:3px;position:absolute;bottom:0}.surf-session-progress i{background:var(--surf-mint);height:100%;transition:width .1s;display:block}.surf-modal-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4;background:#02202d70;place-items:center;padding:24px;display:grid;position:absolute;inset:88px 0 0;overflow-y:auto}.surf-result,.surf-help,.surf-pause{background:#072e38ee;border:1px solid #ffffff35;width:min(470px,100%);padding:38px;position:relative}.surf-result h2,.surf-help h2,.surf-pause h2{letter-spacing:-.04em;margin:15px 0 18px;font:italic 43px/1.1 Georgia,serif}.surf-result>p:not(.surf-overline),.surf-pause>p{color:#c5dcd6;font-size:13px;line-height:1.7}.surf-final-score{letter-spacing:-.06em;margin:25px 0;font-size:70px;font-weight:400;line-height:1;display:block}.surf-final-score small{letter-spacing:.16em;color:var(--surf-mint);margin-top:10px;font:8px Courier New,monospace;display:block}.surf-result-stats{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;justify-content:space-between;margin-bottom:25px;padding:17px 0;display:flex}.surf-result-stats b{font-size:20px;font-weight:400;display:block}.surf-result-stats span{letter-spacing:.1em;color:#bacfc9;font:7px Courier New,monospace}.surf-text-button{background:0 0;border:0;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 5px 0;font-size:12px;text-decoration:none;display:flex;color:#d5e7dd!important}.surf-retry-key{text-align:center;margin:18px 0 0;color:#a9c2b9!important;font:7px Courier New,monospace!important}.surf-retry-key kbd{min-width:17px;height:17px;margin:0 4px;font-size:9px}.surf-pause h2{margin-bottom:35px}.surf-help ol{margin:25px 0;padding:0;list-style:none}.surf-help li{gap:18px;margin:20px 0;display:flex}.surf-help li>b{color:var(--surf-mint);padding-top:4px;font:10px Courier New,monospace}.surf-help li strong{font-size:15px;font-weight:500}.surf-help li p{color:#bed6ce;margin:7px 0;font-size:12px;line-height:1.8}.surf-help kbd{min-width:18px;height:19px;font-size:9px}.surf-help-note{color:#b0cac2;border-top:1px solid #ffffff25;margin-bottom:20px;padding-top:16px;font-size:11px;line-height:1.8}.surf-close{background:0 0;border:0;position:absolute;top:18px;right:18px}.surf-touch{display:none}.surf-sr{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.is-underwater .surf-canvas{filter:blur(4px)saturate(.65)}@media (min-width:1550px){.surf-lobby{padding-right:8vw}.surf-session{width:405px;padding:30px}.surf-session-copy{font-size:14px}.surf-break{padding:17px 14px}.surf-intro h1{font-size:170px}}@media (max-height:760px) and (min-width:801px){.surf-header{height:65px}.surf-lobby{padding-top:18px;padding-bottom:10px;inset:65px 0 60px}.surf-session{width:345px;margin-bottom:0;padding:20px}.surf-session-heading{margin-bottom:12px}.surf-break{padding:10px}.surf-break-art{width:40px;height:40px}.surf-session-copy{margin:10px 0}.surf-assist{margin:12px 0}.surf-conditions{margin-top:14px;padding:12px 0}.surf-intro h1{margin:27px 0;font-size:clamp(80px,10vw,135px)}.surf-intro-copy{margin:22px 0}.surf-location{margin-top:20px}.surf-overline{margin-bottom:16px}.surf-lobby-footer{height:55px}.surf-modal-wrap{inset:65px 0 0}.surf-result,.surf-help,.surf-pause{padding:26px}.surf-help li{margin:12px 0}.surf-help ol{margin:15px 0}.surf-help-note{margin:10px 0 17px}.surf-result h2{font-size:37px}.surf-final-score{margin:18px 0;font-size:55px}}@media (max-width:800px){.surf-header{height:68px;padding:0 20px}.surf-wordmark{margin:0}.surf-wordmark i,.surf-back span{display:none}.surf-tools{gap:1px}.surf-wordmark>span{font-size:15px}.surf-lobby{gap:20px;padding:24px;inset:68px 0 64px}.surf-intro h1{font-size:95px}.surf-intro-copy{font-size:13px}.surf-overline{font-size:8px}.surf-location{gap:7px;max-width:170px;font-size:7px;line-height:1.8}.surf-location i{display:none}.surf-session{width:310px;margin:0;padding:20px}.surf-lobby-footer{gap:18px;height:56px;font-size:7px;left:24px;right:24px}.surf-edition{display:none!important}.surf-modal-wrap{inset:68px 0 0}.surf-score{top:96px;left:22px}.surf-combo{top:99px;right:22px}.surf-line{left:25px}.surf-ride-stats{gap:20px;bottom:36px;right:25px}.surf-ride-keys{gap:10px;font-size:7px;left:25px}.surf-instruction{width:80%;bottom:120px}.surf-instruction p{font-size:16px}}@media (max-width:600px){.outside{min-height:0}.surf-lobby{padding:24px 21px 18px;display:block;inset:68px 0 0;overflow-y:auto}.surf-intro{margin:0}.surf-intro .surf-overline{margin:0 0 17px}.surf-intro h1{margin:0 0 20px;font-size:77px;line-height:.83}.surf-intro h1 br{display:none}.surf-intro h1 em{margin-left:12px}.surf-intro-copy{margin:0;font-size:12px;line-height:1.5}.surf-intro-copy br,.surf-location{display:none}.surf-session{width:100%;margin:28px 0 0;padding:18px}.surf-session-heading{margin-bottom:12px}.surf-break{padding:10px}.surf-break-art{width:39px;height:39px}.surf-break strong{font-size:19px}.surf-conditions{margin-top:14px;padding:12px 0}.surf-session-copy{margin:12px 0;font-size:11px;line-height:1.5}.surf-assist{margin:14px 0}.surf-lobby-footer{display:none}.surf-shade{background:linear-gradient(#0000 25%,#032632aa),linear-gradient(90deg,#05373c88,#0000)}.surf-wordmark{gap:7px}.surf-tools button{width:29px}.surf-tools button[aria-label=Toggle\ fullscreen]{display:none}.surf-score>strong{font-size:43px}.surf-score>span{font-size:10px}.surf-score p{font-size:8px}.surf-combo>b{font-size:53px}.surf-line{top:41%}.surf-line>div{height:95px}.surf-ride-stats{gap:14px;bottom:165px;right:22px}.surf-ride-stats b{font-size:22px}.surf-ride-stats span{font-size:6px}.surf-ride-keys{display:none}.surf-instruction{width:83%;bottom:238px}.surf-instruction p{font-size:14px;line-height:1.4}.surf-instruction>small{font-size:9px}.surf-instruction>span{font-size:8px}.surf-modal-wrap{padding:18px}.surf-result,.surf-help,.surf-pause{padding:26px}.surf-help h2,.surf-result h2,.surf-pause h2{font-size:36px}.surf-help li{gap:12px;margin:12px 0}.surf-help li p{font-size:11px}.surf-help-note{font-size:10px}.surf-final-score{font-size:57px}.surf-result-stats{gap:10px}.surf-touch{touch-action:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:28px;left:23px;right:23px}.surf-dpad{grid-template-rows:44px 44px;grid-template-columns:48px 48px 48px;gap:5px;display:grid}.surf-touch-key{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;-webkit-user-select:none;user-select:none;background:#062e3999;border:1px solid #dcfff355;border-radius:9px;place-items:center;display:grid}.surf-touch-key:active{background:#acede050}.touch-up{grid-column:2}.touch-left{grid-area:2/1}.touch-down{grid-area:2/2}.touch-right{grid-area:2/3}.touch-paddle{border-color:var(--surf-orange);border-radius:50%;width:76px;height:76px;font:10px/1.6 Courier New,monospace;color:var(--surf-orange)!important}.surf-paddle-meter{width:180px}}@media (pointer:coarse) and (min-width:601px){.surf-touch{touch-action:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:80px;left:30px;right:30px}.surf-dpad{grid-template-rows:40px 40px;grid-template-columns:42px 42px 42px;gap:4px;display:grid}.surf-touch-key{touch-action:none;background:#073c4699;border:1px solid #fff6;border-radius:6px;place-items:center;display:grid}.touch-up{grid-column:2}.touch-left{grid-area:2/1}.touch-down{grid-area:2/2}.touch-right{grid-area:2/3}.touch-paddle{border-radius:50%;width:70px;height:70px;font-size:10px}.surf-ride-keys{display:none}}@media (prefers-reduced-motion:reduce){.outside *{transition:none!important}.surf-grain{display:none}}