/* ===================== SIXCORE × BBVA (demo branch) =====================
   Loaded after styles.css and lobby.css. Corporate look: the "Horizonte" wallpaper (brand/wallpaper.svg) with the
   BBVA logo floating over it, Libre Franklin for every text, flat rectangular buttons in BBVA blues, square panels
   without the carved corners, and none of the mythology art (heroes, guardians, creatures, world scenes). */
:root{
  --bbva-electric:#001391;--bbva-navy:#000c5c;--bbva-deep:#00072e;--bbva-core:#004481;--bbva-blue:#1973b8;
  --bbva-medium:#1464f6;--bbva-light:#5bbeff;--bbva-serene:#85c8ff;--bbva-aqua:#2dcccd;--bbva-white:#ffffff;
  --bg:#00072e;--surface:#0a1d6b;--surface-2:#0d2478;--line:#2c4f96;--text:#ffffff;--muted:#b9cdf0;--dim:#8ea6d4;
  --accent:var(--bbva-light);--gold:var(--bbva-serene);--gold-2:#3f6fb8;
  --sans:'Libre Franklin',Arial,sans-serif;--display:'Libre Franklin',Arial,sans-serif;--condensed:'Libre Franklin',Arial,sans-serif;
  --panel:#0a1a66eb;--panel-solid:#0a1a66;--panel-line:#ffffff1f;--radius:6px
}
html{background:var(--bbva-deep)}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased}
*{clip-path:none!important}
h1,h2,h3{font-family:var(--display);letter-spacing:-.01em}

