:root{
  --lpe-glow-blue: rgba(84,163,255,.45);
  --lpe-glow-red: rgba(255,86,118,.35);
  --lpe-glow-gold: rgba(255,197,84,.28);
}

[data-tilt-card]{transform-style:preserve-3d;will-change:transform;transition:transform .18s ease, box-shadow .18s ease, filter .18s ease}
[data-tilt-card].is-tilting{transition:none}
[data-tilt-card] > *{transform-style:preserve-3d}
.lpe-depth-layer{transform:translateZ(var(--z,0px)) scale(var(--scale,1));will-change:transform}
.lpe-depth-layer--back{--z:-30px;--scale:1.02}
.lpe-depth-layer--mid{--z:20px}
.lpe-depth-layer--front{--z:50px}

.lpe-games-hub{
  background:
    radial-gradient(circle at 10% 12%,rgba(76,127,255,.23),transparent 28%),
    radial-gradient(circle at 87% 6%,rgba(240,73,104,.18),transparent 25%),
    linear-gradient(180deg,#07111f 0%,#0a1221 40%,#0a1019 100%);
}
.lpe-games-hub::before{
  content:"";position:absolute;inset:-10% -5%;
  background:
    radial-gradient(circle at 20% 60%,rgba(76,127,255,.12),transparent 25%),
    radial-gradient(circle at 78% 40%,rgba(240,73,104,.1),transparent 28%),
    linear-gradient(90deg,transparent 0 46%,rgba(255,255,255,.03) 46% 54%,transparent 54% 100%);
  filter:blur(30px);pointer-events:none;opacity:.9
}

.lpe-4d-stage{position:relative;margin:22px 0 28px;border-radius:34px;overflow:hidden;padding:22px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.03));box-shadow:0 34px 70px rgba(0,0,0,.34)}
.lpe-4d-stage__back,.lpe-4d-stage__mid,.lpe-4d-stage__front{position:absolute;inset:0;pointer-events:none}
.lpe-4d-stage__back{background:
  radial-gradient(circle at 14% 16%,rgba(66,145,255,.24),transparent 18%),
  radial-gradient(circle at 82% 22%,rgba(255,92,110,.22),transparent 16%),
  linear-gradient(180deg,rgba(255,255,255,.02),transparent 70%);
  opacity:.9}
.lpe-4d-stage__mid{
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(180deg, transparent 0%, rgba(255,255,255,.04) 100%);
  background-size:42px 42px,42px 42px,100% 100%;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.1));
  opacity:.35;transform:perspective(900px) rotateX(66deg) translateY(42%) scale(1.35)}
.lpe-4d-stage__front{background:
  radial-gradient(circle at 50% 110%,rgba(255,255,255,.1),transparent 35%),
  linear-gradient(180deg,transparent 40%,rgba(255,255,255,.05) 100%)}
