/* v744 Surf Challenge — concept menu, live rider, Familiar, and animated sprite wave. */
.ggi-surfboard-v716{pointer-events:auto!important;cursor:pointer;touch-action:manipulation;width:106px!important;height:214px!important;transform:translate(-50%,-82%) rotate(var(--board-tilt,-8deg))!important}
.ggi-surfboard-v716::before{content:"";position:absolute;z-index:4;left:50%;bottom:8px;width:78px;height:23px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#e8bb61 0,#c68a32 56%,rgba(154,91,25,0) 74%);filter:drop-shadow(0 4px 3px rgba(65,37,21,.24));pointer-events:none}
.ggi-surfboard-v716::after{content:"TAP TO SURF";position:absolute;z-index:5;left:50%;bottom:-16px;width:max-content;transform:translateX(-50%);padding:4px 7px;border:1px solid rgba(73,51,29,.55);border-radius:999px;background:linear-gradient(#f8e6a9,#d7aa4d);color:#312318;font:950 8px/1 system-ui,sans-serif;letter-spacing:.06em;box-shadow:0 3px 7px rgba(47,29,19,.2);pointer-events:none}
.ggi-surfboard-v716 .ggi-surfboard-sprite-v716{inset:50% auto auto 50%!important;width:190px!important;height:108px!important;transform:translate(-50%,-50%) rotate(88deg)!important;background:transparent url("surfboard-gremlin-v743.v747.webp") 50% 50%/contain no-repeat!important;filter:drop-shadow(0 7px 4px rgba(50,31,26,.35))!important}
.ggi-surfboard-v716.variant-1 .ggi-surfboard-sprite-v716{transform:translate(-50%,-50%) rotate(92deg) scaleY(-1)!important;background-position:50% 50%!important}
.ggi-surfboard-v716 .ggi-surfboard-shadow-v716{display:none!important}
.ggi-surfboard-v716:active{filter:brightness(.94)}

.ggi-surf-modal-v743,.ggi-surf-invite-v743,.ggi-surf-game-v743{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:rgba(8,11,18,.58);backdrop-filter:blur(7px)}
.ggi-surf-card-v743{position:relative;width:min(420px,100%);max-height:min(92vh,760px);overflow:auto;padding:30px 17px 17px;border:2px solid #5f6570;border-radius:25px;background:linear-gradient(145deg,#f8f9fb 0,#d7dce2 47%,#b5bdc6 100%);color:#11151b;box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 rgba(76,85,96,.35),0 22px 65px rgba(0,0,0,.52);text-align:center;overscroll-behavior:contain}
.ggi-surf-card-v743::before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.52);border-radius:19px;pointer-events:none}
.ggi-surf-crest-v743{position:relative;z-index:2;width:68px;height:68px;margin:-23px auto 4px;border:2px solid #5b6470;border-radius:19px;background:linear-gradient(150deg,#f9fbfc,#aeb7c1);box-shadow:inset 0 2px #fff,0 7px 15px rgba(20,28,39,.28);overflow:hidden}
.ggi-surf-crest-v743>i{position:absolute;inset:8px;display:block;background:transparent url("surf-wave-atlas-v743.v747.webp") 0 50%/600% 100% no-repeat;filter:saturate(1.12) drop-shadow(0 2px 2px rgba(1,60,87,.3))}
.ggi-surf-card-v743 h2{position:relative;z-index:1;margin:0 0 5px;font:1000 clamp(1.38rem,5vw,1.72rem)/1.02 system-ui,sans-serif;letter-spacing:-.035em}.ggi-surf-card-v743>p{position:relative;z-index:1;margin:0 auto 14px;max-width:320px;color:#3b444e;font:750 .78rem/1.28 system-ui,sans-serif}
.ggi-surf-choice-v743{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ggi-surf-choice-v743>button,.ggi-surf-choice-v743.lobby-choice{position:relative;min-width:0;min-height:172px;padding:10px 7px 9px;border:1px solid #79828d;border-radius:16px;background:linear-gradient(155deg,#fff,#d1d6dc);color:#131821;box-shadow:inset 0 1px #fff,0 5px 12px rgba(21,30,42,.17);overflow:hidden;touch-action:manipulation}
.ggi-surf-choice-v743>button b,.ggi-surf-lobby-copy-v743>b{display:block;font:1000 .88rem/1 system-ui,sans-serif;text-transform:uppercase}.ggi-surf-choice-v743>button small{display:block;min-height:2.3em;margin-top:2px;color:#4c5762;font:750 .6rem/1.14 system-ui,sans-serif}.ggi-surf-choice-v743>button:active{transform:scale(.97)}.ggi-surf-choice-v743>button:disabled{opacity:.46;filter:saturate(.55);transform:none}
.ggi-surf-choice-v743.lobby-choice{grid-template-columns:136px 1fr;min-height:112px;text-align:left;align-items:center}.ggi-surf-lobby-copy-v743{display:grid;gap:7px;padding-right:7px}.ggi-surf-lobby-copy-v743 span{color:#4c5762;font:750 .66rem/1.25 system-ui,sans-serif}

.ggi-surf-rider-preview-v743{position:relative;width:132px;height:100px;margin:2px auto 0;pointer-events:none}.ggi-surf-rider-preview-v743>img{position:absolute;left:50%;bottom:5px;width:124px;height:auto;transform:translateX(-50%);filter:drop-shadow(0 5px 3px rgba(10,56,73,.28))}.ggi-surf-preview-avatar-v743{position:absolute;z-index:3;left:53%;bottom:29px;width:58px;height:70px;transform:translateX(-50%);display:block}.ggi-surf-preview-pet-v743{position:absolute;z-index:4;left:14px;bottom:24px;width:38px;height:38px;display:block}.ggi-surf-rider-preview-v743>span{position:absolute;z-index:1;left:1px;right:1px;bottom:0;height:24px;border-radius:50%;background:radial-gradient(ellipse,rgba(192,248,255,.95),rgba(67,185,224,.64) 48%,rgba(11,120,172,0) 73%)}
.ggi-surf-rider-preview-v743.compact{width:112px;transform:scale(.88);transform-origin:50% 75%}.ggi-surf-coop-art-v743{position:relative;height:107px}.ggi-surf-coop-art-v743 .ggi-surf-rider-preview-v743{position:absolute;left:-6px;bottom:-4px}.ggi-surf-coop-art-v743 .friend{position:absolute;display:grid;place-items:center;width:34px;height:43px;border:3px solid #323844;border-radius:50% 50% 42% 42%;background:#7a4a91;color:#fff;font:1000 1rem/1 system-ui;box-shadow:0 4px 0 #303640}.ggi-surf-coop-art-v743 .friend.one{right:18px;top:25px;rotate:8deg}.ggi-surf-coop-art-v743 .friend.two{right:2px;top:56px;scale:.76;rotate:-8deg}

.ggi-surf-preview-avatar-v743>svg,.ggi-surf-live-avatar-v743>svg,.ggi-surf-roster-v743 i.you>span>svg{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important}.ggi-surf-preview-avatar-v743 *,.ggi-surf-preview-pet-v743 *,.ggi-surf-live-avatar-v743 *,.ggi-surf-live-pet-v743 *,.ggi-surf-roster-v743 *{pointer-events:none!important}.ggi-surf-preview-pet-v743>*,.ggi-surf-live-pet-v743>*,.ggi-surf-preview-pet-v743 [class*="familiar"],.ggi-surf-live-pet-v743 [class*="familiar"]{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;transform:none!important;margin:0!important}

.ggi-surf-ready-panel-v743{position:relative;z-index:1;margin-top:10px;padding:9px;border:1px solid #8b949e;border-radius:17px;background:linear-gradient(160deg,rgba(250,252,253,.95),rgba(184,192,202,.9));box-shadow:inset 0 1px #fff,0 4px 11px rgba(25,33,43,.14)}.ggi-surf-ready-panel-v743>small{display:block;color:#333d47;font:1000 .6rem/1 system-ui;letter-spacing:.11em}.ggi-surf-ready-panel-v743>strong{display:block;margin:2px 0;color:#367fb0;font:1000 1.85rem/1 system-ui;text-shadow:0 2px #fff}.ggi-surf-ready-panel-v743.active>strong{font-size:2.45rem}.ggi-surf-ready-label-v743{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:3px 2px 7px}.ggi-surf-ready-label-v743 b{font:1000 .68rem/1 system-ui}.ggi-surf-ready-label-v743 span{color:#4d5762;font:750 .55rem/1 system-ui;text-align:right}
.ggi-surf-roster-v743{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.ggi-surf-roster-v743>i{position:relative;display:grid;place-items:center;height:50px;border:2px dashed #8d96a1;border-radius:13px;background:rgba(112,122,133,.14);overflow:hidden;font-style:normal}.ggi-surf-roster-v743>i.ready{border-style:solid;border-color:#6d7a84;background:linear-gradient(145deg,#dff8ef,#a9d3c2)}.ggi-surf-roster-v743>i>span{display:grid;place-items:center;width:38px;height:39px;color:#6d7782;font:1000 1rem/1 system-ui}.ggi-surf-roster-v743>i.you>span{width:35px;height:40px}.ggi-surf-roster-v743>i>b{position:absolute;left:2px;right:2px;bottom:1px;padding:1px;border-radius:4px;background:rgba(20,30,38,.7);color:#fff;font:900 .38rem/1 system-ui}.ggi-surf-friend-face-v743{border-radius:50%;background:#7d4a92!important;color:#fff!important}.ggi-surf-roster-v743>i.empty>span{opacity:.62}

.ggi-surf-close-v743,.ggi-surf-ready-v743{position:relative;z-index:1;width:100%;min-height:45px;margin-top:10px;border:1px solid #727d88;border-radius:15px;background:linear-gradient(#fff,#d5dae0);color:#151a21;font:1000 .72rem/1 system-ui;box-shadow:inset 0 1px #fff,0 4px 10px rgba(20,28,38,.14)}.ggi-surf-ready-v743{min-height:56px;background:linear-gradient(#b96bed,#7c319f);border-color:#68278b;color:#fff}.ggi-surf-close-v743:active,.ggi-surf-ready-v743:active{transform:scale(.98)}

.ggi-surf-game-v743{padding:0;background:#087eb9;backdrop-filter:none}.ggi-surf-stage-v743{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 82% 11%,rgba(255,230,139,.46),rgba(255,230,139,0) 24%),linear-gradient(180deg,#58b7ef 0 27%,#c2eff7 27.4%,#1199c3 30%,#087da9 58%,#045b84 100%)}.ggi-surf-distant-water-v743{position:absolute;z-index:0;left:0;right:0;top:27%;height:23%;background:repeating-linear-gradient(174deg,rgba(227,251,255,.14) 0 3px,rgba(4,122,166,0) 3px 26px);opacity:.65;animation:ggi-surf-distant-drift-v743 8s linear infinite}.ggi-surf-wave-layer-v743{position:absolute;z-index:1;left:-11vw;bottom:-3vh;width:min(140vw,760px);aspect-ratio:256/306;max-height:88vh;background:transparent url("surf-wave-atlas-v743.v747.webp") 0 50%/600% 100% no-repeat;filter:saturate(1.05) contrast(1.03) drop-shadow(0 13px 10px rgba(0,47,74,.26));animation:ggi-surf-wave-v743 1.08s steps(1,end) infinite;will-change:background-position}.ggi-surf-stage-v743 canvas{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;touch-action:none}
@keyframes ggi-surf-wave-v743{0%,15.9%{background-position:0 50%}16%,31.9%{background-position:20% 50%}32%,47.9%{background-position:40% 50%}48%,63.9%{background-position:60% 50%}64%,79.9%{background-position:80% 50%}80%,100%{background-position:100% 50%}}
@keyframes ggi-surf-distant-drift-v743{to{background-position:220px 0}}

.ggi-surf-rider-v743{position:absolute;z-index:3;left:0;top:0;width:174px;height:137px;pointer-events:none;will-change:transform;transform-origin:50% 72%}.ggi-surf-live-board-v743{position:absolute;z-index:2;left:50%;bottom:0;width:170px;height:auto;transform:translateX(-50%);filter:drop-shadow(0 7px 4px rgba(0,37,57,.4))}.ggi-surf-live-avatar-v743{position:absolute;z-index:4;left:53%;bottom:37px;width:78px;height:96px;transform:translateX(-50%);display:block;filter:drop-shadow(0 3px 2px rgba(7,29,38,.24))}.ggi-surf-live-pet-v743{position:absolute;z-index:5;left:10px;bottom:32px;width:49px;height:49px;display:block;filter:drop-shadow(0 3px 2px rgba(7,29,38,.25));animation:ggi-surf-pet-balance-v743 .72s ease-in-out infinite alternate}.ggi-surf-rider-v743.hit{animation:ggi-surf-rider-hit-v743 .34s ease-out both}
@keyframes ggi-surf-pet-balance-v743{to{translate:0 -4px;rotate:-4deg}}
@keyframes ggi-surf-rider-hit-v743{35%{filter:brightness(1.7) drop-shadow(0 0 10px #ffdf7e);translate:-9px 0}70%{translate:7px 0}}

.ggi-surf-hud-v743{position:absolute;z-index:5;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;pointer-events:none}.ggi-surf-meter-v743,.ggi-surf-score-v743,.ggi-surf-leaderboard-v743{border:1px solid rgba(174,218,236,.34);border-radius:16px;background:rgba(10,37,57,.7);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.15),0 5px 14px rgba(0,33,51,.22);backdrop-filter:blur(5px);font-weight:1000}.ggi-surf-meter-v743{display:grid;gap:3px;padding:8px 11px;color:#ffcfda}.ggi-surf-meter-v743 span:last-child{color:#ffd75c}.ggi-surf-meter-v743 b{color:#fff}.ggi-surf-score-v743{padding:10px 12px;font-size:1rem;white-space:nowrap}.ggi-surf-leaderboard-v743{justify-self:center;max-width:min(46vw,280px);padding:7px 10px;color:#eaf8ff;font-size:.63rem}.ggi-surf-leaderboard-v743 span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ggi-surf-exit-v743{position:absolute;z-index:6;right:max(12px,env(safe-area-inset-right));bottom:max(13px,env(safe-area-inset-bottom));min-width:66px;min-height:54px;border:2px solid rgba(255,255,255,.8);border-radius:16px;background:linear-gradient(#f8fbfd,#d2e0e7);color:#111821;font:1000 .78rem/1 system-ui;box-shadow:0 5px 14px rgba(0,35,52,.24)}.ggi-surf-tip-v743{position:absolute;z-index:5;left:50%;bottom:max(23px,calc(env(safe-area-inset-bottom) + 16px));max-width:calc(100vw - 178px);transform:translateX(-50%);padding:9px 13px;border:1px solid rgba(143,206,232,.28);border-radius:999px;background:rgba(6,35,54,.72);color:#fff;font:850 .7rem/1 system-ui;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(5px)}
.ggi-surf-finish-v743{width:min(390px,calc(100vw - 28px))}.ggi-surf-finish-v743>p>b{font-size:2rem}.ggi-surf-finish-v743 ol{max-width:260px;margin:11px auto;padding-left:28px;text-align:left;font:850 .75rem/1.65 system-ui}

body.ggi-lite-mode-v708 .ggi-surfboard-v716::after{filter:none;opacity:.6}
@media(max-width:560px){
  .ggi-surf-card-v743{padding:28px 13px 14px;border-radius:22px}.ggi-surf-choice-v743{gap:7px}.ggi-surf-choice-v743>button{min-height:162px;padding-inline:4px}.ggi-surf-rider-preview-v743{scale:.9;margin-inline:-3px}.ggi-surf-choice-v743.lobby-choice{grid-template-columns:116px 1fr}.ggi-surf-lobby-rider-v743{scale:.82}.ggi-surf-ready-label-v743 span{max-width:145px}
  .ggi-surf-wave-layer-v743{left:-19vw;width:152vw;bottom:2vh}.ggi-surf-rider-v743{width:153px;height:122px}.ggi-surf-live-board-v743{width:150px}.ggi-surf-live-avatar-v743{width:69px;height:85px;bottom:34px}.ggi-surf-live-pet-v743{width:43px;height:43px;left:9px;bottom:30px}.ggi-surf-hud-v743{gap:6px}.ggi-surf-meter-v743,.ggi-surf-score-v743{padding:7px 9px}.ggi-surf-leaderboard-v743{font-size:.56rem;padding:7px}.ggi-surf-tip-v743{left:max(12px,env(safe-area-inset-left));transform:none;max-width:calc(100vw - 104px);font-size:.62rem}
}
@media(prefers-reduced-motion:reduce){.ggi-surf-modal-v743,.ggi-surf-invite-v743{backdrop-filter:none}.ggi-surf-distant-water-v743{animation:none!important}.ggi-surf-wave-layer-v743{animation-duration:3.4s!important}.ggi-surf-live-pet-v743{animation:none!important}}

/* v747 surf polish: iOS hold input, living rider, crisp wave atlas, angular slate rocks, and light lens-water bursts. */
.ggi-surf-game-v743,
.ggi-surf-game-v743 *{
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
  -webkit-tap-highlight-color:transparent!important;
  -webkit-user-drag:none!important;
}
.ggi-surf-game-v743{touch-action:none;overscroll-behavior:none}
.ggi-surf-stage-v743{touch-action:none;isolation:isolate}
.ggi-surf-wave-layer-v743{
  background-image:url("surf-wave-atlas-v743.v747.webp")!important;
  image-rendering:auto;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.ggi-surf-crest-v743>i{background-image:url("surf-wave-atlas-v743.v747.webp")!important;background-size:600% 100%!important}
.ggi-surf-live-avatar-v743{
  transform-origin:50% 90%;
  animation:ggi-surf-avatar-alive-v747 1.55s ease-in-out infinite;
  will-change:translate,rotate,scale;
}
.ggi-surf-live-board-v743{
  transform-origin:50% 76%;
  animation:ggi-surf-board-alive-v747 1.35s ease-in-out infinite alternate;
  will-change:translate,rotate;
}
.ggi-surf-rider-v743::after{
  content:"";
  position:absolute;
  z-index:1;
  left:7px;
  right:5px;
  bottom:-8px;
  height:26px;
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 45%,rgba(235,253,255,.92),rgba(123,224,242,.5) 44%,rgba(35,160,202,0) 73%);
  opacity:.72;
  animation:ggi-surf-board-foam-v747 .8s ease-in-out infinite alternate;
}
@keyframes ggi-surf-avatar-alive-v747{
  0%,100%{translate:0 0;rotate:-1.2deg;scale:1 1}
  28%{translate:0 -3px;rotate:1.2deg;scale:1.012 .994}
  55%{translate:0 -1px;rotate:.2deg;scale:.995 1.01}
  78%{translate:0 -2px;rotate:-.8deg;scale:1.006 .998}
}
@keyframes ggi-surf-board-alive-v747{
  from{translate:0 0;rotate:-.7deg}
  to{translate:0 -2px;rotate:.9deg}
}
@keyframes ggi-surf-board-foam-v747{from{scale:.94 .78;opacity:.48}to{scale:1.07 1;opacity:.78}}

.ggi-surf-lens-water-v747{
  position:absolute;
  z-index:4;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  contain:layout paint;
}
.ggi-surf-lens-water-v747>i{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--w);
  height:var(--h);
  opacity:0;
  pointer-events:none;
  transform:translate3d(-50%,0,0);
  animation:ggi-surf-lens-drop-v747 var(--dur) cubic-bezier(.18,.72,.28,1) var(--delay) 1 both;
  will-change:transform,opacity;
}
.ggi-surf-lens-water-v747>i.drop{
  border-radius:58% 42% 62% 38%/62% 48% 52% 38%;
  background:
    radial-gradient(circle at 34% 25%,rgba(255,255,255,.82) 0 9%,rgba(255,255,255,0) 18%),
    radial-gradient(ellipse at 58% 68%,rgba(174,238,247,.32),rgba(54,139,171,.1) 55%,rgba(255,255,255,.12) 70%,rgba(255,255,255,0) 73%);
  box-shadow:inset -1px -2px 3px rgba(11,78,111,.18),inset 1px 1px 2px rgba(255,255,255,.42),0 1px 2px rgba(5,63,88,.12);
}
.ggi-surf-lens-water-v747>i.streak{
  border-radius:60% 52% 65% 48%;
  background:
    radial-gradient(ellipse at 50% 88%,rgba(220,250,255,.4),rgba(74,151,177,.14) 55%,transparent 68%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(188,241,249,.23) 45%,rgba(34,111,145,.11));
  box-shadow:inset 1px 0 2px rgba(255,255,255,.32),inset -1px 0 2px rgba(18,90,120,.15);
}
@keyframes ggi-surf-lens-drop-v747{
  0%{opacity:0;transform:translate3d(-50%,-8px,0) scale(.78)}
  17%{opacity:var(--alpha);transform:translate3d(-50%,0,0) scale(1)}
  70%{opacity:var(--alpha);transform:translate3d(-50%,var(--travel-mid),0) scale(.98,1.08)}
  100%{opacity:0;transform:translate3d(-50%,var(--travel),0) scale(.9,1.18)}
}

@media(prefers-reduced-motion:reduce){
  .ggi-surf-live-avatar-v743,.ggi-surf-live-board-v743,.ggi-surf-rider-v743::after{animation:none!important}
  .ggi-surf-lens-water-v747>i{animation-duration:2.8s!important}
}