/* FutureBet v10 · Estación Orbital. Loaded only by /futurebet/. Every rule is scoped to
   html.fb-orbital (set by fb-orbital.js), so without the script the room looks like v8. */
html.fb-orbital{background:#030611}
html.fb-orbital body{background:transparent}
.fb-cosmos{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;display:block}

/* ---------- Hero: HUD frame, scanlines and parallax */
.fb-orbital .fb-hero::before{content:"";position:absolute;inset:8px;z-index:4;pointer-events:none;opacity:.8;filter:drop-shadow(0 0 4px #22d3ee);
  background:
    linear-gradient(#67e8f9,#67e8f9) top left/20px 2px no-repeat,linear-gradient(#67e8f9,#67e8f9) top left/2px 20px no-repeat,
    linear-gradient(#67e8f9,#67e8f9) top right/20px 2px no-repeat,linear-gradient(#67e8f9,#67e8f9) top right/2px 20px no-repeat,
    linear-gradient(#a78bfa,#a78bfa) bottom left/20px 2px no-repeat,linear-gradient(#a78bfa,#a78bfa) bottom left/2px 20px no-repeat,
    linear-gradient(#a78bfa,#a78bfa) bottom right/20px 2px no-repeat,linear-gradient(#a78bfa,#a78bfa) bottom right/2px 20px no-repeat}
.fb-orbital .fb-hero::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:repeating-linear-gradient(0deg,#ffffff07 0 1px,transparent 1px 3px),linear-gradient(90deg,transparent,#22d3ee12 50%,transparent)}
.fb-orbital .fb-hero .hero-slide.fb-slide img.fb-art{translate:calc(var(--fb-px,0) * -22px) calc(var(--fb-py,0) * -14px);transition:translate .25s ease-out}
.fb-orbital .fb-hero .fb-slide .fb-copy{translate:calc(var(--fb-px,0) * 8px) calc(var(--fb-py,0) * 5px);transition:translate .25s ease-out}

/* ---------- Station: live telemetry + hyper-jump */
.fb-station{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;margin:14px 0 4px}
.fb-station.hidden{display:none}
.fb-hud{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #22d3ee40;border-radius:14px;
  background:#22d3ee26;box-shadow:inset 0 0 22px #22d3ee12,0 0 26px #7c3aed22}
.fb-hud::after{content:"";position:absolute;left:0;right:0;top:0;height:40%;pointer-events:none;background:linear-gradient(180deg,transparent,#22d3ee14,transparent);animation:fb-scan 6s linear infinite}
.fb-readout{display:grid;align-content:center;gap:5px;min-width:0;padding:10px 14px;background:linear-gradient(180deg,#060b21f2,#030611f2)}
.fb-readout small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.2em;color:#67e8f9b3}
.fb-readout strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:800 18px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;
  color:#e0f2fe;text-shadow:0 0 12px #22d3ee88;font-variant-numeric:tabular-nums}
.fb-readout strong.fb-weak{color:#fda4af;text-shadow:0 0 12px #f43f5e88}
.fb-hyperjump{position:relative;display:flex;align-items:center;gap:12px;min-width:250px;padding:10px 22px 10px 12px;overflow:hidden;border:1px solid #67e8f966;border-radius:14px;
  color:#fff;cursor:pointer;text-align:left;font:inherit;
  background:radial-gradient(120% 160% at 0% 50%,#22d3ee45,transparent 60%),linear-gradient(110deg,#4c1d95,#1e3a8a 55%,#0e7490);
  box-shadow:0 0 0 1px #22d3ee22,0 0 26px #7c3aed55,inset 0 0 18px #22d3ee30;transition:transform .15s ease,box-shadow .2s ease}
.fb-hyperjump::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,#ffffff3d 50%,transparent 70%);transform:translateX(-120%);animation:fb-sheen 4.2s ease-in-out infinite}
.fb-hyperjump:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #67e8f988,0 0 38px #22d3ee66,inset 0 0 22px #22d3ee40}
.fb-hyperjump:active{transform:scale(.98)}
.fb-hyperjump:focus-visible{outline:3px solid #67e8f9;outline-offset:3px}
.fb-hyperjump-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#030611;font-size:19px;font-weight:900;
  background:radial-gradient(circle,#fff 0 14%,#a5f3fc 34%,#7c3aed 76%);box-shadow:0 0 18px #67e8f9aa;animation:fb-pulse 2.4s ease-in-out infinite}
.fb-hyperjump-text{display:grid;gap:3px}
.fb-hyperjump-text strong{font:900 15px/1 Inter,system-ui,sans-serif;letter-spacing:.16em}
.fb-hyperjump-text small{font:500 12px/1.2 Inter,system-ui,sans-serif;color:#c7d2fe}

/* ---------- Hyper-jump: the interface dissolves into the warp */
.fb-jump{position:fixed;inset:0;z-index:70;display:grid;place-content:center;justify-items:center;gap:10px;padding:24px;text-align:center;pointer-events:none;opacity:0;transition:opacity .25s ease}
.fb-jumping .fb-jump{opacity:1}
.fb-jump small{font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.45em;color:#67e8f9}
.fb-jump strong{max-width:min(90vw,760px);font:900 clamp(24px,4.4vw,48px)/1.08 Inter,system-ui,sans-serif;color:#fff;text-shadow:0 0 24px #22d3ee,0 0 64px #7c3aed}
.fb-orbital :is(.site-header,main,footer,.mobile-bottom-nav,.multisala-actions){transition:opacity .35s ease}
.fb-jumping :is(.site-header,main,footer,.mobile-bottom-nav,.multisala-actions){opacity:0;pointer-events:none}

/* ---------- Galactic map */
.fb-has-galaxy .new-provider-section{display:none!important}
.fb-galaxy-section{margin:20px 0 12px}
.fb-galaxy-section.hidden{display:none}
.fb-section-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;margin-bottom:10px}
.fb-section-head h2{display:flex;align-items:center;gap:10px;margin:0;font:900 20px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.01em;color:#fff}
.fb-section-head h2>span{width:6px;height:22px;border-radius:3px;background:linear-gradient(180deg,#22d3ee,#7c3aed);box-shadow:0 0 10px #22d3ee88}
.fb-section-head p{margin:0;font-size:13px;color:#9fb0d0}
.fb-galaxy{position:relative;height:clamp(330px,40vw,470px);overflow:hidden;border:1px solid #22d3ee2e;border-radius:22px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;
  background:radial-gradient(55% 60% at 50% 50%,#1e1b4b8c,transparent 72%),radial-gradient(30% 36% at 50% 50%,#7c3aed26,transparent 70%),#0306118c;
  box-shadow:inset 0 0 70px #7c3aed24,0 20px 50px #0008}
.fb-galaxy:active{cursor:grabbing}
.fb-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed #67e8f938;border-radius:50%;pointer-events:none;box-shadow:0 0 18px #22d3ee12}
.fb-orbit-2{border-color:#a78bfa38}
.fb-orbit-3{border-color:#f0abfc2e}
.fb-sun{position:absolute;left:50%;top:50%;z-index:30;display:grid;place-items:center;width:clamp(78px,9vw,112px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle,#fef9c3 0 16%,#fde68a55 34%,#7c3aed40 60%,transparent 72%);animation:fb-corona 4.5s ease-in-out infinite}
.fb-sun img{width:66%;height:auto;border-radius:50%;filter:drop-shadow(0 0 14px #fde68a) drop-shadow(0 0 30px #7c3aed)}
.fb-planet{position:absolute;left:0;top:0;display:grid;justify-items:center;gap:4px;padding:0;border:0;background:none;color:#fff;cursor:pointer;font:inherit;will-change:transform,opacity}
.fb-planet-body{display:grid;place-items:center;width:var(--fb-size,52px);height:var(--fb-size,52px);overflow:hidden;border-radius:50%;font:900 14px/1 Inter,system-ui,sans-serif;letter-spacing:.04em;
  background:radial-gradient(circle at 32% 28%,hsl(var(--fb-hue,200) 90% 74%),hsl(var(--fb-hue,200) 70% 38%) 55%,hsl(var(--fb-hue,200) 80% 12%) 100%);
  box-shadow:0 0 0 2px hsl(var(--fb-hue,200) 90% 70% / .45),0 0 22px hsl(var(--fb-hue,200) 90% 60% / .5),inset -8px -10px 18px #0009;transition:box-shadow .2s ease}
.fb-planet-body img{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 1px 2px #000a)}
.fb-planet-name{max-width:118px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:800 11px/1.15 Inter,system-ui,sans-serif;text-align:center;text-shadow:0 1px 3px #000,0 0 8px #000}
.fb-planet-count{font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#a5f3fc;opacity:0;transition:opacity .2s ease}
.fb-planet:hover .fb-planet-body,.fb-planet:focus-visible .fb-planet-body{box-shadow:0 0 0 3px #67e8f9,0 0 34px hsl(var(--fb-hue,200) 90% 60% / .9),inset -8px -10px 18px #0008}
.fb-planet:hover .fb-planet-count,.fb-planet:focus-visible .fb-planet-count{opacity:1}
.fb-planet:focus-visible{outline:none}

/* ---------- Holographic game cards (mouse / trackpad) */
@media (hover:hover) and (pointer:fine){
  .fb-orbital .game-card.fb-holo{z-index:5;transform:perspective(720px) rotateX(var(--fb-rx,0deg)) rotateY(var(--fb-ry,0deg)) scale(1.05);transition:transform .06s linear;
    box-shadow:0 18px 38px #000a,0 0 26px #22d3ee55}
  .fb-orbital .game-card::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .2s ease;mix-blend-mode:color-dodge;
    background:radial-gradient(circle at var(--fb-mx,50%) var(--fb-my,50%),#ffffffb3 0,#ffffff00 42%),
      linear-gradient(120deg,transparent 18%,#22d3ee66 34%,#d946ef5c 48%,#f7d66b52 60%,transparent 76%);
    background-size:100% 100%,240% 240%;background-position:0 0,var(--fb-mx,50%) var(--fb-my,50%)}
  .fb-orbital .game-card.fb-holo::before{opacity:.8}
}

/* ---------- Game loading: hyperspace tunnel */
.fb-orbital .game-loading{overflow:hidden;background:#030611;color:#e0f2fe;text-shadow:0 0 12px #22d3ee}
.fb-orbital .game-loading::before{content:"";position:absolute;inset:-60%;z-index:-1;animation:fb-tunnel 2.4s linear infinite;
  background:radial-gradient(circle at 50% 50%,#030611 0 7%,transparent 26%),
    repeating-conic-gradient(from 0deg at 50% 50%,#67e8f930 0 1.5deg,transparent 1.5deg 8deg),
    radial-gradient(circle at 50% 50%,#7c3aed5c,#030611 62%)}

/* ---------- Sections materialize */
@media (prefers-reduced-motion:no-preference){
  .fb-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
  .fb-reveal.fb-in{opacity:1;transform:none}
}

@keyframes fb-scan{0%{transform:translateY(-100%)}100%{transform:translateY(260%)}}
@keyframes fb-sheen{0%,62%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes fb-pulse{0%,100%{transform:scale(1);box-shadow:0 0 14px #67e8f9aa}50%{transform:scale(1.08);box-shadow:0 0 28px #67e8f9}}
@keyframes fb-corona{0%,100%{box-shadow:0 0 40px 10px #fde68a2e,0 0 90px 30px #7c3aed30}50%{box-shadow:0 0 56px 16px #fde68a42,0 0 124px 46px #22d3ee2b}}
@keyframes fb-tunnel{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion:reduce){
  .fb-hud::after,.fb-hyperjump::before,.fb-hyperjump-icon,.fb-sun,.fb-orbital .game-loading::before{animation:none}
  .fb-orbital :is(.site-header,main,footer,.mobile-bottom-nav,.multisala-actions),.fb-jump{transition:none}
}

@media (max-width:820px){
  .fb-station{grid-template-columns:1fr;gap:10px;margin-top:12px}
  .fb-hud{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fb-readout{padding:9px 11px}
  .fb-readout small{font-size:9px;letter-spacing:.16em}
  .fb-readout strong{font-size:16px}
  .fb-hyperjump{min-width:0;justify-content:center}
  .fb-section-head h2{font-size:18px}
  .fb-galaxy{height:400px}
  .fb-sun{width:64px}
  .fb-planet-name{max-width:84px;font-size:10px;transition:opacity .25s ease}
  .fb-planet.fb-far .fb-planet-name{opacity:0}
}