/* NEYVIO SKYHOP — original platform-jumper, no third-party resources */
.arcade-section{position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.09);background:radial-gradient(ellipse 64% 55% at 92% 35%,rgba(255,85,160,.13),transparent 80%),radial-gradient(ellipse 55% 46% at 8% 85%,rgba(84,245,233,.09),transparent 74%)}
.arcade-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(84,245,233,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(84,245,233,.18) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000 90%)}
.arcade-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(28px,6vw,85px);align-items:center;position:relative}
.arcade-story{align-self:center}.arcade-story h2{font-size:clamp(3.1rem,6.9vw,5.5rem);line-height:.96;letter-spacing:-.075em;font-weight:1000;margin:18px 0 22px}.arcade-story .arcade-lead{font-size:1.03rem;color:#d8cde7;max-width:435px;margin:0 0 32px}.arcade-pills{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 29px}.arcade-pills span{font-size:.69rem;font-weight:900;letter-spacing:.09em;border:1px solid rgba(255,255,255,.18);border-radius:50px;padding:7px 11px;color:#e9d9f4;background:rgba(255,255,255,.04)}.arcade-pills span:first-child{border-color:rgba(84,245,233,.36);color:var(--cyan)}
.arcade-feature-list{display:grid;gap:17px;margin:30px 0 36px}.arcade-feature{display:flex;gap:14px;align-items:flex-start}.arcade-feature .af-icon{flex:none;display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(140deg,rgba(255,80,167,.23),rgba(152,100,255,.13));border:1px solid rgba(255,255,255,.14);color:#ffabd1;font-size:1.22rem}.arcade-feature strong{display:block;font-size:.88rem;color:#fff;margin-bottom:2px}.arcade-feature p{margin:0;color:#c1b2d0;font-size:.85rem;max-width:370px}.arcade-caption{font-size:.75rem;color:#a99abd;max-width:390px;line-height:1.7}
.skyhop{width:min(100%,480px);margin-inline:auto;border-radius:27px;background:linear-gradient(140deg,rgba(59,32,89,.92),rgba(22,13,37,.96));border:1px solid rgba(255,180,211,.27);box-shadow:0 20px 85px rgba(7,3,19,.48),0 0 52px rgba(255,80,167,.10);padding:13px;isolation:isolate}
.skyhop-header{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 9px 14px}.skyhop-brand{display:flex;align-items:center;gap:10px;font-size:.83rem;font-weight:1000;letter-spacing:.14em}.skyhop-led{width:9px;height:9px;border-radius:50%;background:#54f5e9;box-shadow:0 0 13px #54f5e9}.skyhop-label{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.skyhop-label small{font-size:.58rem;letter-spacing:.19em;color:#cbb9de;font-weight:900}.skyhop-label strong{font-variant-numeric:tabular-nums;font-size:1.04rem;color:#fff;letter-spacing:.07em}.skyhop-icon-button{width:37px;height:37px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:11px;color:#fff;background:rgba(255,255,255,.06);font-size:1rem;transition:background .2s,border-color .2s}.skyhop-icon-button:hover:not(:disabled){border-color:#54f5e9;background:rgba(84,245,233,.11)}.skyhop-icon-button:disabled{opacity:.3;cursor:not-allowed}
.skyhop-stage{position:relative;overflow:hidden;border-radius:19px;background:#180e31;aspect-ratio:420/620;border:1px solid rgba(255,255,255,.11)}.skyhop-stage canvas{display:block;width:100%;height:100%;aspect-ratio:420/620;touch-action:none;outline-offset:-5px}.skyhop-hud{position:absolute;inset:0 0 auto 0;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;padding:16px;z-index:1}.skyhop-score{background:rgba(12,7,32,.52);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:7px 12px;backdrop-filter:blur(10px)}.skyhop-score small{display:block;color:#ffd2e7;font-size:.52rem;letter-spacing:.18em;font-weight:900}.skyhop-score strong{font-size:1.37rem;line-height:1.15;color:white;letter-spacing:.05em;font-weight:1000;font-variant-numeric:tabular-nums}.skyhop-altitude{font-size:.68rem;font-weight:850;letter-spacing:.11em;background:rgba(10,8,29,.39);padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);color:#aaffef}
.skyhop-overlay{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;background:linear-gradient(180deg,rgba(17,8,36,.48),rgba(16,8,34,.72) 42%,rgba(16,8,34,.87));backdrop-filter:blur(5px)}.skyhop-overlay[hidden]{display:none!important}.skyhop-overlay-inner{max-width:325px;width:100%}.skyhop-overline{display:inline-block;border:1px solid rgba(84,245,233,.4);border-radius:50px;color:#86fff1;background:rgba(84,245,233,.06);padding:8px 13px;font-size:.65rem;font-weight:900;letter-spacing:.17em}.skyhop-mascot{width:88px;height:88px;border-radius:29px;margin:27px auto 23px;display:grid;place-items:center;transform:rotate(-8deg);background:linear-gradient(135deg,#ff53ab,#ffaf63 53%,#8d5dff);box-shadow:0 12px 50px rgba(255,88,167,.43),inset 0 3px 12px rgba(255,255,255,.42)}.skyhop-mascot span{display:block;width:58px;height:33px;border:3px solid #fff;border-radius:18px;background:#2a1452;box-shadow:inset 0 0 16px #7a4cfd;position:relative}.skyhop-mascot span:before,.skyhop-mascot span:after{content:"";position:absolute;top:10px;width:8px;height:8px;background:#79fff2;border-radius:50%;box-shadow:0 0 10px #54f5e9}.skyhop-mascot span:before{left:13px}.skyhop-mascot span:after{right:13px}.skyhop-overlay h3{font-size:clamp(3rem,7vw,4.25rem);line-height:.9;letter-spacing:-.075em;margin:0 0 17px;font-weight:1000;color:#fff}.skyhop-overlay h3 em{font-style:normal;color:#ff9e68}.skyhop-overlay p{font-size:.88rem;line-height:1.6;color:#e0d2ec;margin:0 auto 25px;max-width:300px}.skyhop-action{border:0;color:#fff;font-size:.86rem;letter-spacing:.04em;font-weight:900;min-height:50px;width:100%;border-radius:13px;background:linear-gradient(110deg,#ff4da5,#ff9960);box-shadow:0 10px 35px rgba(255,72,160,.42);transition:transform .2s,box-shadow .2s}.skyhop-action:hover{transform:translateY(-2px);box-shadow:0 13px 40px rgba(255,72,160,.55)}.skyhop-hint{display:block;font-size:.66rem;color:#d9cae9;margin-top:17px;letter-spacing:.04em}
.skyhop-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 4px 0}.skyhop-control{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;border:1px solid rgba(255,255,255,.22);border-radius:14px;min-width:83px;height:65px;user-select:none;-webkit-user-select:none;touch-action:none;color:#fff;background:linear-gradient(150deg,rgba(255,88,169,.22),rgba(146,79,255,.12));font-size:1.5rem;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.11)}.skyhop-control small{color:#f4dbef;font-size:.51rem;letter-spacing:.15em;font-weight:900}.skyhop-control:active,.skyhop-control.is-held{border-color:var(--cyan);background:rgba(84,245,233,.20);box-shadow:0 0 20px rgba(84,245,233,.12)}.skyhop-controls-center{text-align:center;min-width:0;flex:1}.skyhop-controls-center #skyhopStatus{font-size:.68rem;color:#e2d3f0;line-height:1.3;display:block}.skyhop-sound{margin-top:5px;padding:3px 7px;border:0;background:none;color:var(--cyan);font-size:.59rem;letter-spacing:.12em;font-weight:800}.skyhop-foot{padding:12px 8px 3px;text-align:center;letter-spacing:.11em;font-size:.58rem;font-weight:900;color:#a69ab9}.skyhop-foot span{color:#ff94b9}
@media(max-width:920px){.arcade-grid{grid-template-columns:1fr;max-width:660px;margin-inline:auto}.arcade-story h2{font-size:clamp(3rem,8vw,4.8rem)}.arcade-story .arcade-lead{max-width:610px}.skyhop{width:min(100%,480px);order:-1}}
@media(max-width:420px){.skyhop{padding:8px;border-radius:20px}.skyhop-stage{border-radius:14px}.skyhop-header{padding:5px 7px 9px}.skyhop-brand{font-size:.71rem}.skyhop-control{min-width:70px;height:59px}.skyhop-overlay{padding:20px}.skyhop-mascot{width:70px;height:70px;margin:20px auto}.skyhop-mascot span{transform:scale(.78)}.skyhop-overlay h3{font-size:3rem}.skyhop-overlay p{font-size:.8rem;margin-bottom:17px}.skyhop-hint{font-size:.61rem}.arcade-story h2{font-size:3.1rem}}
@media(prefers-reduced-motion:reduce){.skyhop *{scroll-behavior:auto;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* SKYHOP V2 - mobile fullscreen and neon soundtrack controls */
.skyhop-header{gap:8px}
.skyhop-fullscreen-button{width:46px;height:43px;flex:none;color:#65ffe9;background:linear-gradient(135deg,rgba(84,245,233,.15),rgba(155,97,255,.16));border-color:rgba(84,245,233,.40);font-size:1.27rem;line-height:1}
.skyhop-fullscreen-button small{font-size:.49rem;letter-spacing:.06em;font-weight:950;color:#c6ffef;display:block;margin-top:1px}
.skyhop-fullscreen-button:hover{box-shadow:0 0 17px rgba(84,245,233,.18)}
.skyhop-audio-controls{display:flex;justify-content:center;gap:7px;align-items:center;flex-wrap:wrap;margin-top:3px}
.skyhop-audio-controls .skyhop-sound{margin-top:0;border:1px solid rgba(255,255,255,.17);background:rgba(13,9,34,.43);border-radius:20px;padding:5px 9px;letter-spacing:.04em;white-space:nowrap;min-height:28px}
.skyhop-audio-controls .skyhop-music-button{color:#ffd3eb;border-color:rgba(255,90,172,.40);background:rgba(255,90,172,.11)}
.skyhop-audio-controls .skyhop-music-button.is-playing{color:#fff6fc;background:linear-gradient(100deg,rgba(255,79,163,.48),rgba(138,78,255,.32));box-shadow:0 0 16px rgba(255,80,167,.20);border-color:#ff81be}
.skyhop-audio-controls button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:420px){
  .skyhop-header{gap:5px}
  .skyhop-fullscreen-button{width:40px;height:39px;font-size:1.1rem}
  .skyhop-audio-controls{gap:4px}
  .skyhop-audio-controls .skyhop-sound{font-size:.56rem;padding:5px 6px}
  .skyhop-brand{letter-spacing:.07em}
}
body.skyhop-page-fullscreen{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:pan-x pan-y}
.skyhop.skyhop-is-fullscreen,.skyhop:fullscreen{
  position:fixed!important;inset:0!important;z-index:99999!important;
  display:flex!important;flex-direction:column!important;
  width:100vw!important;max-width:none!important;
  height:100vh!important;height:100dvh!important;
  margin:0!important;
  padding:max(7px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))!important;
  border:0!important;border-radius:0!important;
  background:linear-gradient(155deg,#1b103b,#110c27 60%,#171039)!important;
  box-shadow:none!important;overflow:hidden!important;
}
.skyhop.skyhop-is-fullscreen .skyhop-header,.skyhop:fullscreen .skyhop-header{flex:0 0 auto;min-height:46px;padding:3px 8px 7px}
.skyhop.skyhop-is-fullscreen .skyhop-stage,.skyhop:fullscreen .skyhop-stage{
  flex:1 1 0!important;height:auto!important;min-height:0!important;
  width:100%!important;aspect-ratio:auto!important;
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 50% 50%,#362352,#160f2d 76%)!important;
  border-radius:12px!important;
}
.skyhop.skyhop-is-fullscreen .skyhop-stage canvas,.skyhop:fullscreen .skyhop-stage canvas{
  width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;
}
.skyhop.skyhop-is-fullscreen .skyhop-bottom,.skyhop:fullscreen .skyhop-bottom{flex:0 0 auto;gap:6px;padding:8px 2px 2px}
.skyhop.skyhop-is-fullscreen .skyhop-control,.skyhop:fullscreen .skyhop-control{height:62px;min-width:75px}
.skyhop.skyhop-is-fullscreen .skyhop-foot,.skyhop:fullscreen .skyhop-foot{display:none}
.skyhop.skyhop-is-fullscreen .skyhop-overlay,.skyhop:fullscreen .skyhop-overlay{padding:12px}
.skyhop.skyhop-is-fullscreen .skyhop-mascot,.skyhop:fullscreen .skyhop-mascot{margin:12px auto 10px}
.skyhop.skyhop-is-fullscreen .skyhop-overlay h3,.skyhop:fullscreen .skyhop-overlay h3{margin-top:10px;margin-bottom:10px}
@media (orientation:landscape) and (max-height:540px){
  .skyhop.skyhop-is-fullscreen .skyhop-header,.skyhop:fullscreen .skyhop-header{min-height:35px;padding:1px 8px 3px}
  .skyhop.skyhop-is-fullscreen .skyhop-bottom,.skyhop:fullscreen .skyhop-bottom{padding-top:3px}
  .skyhop.skyhop-is-fullscreen .skyhop-control,.skyhop:fullscreen .skyhop-control{height:43px}
  .skyhop.skyhop-is-fullscreen .skyhop-foot,.skyhop:fullscreen .skyhop-foot{display:none}
  .skyhop.skyhop-is-fullscreen .skyhop-overlay-inner,.skyhop:fullscreen .skyhop-overlay-inner{transform:scale(.72)}
}