:root{--color-primary:#f59e0b;--color-primary-dark:#d97706;--color-primary-light:#fbbf24;--color-bg-deep:#090d16;--color-bg-card:rgba(18,24,38,.75);--color-bg-glass:rgba(255,255,255,.06);--color-border-glass:rgba(255,255,255,.12);--color-border-gold:rgba(245,158,11,.35);--shadow-gold:0 10px 25px -5px rgba(245,158,11,.25);--shadow-card:0 20px 30px -10px rgba(0,0,0,.6)}body.guide-body{background-color:var(--color-bg-deep);color:#f1f5f9;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 16px))}.cinematic-video-container{position:absolute;top:0;left:0;width:100%;height:580px;overflow:hidden;z-index:0}.cinematic-video-container video{width:100%;height:100%;object-fit:cover;transform:scale(1.05);filter:brightness(.65) contrast(1.1);transition:opacity .4s ease-in-out}.cinematic-overlay{position:absolute;inset:0;background: linear-gradient(
    180deg,
    rgba(9, 13, 22, 0.35) 0%,
    rgba(9, 13, 22, 0.75) 60%,
    rgba(9, 13, 22, 1) 100%
  );z-index:1}.glass-panel{background:var(--color-bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-glass)}.glass-panel-gold{background:linear-gradient(135deg,rgba(245,158,11,.12) 0%,rgba(18,24,38,.8) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-gold)}.glass-pill{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.touch-card{transition:transform .2s cubic-bezier(.16,1,.3,1) , box-shadow .2s ease , border-color .2s ease;user-select:none;-webkit-tap-highlight-color:transparent}.touch-card:active{transform:scale(.96)}.stat-card-glow{position:relative;overflow:hidden}.stat-card-glow::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(245,158,11,.08) 0%,transparent 70%);pointer-events:none}.guide-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;background-color:rgba(0,0,0,.75);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s ease}.guide-modal.active{opacity:1;pointer-events:auto}.guide-modal-content{width:100%;max-width:520px;background:#111827;border-top-left-radius:28px;border-top-right-radius:28px;border-top:1px solid rgba(245,158,11,.4);padding:1.5rem 1.25rem 2.5rem 1.25rem;box-shadow:0 -20px 40px rgba(0,0,0,.8);transform:translateY(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);max-height:88vh;overflow-y:auto}.guide-modal.active .guide-modal-content{transform:translateY(0)}.modal-drag-indicator{width:44px;height:5px;background:rgba(255,255,255,.25);border-radius:999px;margin:0 auto 1.25rem auto}.accordion-content{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(0,1,0,1) , opacity .3s ease;opacity:0}.accordion-item.active .accordion-content{max-height:500px;opacity:1;transition:max-height .4s ease-in-out , opacity .3s ease}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.guide-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(11,16,26,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom,8px)}.snap-scroll-x{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.snap-scroll-x::-webkit-scrollbar{display:none}.snap-item{scroll-snap-align:start;flex-shrink:0}.pulse-badge{animation:pulseLight 2s infinite}@keyframes pulseLight {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.1);
  }
}