html:root{--navy:#2A1A52;--navy-900:#0F0920;--navy-800:#170E2E;--navy-700:#2E1D58;
  --orange:#F2762E;--orange-soft:#FF9B4F;--est-tierra:url(#estTierra)}
html{scrollbar-color:#5A3A8C #0F0920}
::selection{background:rgba(242,118,46,.5);color:#fff}

/* Cielo de noche FIJO detrás de todo: estrellas, un resplandor de luna arriba
   a la derecha y niebla al pie. Va en una capa aparte (position:fixed) y no
   en el fondo del body con background-attachment:fixed, que repinta en cada
   scroll. */
.hw-cielo{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(1.2px 1.2px at 30px 40px,rgba(255,255,255,.7),transparent),
    radial-gradient(1px 1px at 140px 90px,rgba(255,255,255,.5),transparent),
    radial-gradient(1.4px 1.4px at 210px 20px,rgba(255,230,190,.65),transparent),
    radial-gradient(1px 1px at 80px 170px,rgba(255,255,255,.4),transparent),
    radial-gradient(1px 1px at 250px 200px,rgba(255,255,255,.45),transparent);
  background-size:280px 240px}
.hw-cielo::before{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 40% 35% at 92% 0%,rgba(255,190,120,.10),transparent 70%),
    radial-gradient(ellipse 60% 50% at 10% 10%,rgba(140,90,240,.10),transparent 70%),
    linear-gradient(180deg,rgba(15,9,32,0) 40%,rgba(15,9,32,.6) 100%)}
/* SIN filter:blur: era lo que hundía /picks-gratis a 30 fps en equipos sin GPU
   (el desenfoque se recalcula al moverse). Los degradados ya son suaves. */
.hw-cielo::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-40px;height:220px;will-change:transform;
  background:radial-gradient(ellipse 30% 50% at 20% 60%,rgba(190,170,240,.10),transparent 70%),
    radial-gradient(ellipse 26% 45% at 60% 70%,rgba(190,170,240,.08),transparent 70%),
    radial-gradient(ellipse 30% 50% at 90% 55%,rgba(190,170,240,.10),transparent 70%);
  animation:hwtNiebla 30s ease-in-out infinite alternate}
@keyframes hwtNiebla{from{transform:translate3d(-4%,0,0)}to{transform:translate3d(4%,0,0)}}

/* ---------- Cabeceras de página ---------- */
html .picks-head,html .tb-head,html .est-head,html .tdir-head{position:relative;isolation:isolate}
html .picks-head::after,html .tb-head::after,html .est-head::after,html .tdir-head::after{content:"";position:absolute;z-index:-1;right:-20px;top:4px;
  width:min(560px,60%);aspect-ratio:560/180;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20560%20180%22%3E%0A%3Cdefs%3E%3CradialGradient%20id%3D%22g%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFD9A0%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFD9A0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%0A%3Ccircle%20cx%3D%22478%22%20cy%3D%2244%22%20r%3D%2270%22%20fill%3D%22url(%23g)%22%2F%3E%0A%3Cpath%20d%3D%22M486%2014a30%2030%200%201%200%2024%2050a24%2024%200%201%201-24-50Z%22%20fill%3D%22%23FFE3A6%22%2F%3E%0A%3Cg%20fill%3D%22%2307040F%22%3E%0A%3Cpath%20d%3D%22M0%20180C120%20152%20250%20142%20380%20147S520%20158%20560%20150V180Z%22%2F%3E%0A%3Cpath%20d%3D%22M300%2040l7%204%205-6%202%207%207-3-4%207c-6%202-12%201-17-9Zm40%2022l5%203%204-4%201%205%205-2-3%205c-4%201-8%201-12-7Z%22%2F%3E%0A%3Cg%20transform%3D%22translate(40%20136)%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22320%22%20height%3D%223%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2214%22%20width%3D%22320%22%20height%3D%223%22%2F%3E%0A%3Crect%20x%3D%220%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M-2%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M14%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M30%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M46%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%2264%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M62%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%2280%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M78%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M94%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22112%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M110%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22128%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M126%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22144%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M142%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22160%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M158%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22176%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M174%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22192%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M190%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22208%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M206%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22224%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M222%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22240%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M238%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22256%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M254%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22272%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M270%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22288%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M286%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22304%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M302%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22320%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M318%20-6l3.5-6%203.5%206Z%22%2F%3E%3C%2Fg%3E%0A%3Cpath%20d%3D%22M112%20160v-26q0-16%2016-16t16%2016v26Z%22%2F%3E%3Cpath%20d%3D%22M196%20160v-34h30v34Z%22%2F%3E%3Cpath%20d%3D%22M262%20160v-30h6v-10h8v10h6v30Z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%2307040F%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M430%20160C432%20120%20428%2096%20434%2070%22%20stroke-width%3D%2210%22%2F%3E%0A%3Cpath%20d%3D%22M433%20104C452%2092%20468%2092%20480%2078M431%2092C414%2080%20404%2066%20404%2050M434%2074C440%2058%20452%2052%20458%2038M480%2078c6-2%2010-8%2012-14M404%2050c-6-4-8-10-8-16%22%20stroke-width%3D%224%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E") right bottom/contain no-repeat;opacity:.9;pointer-events:none}
html .tdir-head::after{width:min(360px,36%);top:-6px}
@media(max-width:760px){html .picks-head::after,html .tb-head::after,html .est-head::after,html .tdir-head::after{width:72%;top:auto;bottom:40%;opacity:.45}}

/* ---------- Pie: cementerio en silueta y un fantasma que se asoma ---------- */
html .site-footer{position:relative;margin-top:120px;border-top:none;background:#07040F;
  box-shadow:inset 0 30px 40px -30px rgba(242,118,46,.18)}
html .site-footer::before{content:"";position:absolute;z-index:1;left:0;right:0;bottom:calc(100% - 1px);height:90px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%2090%22%3E%0A%3Cg%20fill%3D%22%2307040F%22%3E%0A%3Cpath%20d%3D%22M0%2090V70C100%2064%20200%2072%20300%2068S500%2064%20600%2070V90Z%22%2F%3E%0A%3Cpath%20d%3D%22M36%2074V46q0-16%2018-16t18%2016v28Z%22%2F%3E%3Cpath%20d%3D%22M122%2072V40h34v32Z%22%2F%3E%0A%3Cpath%20d%3D%22M246%2070V38h7V26h10v12h7v32Z%22%2F%3E%3Cpath%20d%3D%22M330%2072V50q0-12%2014-12t14%2012v22Z%22%2F%3E%0A%3Cpath%20d%3D%22M446%2070V34q0-20%2024-20t24%2020v36Z%22%2F%3E%3Cpath%20d%3D%22M548%2072V48h26v24Z%22%2F%3E%0A%3Cpath%20d%3D%22M90%2070l3-12%202%2012%203-9%201%209ZM210%2070l3-10%202%2010%203-8%201%208ZM400%2068l3-12%202%2012%203-9%201%209ZM520%2070l3-10%202%2010%203-8%201%208Z%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E") left bottom/600px 90px repeat-x;pointer-events:none}
html .site-footer::after{content:"";position:absolute;z-index:0;left:calc(50% + 160px);bottom:100%;width:46px;height:54px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2070%22%3E%0A%3Cpath%20d%3D%22M30%202C14%202%206%2015%206%2030v34l8-6%208%206%208-6%208%206%208-6%208%206V30C54%2015%2046%202%2030%202Z%22%20fill%3D%22%23EDE7FF%22%20fill-opacity%3D%22.92%22%2F%3E%0A%3Cellipse%20cx%3D%2222%22%20cy%3D%2228%22%20rx%3D%224%22%20ry%3D%226%22%20fill%3D%22%231A0F33%22%2F%3E%3Cellipse%20cx%3D%2238%22%20cy%3D%2228%22%20rx%3D%224%22%20ry%3D%226%22%20fill%3D%22%231A0F33%22%2F%3E%0A%3Cellipse%20cx%3D%2230%22%20cy%3D%2244%22%20rx%3D%225%22%20ry%3D%226%22%20fill%3D%22%231A0F33%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;pointer-events:none;opacity:0;transform:translate3d(0,40px,0);
  animation:hwtAsoma 14s ease-in-out infinite 4s}
@keyframes hwtAsoma{0%,62%,100%{opacity:0;transform:translate3d(0,40px,0)}
  70%{opacity:.85;transform:translate3d(0,-6px,0)}80%{opacity:.85;transform:translate3d(6px,-12px,0)}88%{opacity:0;transform:translate3d(0,30px,0)}}

/* ---------- Picks gratis (tablero) ---------- */
html .tb-partido{--tb-cab:#2E1C58;--tb-hueco:#120A26;position:relative;border-color:rgba(190,160,255,.16)}
html .tb-cab{background:linear-gradient(180deg,var(--tb-cab),#211241);border-bottom-color:rgba(242,118,46,.55)}
/* Telaraña en la esquina de cada partido, por encima de la cabecera. */
html .tb-partido::before{content:"";position:absolute;z-index:3;left:0;top:0;width:44px;height:44px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%22.9%22%3E%0A%3Cpath%20d%3D%22M0%200L60%2060M0%200L30%2060M0%200L60%2030M0%200L0%2060M0%200L60%200%22%2F%3E%0A%3Cpath%20d%3D%22M0%2014Q8%2010%2014%200M0%2028Q14%2022%2020%2018Q24%2010%2028%200M0%2044Q20%2036%2030%2030Q38%2018%2044%200M0%2058Q28%2050%2042%2042Q54%2026%2058%200%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;opacity:.22;pointer-events:none}

/* La cuenta atrás, con una vela que se consume según se acerca el partido
   (--queda la pone el tablero: 1 a 24 h o más, 0 al empezar). */
html .tb-cuenta{position:relative;padding-right:17px}
html .tb-cuenta::before{content:"";position:absolute;right:3px;bottom:3px;width:6px;height:calc(4px + 20px*var(--queda,1));
  border-radius:2px 2px 1px 1px;background:linear-gradient(90deg,#D9CBAA,#FFF6E0 45%,#C9BB98)}
html .tb-cuenta::after{content:"";position:absolute;right:2px;bottom:calc(6px + 20px*var(--queda,1));width:8px;height:11px;
  border-radius:50% 50% 45% 45%/60% 60% 40% 40%;transform-origin:50% 100%;
  background:radial-gradient(circle at 50% 70%,#FFF4C2,#FFB347 55%,#F2762E 85%);
  box-shadow:0 0 10px 3px rgba(255,170,80,.45);animation:hwtLlama 1.3s steps(3,end) infinite alternate}
html .tb-cuenta[data-ultima]::after{animation-duration:.45s}
html .tb-combi-hora .tb-cuenta,html .tb-fbcombi-cab .tb-cuenta{padding-right:0}
html .tb-combi-hora .tb-cuenta::before,html .tb-combi-hora .tb-cuenta::after,
html .tb-fbcombi-cab .tb-cuenta::before,html .tb-fbcombi-cab .tb-cuenta::after{content:none}
@keyframes hwtLlama{0%{transform:scale(1) rotate(-4deg)}50%{transform:scale(.88,1.15) rotate(3deg)}100%{transform:scale(1.05,.92) rotate(-1deg)}}

/* Pick bloqueado = sellado con lacre. */
html .tb-candado{width:19px;height:19px;padding:4px;border-radius:50%;color:#6B1F06;
  background:radial-gradient(circle at 35% 30%,#FFA35C,#D5551A 55%,#9A3510);
  box-shadow:0 0 0 1.5px rgba(154,53,16,.55),0 2px 4px rgba(0,0,0,.5)}
html .tb-fila:hover .tb-candado,html .tb-fbcombi:hover .tb-candado{color:#3A0F02}
html .tb-pulsa{font-size:0}
html .tb-pulsa::before{content:"Rompe el sello";font-size:10px}

/* Resultados: el color sigue siendo el de siempre, solo cambia el adorno. */
html .tb-res.won::before{content:"👻 "}
html .tb-res.lost::before{content:"✝ "}
html .tb-vacio::before{content:"🕸️";display:block;font-size:34px;margin-bottom:10px;opacity:.75}

/* ---------- Estadísticas ---------- */
html .est-seg button.on{box-shadow:0 4px 16px rgba(242,118,46,.4)}
html .est-card{border-color:rgba(190,160,255,.10)}
html .est-rank-row{background:#120A26}
html .est-rank-pos{height:24px;flex-basis:22px;width:22px;line-height:26px;border-radius:11px 11px 3px 3px;
  background:#251A3E;color:rgba(255,255,255,.55);font-weight:700;font-size:12px}
/* Los tres primeros, con la vela encendida. */
html .est-rank-list>.est-rank-row:nth-child(-n+3) .est-rank-pos{position:relative;background:linear-gradient(180deg,#3B2A12,#251A3E);
  color:#FFB347;box-shadow:0 0 14px rgba(255,160,70,.35)}
html .est-rank-list>.est-rank-row:nth-child(-n+3) .est-rank-pos::before{content:"";position:absolute;left:50%;top:-11px;width:7px;height:10px;margin-left:-3.5px;
  border-radius:50% 50% 45% 45%/60% 60% 40% 40%;transform-origin:50% 100%;
  background:radial-gradient(circle at 50% 70%,#FFF4C2,#FFB347 55%,#F2762E 85%);
  box-shadow:0 0 8px 2px rgba(255,170,80,.5);animation:hwtLlama 1.4s steps(3,end) infinite alternate}
html .est-rank-list>.est-rank-row:nth-child(-n+3){border-color:rgba(242,118,46,.25)}

/* ---------- Ficha de tipster: el avatar sobre una luna llena ---------- */
html .f2{--f2-card:#170E2E}
html .f2-cab{isolation:isolate;border-color:rgba(190,160,255,.16);
  background:linear-gradient(135deg,#2E1C58 0%,#1C1038 55%,#140B2A 100%)}
html .f2-cab::before{z-index:-1;left:-22px;right:auto;top:50%;width:150px;height:150px;margin-top:-75px;
  background:radial-gradient(circle at 38% 36%,#FFFBEA 0%,#FFEBC0 34%,#EDC27A 70%,#C98A40 100%);
  box-shadow:0 0 50px 10px rgba(255,200,120,.28),0 0 160px 50px rgba(140,90,240,.18);opacity:.9}
html .f2-cab::after{content:"";position:absolute;z-index:-1;right:-10px;bottom:-6px;width:min(420px,55%);aspect-ratio:560/180;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20560%20180%22%3E%0A%3Cdefs%3E%3CradialGradient%20id%3D%22g%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFD9A0%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFD9A0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%0A%3Ccircle%20cx%3D%22478%22%20cy%3D%2244%22%20r%3D%2270%22%20fill%3D%22url(%23g)%22%2F%3E%0A%3Cpath%20d%3D%22M486%2014a30%2030%200%201%200%2024%2050a24%2024%200%201%201-24-50Z%22%20fill%3D%22%23FFE3A6%22%2F%3E%0A%3Cg%20fill%3D%22%2307040F%22%3E%0A%3Cpath%20d%3D%22M0%20180C120%20152%20250%20142%20380%20147S520%20158%20560%20150V180Z%22%2F%3E%0A%3Cpath%20d%3D%22M300%2040l7%204%205-6%202%207%207-3-4%207c-6%202-12%201-17-9Zm40%2022l5%203%204-4%201%205%205-2-3%205c-4%201-8%201-12-7Z%22%2F%3E%0A%3Cg%20transform%3D%22translate(40%20136)%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22320%22%20height%3D%223%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2214%22%20width%3D%22320%22%20height%3D%223%22%2F%3E%0A%3Crect%20x%3D%220%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M-2%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M14%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M30%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%2248%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M46%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%2264%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M62%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%2280%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M78%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M94%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22112%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M110%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22128%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M126%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22144%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M142%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22160%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M158%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22176%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M174%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22192%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M190%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22208%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M206%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22224%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M222%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22240%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M238%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22256%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M254%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22272%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M270%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22288%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M286%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22304%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M302%20-6l3.5-6%203.5%206Z%22%2F%3E%3Crect%20x%3D%22320%22%20y%3D%22-6%22%20width%3D%223%22%20height%3D%2230%22%2F%3E%3Cpath%20d%3D%22M318%20-6l3.5-6%203.5%206Z%22%2F%3E%3C%2Fg%3E%0A%3Cpath%20d%3D%22M112%20160v-26q0-16%2016-16t16%2016v26Z%22%2F%3E%3Cpath%20d%3D%22M196%20160v-34h30v34Z%22%2F%3E%3Cpath%20d%3D%22M262%20160v-30h6v-10h8v10h6v30Z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%2307040F%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M430%20160C432%20120%20428%2096%20434%2070%22%20stroke-width%3D%2210%22%2F%3E%0A%3Cpath%20d%3D%22M433%20104C452%2092%20468%2092%20480%2078M431%2092C414%2080%20404%2066%20404%2050M434%2074C440%2058%20452%2052%20458%2038M480%2078c6-2%2010-8%2012-14M404%2050c-6-4-8-10-8-16%22%20stroke-width%3D%224%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E") right bottom/contain no-repeat;opacity:.4;pointer-events:none}
html .f2-avatar{border-color:#1C1038;box-shadow:0 0 0 3px var(--orange),0 0 26px rgba(242,118,46,.45),0 10px 24px rgba(0,0,0,.45)}
html .f2-relieve{background:linear-gradient(160deg,#2E1C58 0%,#1C1038 60%,#140B2A 100%)}
html .f2-tabs{background:rgba(18,10,36,.92)}
html .f2-sel-btn{background:#24164A}
html .f2-seguir.on{background:linear-gradient(180deg,#2E1C58,#1C1038)}
@media(max-width:640px){html .f2-cab::before{width:110px;height:110px;margin-top:0;top:-4px;left:-16px}}

/* ---------- Funbets: el caldero de las cuotas locas ---------- */
html .fb-head{position:relative;isolation:isolate}
html .fb-podio-card{background:linear-gradient(180deg,color-mix(in srgb,var(--med) 14%,#2E1C58),#170E2E)}
html .fb-podio-col.primero .fb-podio-card{background:linear-gradient(180deg,color-mix(in srgb,var(--med) 22%,#3A2468),#1C1038)}
html .fb-head::after{content:"";position:absolute;z-index:-1;right:8px;bottom:-14px;width:230px;height:190px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20230%20190%22%3E%0A%3Cdefs%3E%3CradialGradient%20id%3D%22p%22%20cx%3D%22.5%22%20cy%3D%22.5%22%20r%3D%22.5%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23B8FF8A%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237CFF6B%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%0A%3CradialGradient%20id%3D%22f%22%20cx%3D%22.5%22%20cy%3D%22.9%22%20r%3D%22.7%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFE08A%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23FF8A3D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E0461C%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%0A%3Cellipse%20cx%3D%22115%22%20cy%3D%2270%22%20rx%3D%22110%22%20ry%3D%2246%22%20fill%3D%22url(%23p)%22%2F%3E%0A%3Cpath%20d%3D%22M70%20190l14-34M160%20190l-14-34%22%20stroke%3D%22%232A1F46%22%20stroke-width%3D%229%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M80%20190c4-22%2014-30%2018-44%206%2014%2012%2022%2012%2044ZM104%20190c4-28%2012-36%2014-52%208%2016%2014%2028%2012%2052ZM128%20190c2-20%2010-26%2014-40%206%2012%2010%2022%208%2040Z%22%20fill%3D%22url(%23f)%22%2F%3E%0A%3Cpath%20d%3D%22M33%2092c0%2044%2036%2072%2082%2072s82-28%2082-72Z%22%20fill%3D%22%232A1F46%22%20stroke%3D%22%234A3B70%22%20stroke-width%3D%223%22%2F%3E%0A%3Cpath%20d%3D%22M45%20104c6%2026%2030%2046%2062%2050%22%20stroke%3D%22%235A4A85%22%20stroke-width%3D%225%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cellipse%20cx%3D%22115%22%20cy%3D%2288%22%20rx%3D%2288%22%20ry%3D%2217%22%20fill%3D%22%233A2E5C%22%20stroke%3D%22%235A4A85%22%20stroke-width%3D%223%22%2F%3E%0A%3Cellipse%20cx%3D%22115%22%20cy%3D%2286%22%20rx%3D%2274%22%20ry%3D%2211%22%20fill%3D%22%236CE85A%22%2F%3E%0A%3Cellipse%20cx%3D%22102%22%20cy%3D%2284%22%20rx%3D%2240%22%20ry%3D%225%22%20fill%3D%22%23B8FF8A%22%20fill-opacity%3D%22.6%22%2F%3E%0A%3Ccircle%20cx%3D%22140%22%20cy%3D%2284%22%20r%3D%226%22%20fill%3D%22%23B8FF8A%22%2F%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%2287%22%20r%3D%224%22%20fill%3D%22%23B8FF8A%22%2F%3E%0A%3C%2Fsvg%3E") right bottom/contain no-repeat;pointer-events:none}
html .fb-head::before{content:"";position:absolute;z-index:-1;right:88px;bottom:96px;width:70px;height:80px;pointer-events:none;
  background:radial-gradient(circle at 30% 85%,rgba(150,255,120,.85) 0 4px,transparent 5px),
    radial-gradient(circle at 64% 70%,rgba(150,255,120,.7) 0 3px,transparent 4px),
    radial-gradient(circle at 46% 40%,rgba(150,255,120,.55) 0 5px,transparent 6px),
    radial-gradient(circle at 70% 18%,rgba(150,255,120,.4) 0 3px,transparent 4px);
  animation:hwtBurbujas 2.6s linear infinite}
@keyframes hwtBurbujas{0%{transform:translate3d(0,24px,0);opacity:0}25%{opacity:1}100%{transform:translate3d(0,-26px,0);opacity:0}}
/* En el móvil no cabe al lado del texto: un caldero pequeño junto al título. */
@media(max-width:760px){html .fb-head::after,html .fb-head::before{display:none}
  html .fb-head h1::after{content:"";display:inline-block;width:58px;height:48px;margin-left:10px;vertical-align:-6px;
    background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20230%20190%22%3E%0A%3Cdefs%3E%3CradialGradient%20id%3D%22p%22%20cx%3D%22.5%22%20cy%3D%22.5%22%20r%3D%22.5%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23B8FF8A%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237CFF6B%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%0A%3CradialGradient%20id%3D%22f%22%20cx%3D%22.5%22%20cy%3D%22.9%22%20r%3D%22.7%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFE08A%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23FF8A3D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E0461C%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%0A%3Cellipse%20cx%3D%22115%22%20cy%3D%2270%22%20rx%3D%22110%22%20ry%3D%2246%22%20fill%3D%22url(%23p)%22%2F%3E%0A%3Cpath%20d%3D%22M70%20190l14-34M160%20190l-14-34%22%20stroke%3D%22%232A1F46%22%20stroke-width%3D%229%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M80%20190c4-22%2014-30%2018-44%206%2014%2012%2022%2012%2044ZM104%20190c4-28%2012-36%2014-52%208%2016%2014%2028%2012%2052ZM128%20190c2-20%2010-26%2014-40%206%2012%2010%2022%208%2040Z%22%20fill%3D%22url(%23f)%22%2F%3E%0A%3Cpath%20d%3D%22M33%2092c0%2044%2036%2072%2082%2072s82-28%2082-72Z%22%20fill%3D%22%232A1F46%22%20stroke%3D%22%234A3B70%22%20stroke-width%3D%223%22%2F%3E%0A%3Cpath%20d%3D%22M45%20104c6%2026%2030%2046%2062%2050%22%20stroke%3D%22%235A4A85%22%20stroke-width%3D%225%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cellipse%20cx%3D%22115%22%20cy%3D%2288%22%20rx%3D%2288%22%20ry%3D%2217%22%20fill%3D%22%233A2E5C%22%20stroke%3D%22%235A4A85%22%20stroke-width%3D%223%22%2F%3E%0A%3Cellipse%20cx%3D%22115%22%20cy%3D%2286%22%20rx%3D%2274%22%20ry%3D%2211%22%20fill%3D%22%236CE85A%22%2F%3E%0A%3Cellipse%20cx%3D%22102%22%20cy%3D%2284%22%20rx%3D%2240%22%20ry%3D%225%22%20fill%3D%22%23B8FF8A%22%20fill-opacity%3D%22.6%22%2F%3E%0A%3Ccircle%20cx%3D%22140%22%20cy%3D%2284%22%20r%3D%226%22%20fill%3D%22%23B8FF8A%22%2F%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%2287%22%20r%3D%224%22%20fill%3D%22%23B8FF8A%22%2F%3E%0A%3C%2Fsvg%3E") center/contain no-repeat}}

/* ---------- Registro / acceso ---------- */
html .auth-brand{background:linear-gradient(180deg,#0B0620 0%,#24144A 45%,#3A1E3F 80%,#1A0D2A 100%)}
html .auth-brand>*{position:relative;z-index:1}
html .auth-brand::after{border:none;bottom:auto;right:48px;top:56px;width:200px;height:200px;
  background:radial-gradient(circle at 36% 34%,#FFFBEA 0%,#FFEFC6 30%,#F4D08D 62%,#D9A35A 100%);
  box-shadow:0 0 60px 10px rgba(255,214,140,.3),0 0 220px 60px rgba(140,90,240,.2);opacity:.85}
html .auth-brand::before{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%2090%22%3E%0A%3Cg%20fill%3D%22%2307040F%22%3E%0A%3Cpath%20d%3D%22M0%2090V70C100%2064%20200%2072%20300%2068S500%2064%20600%2070V90Z%22%2F%3E%0A%3Cpath%20d%3D%22M36%2074V46q0-16%2018-16t18%2016v28Z%22%2F%3E%3Cpath%20d%3D%22M122%2072V40h34v32Z%22%2F%3E%0A%3Cpath%20d%3D%22M246%2070V38h7V26h10v12h7v32Z%22%2F%3E%3Cpath%20d%3D%22M330%2072V50q0-12%2014-12t14%2012v22Z%22%2F%3E%0A%3Cpath%20d%3D%22M446%2070V34q0-20%2024-20t24%2020v36Z%22%2F%3E%3Cpath%20d%3D%22M548%2072V48h26v24Z%22%2F%3E%0A%3Cpath%20d%3D%22M90%2070l3-12%202%2012%203-9%201%209ZM210%2070l3-10%202%2010%203-8%201%208ZM400%2068l3-12%202%2012%203-9%201%209ZM520%2070l3-10%202%2010%203-8%201%208Z%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E") left bottom/800px 120px repeat-x}
html .auth-brand .eyebrow{color:#FF9B4F}
html .auth-brand h1{font-size:0}
html .auth-brand h1::before{content:"Únete\A al aquelarre";white-space:pre;font-size:clamp(44px,5vw,72px);
  text-shadow:0 4px 30px rgba(12,4,28,.9)}
html .auth:has(.tab.active:last-child) .auth-brand h1::before{content:"Has vuelto\A de la tumba"}
html .auth-brand li{border-bottom-color:rgba(255,155,79,.25)}
html .auth-brand li::before{content:"✦";color:#FF9B4F;text-shadow:0 0 8px rgba(242,118,46,.8)}
@media(max-width:760px){html .auth-brand::after{width:64px;height:64px;top:14px;right:14px;opacity:.75}}

/* ---------- 404 ---------- */
html .nf-wrap{position:relative;isolation:isolate}
html .nf-code{position:relative;-webkit-text-stroke:2px var(--orange);text-shadow:0 0 40px rgba(242,118,46,.35)}
html .nf-code::after{content:"";position:absolute;right:-56px;top:-30px;width:64px;height:74px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2070%22%3E%0A%3Cpath%20d%3D%22M30%202C14%202%206%2015%206%2030v34l8-6%208%206%208-6%208%206%208-6%208%206V30C54%2015%2046%202%2030%202Z%22%20fill%3D%22%23EDE7FF%22%20fill-opacity%3D%22.92%22%2F%3E%0A%3Cellipse%20cx%3D%2222%22%20cy%3D%2228%22%20rx%3D%224%22%20ry%3D%226%22%20fill%3D%22%231A0F33%22%2F%3E%3Cellipse%20cx%3D%2238%22%20cy%3D%2228%22%20rx%3D%224%22%20ry%3D%226%22%20fill%3D%22%231A0F33%22%2F%3E%0A%3Cellipse%20cx%3D%2230%22%20cy%3D%2244%22%20rx%3D%225%22%20ry%3D%226%22%20fill%3D%22%231A0F33%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;animation:hwtFlota 4s ease-in-out infinite alternate}
html .nf-wrap h1{font-size:0}
html .nf-wrap h1::before{content:"Esta página ha muerto";font-size:clamp(26px,4vw,38px)}
html .nf-wrap p{font-size:0}
html .nf-wrap p::before{content:"Aquí no queda nada vivo. Vuelve por donde has venido… si te atreves.";font-size:16px}
@keyframes hwtFlota{from{transform:translate3d(0,0,0) rotate(-4deg)}to{transform:translate3d(0,-14px,0) rotate(4deg)}}

@media(prefers-reduced-motion:reduce){
  .hw-cielo::after,.site-footer::after,.tb-cuenta::after,.nf-code::after,
  .est-rank-list>.est-rank-row .est-rank-pos::before{animation:none!important}
  .site-footer::after{opacity:.85;transform:none}
}

nav.hw-nav{background:
  radial-gradient(1px 1px at 12% 30%,rgba(255,255,255,.7) 50%,transparent 51%),
  radial-gradient(1px 1px at 27% 70%,rgba(255,255,255,.45) 50%,transparent 51%),
  radial-gradient(1.4px 1.4px at 41% 22%,rgba(255,255,255,.6) 50%,transparent 51%),
  radial-gradient(1px 1px at 58% 64%,rgba(255,255,255,.5) 50%,transparent 51%),
  radial-gradient(1.2px 1.2px at 73% 28%,rgba(255,255,255,.55) 50%,transparent 51%),
  radial-gradient(1px 1px at 88% 58%,rgba(255,255,255,.45) 50%,transparent 51%),
  radial-gradient(ellipse 40% 140% at 50% -40%,rgba(140,90,240,.28),transparent 70%),
  linear-gradient(180deg,#1B0E36 0%,#120927 100%);
  border-bottom:1px solid rgba(255,138,61,.6)}
nav.hw-nav .inner{position:relative;z-index:1}

/* Logo: la gráfica pasa de rojo a calabaza y la «O» lleva sombrero. */
nav.hw-nav .logo{position:relative;font-size:32px}
nav.hw-nav .logo img{filter:hue-rotate(26deg) saturate(1.6) brightness(1.06)}
.hw-hat{position:absolute;left:-.16em;top:-.52em;width:.86em;height:.72em;transform:rotate(-18deg);pointer-events:none;
  filter:drop-shadow(0 0 4px rgba(255,138,61,.45))}
@media(max-width:480px){nav.hw-nav .logo{font-size:24px}}

/* Enlaces: al pasar, brillan como una vela; la sección activa, subrayada con cera. */
nav.hw-nav .navlinks a:hover{color:#FFB070;text-shadow:0 0 12px rgba(255,140,60,.55)}
nav.hw-nav .navlinks a.on{color:#FFD08F}
nav.hw-nav .navlinks a.on:not(.nav-oddsbook):not(.nav-vip)::after{height:3px;bottom:-3px;
  background:linear-gradient(90deg,#E9601C,#FFB070,#E9601C);box-shadow:0 0 10px rgba(255,138,61,.7)}

/* Crear cuenta: calabaza encendida. */
nav.hw-nav .btn-cta{background:linear-gradient(180deg,#FF8D45,#E0611F);box-shadow:0 0 18px rgba(242,118,46,.45)}
nav.hw-nav .btn-cta:hover{background:linear-gradient(180deg,#FFA25F,#EE6D22)}

.hw-nav-deco{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hw-nav-web{position:absolute;right:0;top:0;width:86px;height:86px;opacity:.16}

/* Un murciélago cruza la barra cada 18 s. */
.hw-nav-bat{position:absolute;left:0;top:8px;width:30px;will-change:transform;
  animation:hwNavBat 18s linear infinite 2s;transform:translate3d(-60px,0,0)}
.hw-nav-bat svg{display:block;width:100%;fill:#05020C;animation:hwNavAla .26s ease-in-out infinite alternate}
@keyframes hwNavBat{0%{transform:translate3d(-60px,18px,0)}20%{transform:translate3d(30vw,2px,0)}
  40%{transform:translate3d(60vw,22px,0)}55%,100%{transform:translate3d(105vw,6px,0)}}
@keyframes hwNavAla{from{transform:scaleY(1)}to{transform:scaleY(.45)}}

/* La cera que gotea del borde inferior, y tres gotas que caen. */
.hw-nav-drips{position:absolute;left:0;right:0;top:100%;height:22px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%2222%22%20viewBox%3D%220%200%20240%2022%22%3E%3Cpath%20fill%3D%22%23E9601C%22%20d%3D%22M0%200h240v3c-8%200-9%203-11%207s-4%206-6%200-3-7-14-7-24%200-30%202-4%2012-9%2012-5-10-8-12-26-2-38-2-6%204-8%208-5%202-6-2-14-6-30-6-26%200-30%203-3%2016-9%2016-6-12-8-14-22-5-36-5-4%203-6%206-5%201-6-3-9-4-15-4z%22%2F%3E%3Cpath%20fill%3D%22%23FF8A3D%22%20opacity%3D%22.55%22%20d%3D%22M0%200h240v1.6H0z%22%2F%3E%3C%2Fsvg%3E") repeat-x 0 0;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.hw-drop{position:absolute;top:10px;width:5px;height:7px;border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
  background:#E9601C;opacity:0;will-change:transform,opacity;animation:hwGota 6s ease-in infinite}
.hw-drop1{left:calc(240px * 1 + 21px);animation-delay:0s}
.hw-drop2{left:calc(240px * 3 + 120px);animation-delay:-2.2s;animation-duration:7.5s}
.hw-drop3{left:calc(240px * 5 + 66px);animation-delay:-4s;animation-duration:6.8s}
@keyframes hwGota{0%,55%{opacity:0;transform:translate3d(0,0,0) scale(.6)}60%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  92%{opacity:1}100%{opacity:0;transform:translate3d(0,46px,0)}}

/* La araña baja y sube colgada de su hilo, a la derecha. */
.hw-nav-spider{position:absolute;right:9%;top:0;display:flex;flex-direction:column;align-items:center;will-change:transform;
  animation:hwArana 9s ease-in-out infinite;transform:translate3d(0,-34px,0)}
.hw-nav-spider i{width:1px;height:46px;background:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.4))}
.hw-nav-spider svg{width:20px;height:17px;margin-top:-2px}
@keyframes hwArana{0%,100%{transform:translate3d(0,-40px,0)}45%,60%{transform:translate3d(0,0,0)}}

@media(max-width:900px){.hw-nav-spider{right:22%}.hw-nav-web{display:none}}
@media(prefers-reduced-motion:reduce){
  .hw-nav-bat,.hw-drop{display:none}
  .hw-nav-spider,.hw-nav-bat svg{animation:none}
}