.lpe-4d-stage__content{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:stretch}
.lpe-4d-stage__copy h2{margin:10px 0 12px;font-size:clamp(1.8rem,5vw,3.6rem);line-height:.95;letter-spacing:-.045em;color:#fff}
.lpe-4d-stage__copy p{max-width:62ch;color:#d6dfef}
.lpe-4d-stage__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.lpe-4d-stage__chips span{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(12px)}
.lpe-4d-stage__stack{position:relative;min-height:240px;display:flex;align-items:center;justify-content:center}
.lpe-float-card{position:absolute;width:min(270px,82%);padding:16px 18px;border-radius:24px;color:#fff;border:1px solid rgba(255,255,255,.13);box-shadow:0 26px 40px rgba(0,0,0,.24);backdrop-filter:blur(16px);transform:translateZ(40px);overflow:hidden}
.lpe-float-card::after{content:"";position:absolute;inset:auto -10% -40% -10%;height:70%;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.17),transparent 60%);pointer-events:none}
.lpe-float-card small{display:block;font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#cfe1ff}
.lpe-float-card strong{display:block;margin-top:10px;font-size:1.1rem;line-height:1.05;letter-spacing:-.03em}
.lpe-float-card--blue{left:6%;top:12%;background:linear-gradient(135deg,rgba(16,81,179,.72),rgba(11,22,42,.78));transform:translate3d(-4px,-2px,70px) rotate(-7deg)}
.lpe-float-card--red{right:2%;top:38%;background:linear-gradient(135deg,rgba(130,27,56,.75),rgba(21,13,24,.82));transform:translate3d(0,0,95px) rotate(5deg)}
.lpe-float-card--gold{left:20%;bottom:5%;background:linear-gradient(135deg,rgba(143,103,16,.74),rgba(25,19,19,.82));transform:translate3d(8px,4px,80px) rotate(-3deg)}

.lpe-gamecard{transform-style:preserve-3d;overflow:hidden}
.lpe-gamecard::before{filter:saturate(1.1) contrast(1.05)}
.lpe-gamecard::after{background:linear-gradient(180deg,rgba(4,8,18,.02),rgba(4,8,18,.78) 72%)}
.lpe-gamecard:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 34px 65px rgba(0,0,0,.38)}
.lpe-gamecard strong,.lpe-gamecard p,.lpe-gamecard b,.lpe-gamecard__tag{position:relative;z-index:2;transform:translateZ(24px)}
.lpe-gamecard__tag{box-shadow:0 10px 18px rgba(0,0,0,.16)}

.lpe-casse{background:
 linear-gradient(180deg,#fff 0%,#f5f7fc 40%,#eef3fb 100%);
 position:relative;overflow:hidden}
.lpe-casse::before{content:"";position:absolute;inset:auto -5% 0 -5%;height:38%;background:radial-gradient(circle at 20% 40%,rgba(84,163,255,.10),transparent 22%),radial-gradient(circle at 80% 70%,rgba(255,86,118,.08),transparent 18%);pointer-events:none}
.lpe-casse__boardnote{backdrop-filter:blur(12px)}
.lpe-cassecard{transform-style:preserve-3d;perspective:1000px;background:linear-gradient(180deg,#111c31,#0b1323)}
.lpe-cassecard::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.26),rgba(255,255,255,.02));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9}
.lpe-cassecard:hover{box-shadow:0 28px 52px rgba(14,25,45,.2);transform:translateY(-2px)}
.lpe-cassecard__media img,.lpe-casse-story__media img{transform:scale(1.03);filter:saturate(1.04) contrast(1.05)}
.lpe-cassecard__body,.lpe-cassecard__badge{transform:translateZ(30px)}
.lpe-cassecard__body strong{text-shadow:0 8px 16px rgba(0,0,0,.45)}

.lpe-casse-play{position:relative;overflow:hidden;background:
 radial-gradient(circle at 18% 14%,rgba(48,122,255,.18),transparent 22%),
 radial-gradient(circle at 82% 10%,rgba(255,92,110,.18),transparent 18%),
 linear-gradient(180deg,#0d1322 0%,#0f1729 100%)}
.lpe-casse-play::before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.04),transparent 32%,transparent 68%,rgba(255,255,255,.03));pointer-events:none}
.lpe-casse-story__media{position:relative;box-shadow:0 24px 46px rgba(0,0,0,.28)}
.lpe-casse-story__media::after{content:"";position:absolute;inset:auto 10% 8% 10%;height:26%;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.28),transparent 60%);filter:blur(14px);pointer-events:none}
.lpe-casse-stage,.lpe-casse-measure,.lpe-casse-end__cta,.lpe-casse-remedy,.lpe-gauge,.lpe-casse-pill{backdrop-filter:blur(14px)}
.lpe-casse-stage{box-shadow:0 18px 36px rgba(2,8,18,.18)}
.lpe-casse-choice{position:relative;overflow:hidden}
.lpe-casse-choice::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-100%);transition:transform .4s ease;pointer-events:none}
.lpe-casse-choice:hover::after{transform:translateX(100%)}
.lpe-casse-button{position:relative;overflow:hidden}
.lpe-casse-button::after{content:"";position:absolute;top:0;left:-120%;width:90%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);transition:left .5s ease}
.lpe-casse-button:hover::after{left:140%}

.lpe-q218-personality{position:relative;overflow:hidden;background:
 radial-gradient(circle at 10% 0%,rgba(60,138,255,.22),transparent 26%),
 radial-gradient(circle at 92% 10%,rgba(255,92,110,.16),transparent 22%),
 linear-gradient(180deg,#0b1324 0%,#111a2f 100%)}
.lpe-q218-personality::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);background-size:32px 32px;opacity:.3;pointer-events:none}
.lpe-q218-personality .lpe-minister-quiz__intro,.lpe-q218-personality .lpe-minister-quiz__play,.lpe-q218-personality .lpe-minister-quiz__pick,.lpe-q218-personality .lpe-minister-result{box-shadow:0 20px 40px rgba(0,0,0,.2)}

.lpe-q218-gate__card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(11,20,40,.92),rgba(27,19,38,.94));box-shadow:0 34px 80px rgba(0,0,0,.42)}
.lpe-q218-gate__card::before{content:"";position:absolute;inset:-20% -10% auto auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(48,122,255,.24),transparent 70%);pointer-events:none}
.lpe-q218-gate__card::after{content:"";position:absolute;inset:auto auto -20% -10%;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,92,110,.20),transparent 70%);pointer-events:none}

@media (max-width:960px){
  .lpe-4d-stage__content{grid-template-columns:1fr}
  .lpe-4d-stage__stack{min-height:210px}
}
@media (max-width:759px){
  .lpe-4d-stage{padding:18px;border-radius:28px}
  .lpe-4d-stage__copy h2{font-size:clamp(1.6rem,8vw,2.6rem)}
  .lpe-float-card{width:min(92%,260px);padding:14px 15px}
  .lpe-float-card--blue{left:0;top:7%}
  .lpe-float-card--red{right:0;top:37%}
  .lpe-float-card--gold{left:8%;bottom:2%}
}
@media (prefers-reduced-motion: reduce){
  [data-tilt-card],.lpe-gamecard,.lpe-cassecard,.lpe-casse-choice,.lpe-casse-button{transition:none !important;transform:none !important}
  .lpe-casse-choice::after,.lpe-casse-button::after{display:none}
}
