:root{font-family:Arial,Helvetica,sans-serif;color:#eeeadd;background:#141522;font-synthesis:none;--ink:#141522;--paper:#eeeadd;--yellow:#f5d329;--orange:#ef6436;--red:#d84837;--teal:#35bcbd;--purple:#5d397e;--display:Impact,"Arial Black","Arial Narrow",sans-serif;--mono:"Courier New",monospace}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button:focus:not(:focus-visible){outline:none}.hidden{display:none!important}button{border-radius:0}button:active{filter:brightness(1.15)}#app{height:100dvh;display:flex;flex-direction:column;isolation:isolate}.masthead{height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;background:#171725;border-bottom:2px solid #625576;position:relative;z-index:12}.brand{display:flex;align-items:center;gap:4px;font-family:var(--display);font-style:italic;font-size:22px;letter-spacing:.15px;text-decoration:none;color:#e3e3da;text-shadow:2px 2px #000}.brand-mark{color:var(--teal);font-family:Arial;font-size:32px;line-height:.5;margin-right:4px}.brand-year{color:var(--orange);font-size:23px}.edition{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:1.6px;color:#a9a3b1}.header-actions{display:flex;align-items:center;gap:18px}.icon-button{background:none;color:#e5e1d4;font-family:var(--mono);font-weight:700;letter-spacing:.4px;font-size:10px;padding:8px 0}.icon-button:hover{color:var(--yellow)}#stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#366c75;outline:none}#viewport,#viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#viewport canvas{image-rendering:pixelated}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,#03061408 0,#03061408 1px,transparent 1px,transparent 3px);opacity:.62;mix-blend-mode:multiply}.scene-label{position:absolute;left:24px;bottom:17px;z-index:3;display:none;align-items:center;gap:8px;color:#ece9d1;font:bold 9px var(--mono);letter-spacing:1px;text-shadow:1px 1px 1px #10131d,1px -1px 1px #10131d}.playing .scene-label{display:flex}.live-dot{width:6px;height:6px;background:var(--yellow);transform:rotate(45deg)}.divider{color:#b6b3b1}.intro{position:absolute;inset:0;z-index:6;overflow:auto;background:linear-gradient(105deg,#251a38f2,#2a2240c7 32%,#0b222921 59%,#090f16d6)}.intro:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.7' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mix-blend-mode:screen}.poster-grid{position:absolute;top:0;left:-6%;height:100%;width:68%;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent,transparent 45px,#e4b7ff 46px,transparent 47px),repeating-linear-gradient(90deg,transparent,transparent 45px,#e4b7ff 46px,transparent 47px);transform:skew(-14deg);-webkit-mask-image:linear-gradient(90deg,#000,transparent 92%);mask-image:linear-gradient(90deg,#000,transparent 92%)}.poster-star{position:absolute;left:1%;top:25%;width:53vw;height:43vw;max-height:610px;background:linear-gradient(160deg,#57407150,#18c0b20d);clip-path:polygon(50% 0,57% 31%,80% 11%,70% 40%,100% 37%,73% 53%,99% 72%,65% 69%,70% 100%,50% 75%,26% 98%,33% 64%,0 67%,29% 49%,4% 26%,36% 34%);transform:rotate(-15deg)}.home-layout{max-width:1370px;min-height:calc(100% - 45px);margin:0 auto;padding:28px 6% 25px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.85fr);gap:8%;align-items:center;position:relative}.home-art{position:relative;align-self:stretch;min-height:410px;padding-top:23px}.kicker{font:bold 9px var(--mono);letter-spacing:1.5px;margin:0 0 22px;color:#e3d6bc}.kicker>span{display:inline-block;background:var(--orange);color:#211b28;padding:4px 7px;margin-right:8px;transform:rotate(-3deg);font-weight:900}.title-wrap{position:relative;isolation:isolate;margin:44px 0 0 -10px;padding:5px 0 19px;transform:rotate(-7deg);width:100%}.title-orbit{position:absolute;z-index:-1;inset:-16px -20px -1px;border:6px solid #a2b5b5;border-radius:50%;transform:rotate(1deg);background:linear-gradient(165deg,#deece960,#62777c40 40%,#0e1728c7 41%,#14252ebd);box-shadow:0 0 0 3px #11111b,4px 8px #090b13,-2px -3px #f3ede4}.title-orbit:after{content:"";position:absolute;width:120%;height:37%;left:-10%;top:38%;background:linear-gradient(90deg,#d84c38,#ef8343);transform:rotate(-8deg);z-index:-2;clip-path:polygon(0 15%,100% 0,89% 44%,98% 69%,0 100%,7% 52%);box-shadow:3px 4px #000}h1{font-family:var(--display);font-style:italic;font-size:clamp(54px,6.9vw,102px);line-height:.94;letter-spacing:-2.5px;margin:0;white-space:nowrap;position:relative;text-align:center;text-transform:uppercase;transform:scaleY(1.12);text-shadow:3px 3px 0 #0c1220,5px 5px 0 #0c1220,-2px -2px 0 #191d29}h1>span{color:#e5e9df;background:linear-gradient(#fcfff6 16%,#8d9caa 48%,#f7fff8 51%,#ced0c8 71%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #d9ddd2;filter:drop-shadow(3px 3px #071522)}h1 em{display:block;color:#ec5a40;font-size:.9em;line-height:.85;text-align:right;margin:0 13px -12px 0;font-weight:900;font-style:italic;-webkit-text-stroke:2px #391b29;text-shadow:2px 2px 0 #f08954,5px 5px 0 #151529,8px 6px 0 #101323}.title-sub{font:italic 19px var(--display);letter-spacing:5px;margin:-40px 0 0 8%;color:#eee7cf;transform:rotate(1deg);text-shadow:2px 2px #0c1825;max-width:60%}.home-tagline{font:italic clamp(23px,3vw,41px)/.98 var(--display);color:#eeead5;text-transform:uppercase;letter-spacing:.2px;margin:69px 0 0 18px;transform:rotate(-5deg);text-shadow:3px 3px 0 #181923}.home-tagline em{color:var(--yellow);font-style:inherit}.surf-sticker{position:absolute;right:0;bottom:28px;transform:rotate(12deg);width:124px;height:124px;background:var(--yellow);clip-path:polygon(50% 0,61% 8%,76% 5%,81% 19%,95% 25%,93% 39%,100% 50%,91% 61%,96% 76%,81% 81%,75% 95%,62% 92%,50% 100%,39% 91%,24% 95%,18% 81%,5% 74%,8% 61%,0 50%,9% 37%,5% 24%,19% 19%,25% 5%,38% 8%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2b2631;text-align:center;filter:drop-shadow(4px 5px #171624)}.surf-sticker span{font:bold 8px var(--mono);letter-spacing:.8px}.surf-sticker strong{font:italic 29px/.91 var(--display);margin:5px 0}.poster-caption{position:absolute;left:26px;bottom:3px;font:bold 8px/1.6 var(--mono);letter-spacing:2px;color:#c2bcca;transform:rotate(-5deg)}.home-menu{position:relative;align-self:center;padding:16px 0}.menu-heading{display:flex;justify-content:space-between;gap:12px;font:bold 8px var(--mono);letter-spacing:1.1px;margin:0 0 11px;color:#d4d3c8}.menu-heading>b{color:#e8a348;letter-spacing:.4px;white-space:nowrap}.mode-options{display:flex;flex-direction:column;gap:10px}.mode-card{display:flex;position:relative;align-items:stretch;background:#161d27f0;color:var(--paper);text-align:left;padding:0;border:2px solid #767b79;box-shadow:4px 4px #080f1ccc;min-height:116px;transition:transform .12s,border-color .12s;overflow:hidden;isolation:isolate}.mode-card:hover{transform:translate(-3px);border-color:#f3e4b4}.mode-card.is-selected{border-color:var(--yellow);box-shadow:4px 4px #111521,0 0 0 1px #f5d32955;background:#293037ed}.mode-card.is-selected:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow)}.mode-picture{width:31%;flex-shrink:0;align-self:stretch;position:relative;background:#264f60;overflow:hidden;border-right:2px solid #747873;clip-path:polygon(0 0,100% 0,87% 100%,0 100%)}.mode-picture svg{display:block;height:100%;width:200%;max-width:none;position:absolute;top:0;left:-55%;image-rendering:pixelated;filter:saturate(.8) contrast(1.1)}.mode-picture:after{position:absolute;content:"";inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,#070d2029 2px,#070d2029 3px)}.mode-copy{flex:1;padding:13px 12px 9px 8px}.mode-number{display:block;font:bold 9px var(--mono);letter-spacing:1px;color:#e4b644;line-height:1}.mode-number i{font-style:normal;font-size:7px;color:#aaa99d;margin-left:9px;letter-spacing:.6px}.mode-copy strong{display:block;font:italic clamp(22px,2.15vw,32px)/1 var(--display);letter-spacing:.2px;margin:7px 0 5px;color:#f3efdf;text-shadow:2px 2px #000}.mode-detail{display:block;font:10px/1.3 Arial,sans-serif;color:#c5c7c0}.mode-status{display:block;font:bold 8px var(--mono);letter-spacing:1px;margin-top:9px;color:#8f9594}.is-selected .mode-status{color:var(--yellow)}.session-description{padding:14px 2px 12px;min-height:70px}.session-description>span{font:bold 8px var(--mono);letter-spacing:1.7px;color:var(--yellow)}.session-description p{font:11px/1.55 Arial,sans-serif;color:#dedccf;margin:5px 0 0;max-width:340px}.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:10px 23px;background:linear-gradient(#f7df61 0,#eebf2c 52%,#cf9720 53%,#edc736);border-top:2px solid #fff4ac;border-left:2px solid #ffeea3;border-right:2px solid #986422;border-bottom:2px solid #956322;box-shadow:4px 4px #0c1020;color:#27202c;font:italic 29px var(--display);letter-spacing:1px;text-shadow:1px 1px #fff9a180;transition:transform .12s,filter .12s}.primary-button:hover{filter:brightness(1.16);transform:translate(-1px,-1px)}.primary-button i,.primary-button>span:last-child:not(:first-child){font-style:normal;font-size:19px}.start-hint{font:bold 8px var(--mono);letter-spacing:1.7px;text-align:center;color:#dfd8bb;margin:11px 0 19px}.garage-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px}.garage-button{text-align:left;padding:11px 10px;background:#141925dc;border:1px solid #878477;color:#e2dfc9;box-shadow:3px 3px #0a1120}.garage-button>span{font:bold 7px var(--mono);display:block;color:#c4b2cf;letter-spacing:1px;margin-bottom:6px}.garage-button strong{font:italic 16px var(--display);display:flex;align-items:center;justify-content:space-between;gap:4px;white-space:nowrap;letter-spacing:.2px}.garage-button i{font-style:normal;color:var(--yellow);font:14px Arial}.garage-button:hover{color:var(--yellow);border-color:var(--yellow)}.intro-bottom{min-height:45px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 5%;font:bold 8px var(--mono);letter-spacing:1.6px;color:#c8c5b9;background:#111725bc;border-top:1px solid #8293905e}.intro-bottom b{font-family:var(--display);font-size:15px;font-style:italic;color:#e5d69c;letter-spacing:2px}.intro-bottom:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:repeating-linear-gradient(90deg,#e2dabe 0 8px,#273345 8px 16px);opacity:.65}.control-strip{height:34px;flex-shrink:0;background:#141623;border-top:2px solid #4b4a5a;padding:0 24px;display:flex;align-items:center;gap:24px;font:bold 8px var(--mono);color:#b9b6b6;letter-spacing:.3px}.control-strip>div{display:flex;align-items:center;gap:5px;white-space:nowrap}.control-strip span{margin-left:2px}kbd{display:inline-block;background:#262633;border:1px solid #8b8987;border-bottom:2px solid #5a585c;color:#eeebd7;min-width:18px;padding:2px 4px;font:9px/1 var(--mono);text-align:center;white-space:nowrap}.footer-right{margin-left:auto;color:#e2bd55;letter-spacing:1px;font-style:italic}.hud{position:absolute;inset:0;z-index:4;pointer-events:none;color:#f4f2df;text-shadow:1px 1px 0 #111827,2px 2px 0 #111827,-1px -1px 0 #192033}.hud button{pointer-events:auto}.eyebrow{font:bold 10px var(--mono);letter-spacing:1.5px}.score-block{position:absolute;left:27px;top:24px;width:226px}.score-row{display:flex;align-items:center;gap:21px}.score-row .eyebrow{width:49px;flex-shrink:0}.score-block strong{font:italic 34px/1 var(--display);color:#e9c332;letter-spacing:1.2px;text-shadow:2px 2px 0 #7b561e,3px 3px 0 #132133,-1px -1px 0 #ffde65;font-variant-numeric:tabular-nums}.special-row{margin-top:6px;display:flex;flex-direction:column;gap:4px;width:151px;font:bold 10px var(--mono);letter-spacing:1.3px}.special-meter{height:8px;border:1px solid #d8d8c4;background:#202632;box-shadow:1px 2px #060e18;transform:skew(-12deg);overflow:hidden}.special-meter i{display:block;width:0;height:100%;background:linear-gradient(#c7f790,#69db57 44%,#3eaa32 50%,#58c445);box-shadow:2px 0 #e2facc;transition:width .12s}.best-line{display:block;font:bold 8px var(--mono);letter-spacing:1px;margin-top:10px;color:#d0ccba}.best-line b{color:#e2c645;margin-left:8px}.timer-block{position:absolute;left:50%;top:18px;transform:translate(-50%);text-align:center}.timer-block .eyebrow{display:none}.timer-block strong{display:block;font:italic 49px/.98 var(--display);color:#c84632;letter-spacing:-1px;text-shadow:2px 2px 0 #762925,3px 4px 0 #181c25,-1px -1px 0 #f08361;font-variant-numeric:tabular-nums}.timer-block.urgent strong{color:#ee3b20;animation:timeflash .7s steps(2,end) infinite}.timer-block button{margin-top:8px;font-size:8px;border:none;background:#171c2666}.small-button{background:#151b27b0;border:1px solid #b4b2a783;color:#eee8d4;font:bold 8px var(--mono);letter-spacing:.8px;padding:7px 8px;text-shadow:1px 1px #000}.small-button:hover{color:var(--yellow);border-color:var(--yellow);background:#202533}.goals{position:absolute;right:27px;top:25px;text-align:right}.goals .eyebrow{font-size:9px;color:#d9c267}.goals>div{font:bold 9px var(--mono);margin-top:8px;color:#e5c95d;letter-spacing:.2px}.goals>div span{color:#f1ead3;margin-left:5px}.goals>div.complete{color:#a3ec76}.goals>div.complete span{text-decoration:line-through;color:#b4dca3}.ride-info{position:absolute;left:26px;bottom:51px}.speed-readout{display:flex;align-items:baseline;gap:5px;position:relative;padding-bottom:9px;margin-bottom:10px;width:110px}.speed-readout strong{font:italic 31px/1 var(--display);color:#efdf9b;letter-spacing:1px}.speed-readout span{font:bold 8px var(--mono)}.speed-readout i{position:absolute;bottom:0;left:0;height:3px;background:#e9cb57;max-width:110px;box-shadow:1px 1px #20212e}.wave-map{display:flex;gap:6px;align-items:center;font:bold 7px var(--mono);letter-spacing:.5px}.wave-map>div{width:80px;height:4px;background:#202536b3;border-bottom:1px solid #dfdbb9;position:relative}.wave-map i{position:absolute;width:3px;height:10px;background:#fff1b7;top:-3px;left:50%;box-shadow:1px 1px #191d28}#ride-state{display:block;font:bold 8px var(--mono);letter-spacing:.3px;margin-top:9px;max-width:200px}.combo{position:absolute;left:50%;bottom:38px;transform:translate(-50%);text-align:center;width:58%;max-width:690px;line-height:1;font-style:italic;filter:drop-shadow(1px 2px 0 #111827)}.combo p{font:italic 21px/1.12 var(--display);letter-spacing:.7px;color:#ececec;margin:0 0 5px;text-shadow:2px 0 #16202c,-2px 0 #16202c,0 2px #16202c,0 -2px #16202c}.combo-values{display:flex;align-items:baseline;justify-content:center;gap:12px;font:italic 37px/1 var(--display);color:#efefdf}.combo b{font-weight:400;font-size:33px;color:#f1d865}.combo-meter{margin:8px auto 0;height:3px;width:160px;background:#1c233194}.combo-meter i{display:block;width:100%;height:100%;background:#ded8b9}.combo-caption{display:block;font:bold 7px var(--mono);letter-spacing:1px;margin-top:7px;font-style:normal;color:#e5e0cd}.charge-wrap{position:absolute;left:50%;bottom:151px;transform:translate(-50%);text-align:center;font:bold 8px var(--mono);letter-spacing:1px}.charge-wrap>div{height:7px;width:114px;background:#122234b3;border:1px solid #e0dcbe;margin-top:5px;transform:skew(-10deg)}.charge-wrap i{display:block;height:100%;width:0;background:var(--yellow)}.toast{position:absolute;left:50%;top:24%;transform:translate(-50%) rotate(-3deg);font:italic 27px/1.1 var(--display);text-align:center;color:var(--yellow);letter-spacing:1px;max-width:75%;opacity:0;transition:opacity .12s;text-shadow:2px 2px #121b2a,-1px -1px #182137,3px 4px #131a2699}.toast.visible{opacity:1}.toast.bail{color:#f76d47}.modal,.workshop{position:absolute;inset:0;z-index:15;display:grid;place-items:center;padding:20px;background:#091320c9}.modal-card{width:min(550px,100%);max-height:100%;overflow:auto;background:linear-gradient(145deg,#34324c,#242331 65%,#173337);border:2px solid #b8b5a7;border-bottom-color:#5c6070;border-right-color:#5c6070;box-shadow:8px 8px #070e1aaa;padding:32px 36px;position:relative}.modal-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:repeating-linear-gradient(90deg,#d9d2b2 0 10px,#2b273a 10px 20px)}.modal-card .kicker{color:#e7bd44;margin-bottom:12px}h2{font:italic 44px/.98 var(--display);margin:0 0 23px;text-transform:uppercase;letter-spacing:.3px;color:#f1edda;text-shadow:3px 3px #0d192c}.modal-card p{font:12px/1.65 Arial,sans-serif;color:#e5e1d2}.modal-card .primary-button{margin-top:25px;font-size:24px}.secondary-button{background:none;color:#d8d3c2;font:bold 9px var(--mono);letter-spacing:1.1px;border:1px solid #8d919173;padding:11px 15px;width:100%;margin-top:14px}.secondary-button:hover{color:var(--yellow);border-color:var(--yellow)}.controls-grid{display:grid;grid-template-columns:126px 1fr;gap:11px 17px;align-items:center;font-size:11px;line-height:1.4}.controls-grid kbd{background:#161d2d}.help-tip{border-top:1px solid #99918870;padding-top:14px;margin-top:19px}.results-score{font:italic 75px/1 var(--display);color:var(--yellow);text-shadow:3px 3px #0e192b}.results-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;font:bold 9px var(--mono);border-top:1px solid #bab19255;margin-top:19px;padding-top:18px;color:#c4c6bf;letter-spacing:.5px}.results-stats b{display:block;font:italic 25px var(--display);color:#ece6ce;margin-top:4px}.result-goals{font:bold 11px/2 var(--mono);color:#ded293;margin-top:19px}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#191b2c;color:#efd67b;font:italic 35px var(--display);letter-spacing:2px;z-index:30;text-shadow:3px 3px #6c472d}.workshop-card{width:min(920px,100%);max-height:100%;overflow:auto;border:2px solid #b3b5aa;background:linear-gradient(120deg,#363149,#202636);box-shadow:8px 8px #070b15;position:relative}.workshop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:23px 27px 15px;background:#181d2cb5}.workshop-header .kicker{font-size:8px;margin-bottom:8px;color:#bdb7b7}.workshop-header h2{font-size:39px;margin:0;color:#eadaae}.close-button{height:32px;width:32px;flex-shrink:0;background:#282533;color:#f1e8cf;border:1px solid #959082;font:700 18px Arial}.close-button:hover{color:var(--yellow);border-color:var(--yellow)}.workshop-tabs{display:flex;border-top:1px solid #8b8e8855;border-bottom:1px solid #8b8e8855;background:#131d2d}.workshop-tabs button{flex:1;padding:13px 12px;background:transparent;color:#bfbcb7;font:bold 10px var(--mono);letter-spacing:1px;border-bottom:3px solid transparent}.workshop-tabs button.is-selected{background:#e2bd3c;color:#242331;border-bottom-color:#ffe896}.workshop-body{display:grid;grid-template-columns:43% 57%;min-height:390px;max-height:min(62vh,620px)}.preview-column{position:relative;display:flex;flex-direction:column;min-height:390px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#3c6e78,#222a3c 74%);border-right:1px solid #85959655;isolation:isolate}.preview-column:before{position:absolute;content:"";inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#a8d7d317 24px,transparent 25px),repeating-linear-gradient(90deg,transparent,transparent 23px,#a8d7d317 24px,transparent 25px)}.preview-cross{position:absolute;right:15px;top:8px;font:22px var(--mono);color:#87bab877}.preview-label{position:absolute;left:21px;bottom:29px;pointer-events:none;display:flex;flex-direction:column;gap:6px;z-index:3;text-shadow:1px 2px #15243b}.preview-label>span:first-child{font:bold 7px var(--mono);letter-spacing:2px;color:#add0cb}.preview-label>strong{font:italic 34px/.9 var(--display);letter-spacing:2px;color:#f2dd9d}.preview-label>span:last-child{font:bold 8px var(--mono);letter-spacing:1px;color:#dfdfc3}#custom-preview{position:relative;flex:1;width:100%;min-height:390px}#custom-preview canvas{display:block;width:100%;height:100%;position:absolute;inset:0;image-rendering:pixelated}.preview-hint{position:absolute;right:13px;bottom:8px;writing-mode:vertical-rl;font:bold 7px var(--mono);letter-spacing:2px;color:#c2c9b28a;pointer-events:none}.custom-options{padding:24px;overflow:auto;scrollbar-color:#a79d73 #16202c;scrollbar-width:thin}.custom-options h3{font:italic 25px var(--display);letter-spacing:.5px;color:#f3e7c3;margin:0}.option-note{font:11px/1.5 Arial,sans-serif;color:#bdbfb9;margin:4px 0 18px}.character-list{display:flex;flex-direction:column;gap:8px}.character-card{display:flex;align-items:center;gap:12px;padding:0 12px 0 0;text-align:left;background:#182231;border:1px solid #89897a82;color:var(--paper);min-height:67px}.character-card.is-selected{border:1px solid var(--yellow);background:#344040}.character-card:hover{border-color:#eee7c9}.character-card>span:nth-child(2){flex:1}.character-card strong{font:italic 22px/.95 var(--display);letter-spacing:1px;display:block;color:#eddfba}.character-card em{font:bold 7px var(--mono);letter-spacing:.6px;color:#f0cb53;display:block;font-style:normal;margin-top:4px}.character-card small{font:9px/1.4 Arial,sans-serif;color:#b8bbb5;display:block;margin-top:3px}.choice-arrow{font-size:10px;color:#879289;opacity:0}.is-selected .choice-arrow{opacity:1;color:var(--yellow)}.portrait{width:60px;height:65px;flex-shrink:0;position:relative;overflow:hidden;background:linear-gradient(145deg,#547b80,#223141);isolation:isolate}.portrait:before{content:"";position:absolute;width:24px;height:25px;left:18px;top:9px;background:#c08c66;clip-path:polygon(8% 0,81% 0,100% 18%,85% 76%,68% 100%,24% 87%,0 39%);transform:rotate(-8deg);z-index:2}.portrait:after{content:"";position:absolute;left:9px;top:32px;width:46px;height:49px;background:#a9493c;clip-path:polygon(24% 0,70% 0,100% 31%,83% 59%,74% 45%,80% 100%,16% 100%,19% 43%,6% 69%,0 32%);transform:rotate(-8deg)}.portrait i{display:block;position:absolute;left:15px;top:7px;width:28px;height:14px;background:#c7a15e;clip-path:polygon(0 37%,21% 0,67% 4%,100% 48%,90% 83%,41% 68%,15% 100%);z-index:3;transform:rotate(-8deg)}.portrait b{display:block;position:absolute;background:#ddd1a5;width:17px;height:5px;top:41px;left:24px;z-index:3;transform:rotate(-18deg)}.portrait-nova{background:linear-gradient(145deg,#796993,#302641)}.portrait-nova:before{background:#b87f57}.portrait-nova:after{background:#8c60aa}.portrait-nova i{background:#342831;height:21px;top:5px}.portrait-nova b{background:#c1b663}.portrait-reef{background:linear-gradient(145deg,#5b7861,#243845)}.portrait-reef:before{background:#895d40}.portrait-reef:after{background:#218b85}.portrait-reef i{background:#22252b;height:16px}.portrait-reef b{background:#ead3a1}.saved-note{font:bold 7px var(--mono);letter-spacing:1px;color:#b1b4a3;margin:17px 0 0}.saved-note:before{content:"◆";color:#99d69e;font-size:8px;margin-right:7px}.custom-options h4{font:bold 9px var(--mono);letter-spacing:1px;color:#e7d6aa;margin:20px 0 11px}.colour-options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.colour-swatch{height:38px;border:2px solid #161b29;background:var(--swatch);box-shadow:0 0 0 1px #aaa386;position:relative}.colour-swatch span{display:block;position:absolute;top:43px;left:50%;transform:translate(-50%);font:bold 7px var(--mono);color:#c5c4b9;letter-spacing:.6px}.colour-swatch.is-selected{outline:2px solid #f4eacb;outline-offset:2px}.colour-swatch.is-selected:after{content:"✓";display:grid;place-items:center;position:absolute;inset:0;font:700 19px Arial;color:#152032;text-shadow:1px 1px #fff9}.colour-options+h4{margin-top:37px}.design-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.design-button{background:#17202e;border:1px solid #899387;color:#d9d8c7;padding:12px 7px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:86px}.design-button.is-selected{border-color:var(--yellow);background:#353c3c;color:var(--yellow)}.design-button:hover{border-color:#eadbb0}.design-button strong{font:bold 7px var(--mono);letter-spacing:.2px;margin-top:10px}.design-symbol{display:block;width:34px;height:31px;color:#f3ca4e}.bolt-symbol{font:bold italic 49px/.65 var(--display)}.checker-symbol{width:30px;height:30px;background:conic-gradient(#dedcc7 25%,#151c29 0 50%,#dedcc7 0 75%,#151c29 0);background-size:15px 15px;transform:skew(-8deg)}.flame-symbol{font:700 44px/.8 Arial;color:#f18344}.workshop-footer{display:flex;justify-content:space-between;gap:15px;padding:13px 23px;border-top:1px solid #a8aa9155;background:#111c2a;font:bold 8px var(--mono);letter-spacing:.8px;color:#c7c4ab}.outfit-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.outfit-button{min-height:49px;padding:9px 10px;background:#182231;border:1px solid #858d8080;color:#e5dcc3;text-align:left;font:italic 15px var(--display)}.outfit-button strong{display:block;font:italic 15px var(--display);letter-spacing:.3px}.outfit-button span{display:block;font:8px/1.3 var(--mono);color:#bec3b8;margin-top:4px}.outfit-button.is-selected{color:var(--yellow);border-color:var(--yellow);background:#343c3c}.outfit-button:hover{border-color:#e8d9a2}@keyframes timeflash{50%{filter:brightness(1.7)}}@media(min-width:1500px){.home-layout{gap:12%;grid-template-columns:1.2fr .8fr}.home-art{padding-top:40px}.home-menu{padding-top:30px;padding-bottom:30px}.home-tagline{margin-top:90px}.mode-card{min-height:129px}.mode-copy{padding-top:18px}.mode-copy strong{font-size:33px}.title-wrap{margin-top:46px}.home-art{min-height:490px}.surf-sticker{right:12px;bottom:39px}.poster-caption{bottom:12px}.home-layout{min-height:calc(100% - 49px)}.intro-bottom{min-height:49px}}@media(max-width:1080px){.home-layout{padding:24px 5% 20px;gap:6%;grid-template-columns:minmax(0,1fr) minmax(310px,.88fr)}.home-art{padding-top:35px}.home-art .kicker{font-size:8px;letter-spacing:.7px}.home-art .kicker>span{margin-right:4px}.title-wrap{margin-top:38px}.title-sub{font-size:16px;letter-spacing:3px;margin-top:-33px}.home-tagline{margin-top:62px}.surf-sticker{width:104px;height:104px;right:0;bottom:47px}.surf-sticker strong{font-size:25px}.surf-sticker span{font-size:7px}.mode-copy strong{font-size:26px}.mode-copy{padding:12px 7px 9px 5px}.mode-number i{font-size:6px;margin-left:5px}.menu-heading{letter-spacing:.5px;font-size:7px}.mode-detail{font-size:9px}.garage-button{padding:10px 7px}.garage-button strong{font-size:14px}.control-strip{gap:16px;font-size:7px;padding:0 17px}.control-strip>div:last-child{display:none}.control-strip kbd{font-size:8px}.edition{font-size:8px;letter-spacing:1px}.score-block{left:22px}.goals{right:22px}.intro-bottom{padding-left:5%;padding-right:5%;font-size:7px;letter-spacing:.8px}.intro-bottom b{font-size:13px}.custom-options{padding:21px}.character-card small{font-size:8px}}@media(max-width:800px){.edition{display:none}.home-layout{gap:6%;padding:18px 5% 19px;grid-template-columns:minmax(0,1fr) minmax(287px,1fr)}.home-art .kicker{max-width:220px;line-height:1.9}.title-wrap{margin-top:38px;width:103%;margin-left:-6px}.title-orbit{inset:-11px -12px 0;border-width:4px}.title-sub{font-size:14px;letter-spacing:2px;max-width:70%;margin-top:-29px;margin-left:4%}h1{font-size:clamp(48px,6.5vw,55px);letter-spacing:-1.3px}h1 em{margin-right:0}.home-tagline{font-size:28px;margin-left:3px;margin-top:57px}.surf-sticker{right:-12px;bottom:52px;width:84px;height:84px}.surf-sticker strong{font-size:22px}.surf-sticker span{font-size:5px}.poster-caption{left:2px;font-size:6px;bottom:23px}.home-menu{padding:8px 0}.mode-picture{width:27%}.mode-copy strong{font-size:25px}.mode-detail{font-size:8px}.mode-card{min-height:106px}.mode-copy{padding-top:12px}.mode-number i{font-size:6px;margin-left:3px;letter-spacing:.2px}.mode-status{font-size:7px;margin-top:9px}.session-description{min-height:67px;padding-top:11px}.session-description p{font-size:10px}.primary-button{min-height:47px;font-size:26px}.garage-button strong{font-size:13px}.garage-button>span{font-size:6px}.garage-menu{gap:7px}.menu-heading>b{display:none}.intro-bottom>span:last-child{display:none}.control-strip{gap:14px}.control-strip>div:nth-child(2){display:none}.control-strip>div:nth-child(5){display:none}.workshop-header{padding:20px}.workshop-body{grid-template-columns:40% 60%}.workshop-tabs button{font-size:9px}.custom-options{padding:19px}.portrait{width:53px}.character-card{gap:8px}.colour-options{gap:9px}.design-button strong{font-size:6px}.workshop-header h2{font-size:35px}.workshop-header .kicker,.workshop-footer{font-size:7px}.goals{top:23px}.goals>div{font-size:8px}.goals .eyebrow{font-size:8px}.score-block{top:22px;left:20px}.score-block strong{font-size:28px}.score-row{gap:10px}.score-row .eyebrow{font-size:9px;width:45px}.special-row{font-size:8px;width:127px}.timer-block strong{font-size:43px}.combo p{font-size:18px}.combo-values{font-size:31px}.combo b{font-size:28px}.combo{bottom:40px}.ride-info{bottom:48px;left:21px}.scene-label{left:21px;font-size:7px;bottom:17px}.toast{font-size:24px}.workshop{padding:15px}}@media(max-width:600px){.masthead{height:38px;padding:0 14px;gap:10px}.brand{font-size:19px}.brand-year{font-size:20px}.brand-mark{font-size:26px}.header-actions{gap:14px}.icon-button{font-size:8px}.icon-button span{display:none}.control-strip{height:31px;padding:0 12px;justify-content:center;gap:10px;font-size:6px}.control-strip>div:nth-child(3) span{font-size:0}.control-strip>div:nth-child(3) span:after{content:"POP";font-size:6px}.control-strip kbd{font-size:7px;padding:2px 3px;min-width:15px}.intro{background:linear-gradient(165deg,#2a203ec9,#122d3477 39%,#142331d9 62%,#141b29ed)}.poster-grid{width:110%;opacity:.19;left:0}.home-layout{grid-template-columns:1fr;gap:0;padding:16px 7% 21px;min-height:calc(100% - 33px);max-width:440px}.home-art{min-height:190px;padding:0}.home-art .kicker{max-width:none;text-align:center;font-size:7px;letter-spacing:.5px;margin:0;line-height:1.5}.home-art .kicker>span{font-size:7px}.title-wrap{width:83%;margin:32px auto 0;padding-bottom:18px}.title-orbit{inset:-5px -13px 2px}h1{font-size:clamp(48px,12.3vw,66px);letter-spacing:-1.5px}h1 em{font-size:.79em;margin-bottom:-10px;margin-right:-5px}.title-sub{font-size:14px;letter-spacing:2.2px;margin:-29px 0 0 7%;max-width:68%}.home-tagline{display:none}.surf-sticker{width:67px;height:67px;right:-2px;bottom:12px}.surf-sticker strong{font-size:17px;margin:3px 0}.surf-sticker span{font-size:4.5px}.poster-caption{bottom:8px;left:8px;line-height:1.5;font-size:6px;letter-spacing:1.2px}.home-menu{padding-top:8px}.menu-heading{font-size:7px;margin-bottom:9px}.menu-heading>b{display:block;font-size:7px}.mode-options{gap:8px}.mode-card{min-height:91px}.mode-picture{width:30%}.mode-copy{padding:8px 10px 7px 7px}.mode-copy strong{font-size:26px;margin:5px 0 3px}.mode-number{font-size:8px}.mode-number i{font-size:6px;letter-spacing:.5px;margin-left:7px}.mode-detail{font-size:9px}.mode-status{margin-top:6px;font-size:7px}.session-description{min-height:62px;padding:10px 1px}.session-description>span{font-size:7px}.session-description p{font-size:10px;line-height:1.45;margin-top:4px;max-width:none}.primary-button{min-height:46px;font-size:27px;padding:7px 20px}.start-hint{margin:9px 0 13px;font-size:7px}.garage-button{padding:10px}.garage-button>span{font-size:6px}.garage-button strong{font-size:15px}.intro-bottom{min-height:33px;padding:10px 6%;font-size:5px;letter-spacing:.5px;gap:10px}.intro-bottom b{font-size:10px;letter-spacing:.8px}.score-block{left:14px;top:17px;width:160px}.score-block strong{font-size:27px;letter-spacing:1px}.score-row{gap:8px}.score-row .eyebrow{font-size:8px;width:36px;letter-spacing:.8px}.special-row{width:110px;margin-top:6px;font-size:7px;gap:4px}.special-meter{height:7px}.best-line{font-size:6px;letter-spacing:.5px;margin-top:7px}.best-line b{margin-left:4px}.timer-block{left:auto;right:15px;transform:none;top:15px}.timer-block strong{font-size:40px}.timer-block button{font-size:7px;padding:5px;margin-top:6px}.goals{left:14px;right:auto;top:98px;text-align:left}.goals .eyebrow{display:none}.goals>div{font-size:7px;margin-top:5px}.goals>div span{margin-left:3px}.ride-info{left:14px;bottom:44px}.speed-readout{width:80px;padding-bottom:7px;margin-bottom:8px}.speed-readout strong{font-size:25px}.speed-readout span{font-size:6px}.speed-readout i{max-width:80px}.wave-map{font-size:6px;gap:4px}.wave-map>div{width:61px}#ride-state{font-size:6px;max-width:118px;line-height:1.4}.scene-label{left:15px;font-size:6px;letter-spacing:.5px;gap:5px;bottom:15px}.combo{bottom:49px;width:57%;max-width:none;left:54%}.combo p{font-size:15px;line-height:1.1;letter-spacing:.3px}.combo-values{font-size:27px;gap:7px}.combo b{font-size:24px}.combo-meter{width:104px;margin-top:6px;height:2px}.combo-caption{font-size:5px;letter-spacing:.5px;margin-top:6px}.charge-wrap{bottom:152px;font-size:7px}.charge-wrap>div{width:95px;height:6px}.toast{top:31%;max-width:80%;font-size:21px;letter-spacing:.5px}.modal{padding:13px}.modal-card{padding:26px 22px}.modal-card h2{font-size:35px}.modal-card .kicker{font-size:8px}.modal-card p{font-size:11px}.controls-grid{grid-template-columns:95px 1fr;gap:11px;font-size:10px}.controls-grid kbd{font-size:8px}.results-score{font-size:65px}.modal-card .primary-button{font-size:21px;margin-top:20px}.workshop{padding:12px}.workshop-header{padding:17px 17px 12px}.workshop-header h2{font-size:30px}.workshop-header .kicker{font-size:6px;line-height:1.5;letter-spacing:.9px;margin-bottom:6px}.close-button{height:28px;width:28px;font-size:15px}.workshop-tabs button{font-size:8px;letter-spacing:.6px;padding:12px 7px}.workshop-body{grid-template-columns:1fr;min-height:0;max-height:none}.preview-column{height:235px;min-height:235px;border-right:0;border-bottom:1px solid #87a79a55}#custom-preview{min-height:235px;height:235px}.preview-label{left:17px;bottom:18px;gap:5px}.preview-label>strong{font-size:29px}.preview-label>span:first-child{font-size:6px}.preview-label>span:last-child{font-size:7px}.preview-hint{font-size:6px;right:10px}.custom-options{padding:17px;overflow:visible}.custom-options h3{font-size:22px}.option-note{font-size:10px;margin-bottom:12px}.character-list{gap:6px}.character-card{min-height:57px}.portrait{height:56px;width:58px}.character-card strong{font-size:21px}.character-card em{font-size:7px;margin-top:3px}.character-card small{font-size:9px;margin-top:3px}.saved-note{font-size:6px;margin-top:14px;letter-spacing:.7px}.workshop-footer{padding:11px 16px;gap:13px;font-size:6px;letter-spacing:.2px}.colour-options{gap:12px}.colour-swatch{height:35px}.colour-swatch span{top:40px}.design-button{min-height:78px}.custom-options h4{margin-top:17px}.colour-options+h4{margin-top:34px}.design-button strong{font-size:6px}}@media(max-height:660px)and (min-width:601px){.masthead{height:34px}.control-strip{height:28px}.home-layout{padding-top:14px;padding-bottom:14px;min-height:calc(100% - 34px);grid-template-columns:minmax(0,1.1fr) minmax(300px,.85fr);gap:8%}.home-art{min-height:350px;padding-top:19px}.home-art .kicker{font-size:8px;margin-bottom:15px}.title-wrap{margin-top:24px}.title-sub{font-size:16px;letter-spacing:2px}.home-tagline{font-size:29px;margin-top:50px}.surf-sticker{width:85px;height:85px;right:5px;bottom:38px}.surf-sticker strong{font-size:21px}.surf-sticker span{font-size:5px}.poster-caption{bottom:12px;font-size:6px}.home-menu{padding:0}.menu-heading{margin-bottom:8px;font-size:7px}.mode-card{min-height:91px}.mode-copy{padding:8px 8px 6px}.mode-copy strong{font-size:25px;margin-top:5px;margin-bottom:4px}.mode-number{font-size:7px}.mode-number i{font-size:6px}.mode-status{margin-top:6px;font-size:7px}.mode-detail{font-size:9px}.mode-options{gap:8px}.session-description{min-height:56px;padding:9px 2px}.session-description p{font-size:10px;line-height:1.4}.session-description>span{font-size:7px}.primary-button{min-height:43px;font-size:25px;padding:7px 20px}.start-hint{margin:8px 0 12px;font-size:7px}.garage-button{padding:8px 10px}.garage-button>span{font-size:6px;margin-bottom:5px}.garage-button strong{font-size:14px}.intro-bottom{min-height:34px;padding-top:9px;padding-bottom:9px;font-size:6px}.intro-bottom b{font-size:12px}.workshop-body{min-height:300px;max-height:55vh}.preview-column,#custom-preview{min-height:300px}.workshop-header{padding:15px 22px 12px}.workshop-header h2{font-size:31px}.workshop-header .kicker{font-size:7px}.workshop-tabs button{padding:10px;font-size:8px}.custom-options{padding:17px 20px}.custom-options h3{font-size:23px}.option-note{margin-bottom:12px;font-size:10px}.character-card{min-height:58px}.portrait{height:58px}.character-list{gap:6px}.saved-note{margin-top:12px}.workshop-footer{padding-top:10px;padding-bottom:10px}.workshop-header .kicker{margin-bottom:6px}.custom-options h4{margin-top:14px}.colour-options+h4{margin-top:34px}.design-button{min-height:77px}.modal-card{padding:24px 30px}.modal-card h2{font-size:37px;margin-bottom:17px}.modal-card .primary-button{margin-top:17px}.controls-grid{font-size:10px;gap:9px 15px}.modal-card p{font-size:11px}.secondary-button{margin-top:11px;padding:9px}.score-block{top:20px}.goals{top:21px}.timer-block{top:16px}.combo{bottom:23px}.ride-info{bottom:41px}.scene-label{bottom:13px}.charge-wrap{bottom:131px}}@media(max-height:450px)and (min-width:601px){.home-layout{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);min-height:360px;padding-left:6%;padding-right:6%;gap:8%}.home-art{min-height:318px;padding-top:12px}.title-wrap{margin-top:22px}.home-tagline{margin-top:42px;font-size:26px}.title-wrap h1{font-size:clamp(48px,6.7vw,68px)}.title-sub{font-size:13px;margin-top:-29px}.surf-sticker{bottom:20px}.poster-caption{display:none}.mode-card{min-height:77px}.mode-copy{padding:6px}.mode-copy strong{font-size:22px}.mode-detail{font-size:8px}.mode-number{font-size:6px}.mode-status{font-size:6px;margin-top:4px}.session-description{min-height:50px;padding:7px 0}.session-description p{font-size:9px;line-height:1.3}.primary-button{min-height:36px;font-size:23px}.garage-button{padding:7px}.garage-button strong{font-size:13px}.garage-button>span{font-size:5px}.start-hint{margin:7px 0 10px}.menu-heading{font-size:6px}.goals{top:96px;left:24px;right:auto;text-align:left}.goals .eyebrow{display:none}.goals>div{font-size:7px;margin-top:5px}.toast{top:30%;font-size:22px}.timer-block strong{font-size:39px}.score-block strong{font-size:29px}.combo p{font-size:16px}.combo-values{font-size:28px}.combo b{font-size:25px}.workshop-body,.preview-column,#custom-preview{min-height:260px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.workshop-header{position:sticky;top:0;z-index:5;background:#1c2030}.workshop-tabs{position:relative;z-index:4}@media(max-width:600px){.control-strip>div:nth-child(4) kbd:last-of-type,.control-strip>div:nth-child(4) span:last-of-type{display:none}}.workshop-card{display:flex;flex-direction:column;height:min(680px,100%);max-height:100%;min-height:0;overflow:hidden}.workshop-header,.workshop-tabs,.workshop-footer{position:relative;top:auto;flex-shrink:0}.workshop-body{flex:1;min-height:0;max-height:none;overflow:hidden;grid-template-rows:minmax(0,1fr)}.preview-column,#custom-preview{height:100%;min-height:0;max-height:none}.custom-options{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding:16px}.preview-label>strong{font-size:clamp(22px,2.5vw,32px);max-width:310px;line-height:1.04}.preview-label>span:last-child{max-width:300px;line-height:1.5}.poster-star{top:23%;height:min(43vw,66%)}.intro{overflow-x:hidden}@media(min-width:601px)and (min-height:451px){.intro{display:flex;flex-direction:column;overflow:hidden}.home-layout{flex:1;width:100%;min-height:0}.home-art{min-height:0}.intro-bottom{flex-shrink:0}}@media(max-width:600px){.workshop{padding:10px}.workshop-card{height:100%}.workshop-header{padding:14px 16px 11px}.workshop-header h2{font-size:27px}.workshop-tabs button{padding:10px 7px}.workshop-body{grid-template-columns:1fr;grid-template-rows:minmax(0,.85fr) minmax(0,1fr);min-height:0}.preview-column,#custom-preview{height:100%;min-height:0}.custom-options{overflow-x:hidden;overflow-y:auto;padding:15px 17px}.preview-label{bottom:14px;left:15px;max-width:65%;gap:4px}.preview-label>strong{font-size:21px}.preview-label>span:last-child{font-size:6px}.workshop-footer{padding:9px 14px;font-size:5.5px;gap:8px}}.pause-tools{display:none;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}#modal[data-mode=pause] .pause-tools{display:grid}.pause-tools .secondary-button{margin-top:0;padding:11px 9px;min-height:37px}@media(max-width:480px){.pause-tools{gap:7px}.pause-tools .secondary-button{font-size:8px;letter-spacing:.4px;padding:10px 5px}}.workshop{padding:12px;background:#060b14e8}.selection-screen{width:min(1090px,100%);height:100%;max-height:730px;padding-left:52px;overflow:hidden;border:2px solid #758693;border-radius:24px 3px 20px;background:repeating-linear-gradient(108deg,#0b152022 0 2px,transparent 2px 7px),radial-gradient(ellipse at 55% 35%,#263b49,#081322 66%);box-shadow:inset 0 0 45px #000,4px 5px #020610}.selection-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(168deg,transparent 0 34px,#648a9d12 35px 37px,transparent 39px 64px);z-index:0}.selection-side{position:absolute;top:40px;left:0;bottom:40px;width:50px;writing-mode:vertical-rl;transform:rotate(180deg);font:italic clamp(30px,5vh,57px)/.87 Impact,"Arial Black",sans-serif;letter-spacing:1px;color:#050c13;-webkit-text-stroke:1.7px #68869d;text-shadow:3px 2px #000;text-align:center;white-space:nowrap}.selection-screen .workshop-header{height:62px;min-height:62px;align-items:center;margin:0 0 0 -4px;padding:6px 17px 7px 21px;background:linear-gradient(175deg,#b2bab9 0,#64707b 10%,#35414f 39%,#182633 60%,#0b1520 73%,#778995 77%,#2b3a47 87%);border-radius:0 0 16px;border-bottom:3px solid #050a11;position:relative;z-index:3}.selection-screen .workshop-header h2{font:italic 34px/1 Impact,Arial Black,sans-serif;letter-spacing:1.3px;color:#d8dddb;text-shadow:2px 3px #010610;margin:0}.selection-screen .workshop-header .kicker{font:7px Courier New,monospace;color:#c3c9ca;margin:0 0 2px;letter-spacing:2px}.selection-screen .close-button{width:27px;height:27px;background:#172632;border-color:#6e8795;color:#b5bec0;font-size:16px}.selection-screen .workshop-body{display:grid;grid-template-columns:35% 65%;min-height:0;max-height:none;flex:1;position:relative;z-index:1;overflow:hidden}.selection-screen .custom-options{padding:12px 7px 8px 15px;overflow:auto;min-width:0;scrollbar-width:thin;scrollbar-color:#61737c #10202c}.character-stats{display:grid;gap:3px;padding:2px 0 10px}.stat-row{display:grid;grid-template-columns:91px 1fr;gap:9px;align-items:center}.stat-row>span{font:700 italic 11px/1.25 Arial,sans-serif;color:#cfc052;letter-spacing:.65px;text-align:right;text-shadow:1px 2px #000;white-space:nowrap}.stat-dots{display:flex;gap:3px;align-items:center}.stat-dot{display:block;width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:radial-gradient(circle at 35% 27%,#eeeeab 0,#e5b53a 15%,#c97500 44%,#2a1706 85%);box-shadow:1px 2px 1px #020405}.stat-dot:nth-child(-n+4){background:radial-gradient(circle at 35% 27%,#ffe7a3 0,#f88936 12%,#b92210 42%,#270904 85%)}.stat-dot:nth-child(n+8){background:radial-gradient(circle at 35% 27%,#f5f8a7 0,#b5c552 15%,#527011 47%,#0e1804 85%)}.stat-dot.empty{background:radial-gradient(circle at 35% 27%,#40505a,#13222b 50%,#05090f 80%);opacity:.68}.bio-panel{position:relative;border:7px ridge #687b87;border-radius:17px 8px 25px 7px;background:linear-gradient(100deg,#34151b,#101119 77%);padding:21px 12px 9px;box-shadow:3px 4px #03080d,inset 0 0 17px #0007;min-height:110px;margin:6px 0 13px}.bio-panel:after{content:"";position:absolute;left:-12px;top:22px;width:5px;height:32px;background:linear-gradient(#f8db58,#965623);box-shadow:1px 1px #000}.bio-panel h3{position:absolute;left:5px;top:-5px;padding:1px 15px;background:linear-gradient(#758792,#344654);border-radius:0 0 8px 2px;font:italic 700 12px Arial;color:#101c27;letter-spacing:2px}.bio-panel p{margin:0;font:italic 700 13px/1.5 Courier New,monospace;color:#cbc9c3;text-shadow:2px 2px #000}.wardrobe-toggle{width:100%;background:linear-gradient(#4c5b60,#14232d);border:2px outset #657981;padding:8px;color:#dcc967;font:italic 700 9px Arial;letter-spacing:1px;text-align:left;box-shadow:2px 2px #000}.wardrobe-toggle strong{display:block;color:#e9e3d4;font:italic 19px Impact,Arial Black,sans-serif;letter-spacing:.6px;margin-top:4px}.selection-screen .preview-column{border:0;overflow:hidden;background:radial-gradient(ellipse at 47% 50%,#36515a55,transparent 62%);isolation:isolate;min-height:0;height:100%}.selection-screen .preview-column:before{display:none}.selection-watermark{position:absolute;inset:10% 5% 12%;display:grid;place-items:center;transform:rotate(-24deg);font:italic 140px Impact,Arial Black,sans-serif;letter-spacing:-12px;color:#07131b8c;-webkit-text-stroke:2px #48677a22;z-index:-1;pointer-events:none}.selection-screen #custom-preview{width:100%;height:100%;min-height:0;position:relative;flex:1}.selection-screen #custom-preview canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.surfer-arrow{position:absolute;top:16%;width:46px;height:60px;color:#c98725;background:transparent;font-size:45px;-webkit-text-stroke:1px #efd47c;text-shadow:3px 4px #351b08;z-index:3}.surfer-arrow:hover{color:#e8bd4c}.surfer-arrow.previous{left:3%}.surfer-arrow.next{right:14%}.surfer-profile{position:absolute;right:6px;bottom:36px;width:89px;display:flex;align-items:center;flex-direction:column;gap:6px;color:#cab958;text-align:center;text-shadow:1px 2px #000;pointer-events:none}.surfer-profile>span{font:italic 700 15px/1.05 Arial,sans-serif;letter-spacing:1px}.portrait-frame{height:92px;width:81px;border:6px ridge #748c9a;background:#243945;box-shadow:3px 4px #05090d;overflow:hidden}.portrait-frame img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.portrait-frame .portrait{width:100%;height:100%;transform:scale(1.5);transform-origin:50% 0}.surfer-profile>strong{font:italic 700 9px/1.2 Arial;letter-spacing:1px}.surfer-profile>b{font:italic 700 12px Arial}.mini-board{display:block;width:40px;height:8px;border-radius:75%;background:linear-gradient(#bca764,#686835);border:1px solid #1f271a;transform:rotate(-7deg);box-shadow:2px 2px #000}.selection-screen .preview-label{bottom:11px;left:14%;max-width:65%;gap:2px;color:#919b9a}.selection-screen .preview-label>span:first-child{display:none}.selection-screen .preview-label>strong{font:italic 13px Impact,Arial;letter-spacing:1px;color:#829395}.selection-screen .preview-label>span:last-child{font:8px Courier New;color:#acb6b0}.selection-screen .workshop-footer{height:48px;min-height:48px;padding:7px 15px 7px 4px;gap:12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#182a36,#060e17);border-top:3px ridge #647580;position:relative;z-index:5;white-space:nowrap}.selection-screen .workshop-footer button{background:transparent;color:#d1a051;font:700 italic 11px Arial;letter-spacing:1px;text-shadow:2px 2px #000;padding:5px 0;border:0}.selection-screen .workshop-tabs{display:flex;border:0;background:none;gap:10px}.selection-screen .workshop-tabs button{font-size:10px;padding:4px;color:#91a0aa;border-bottom:2px solid transparent}.selection-screen .workshop-tabs button.is-selected{color:#e4b755;border-color:#c17d23;background:none}.selection-screen #workshop-accept b,.selection-screen #workshop-back b,.rotate-controls button{display:inline-grid;place-items:center;background:radial-gradient(circle at 30% 25%,#ad6a47,#662b26 65%,#160f13);border:1px solid #0a1118;border-radius:50%;height:24px;width:24px;margin-right:5px;color:#17191b;font:700 14px Arial;text-shadow:none;box-shadow:2px 2px #000}.selection-screen #workshop-back b{background:radial-gradient(circle at 30% 25%,#85a2b6,#254671 65%,#0b1626)}.rotate-controls{font:italic 700 9px Arial;color:#b19a5c}.selection-screen .rotate-controls button{background:radial-gradient(circle at 30% 25%,#c2c362,#69712a 65%,#202613);padding:0;color:#15221b;text-shadow:none;margin-right:4px}.wardrobe{position:absolute;left:67px;top:68px;bottom:55px;width:min(500px,calc(100% - 77px));z-index:8;background:linear-gradient(145deg,#293d47,#111d29);border:5px ridge #687e8b;box-shadow:8px 8px #0009;display:flex;flex-direction:column;padding:11px 13px}.wardrobe header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #788993;padding-bottom:9px;margin-bottom:9px;gap:8px}.wardrobe h3{font:italic 22px Impact,Arial;letter-spacing:1px;color:#ded2a6;margin:0}.wardrobe header button{background:none;color:#d1c798;font-size:20px}.wardrobe .outfit-options{min-height:0;overflow:auto;grid-template-columns:1fr 1fr;gap:7px}.wardrobe p{font:7px Courier New;letter-spacing:.7px;margin:10px 0 0;color:#aeb6b1}.wardrobe .outfit-button{background:#0f1b28;border-color:#586a76;min-height:53px}.wardrobe .outfit-button.is-selected{background:#3d4235;border-color:#d4b951}.workshop[data-mode=board] .surfer-profile,.workshop[data-mode=board] .surfer-arrow{display:none}.workshop[data-mode=board] .selection-side{font-size:42px}.selection-screen .custom-options h3{font-size:22px}.selection-screen .design-options{grid-template-columns:repeat(2,1fr)}.selection-screen .design-button{min-height:65px;padding:7px}.selection-screen .design-symbol{height:23px}.selection-screen .design-button strong{margin-top:4px;font-size:7px}.selection-screen .colour-options{gap:5px}.selection-screen .colour-swatch{height:25px}.selection-screen .colour-swatch span{font-size:6px;top:29px}.selection-screen .colour-options+h4{margin-top:28px}@media(max-height:640px){.selection-screen .workshop-header{height:48px;min-height:48px}.selection-screen .workshop-header h2{font-size:28px}.selection-screen .custom-options{padding-top:7px}.character-stats{gap:2px;padding-bottom:5px}.stat-row>span{font-size:9px}.stat-dot{width:9px;height:9px;flex-basis:9px}.stat-row{grid-template-columns:77px 1fr;gap:6px}.stat-dots{gap:3px}.bio-panel{min-height:90px;margin-bottom:7px;padding:17px 9px 6px}.bio-panel p{font-size:11px;line-height:1.35}.wardrobe-toggle{padding:5px}.wardrobe-toggle strong{font-size:17px}.selection-screen .workshop-footer{height:40px;min-height:40px}.wardrobe{top:54px;bottom:44px}.surfer-profile{bottom:31px;right:8px;width:78px}.portrait-frame{height:74px;width:69px}.surfer-profile>span{font-size:12px}.surfer-profile>strong{font-size:8px}.surfer-profile>b{font-size:10px}}@media(max-width:750px){.selection-screen{padding-left:34px}.selection-side{width:33px;font-size:33px;-webkit-text-stroke:1px #68869d}.selection-screen .workshop-body{grid-template-columns:40% 60%;grid-template-rows:1fr}.selection-screen .custom-options{padding-left:5px;padding-right:3px}.stat-row{grid-template-columns:67px 1fr;gap:4px}.stat-row>span{font-size:8px;letter-spacing:0}.stat-dots{gap:2px}.stat-dot{width:7px;height:7px;flex-basis:7px}.bio-panel{border-width:5px;padding:18px 7px 8px}.bio-panel p{font-size:10px}.surfer-profile{right:0;width:60px}.portrait-frame{width:57px;height:65px;border-width:4px}.surfer-arrow{font-size:31px;width:34px}.surfer-arrow.next{right:14%}.selection-screen .workshop-footer{padding-right:5px;gap:5px}.selection-screen .workshop-footer button{font-size:8px;letter-spacing:.3px}.selection-screen .workshop-tabs{gap:3px}.rotate-controls{font-size:7px}.selection-screen .rotate-controls button{width:20px;height:20px;font-size:10px}.selection-screen #workshop-accept b,.selection-screen #workshop-back b{width:20px;height:20px;font-size:11px;margin-right:3px}.wardrobe{left:39px;width:calc(100% - 46px)}}@media(max-width:480px){.workshop{padding:5px}.selection-screen{padding-left:23px;border-radius:14px 0}.selection-side{width:23px;font-size:28px;top:60px;bottom:70px}.selection-screen .workshop-header{padding-left:8px;height:51px;min-height:51px}.selection-screen .workshop-header h2{font-size:25px}.selection-screen .workshop-header .kicker{font-size:5px}.selection-screen .workshop-body{grid-template-columns:43% 57%;grid-template-rows:1fr}.character-stats{gap:7px;margin-top:6px}.stat-row{grid-template-columns:51px 1fr;gap:3px}.stat-row>span{font-size:6px}.stat-dot{width:5px;height:5px;flex-basis:5px}.stat-dots{gap:1px}.bio-panel{margin-top:13px;border-width:4px;padding:18px 5px 9px;min-height:170px}.bio-panel h3{font-size:9px;left:1px}.bio-panel p{font-size:9px;line-height:1.5}.wardrobe-toggle{font-size:6px;padding:6px 4px}.wardrobe-toggle strong{font-size:14px}.surfer-profile{display:none}.surfer-arrow{top:20%;font-size:27px;width:26px}.surfer-arrow.previous{left:0}.surfer-arrow.next{right:0}.selection-screen .preview-label{left:7%;bottom:70px;max-width:90%}.selection-screen .preview-label>strong{font-size:10px}.selection-screen .preview-label>span:last-child{font-size:6px}.selection-watermark{font-size:88px}.selection-screen .workshop-footer{height:61px;min-height:61px;flex-wrap:wrap;justify-content:space-around;gap:2px 6px}.selection-screen .workshop-tabs{flex-basis:100%;justify-content:center}.selection-screen .workshop-tabs button{flex:none;font-size:9px}.wardrobe{left:25px;top:57px;bottom:67px;width:calc(100% - 29px);padding:9px 7px}.wardrobe .outfit-options{grid-template-columns:1fr}.wardrobe h3{font-size:19px}.selection-screen .custom-options h3{font-size:17px}.selection-screen .option-note{font-size:9px}.selection-screen .colour-options{grid-template-columns:repeat(3,1fr);row-gap:19px}.selection-screen .design-options{gap:5px}.selection-screen .colour-swatch span,.selection-screen .design-button strong{font-size:5px}.selection-screen .design-button{padding:5px;min-height:58px}.selection-screen .saved-note{font-size:6px}}.park-map{position:absolute;right:24px;top:140px;width:108px;padding:5px;background:#12201bd6;border:2px ridge #77816c;box-shadow:3px 3px #0c100dc0;display:flex;flex-direction:column;gap:4px;pointer-events:none}.park-map>span,.park-map>small{font:700 8px/1.2 Courier New,monospace;color:#cfcc9f;letter-spacing:.7px;text-align:center;text-shadow:1px 1px #000}.park-map>small{font-size:6px;letter-spacing:0;color:#dad5a8}.park-map canvas{width:94px;height:135px;image-rendering:pixelated}.park-start-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px;color:#e7dfb5;font:700 9px Courier New,monospace;letter-spacing:1px;text-shadow:1px 1px #17221e}.park-start-wrap select{max-width:70%;min-width:160px;border:2px solid #283833;background:#d8cfb7;color:#263b35;padding:6px 24px 6px 8px;border-radius:0;font:700 10px Courier New,monospace}.park-start-wrap select:focus-visible{outline:3px solid #d67b33;outline-offset:2px}@media(max-height:650px){.park-start-wrap{margin-bottom:4px;font-size:7px}.park-start-wrap select{padding:3px 20px 3px 6px;font-size:8px}}@media(max-height:590px){.park-map{top:127px;width:82px;right:22px}.park-map canvas{width:68px;height:98px}.park-map>span{font-size:6px}.park-map>small{font-size:5px}}@media(max-width:750px){.park-map{right:12px;top:142px;width:62px;padding:3px}.park-map canvas{width:52px;height:75px}.park-map>span{font-size:5px}.park-map>small{display:none}}@media(max-width:480px){.park-map{top:182px;right:8px;opacity:.82}}.masthead{height:68px;background:#151a24;border-bottom:3px solid #e66039;padding:0 25px}.brand{width:180px;height:60px;flex-shrink:0;transform:none}.brand img{display:block;object-fit:contain;width:100%;height:100%}.title-wrap{width:109%;margin:45px 0 0 -3%;padding:0;transform:rotate(-2deg)}.title-wrap h1{font-size:0;transform:none;line-height:1;text-shadow:none}.title-wrap h1 img{display:block;width:100%;height:auto;filter:drop-shadow(5px 7px 0 #101519)}.title-sub{max-width:none;text-align:center;margin:8px 0 0;font:900 12px var(--mono);letter-spacing:5px;color:#e9dcc1}.home-layout{grid-template-columns:minmax(0,1fr) minmax(450px,1fr);gap:8%;padding:20px 5% 14px}.home-art{padding-top:8px}.home-tagline{margin-top:70px;font-size:clamp(27px,3vw,43px)}.home-menu{padding:0}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-card{min-height:134px;display:flex;flex-direction:column;position:relative;overflow:hidden;transform:none;box-shadow:3px 3px #070e12}.mode-card .mode-picture{position:absolute;inset:0;width:100%;height:100%;opacity:.34;filter:saturate(.7)}.mode-card .mode-picture svg{height:100%;width:100%;object-fit:cover}.mode-card .mode-copy{padding:12px;position:relative;z-index:1;width:100%;background:linear-gradient(90deg,#101c28e0,#111d2666)}.mode-copy strong{font-size:25px;line-height:1;margin:12px 0 7px;white-space:nowrap}.mode-number{font-size:8px}.mode-number i{font-size:7px;margin-left:5px}.mode-detail{font-size:10px;line-height:1.3;display:block;min-height:26px}.mode-status{font-size:8px;margin-top:10px}.mode-symbol{display:flex;align-items:center;justify-content:flex-end;font:100px Impact;color:#f3c647;padding-right:14px;background:repeating-linear-gradient(-45deg,#263b3b 0 10px,#1a292c 11px 15px)}.mode-symbol i{position:absolute;bottom:7px;right:7px;font:900 12px var(--mono)}.mode-storm .mode-symbol{background:linear-gradient(150deg,#545571,#142431);color:#aea7eb;font-size:145px}.mode-rush.is-selected{border-color:#f6b638}.mode-storm.is-selected{border-color:#ab9dff}.session-description{min-height:65px;padding:12px 0}.session-description p{font-size:11px;line-height:1.45;margin-top:5px}.menu-heading{font-size:8px;letter-spacing:.7px;margin-bottom:12px}.start-hint{margin:9px 0 12px}.surf-sticker,.poster-star{display:none}.poster-grid{opacity:.08}.intro{background:linear-gradient(100deg,#172524ef,#182930b0 40%,#101b2190 75%,#121d23ed)}.home-tagline{transform:none;color:#d9d7c1;font-style:normal;text-shadow:2px 2px #11191f}.home-tagline em{color:#ceb754}.poster-caption{font-size:9px;letter-spacing:1.2px;line-height:1.5}.surf-sticker strong{font-size:26px}.surf-sticker span{font-size:7px}.surf-condition{position:absolute;right:24px;top:130px;text-align:right;width:250px;color:#eee9d1;font:900 10px/1.6 var(--mono);text-shadow:1px 1px #132329}.surf-condition b,.surf-condition span{display:block}.surf-condition span{font-size:8px;margin-top:8px}.risk-meter{height:6px;background:#162329b3;border:1px solid #c4c6a8;margin-top:4px}.risk-meter i{display:block;height:100%;background:#f5c945;transition:width .1s}.surf-condition.danger span{color:#ffe090}.surf-condition.danger .risk-meter i{background:#ea5936}.control-strip{gap:18px}.control-strip>div:last-child{display:flex}body:not(.park-mode) .control-strip>.factory-controls,body.park-mode .control-strip>.ocean-controls{display:none}.pop-status{width:170px;margin-top:12px;color:#e0d6ba;font:900 8px/1.5 var(--mono);letter-spacing:.3px;text-shadow:1px 1px #14242b}.pop-status>div{height:5px;width:128px;margin-top:4px;border:1px solid #a0a99a;background:#14242bcc}.pop-status i{display:block;height:100%;width:100%;background:#cdb651}.pop-status.cooling{color:#c4b89f}.pop-status.cooling i{background:#b78457}.pop-status.powered{color:#ffe491}.pop-status.powered i{background:#f4d96e}.park-mode .wave-map{display:none}.wave-map>div:before{content:"";position:absolute;height:9px;width:15%;left:var(--crest-position,22%);top:-2px;transform:translate(-50%);border:1px solid #f6d878;background:#f6d87866}.wave-map i{z-index:1}@media(max-height:760px){.masthead{height:57px}.brand{width:164px;height:55px}.home-layout{padding-top:16px;padding-bottom:12px}.title-wrap{margin-top:38px}.home-tagline{margin-top:53px;font-size:32px}.mode-card{min-height:115px}.mode-copy strong{font-size:22px;margin-top:9px}.mode-card .mode-copy{padding:9px 10px}.mode-detail{font-size:9px;min-height:23px}.mode-status{margin-top:6px;font-size:7px}.session-description{min-height:58px;padding:9px 0}.primary-button{min-height:43px}.garage-button{padding:8px 10px}.garage-button strong{font-size:15px}.surf-sticker{bottom:24px}.intro-bottom{min-height:30px;padding-top:8px;padding-bottom:8px}}@media(max-height:620px){.home-layout{overflow:auto}.home-art,.home-menu{min-height:0}.intro{overflow:auto}.surf-condition{top:126px}.mode-card{min-height:100px}.mode-copy strong{font-size:20px;margin-top:7px}.mode-card .mode-copy{padding:8px 10px}.mode-detail{min-height:21px}.mode-status{margin-top:4px}.home-tagline{margin-top:36px;font-size:30px}.poster-caption{display:none}}body[data-session=storm] .timer-block .eyebrow{display:block;margin-bottom:5px;color:#e6d797;font-size:9px;letter-spacing:2px}body[data-session=storm] .timer-block strong{color:#e5ce83;text-shadow:2px 2px #5a4a28,3px 4px #141e26}body[data-session=storm] .surf-condition{min-width:270px}.survival-result{line-height:1.9;color:#d0dddc}.survival-result b{color:#f1d478;font-size:22px}.crew-classic-logo{display:block;width:184px;height:68px;object-fit:contain;margin-left:auto;margin-right:23px;filter:drop-shadow(2px 3px 0 #080e16);pointer-events:none}.selection-screen .workshop-header{overflow:visible}.modal-classic-logo{display:block;width:230px;height:92px;object-fit:contain;margin:-8px auto 5px;filter:drop-shadow(2px 3px 0 #070c13)}.modal:not([data-mode=results]):not([data-mode=pause]) .modal-classic-logo{display:none}@media(max-height:700px){.modal-classic-logo{width:185px;height:74px;margin:-10px auto 2px}.crew-classic-logo{width:157px;height:61px}}