@font-face{font-family:JetBrains Mono;font-weight:400;font-style:normal;font-display:block;src:url(/fonts/jetbrains-mono-5.3.0-latin-400.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:600;font-style:normal;font-display:block;src:url(/fonts/jetbrains-mono-5.3.0-latin-600.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:700;font-style:normal;font-display:block;src:url(/fonts/jetbrains-mono-5.3.0-latin-700.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:100 900;font-style:normal;font-display:block;src:url(/fonts/inter-5.3.0-latin-wght.woff2)format("woff2")}:root{--lab-paper:#efe9df;--lab-ink:#24221f;--lab-ink-hover:#3b3833;--lab-line:#e6ded2;--lab-yellow:#f5df4d;--lab-bar-h:48px;background:var(--lab-paper);color:var(--lab-ink)}body.sim-page,body.text-page{background:var(--lab-paper);color:var(--lab-ink)}*{box-sizing:border-box}html{background:var(--lab-paper);color:var(--lab-ink)}body{background:var(--lab-paper);color:var(--lab-ink);margin:0;font:17px/1.55 Inter,sans-serif}a{color:inherit;text-underline-offset:3px}a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lab-ink);outline-offset:2px}header.bar,.cta,.small-screen,.status,.steps{letter-spacing:1px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px}.foot{letter-spacing:.3px;font-family:JetBrains Mono,monospace;font-size:11px}header.bar{height:var(--lab-bar-h);flex:0 0 var(--lab-bar-h);padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));border-bottom:1px solid var(--lab-line);background:var(--lab-paper);color:var(--lab-ink);align-items:center;gap:16px;display:flex}.mark{flex:none;align-items:center;min-width:24px;min-height:28px;display:flex}.mark img{width:auto;height:28px;display:block}.bar-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:12px;font-weight:600;overflow:hidden}.bar nav{flex:none;gap:12px;display:flex}.bar nav a{align-items:center;min-width:24px;min-height:28px;text-decoration:none;display:inline-flex}.bar nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px}.cta{background:var(--lab-ink);min-height:28px;color:var(--lab-paper);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.cta:hover{background:var(--lab-ink-hover)}.foot{padding:12px 24px;padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right));border-top:1px solid var(--lab-line);background:var(--lab-paper);color:var(--lab-ink)}.foot a{min-height:24px;line-height:24px;display:inline-block}.foot a:focus-visible{background:var(--lab-ink);color:var(--lab-paper)}body.sim-page{height:100vh;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.sim-host{flex:auto;min-height:0;position:relative;overflow:hidden}.sim-page .foot{height:24px;padding:0 12px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));box-shadow:inset 0 1px 0 var(--lab-line);white-space:nowrap;text-overflow:ellipsis;border-top:0;flex:0 0 24px;line-height:24px;overflow:hidden}@media (min-width:1024px){.sim-page .foot:focus-within{scrollbar-width:none;overflow-x:auto}}.small-screen{text-align:center;letter-spacing:0;background:var(--lab-paper);height:24px;color:var(--lab-ink);flex:0 0 24px;margin:0;padding:0 4px;line-height:24px;display:none}.sim-host[data-trick]:not([data-trick=""]) .tourchip{display:none}body>.turn{bottom:auto;top:calc(var(--lab-bar-h) + 24px + 16px);color:var(--lab-ink);background:var(--lab-paper)}body>.zoomhint{top:calc(var(--lab-bar-h) + 4px);color:var(--lab-ink);background:var(--lab-paper)}.skip{z-index:100;background:var(--lab-paper);min-height:28px;color:var(--lab-ink);padding:2px 8px;position:absolute;top:4px;left:12px;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}.text-page{flex-direction:column;min-height:100vh;display:flex}.content{flex:1;width:min(70ch,100% - 40px);margin:48px auto}.content h1{margin:0 0 24px;font-size:32px;line-height:1.2}.content h2{margin:32px 0 12px;font-size:22px;line-height:1.3}.content p{margin:0 0 20px}.content a{min-height:24px;display:inline-block}.trick-card{border:1px solid var(--lab-ink);border-radius:8px;margin:24px 0;padding:24px;position:relative}.trick-card h2{margin:0 0 12px;padding-right:90px}.status{border:1px solid var(--lab-ink);border-radius:999px;padding:2px 8px;position:absolute;top:24px;right:24px}.status-live{background:var(--lab-yellow);color:var(--lab-ink)}.steps{flex-wrap:wrap;gap:8px 24px;margin-bottom:24px;padding-left:0;display:flex}.steps li{list-style-position:inside}.measurements{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.measurements dt{font-weight:600}.measurements dd{margin:0}.formulas{overflow-wrap:anywhere}.notices{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 JetBrains Mono,monospace}@media (max-width:1023px){.sim-page .foot{white-space:normal;height:auto;min-height:24px;padding:2px 12px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));text-overflow:clip;flex:none;line-height:20px;overflow:visible}}@media (max-width:820px),(max-height:500px){.small-screen{display:block}body>.zoomhint{top:calc(var(--lab-bar-h) + 12px);transform:translate(-50%,-50%)}body:has(.zoomhint.visible) .small-screen{visibility:hidden}header.bar{padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));gap:8px}.bar nav{gap:8px}.cta{padding:0 10px}}@media (max-width:600px){.content{margin:32px auto}}@media (max-width:360px){header.bar,.cta{letter-spacing:.5px}.cta{padding:0 8px}.bar nav{gap:6px}}@media (max-height:500px){:root{--lab-bar-h:40px}}body.phone.sim-page{display:block}body.phone main.sim-host{position:fixed;inset:0}body.phone header.bar,body.phone footer.foot{z-index:20;transition:opacity .25s,visibility .25s;position:fixed;left:0;right:0}body.phone header.bar{background:#efe9dfeb;top:0}body.phone footer.foot{white-space:normal;text-overflow:clip;height:auto;min-height:0;padding-top:5px;padding-bottom:max(5px, env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));box-shadow:inset 0 1px 0 var(--lab-line);background:#efe9dfeb;flex:none;font-size:10.5px;line-height:15px;bottom:0;overflow:visible}body.phone .small-screen{display:none}:is(body.phone:has(#app.chrome-off) header.bar,body.phone:has(#app.chrome-off) footer.foot){opacity:0;visibility:hidden}body.phone>.zoomhint{letter-spacing:.8px;height:24px;padding:0 10px;font-size:10px;top:50%;transform:translate(-50%,-50%)}body.phone>.turn{padding:var(--lab-chrome-top,48px) 0 var(--lab-chrome-bottom,0px);box-sizing:border-box;background:var(--lab-paper);z-index:15;justify-content:center;align-items:center;gap:16px;font-size:14px;inset:0;overflow:hidden}body.phone>.turn:before{content:"";left:0;right:0;top:var(--lab-chrome-top,48px);bottom:var(--lab-chrome-bottom,0px);opacity:.3;pointer-events:none;background:url(/brand/surfskate-float.webp) 50% 42%/auto 64% no-repeat;position:absolute}body.phone>.turn>*{position:relative}body.phone>.turn .turn-title{left:16px;right:16px;top:calc(var(--lab-chrome-top,48px) + 20px);letter-spacing:1.2px;text-transform:uppercase;text-align:center;color:var(--lab-ink);font:700 15px/1.4 JetBrains Mono,monospace;display:block;position:absolute}@media (orientation:portrait){body.phone h1.bar-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body.phone header.bar,body.phone footer.foot{background:var(--lab-paper)}body.phone #gl{visibility:hidden}}body.phone>.turn .turn-icon{width:96px;height:96px}body.phone>.turn .turn-how{letter-spacing:1px;text-transform:uppercase;max-width:340px;color:var(--lab-ink);margin-top:4px;font:500 12px/1.7 JetBrains Mono,monospace;display:block}@media (prefers-reduced-motion:reduce){body.phone header.bar,body.phone footer.foot{transition:none}}@media (orientation:landscape){body.phone footer.foot,body.phone header.bar{display:none}}