/* GamingSecrets PWA v0.6.1 — vertical mobile cards, centered manga motion. */
@media (max-width:700px) {
 body.gsap-enabled.gsap-view-outils.gsap-tools-immersive {background:#090b10}
 body.gsap-enabled.gsap-view-outils.gsap-tools-immersive .gs-header,
 body.gsap-enabled.gsap-view-outils.gsap-tools-immersive .gs-music-anchor,
 body.gsap-enabled.gsap-view-outils.gsap-tools-immersive #main-content > .gsap-app-heading,
 body.gsap-enabled.gsap-view-outils.gsap-tools-immersive #main-content > #gs-home-tools {
  display:none!important
 }
 body.gsap-enabled.gsap-view-outils.gsap-tools-immersive #gs-main-content,
 body.gsap-enabled.gsap-view-outils.gsap-tools-immersive #main-content {
  width:100%!important;max-width:100%!important;
  min-height:0!important;margin:0!important;padding:0!important;
  border:0!important;background:#080a0f!important
 }
 body.gsap-enabled.gsap-view-outils.gsap-tools-immersive #main-content > .gsap-tools-experience {
  display:block!important;
  position:relative;width:100%!important;max-width:100%!important;
  height:auto!important;min-height:0!important;
  overflow:visible!important;margin:0!important;
  padding:12px 10px 21px!important;
  background:#080a0f;isolation:isolate;
 }
 .gsap-tools-experience *{box-sizing:border-box}
 .gsap-tools-track {
  display:flex!important;flex-direction:column!important;
  width:100%!important;height:auto!important;
  overflow:visible!important;
  gap:16px!important;touch-action:pan-y;
  overscroll-behavior-y:auto;scroll-snap-type:none!important;
 }
 .gsap-tools-panel {
  --gsap-tool-accent:#e9af83;
  position:relative;isolation:isolate;
  display:block;flex:0 0 auto!important;
  width:100%!important;min-width:0!important;
  height:calc(100svh - 108px)!important;
  height:calc(100dvh - 108px)!important;
  min-height:480px!important;max-height:930px!important;
  margin:0!important;overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  background:#0b0f16;color:#fff;
  box-shadow:0 12px 32px #0006;
 }
 .gsap-tools-panel[data-gs-tool="dojo"]{--gsap-tool-accent:#efb17e}
 .gsap-tools-panel[data-gs-tool="xbox"]{--gsap-tool-accent:#83dab1}
 .gsap-tools-panel[data-gs-tool="price"]{--gsap-tool-accent:#e9bd82}
 .gsap-tools-panel[data-gs-tool="builder"]{--gsap-tool-accent:#9ee1ee}
 .gsap-tools-panel[data-gs-tool="halo"]{--gsap-tool-accent:#a6d6f1}
 .gsap-tools-image {
  position:absolute;inset:0;display:block;
  width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover;object-position:center;
  transform:scale(1.015);filter:saturate(.89) contrast(1.035);
  pointer-events:none;user-select:none;
 }
 .gsap-tools-vignette {
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,#080b13a3 0%,#080b1300 18%,#05060b2e 29%,#05070cbe 44%,#05070cc0 65%,#05070c40 86%,#05070c8c 100%);
 }
 .gsap-tools-brand {
  position:absolute;z-index:3;top:18px;left:18px;
  display:flex;flex-direction:column;gap:3px;
  font:750 10px/1.14 'Outfit',system-ui,sans-serif;
  letter-spacing:.14em;color:#fff;text-shadow:0 1px 5px #000b
 }
 .gsap-tools-brand span {
  font-size:9px;color:var(--gsap-tool-accent);
  font-weight:700;letter-spacing:.19em
 }
 .gsap-tools-counter {
  position:absolute;z-index:3;top:20px;right:17px;
  font:700 11px/1.1 'Outfit',system-ui,sans-serif;
  letter-spacing:.08em;color:#fff;text-shadow:0 1px 5px #000b
 }
 .gsap-tools-copy {
  position:absolute;z-index:3;
  top:50%;left:6%;right:6%;transform:translateY(-50%);
  display:flex;align-items:center;flex-direction:column;
  text-align:center;min-width:0;
  padding:18px 6px;text-shadow:0 2px 17px #000a
 }
 .gsap-tools-copy::before {
  content:"";position:absolute;z-index:-1;inset:-18px -13px;
  background:radial-gradient(ellipse at center,#03060ba6 0%,#03060b6b 45%,transparent 75%);
  pointer-events:none
 }
 .gsap-tools-eyebrow {
  color:var(--gsap-tool-accent);
  font:800 10px/1.4 'Outfit',system-ui,sans-serif;
  letter-spacing:.20em;text-transform:uppercase
 }
 .gsap-tools-rule {
  width:58px;height:2px;margin:13px auto 16px;
  background:var(--gsap-tool-accent);transform-origin:center;
  box-shadow:0 0 13px color-mix(in srgb,var(--gsap-tool-accent),transparent 55%)
 }
 .gsap-tools-title {
  margin:0!important;color:#fff!important;
  max-width:100%;
  font:400 clamp(40px,11.5vw,67px)/.99 'Bebas Neue',Impact,'Arial Narrow',sans-serif!important;
  letter-spacing:.035em;text-transform:uppercase;text-wrap:balance;
  overflow-wrap:break-word
 }
 .gsap-tools-subtitle {
  display:block;margin:7px 0 0!important;
  font:800 clamp(13px,3.8vw,18px)/1.25 'Outfit',system-ui,sans-serif;
  letter-spacing:.10em;text-transform:uppercase;color:var(--gsap-tool-accent);
  text-wrap:balance
 }
 .gsap-tools-description {
  margin:15px auto 21px!important;max-width:310px;
  font:500 clamp(13px,3.65vw,16px)/1.45 'Outfit',system-ui,sans-serif;
  color:#e1e1e8;text-wrap:balance
 }
 .gsap-tools-cta {
  display:inline-flex!important;align-items:center;justify-content:center;gap:18px;
  min-height:50px;min-width:190px;max-width:100%;
  padding:11px 18px;
  border:1px solid var(--gsap-tool-accent);border-radius:12px;
  background:rgba(8,11,16,.85);
  color:#fff!important;text-decoration:none!important;
  font:700 13px/1.2 'Outfit',system-ui,sans-serif;
  text-shadow:none;box-shadow:0 7px 22px #0004;
  transition:background .22s ease,transform .22s ease
 }
 .gsap-tools-cta:active{transform:scale(.97);background:#1d202a}
 .gsap-tools-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}
 .gsap-tools-cta-arrow{font:500 20px/1 system-ui,sans-serif;color:var(--gsap-tool-accent)}
 .gsap-tools-panel.is-active .gsap-tools-image{animation:gsap-tools-ambient 9s ease-out both}
 .gsap-tools-panel.is-active .gsap-tools-eyebrow,
 .gsap-tools-panel.is-active .gsap-tools-title,
 .gsap-tools-panel.is-active .gsap-tools-subtitle,
 .gsap-tools-panel.is-active .gsap-tools-description,
 .gsap-tools-panel.is-active .gsap-tools-cta{
  animation:gsap-tools-type-in .68s cubic-bezier(.16,1,.3,1) both
 }
 .gsap-tools-panel.is-active .gsap-tools-title{animation-delay:.08s}
 .gsap-tools-panel.is-active .gsap-tools-subtitle{animation-delay:.14s}
 .gsap-tools-panel.is-active .gsap-tools-description{animation-delay:.19s}
 .gsap-tools-panel.is-active .gsap-tools-cta{animation-delay:.24s}
 .gsap-tools-panel.is-active .gsap-tools-rule{animation:gsap-tools-line-in .65s .05s both}
 @keyframes gsap-tools-type-in{
  from{opacity:0;transform:translateY(18px);filter:blur(4px)}
  to{opacity:1;transform:translateY(0);filter:blur(0)}
 }
 @keyframes gsap-tools-line-in{
  from{opacity:0;transform:scaleX(.2)}
  to{opacity:1;transform:scaleX(1)}
 }
 @keyframes gsap-tools-ambient{
  from{transform:scale(1.015)}
  to{transform:scale(1.06)}
 }
}
@media (max-width:700px) and (max-height:590px){
 .gsap-tools-panel{min-height:420px!important}
 .gsap-tools-title{font-size:clamp(34px,10vw,50px)!important}
 .gsap-tools-copy{padding:8px 5px}
 .gsap-tools-description{margin:8px auto 12px!important}
 .gsap-tools-cta{min-height:44px}
}
@media (prefers-reduced-motion:reduce){
 .gsap-tools-experience *,.gsap-tools-experience *::before,.gsap-tools-experience *::after{
  animation:none!important;transition:none!important;scroll-behavior:auto!important
 }
}
@media print{
 .gsap-tools-experience{display:none!important}
}