/* ---------- Wallpaper + floating logo ---------- */
.scene{background:var(--bbva-deep) url('./brand/wallpaper.svg') center/cover no-repeat!important}
.scene::after{background:none!important}
body:not(.in-lobby) .scene::after,body.in-play .scene::after{background:linear-gradient(180deg,#00072e33,#00072e80)!important}
.scene .beams,.scene .fog,.scene .floor,.scene .skyline,#rain,.scene-play,#stars{display:none!important}
.brand-wall{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.brand-float{position:absolute;right:6vw;bottom:9vh;width:clamp(220px,24vw,460px);height:auto;opacity:.07;animation:bbva-float 9s ease-in-out infinite}
body:has(#home-screen:not([hidden])) .brand-float{opacity:0}
@keyframes bbva-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}

/* ---------- Lockup (SIXCORE | BBVA) ---------- */
.lockup{display:inline-flex;align-items:center;gap:14px;line-height:1}
.lockup b{font:800 22px/1 var(--display);letter-spacing:.14em;color:#fff}
.lockup-x{width:1px;height:22px;background:#ffffff66}
.lockup img{display:block;height:20px;width:auto}
.hud-bar .brand .lockup{gap:12px}
.hud-bar .brand .lockup b{font-size:19px}
.hud-bar .brand .lockup img{height:18px}
.hud-bar .brand img{filter:none}
.preloader{background:var(--bbva-deep) url('./brand/wallpaper.svg') center/cover no-repeat!important;font-family:var(--sans)!important}
.preloader-logo{width:auto!important;filter:none!important;margin-bottom:6px}
.preloader-logo .lockup b{font-size:30px}
.preloader-logo .lockup img{height:28px}
.preloader-logo .lockup-x{height:30px}
.preloader-eyebrow{font:600 12px/1.4 var(--sans)!important;letter-spacing:.24em!important;color:var(--bbva-serene)!important}
.preloader-number{font:300 clamp(56px,10vw,88px)/1 var(--sans)!important;text-shadow:none!important}
.preloader-bar{height:4px!important;background:#ffffff1f!important;border:0!important;border-radius:2px}
.preloader-bar i{background:linear-gradient(90deg,var(--bbva-light),#fff)!important;box-shadow:none!important}
.preloader-skip{font:600 15px var(--sans)!important;letter-spacing:.02em!important;text-transform:none!important;color:#fff!important;background:var(--bbva-blue)!important;border-radius:2px;clip-path:none!important}

/* ---------- Header ---------- */
.hud-bar{background:#00072ee6!important;border-bottom:1px solid var(--panel-line)!important;backdrop-filter:blur(10px)}
.hud-bar::after{display:none!important}
.player-card,.hud-bar .player-card{background:transparent!important;padding:4px 10px 4px 4px!important}
.player-card .avatar{background:conic-gradient(var(--bbva-light) calc(var(--p,0)*1%),#ffffff26 0)!important}
.player-card .avatar i{background-color:var(--bbva-navy)!important}
.card-text strong{font:700 14px var(--sans)!important;letter-spacing:.02em!important;text-transform:none!important}
.card-text small{font:500 11px var(--sans)!important;letter-spacing:.02em!important;text-transform:none!important;color:var(--muted)!important}
.res{background:#ffffff0f!important;border:1px solid var(--panel-line)!important;border-radius:var(--radius);font-family:var(--sans)!important}
.res i{color:var(--bbva-light)}

/* ---------- Buttons: flat, rectangular, BBVA blues ---------- */
:is(.primary-button,.run-button,.outline-button,.back-button,.segment,.icon-button,.drawer-close,.link-button){height:auto!important;min-height:40px;padding:10px 20px!important;border-radius:2px!important;font:600 14px/1.2 var(--sans)!important;letter-spacing:.01em!important;text-transform:none!important;text-shadow:none!important;transition:background .15s,border-color .15s,color .15s!important}
:is(.primary-button,.run-button,.outline-button,.back-button,.segment,.icon-button,.drawer-close,.link-button)::before{content:none!important;display:none!important}
:is(.primary-button,.run-button){background:var(--bbva-blue)!important;color:#fff!important;border:1px solid var(--bbva-blue)!important}
:is(.primary-button,.run-button):hover{background:#2a86ca!important;border-color:#2a86ca!important}
.primary-button.cta{min-height:56px;padding:14px 32px!important;font-size:17px!important;font-weight:700!important;background:var(--bbva-light)!important;border-color:var(--bbva-light)!important;color:var(--bbva-electric)!important}
.primary-button.cta:hover{background:#7dcdff!important;border-color:#7dcdff!important}
#intro-screen .intro-actions .primary-button.cta{min-height:62px;font-size:19px!important}
.outline-button:not(.danger),.back-button,.segment{background:transparent!important;border:1px solid #ffffff59!important;color:#fff!important}
.outline-button:not(.danger):hover,.back-button:hover,.segment:hover{background:#ffffff14!important;border-color:#fff!important}
.segment.active{background:#fff!important;border-color:#fff!important;color:var(--bbva-electric)!important}
.outline-button.danger{background:transparent!important;border:1px solid #f35e61!important;color:#ff9a9c!important}
.back-button{min-height:36px;padding:7px 16px!important;font-size:13px!important}
.back-button::after{content:none}
.back-button{gap:8px}
.back-button:not(:empty)::before{content:"‹"!important;display:inline!important;position:static!important;border:0!important;font-size:18px;line-height:1;margin-right:2px}
:is(.icon-button,.drawer-close){width:40px!important;min-height:36px;padding:0!important;background:transparent!important;border:1px solid #ffffff40!important;color:#fff!important}
:is(.icon-button,.drawer-close):hover{border-color:#fff!important;background:#ffffff14!important}
.link-button{background:transparent!important;border:0!important;color:var(--bbva-serene)!important;text-decoration:underline!important;text-underline-offset:3px;min-height:0;padding:6px 4px!important}
.hud-bar .outline-button.small{min-height:36px;padding:7px 14px!important;font-size:13px!important}

/* ---------- Panels: square, quiet, translucent navy ---------- */
.dash-card,.editor-card,.console-card,.auth-form,.profile-card,.premium-box,.podium-card,.tournament-card,.me-card,.hud,.learning-panel,.result-metric,.arena-table table,.drawer-inner,.concept-card,.intro-tip,.quiz-card{background:var(--panel)!important;border:1px solid var(--panel-line)!important;border-radius:var(--radius)}
.eyebrow{font-family:var(--sans)!important;font-weight:600!important;letter-spacing:.16em!important;color:var(--bbva-serene)!important}
.eyebrow::before{content:none!important}

/* ---------- Home ---------- */
.lobby-stage{place-items:center!important;padding:0!important}
.lobby-stage::before,.ground{display:none!important}
.hero-logo{position:relative;z-index:1;width:clamp(260px,30vw,560px);height:auto;margin-right:4vw;filter:drop-shadow(0 18px 50px #00072e99);animation:bbva-float 7s ease-in-out infinite}
.hero-logo.enter{animation:bbva-hero-in 1s cubic-bezier(.16,1,.3,1) both,bbva-float 7s ease-in-out 1s infinite}
@keyframes bbva-hero-in{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
.lobby-lockup{margin:0 0 18px}
.lobby-lockup .lockup b{font-size:clamp(26px,2.6vw,40px)}
.lobby-lockup .lockup img{height:clamp(22px,2.3vw,36px)}
.lobby-lockup .lockup-x{height:clamp(26px,2.6vw,40px)}
.lobby-left>.lobby-title,.lobby-screen>.lobby-title{background:none!important}
.lobby-title h1{font:700 clamp(30px,3.4vw,52px)/1.08 var(--display)!important;letter-spacing:-.015em!important;text-transform:none!important;text-shadow:none!important}
.lobby-title .eyebrow{display:none}
.lobby-welcome{background:var(--panel)!important;border:1px solid var(--panel-line)!important;border-left:3px solid var(--bbva-light)!important;border-radius:var(--radius);box-shadow:0 20px 50px #00072e66}
.lobby-welcome::before,.lobby-welcome::after{display:none!important}
.lobby-welcome h2{font:700 26px/1.2 var(--display)!important;letter-spacing:-.01em!important;text-transform:none!important}
.welcome-text{color:#dbe7ff!important}
.welcome-pillars li{background:#ffffff0d!important;border:1px solid var(--panel-line)!important;border-radius:4px}
.welcome-pillars b{font:700 13px var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important}
.welcome-oath{font:500 13px/1.5 var(--sans)!important;letter-spacing:0!important;color:var(--bbva-aqua)!important}
#home-narrate{display:none!important}
/* Menu: flat white-edged rows instead of slabs; no beasts, rays or bolts behind them */
.door-fx,.door-beast{display:none!important}
.slab{background:#0a1a66d9!important;border:1px solid var(--panel-line)!important;border-left:3px solid var(--slab)!important;border-radius:var(--radius);box-shadow:none!important;backdrop-filter:blur(6px)}
.slab:hover{background:#0f2380f0!important;border-color:#ffffff59!important;border-left-color:var(--slab)!important}
.slab-icon{background:#ffffff12!important;border-radius:4px}
.slab-text strong{font:700 20px/1.1 var(--display)!important;letter-spacing:.01em!important;text-transform:none!important}
.slab-text small{font:500 12px var(--sans)!important;letter-spacing:0!important}
.slab-chevrons{letter-spacing:0!important;font:400 22px var(--sans)!important}
.slab.primary{background:var(--bbva-light)!important;border-color:var(--bbva-light)!important;box-shadow:0 18px 40px #00072e66!important}
.slab.primary:hover{background:#7dcdff!important}
.slab.primary .slab-text strong{color:var(--bbva-electric)!important;font-size:26px!important}
.slab.primary .slab-text small{color:#0a2a7a!important}
.slab.primary .slab-icon{background:var(--bbva-electric)!important;color:#fff!important}
.slab.primary .slab-chevrons{color:var(--bbva-electric)!important}
.rail-button>i{background:#0a1a66d9!important;border:1px solid var(--panel-line)!important;box-shadow:none!important}
.rail-button span{font:600 10px var(--sans)!important;letter-spacing:.06em!important}
.lobby-ticker{background:var(--panel)!important;border:1px solid var(--panel-line)!important;border-left:3px solid var(--bbva-light)!important;border-radius:var(--radius)}
.demo-note{display:grid;justify-items:end;gap:4px;max-width:520px;margin-left:auto;padding:12px 4px 4px;text-align:right}
.demo-note .eyebrow{font-size:11px}
.demo-note small{font-size:12px;line-height:1.5;color:var(--muted)}

/* ---------- Worlds and subjects: brand tiles instead of illustrations ---------- */
.worlds-head h1,#world-title,#tracks-title,.path-hero h1,.hub-screen h1{font-family:var(--display)!important;text-transform:none!important;letter-spacing:-.015em!important}
.world-card{background:var(--panel)!important;border:1px solid var(--panel-line)!important;border-top:3px solid var(--world)!important;border-radius:var(--radius);overflow:hidden}
.world-card:hover{border-color:#ffffff59!important;border-top-color:var(--world)!important;box-shadow:0 24px 50px #00072e99!important}
.world-card-art{aspect-ratio:auto!important;height:150px}
.world-card-art::after{display:none!important}
.world-tile{position:absolute;inset:0;display:grid;place-items:center;background:
  radial-gradient(120% 140% at 85% 0%,color-mix(in srgb,var(--world) 55%,transparent),transparent 60%),
  linear-gradient(135deg,var(--bbva-electric),var(--bbva-navy));overflow:hidden}
.world-tile::before{content:"";position:absolute;width:420px;height:420px;left:-120px;bottom:-330px;border-radius:50%;border:1px solid #ffffff40;box-shadow:0 0 0 40px #ffffff08}
.world-tile b{position:relative;font:700 54px/1 'JetBrains Mono',Consolas,monospace;color:#fff;letter-spacing:-.02em}
.world-card:hover .world-tile b{transform:scale(1.05);transition:transform .4s}
.world-card-body{margin-top:0!important;padding:20px 22px 22px!important}
.world-card-body strong{font:700 clamp(24px,2vw,32px)/1.1 var(--display)!important;letter-spacing:-.01em!important;text-transform:none!important}
.world-chip{border-radius:3px;font-family:var(--sans)!important;letter-spacing:.02em!important;text-transform:none!important}
.world-backdrop,#world-art{display:none!important}
.subject-card{background:var(--panel)!important;border:1px solid var(--panel-line)!important;border-left:3px solid var(--subject)!important;border-radius:var(--radius)}
.subject-card strong{font-family:var(--display)!important;text-transform:none!important;letter-spacing:-.005em!important}
.subject-visual{background:linear-gradient(135deg,var(--bbva-electric),var(--bbva-navy))!important;border-radius:4px}
.subject-visual .glyph{font-family:'JetBrains Mono',Consolas,monospace!important;color:#fff!important;text-shadow:none!important}

/* ---------- Tracks, path and intro without guardians ---------- */
#tracks-guardian,.path-guardian,#intro-guardian,#unlock-guardian,.guardian-art,.track-thumb{display:none!important}
.emblem-glyph{background:linear-gradient(135deg,var(--bbva-electric),var(--bbva-navy))!important;border:1px solid #ffffff40!important;border-radius:50%;color:#fff!important;text-shadow:none!important;font-family:'JetBrains Mono',Consolas,monospace!important;animation:bbva-float 7s ease-in-out infinite}
.emblem-name{font-family:var(--display)!important;text-transform:none!important;letter-spacing:-.01em!important}
.path-node{background:var(--panel)!important;border:1px solid var(--panel-line)!important;border-left:3px solid #ffffff33!important;border-radius:var(--radius)}
.path-node.done{border-left-color:var(--bbva-aqua)!important}
.path-node.current{background:#0f2380f0!important;border-color:var(--bbva-light)!important;border-left-color:var(--bbva-light)!important}
.path-node:hover{background:#0f2380f0!important}
.path-hero h1,#path-title{color:#fff!important;text-shadow:none!important}
#intro-screen .intro-content>h1{font-family:var(--display)!important;text-transform:none!important;letter-spacing:-.015em!important}
.intro-oracle,.oracle{border-left-color:var(--bbva-light)!important}
.intro-side{background:none!important}

/* ---------- Account, arena and premium: no character art ---------- */
.screen-art{display:none!important}
.account-art{display:none!important}
.portal-door{background:linear-gradient(90deg,var(--bbva-deep),var(--bbva-electric))!important}
.portal-door.right{background:linear-gradient(270deg,var(--bbva-deep),var(--bbva-electric))!important}
.portal-door::after{background:linear-gradient(180deg,transparent,var(--bbva-light) 20%,#fff 50%,var(--bbva-light) 80%,transparent)!important}
.portal-seal{width:min(36vw,320px)!important;filter:none!important}
.pro-cta{display:none!important}

/* ---------- Icons: the illustrated sprite becomes white line-like silhouettes ---------- */
.slab-icon .ico{width:26px;height:26px}

/* ---------- Gems: colored tabs, no gemstone art ---------- */
.gem-tab img,.gem-sealed img{display:none!important}
.gem-tab{background:var(--panel)!important;border:1px solid var(--panel-line)!important;border-top:3px solid var(--gem)!important;border-radius:var(--radius);padding-top:14px!important}
.gem-tab.active{background:#0f2380f0!important;border-color:var(--bbva-light)!important;border-top-color:var(--gem)!important}
.gem-tab b{font:700 14px var(--sans)!important;letter-spacing:.04em!important}

/* ---------- Tracks screen without the guardian ---------- */
#tracks-screen .lobby-title{padding-left:clamp(24px,5.7vw,110px)!important}
.slab-icon .track-no{position:static!important;font:700 18px 'JetBrains Mono',Consolas,monospace!important;color:#fff!important;text-shadow:none!important}
.slab.primary .slab-icon .track-no{color:#fff!important}
.dossier,.history-card{background:var(--panel)!important;border-radius:var(--radius)}

/* ---------- Narration button: quiet outline instead of the golden medallion ---------- */
.narrate-button{border:1px solid #ffffff59!important;border-radius:4px!important;background:#ffffff0d!important;box-shadow:none!important;animation:none!important;padding:8px 20px 8px 8px!important}
.narrate-button b{font:700 15px var(--sans)!important;letter-spacing:.01em!important;text-transform:none!important}
.narrate-icon{background:var(--bbva-light)!important;box-shadow:none!important}
.narrate-icon i{border-left-color:var(--bbva-electric)!important}

/* ---------- Emblems: flat brand badges (brand/emblems.svg, same 5x2 grid) ---------- */
.emb,.result-hero .slots i.emb,.player-card .avatar i.emb{background-image:url('./brand/emblems.svg')!important;filter:none!important}
.celebration-emblem{filter:drop-shadow(0 0 24px #5bbeff66)!important}

/* ---------- Sentence-case headings, gem dots ---------- */
h1,h2,.account-hero h1,.result-heading,#result-heading{text-transform:none!important;letter-spacing:-.01em!important}
.gem-pip{width:12px!important;height:12px!important;border-radius:50%;background:transparent;border:2px solid var(--gem)!important;box-shadow:none!important}
.gem-pip.started{background:color-mix(in srgb,var(--gem) 45%,transparent)}
.gem-pip.done{background:var(--gem)}
.gem-pip.sealed{opacity:.35}
.gem-pip img{display:none}

/* ---------- Header lockup visible (the old rule hid every span in the brand button) ---------- */
.hud-bar .brand .lockup{display:inline-flex!important}
.hud-bar .brand{margin-right:10px}
@media(max-width:900px){
  .hud-bar .brand .lockup b{font-size:16px}
  .hud-bar .brand .lockup img{height:15px}
  .lobby-lockup{display:none}
  .hero-logo{width:min(62vw,280px);margin:8px auto 0}
  .brand-float{width:60vw;right:-6vw;bottom:4vh}
}

/* ---------- No goddess narration: no listen button and no narrated prelude on the briefings ---------- */
#narrate-button,#home-narrate,.intro-oracle{display:none!important}