/* Gold Lane Getaway (3D highway) page styles. Navy + gold. */
.g-stage[data-game="lane"]{position:relative;padding:.5rem;background:#0B2545}
.gl-wrap{position:relative;width:100%;height:clamp(300px,72dvh,720px);border-radius:14px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;
  background:radial-gradient(120% 60% at 50% 0%,#1c3a78 0%,rgba(28,58,120,0) 60%),linear-gradient(180deg,#041233 0%,#0B2545 50%,#061a3d 100%)}
.gl-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}
.gl-canvas:focus-visible{box-shadow:inset 0 0 0 3px #FFD54F}
.g-play.is-full .gl-wrap{height:var(--maxh,calc(100dvh - 120px))}
.gl-hud{position:absolute;inset:0;pointer-events:none;z-index:1;font-family:Arial,Helvetica,sans-serif;color:#fff}
.gl-pause{pointer-events:auto;position:absolute;left:10px;top:10px;width:52px;height:52px;border-radius:14px;border:2px solid #F5B800;background:rgba(2,12,38,.72);color:#FFD54F;font-size:1.5rem;cursor:pointer;line-height:1}
.gl-bars{display:block;width:18px;height:20px;margin:auto;border-left:6px solid #FFD54F;border-right:6px solid #FFD54F;box-sizing:border-box}
.gl-pause:focus-visible{outline:3px solid #fff;outline-offset:2px}
.gl-score{position:absolute;left:50%;top:8px;transform:translateX(-50%);text-align:center;font-weight:800;font-size:clamp(1.8rem,6vw,2.8rem);text-shadow:0 3px 0 #8a6500,0 0 14px rgba(255,199,44,.55);color:#FFD54F;line-height:1.05}
.gl-score small{display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:1rem;color:#fff;text-shadow:0 2px 3px #000}
.gl-cico{display:inline-block;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF3B0,#FFC72C 55%,#B8860B);border:1px solid #8a6500}
.gl-vault{position:absolute;right:10px;top:10px;min-width:88px;padding:.3rem .6rem;border-radius:14px;border:2px solid #F5B800;background:rgba(2,12,38,.72);text-align:center;font-weight:800;font-size:1.6rem;line-height:1.05}
.gl-vault small{display:block;font-size:.8rem;font-weight:700;color:#FFD54F;letter-spacing:.02em}
.gl-vault.low{border-color:#ff4d4d;color:#ffd0d0;animation:glPulse .6s ease-in-out infinite alternate}
@keyframes glPulse{to{transform:scale(1.07)}}
.gl-wrap:not([data-mode="play"]):not([data-mode="dying"]) .gl-score,.gl-wrap:not([data-mode="play"]):not([data-mode="dying"]) .gl-vault{opacity:0}
.gl-tip{position:absolute;left:50%;top:30%;transform:translate(-50%,10px);margin:0;max-width:88%;padding:.55rem 1rem;border-radius:999px;background:rgba(2,12,38,.78);border:2px solid #F5B800;color:#fff;font:700 clamp(1rem,3.6vw,1.3rem)/1.25 Arial,sans-serif;text-align:center;opacity:0;pointer-events:none;z-index:1;transition:opacity .35s,transform .35s}
.gl-tip.show{opacity:1;transform:translate(-50%,0)}
.gl-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:min(92%,420px);max-height:94%;overflow:auto;box-sizing:border-box;padding:1.1rem 1.2rem;border-radius:20px;text-align:center;color:#fff;
  background:linear-gradient(180deg,rgba(11,37,69,.92),rgba(2,12,38,.94));border:3px solid #F5B800;box-shadow:0 10px 40px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,213,79,.25)}
.gl-panel[hidden]{display:none}
.gl-panel p{margin:.3rem 0}
.gl-title{font:800 clamp(1.6rem,6vw,2.2rem)/1.1 Arial,sans-serif;color:#FFD54F;text-shadow:0 3px 0 #8a6500}
.gl-sub{font-size:1.25rem;font-weight:700}
.gl-keys{font-size:1rem;color:#dfe7ff}
.gl-panel .btn{margin-top:.6rem}
.gl-end{top:auto;bottom:3%;transform:translateX(-50%);padding:.6rem .9rem;background:linear-gradient(180deg,rgba(11,37,69,.82),rgba(2,12,38,.9))}
.gl-end .gl-endbtns{flex-direction:column;align-items:stretch}.gl-end .gl-endbtns .btn{width:100%;margin:0}.gl-end .gl-why{font-size:1rem}.gl-end .gl-stat{font-size:.9rem}
@media (min-width:600px){.gl-end .gl-endbtns{flex-direction:row}.gl-end .gl-endbtns .btn{width:auto;flex:1}}
.gl-lbl{font-weight:700;color:#FFD54F;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase}
.gl-final{font:800 clamp(2.4rem,9vw,3.4rem)/1 Arial,sans-serif;color:#FFD54F;text-shadow:0 3px 0 #8a6500,0 0 18px rgba(255,199,44,.6)}
.gl-why{font-weight:700}.gl-stat{color:#dfe7ff;font-size:.98rem}
.gl-endbtns{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.gl-endbtns .btn{margin-top:.3rem;min-height:52px}
.gl-fallback a{color:#FFD54F}
.gl-nogl{height:auto;min-height:260px}
.gl-nogl .gl-panel{position:relative;left:auto;top:auto;transform:none;margin:1.5rem auto}
.gl-credit{font-size:.9rem;color:var(--muted,#555)}
@media (orientation:landscape) and (max-height:500px){
  .gl-wrap{height:clamp(260px,82dvh,520px)}
  .gl-panel{padding:.5rem .8rem}.gl-title{font-size:1.4rem}.gl-sub{font-size:1.05rem}.gl-panel .btn{margin-top:.3rem}
  .gl-end{bottom:3%}.gl-final{font-size:2.2rem}.gl-tip{top:24%}
  .gl-pause{width:46px;height:46px}.gl-vault{font-size:1.3rem;min-width:76px}
}
@media (prefers-reduced-motion:reduce){.gl-vault.low{animation:none}.gl-tip{transition:none}}
.gl-score small.gl-mult{display:inline-block;margin-top:.2rem;padding:.1rem .7rem;border-radius:999px;background:rgba(2,12,38,.72);border:2px solid #F5B800;color:#FFD54F!important;font-size:1.15rem!important;font-weight:800}
.gl-score small.gl-mult.hot{background:linear-gradient(90deg,#B8860B,#FFD54F,#B8860B);color:#0B2545!important;text-shadow:none!important;animation:glPulse .45s ease-in-out infinite alternate}
.gl-final{font-size:clamp(2.8rem,11vw,4rem)}
@media (prefers-reduced-motion:reduce){.gl-score small.gl-mult.hot{animation:none}}
.gl-score{display:flex;flex-direction:column;align-items:center}
.gl-vault{min-width:0;font-size:1.25rem}.gl-vault small{font-size:.72rem}
.gl-tip{top:16%}
@media (max-width:480px){.gl-score{font-size:2rem}.gl-vault{right:8px;top:8px;padding:.25rem .45rem;font-size:1.05rem}.gl-vault small{font-size:.66rem}}
.gl-tip{border-radius:18px}
@media (orientation:landscape) and (max-height:500px){.gl-menu .gl-keys{display:none}.gl-menu .gl-sub{font-size:1rem}}
@media (orientation:landscape) and (max-height:500px){.gl-tip{top:auto;bottom:6%;font-size:1rem;padding:.35rem .8rem}}
