/* Dex Claw 3D: escenario WebGL con controles superpuestos */
.ar-main{grid-template-columns:minmax(0,1fr) 340px;max-width:1180px}
.ar-machine{align-items:stretch;gap:0;width:100%}
.stage{position:relative;width:100%;height:clamp(420px,calc(100vh - 86px),780px);background:#120a2e;overflow:hidden;box-shadow:0 0 0 var(--px) #000,0 0 40px #ff3ea555;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.stage:active{cursor:grabbing}
#game{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:auto;cursor:inherit}
.st-top{position:absolute;left:10px;right:10px;top:10px;display:flex;gap:8px;align-items:stretch;pointer-events:none}
.st-top>*{pointer-events:auto}
.st-top .hud-box{background:#0b0623cc;padding:6px 10px}
.st-top .hud-box.grow{max-width:320px}
.st-top .px-btn{margin-left:auto;align-self:flex-start;min-width:44px}
#timer{font-size:1.25rem}
.msg{position:absolute;left:50%;transform:translateX(-50%);bottom:148px;max-width:92%;text-align:center;background:#0b0623b3;padding:6px 14px;pointer-events:none;color:var(--yel);text-shadow:0 2px 0 #000;font-size:.9rem}
.msg:empty{display:none}
.st-ctl{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:14px 18px;pointer-events:none}
.st-ctl>*{pointer-events:auto}
.stick{position:relative;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle,#2a1b5e 0 45%,#150c38 46% 100%);box-shadow:0 0 0 4px #000,inset 0 0 0 4px #ffffff22,0 0 24px #00e5ff44;touch-action:none}
.stick i{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a8a,#e02b3f 55%,#8b0f22);box-shadow:0 0 0 3px #000,0 6px 0 3px #6d0b1a;transition:transform .08s}
.stick[data-on] i{transition:none}
.stick.off{filter:grayscale(.8) brightness(.6)}
.drop{width:132px;height:96px}
@media all{
  .ar-main{grid-template-columns:minmax(0,1fr)}
  .stage{height:calc(100vh - 96px);height:calc(100svh - 96px);min-height:420px;max-height:820px}
}
@media(max-width:520px){.stick{width:112px;height:112px}.stick i{width:50px;height:50px;margin:-25px 0 0 -25px}.drop{width:118px;height:84px}.msg{bottom:134px;font-size:.78rem}.st-top .hud-box.grow{max-width:none;flex:1}}
.st-top .hint{display:none}
.st-top .hud-box{padding:5px 9px}.st-top .lbl{font-size:.6rem}
.st-top .hud-box.grow{max-width:200px}
/* el marcador va en una barra propia sobre el 3D para no tapar el rótulo */
#game{top:58px;height:calc(100% - 58px)}
.st-top{background:#0b0623;top:0;left:0;right:0;padding:8px 10px;height:58px;box-shadow:0 3px 0 #000}
.st-top .hud-box{background:#150c38}
/* mandos reales en 3D: sin botones en pantalla; flechas para girar la vista */
.stage{cursor:default;touch-action:auto}
#game{touch-action:none;cursor:default}
.msg{bottom:14px}
.vw{position:absolute;top:70px;width:54px;height:54px;padding:0;font-size:1.3rem;display:grid;place-items:center;touch-action:none;z-index:3}
.vw-l{left:10px}.vw-r{right:10px}
.vw.on{filter:brightness(1.4);transform:translateY(3px)}
@media(max-width:520px){.msg{bottom:10px;font-size:.78rem}.vw{width:48px;height:48px}}
/* icono de moneda (token) con el logo grabado, en lugar del ticket */
.tk-ico{clip-path:none!important;border-radius:50%;width:40px;height:40px;background:#e0a417 center/cover no-repeat;box-shadow:0 0 0 3px #000,0 0 12px #ffd23f66}
.tk-ico:after{display:none!important}
/* tutorial guiado */
.st-top #tourBtn{margin-left:auto}.st-top #viewReset{margin-left:0}
.tour{position:absolute;inset:58px 0 0;pointer-events:none;z-index:4}
.tour>*{pointer-events:auto}
.tour[hidden]{display:none}
.tour-next{position:absolute;top:12px;right:10px;height:54px;padding:0 20px;font-size:1.05rem;letter-spacing:2px;animation:tnext 1s steps(2) infinite}
@keyframes tnext{50%{filter:brightness(1.35)}}
.tour-skip{position:absolute;top:12px;left:10px}
.tour-card{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:min(92%,520px);background:#0b0623ee;box-shadow:0 0 0 3px #000,inset 0 0 0 3px #00e5ff,0 0 24px #00e5ff66;padding:12px 16px;text-align:center}
.tour-card b{color:var(--cyan);font-size:.72rem;letter-spacing:3px}
.tour-card p{margin:6px 0 0;color:var(--tx);font-size:.95rem;line-height:1.35}
.stage.touring .vw,.stage.touring .msg{display:none}
@media(max-width:520px){.tour-next{height:48px;padding:0 14px;font-size:.9rem}.tour-card p{font-size:.85rem}}
/* viñeta: oscurece los bordes para centrar la mirada en la máquina */
.stage:after{content:"";position:absolute;left:0;right:0;top:58px;bottom:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 70% 62% at 50% 52%,transparent 55%,#06020fcc 100%)}
.st-top,.tour,.vw,.msg{z-index:3}
/* el mensaje de ayuda va arriba, entre las flechas, para no tapar los mandos */
.msg{bottom:auto;top:68px;max-width:calc(100% - 150px);padding:6px 12px;font-size:.82rem}
@media(max-width:520px){.msg{top:66px;max-width:calc(100% - 120px);font-size:.72rem;padding:5px 8px}}
/* el mensaje vive en su propia franja bajo el marcador: ya no se superpone al 3D */
.msg{position:absolute;left:0;right:0;top:58px;bottom:auto;transform:none;max-width:none;height:28px;display:flex;align-items:center;justify-content:center;margin:0;padding:0 10px;background:#0b0623;box-shadow:0 3px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.78rem;z-index:2}
.msg:empty{display:flex}
.stage.touring .msg{visibility:hidden}
#game{top:86px;height:calc(100% - 86px)}
.tour{inset:86px 0 0}
.stage:after{top:86px}
.vw{top:98px}
@media(max-width:520px){.msg{top:58px;font-size:.7rem;padding:0 6px}}
/* marcador limpio: un solo borde, mismo alto y contenido centrado */
.st-top{align-items:center}
.st-top .hud-box{box-shadow:none;border:2px solid #4a3a9a;background:#160d3a;height:42px;padding:0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.st-top .hud-box:first-child{min-width:64px}
.st-top .hud-box .lbl{font-size:.56rem;letter-spacing:2px;line-height:1;color:#a89bd6}
.st-top #timer{font-size:1.3rem;line-height:1;text-shadow:none;min-width:0;color:#ffd23f}
.st-top .hud-box.grow{align-items:stretch;gap:5px}
.st-top .hud-box.grow .lbl{text-align:left}
.st-top .meter{height:12px;box-shadow:0 0 0 2px #2a1b5e}
.st-top .px-btn{align-self:center}
/* cámara cenital con ojo de pez */
#camBtn.on{background:linear-gradient(#27d3ff,#1779e6);color:#04122a}
.stage.topcam .vw{display:none}
.topdrop{position:absolute;right:16px;bottom:16px;z-index:3;height:60px;min-width:132px;padding:0 18px;font-size:1rem;letter-spacing:2px;color:#fff;background:linear-gradient(#ff7a90,#d8203f);box-shadow:0 0 0 4px #000,0 6px 0 4px #7d0f26;touch-action:none}
.topdrop[hidden]{display:none}
.topdrop:disabled{filter:grayscale(.8) brightness(.6)}
.topdrop:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 4px #000,0 1px 0 4px #7d0f26}
.stage.topcam #game{cursor:crosshair}
/* teclas pequeñas y semitransparentes en la cámara cenital */
.keyhint{position:absolute;left:14px;bottom:14px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:3px;opacity:.55;pointer-events:none}
.keyhint[hidden]{display:none}
.kk-row{display:flex;gap:3px;justify-content:center;width:84px}
.kk{display:grid;place-items:center;width:26px;height:22px;font-style:normal;font-size:.62rem;color:#e9e4ff;background:#1b1240cc;border:2px solid #6b5bd0;box-sizing:border-box}
.kk.wide{width:84px}
.kk.on{background:#00e5ff;color:#04122a;border-color:#fff}
.kk-lbl{font-size:.6rem;letter-spacing:1px;color:#e9e4ff;text-shadow:0 1px 0 #000;margin-top:2px}
#camBtn.hl{animation:camhl .8s steps(2) infinite;box-shadow:0 0 0 3px #00e5ff}
@keyframes camhl{50%{filter:brightness(1.5)}}
@media(max-width:520px){.keyhint{display:none}}
/* la Poké Ball se abre al ganar: tiembla, la tapa gira, sale luz y asoma el Pokémon */
.rvb{position:relative;width:132px;height:132px;animation:rvwob .95s ease-in-out both}
.rvb>*{position:absolute;left:0;top:0}
.rvb-bot,.rvb-top{width:132px;height:132px}
.rvb-top{transform-origin:8% 50%;transition:transform .55s cubic-bezier(.2,1.4,.4,1)}
.rvb.open .rvb-top{transform:rotate(-70deg) translate(-4px,-12px)}
.rvb-beam{left:50%;top:50%;width:220px;height:280px;margin:-250px 0 0 -110px;background:radial-gradient(ellipse at 50% 100%,#fff 0,#ffffffcc 24%,#ffd23f55 52%,transparent 74%);opacity:0;transition:opacity .3s}
.rvb.open .rvb-beam{opacity:1}
.rvb-mon{left:50%;top:50%;width:112px;height:112px;margin:-56px 0 0 -56px;object-fit:contain;opacity:0;transform:translateY(24px) scale(.4);transition:transform .75s cubic-bezier(.2,1.3,.4,1) .12s,opacity .3s .12s;filter:drop-shadow(0 0 10px #fff)}
.rvb.open .rvb-mon{opacity:1;transform:translateY(-72px) scale(1.25)}
@keyframes rvwob{0%,100%{transform:rotate(0)}15%{transform:rotate(-14deg)}30%{transform:rotate(12deg)}45%{transform:rotate(-9deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){.rvb{animation:none}}
/* Master Ball en 3D en la pantalla de premio */
.rvb.rvb3d{width:420px;height:420px;max-width:92vw;animation:none;overflow:visible}
.rvb3d>canvas{position:absolute;left:0;top:0}
.credits{margin-top:18px;font-size:.5rem;line-height:1.3;color:#a89bd6;opacity:.4}.credits a{color:inherit;text-decoration:none}.credits:hover,.credits:focus-within{opacity:.8}
/* la bola 3D ocupa su propio lienzo grande (no se corta al abrirse) y ya no hereda el temblor por pasos de la versión pixel */
.rv-ball{width:420px;height:420px;max-width:92vw;max-height:92vw;animation:none!important;image-rendering:auto}
.rv-ball>.rvb:not(.rvb3d){position:absolute;left:50%;top:50%;margin:-66px 0 0 -66px}
.rv-ball>.rvb3d{position:absolute;left:0;top:0;width:100%;height:100%}
.rvb3d>canvas{width:100%!important;height:100%!important}
/* la carta del premio es la misma que las de la web */
.rv-card{background:none!important;box-shadow:none!important;padding:0!important}
.rv-card .rv-tier,.rv-card .rv-art,.rv-card .rv-name{display:none}
.rvdex{display:grid;place-items:center;margin-bottom:12px}
.rvdex .hc{width:min(300px,76vw);aspect-ratio:5/7.1;margin:0 auto}
.rv-perks{text-shadow:0 2px 0 #000}
/* aviso de mayoría de edad */
.age{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 40%,#2b1170f2,#05020ffa)}
.age[hidden]{display:none}
.age-box{width:min(480px,100%);padding:26px 22px;text-align:center;background:#120a2e;box-shadow:0 0 0 4px #000,inset 0 0 0 4px #ff3ea5,0 0 50px #ff3ea566;display:grid;gap:14px;justify-items:center}
.age-badge{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#ff3ea5;color:#fff;font-weight:900;font-size:1.9rem;box-shadow:0 0 0 4px #000,0 0 24px #ff3ea5aa}
.age-box h2{margin:0;font-size:1.15rem;letter-spacing:2px;color:var(--yel)}
.age-box p{margin:0;font-size:.88rem;line-height:1.5;color:var(--tx)}
.age-box .fine{font-size:.7rem;color:var(--mu)}
.ar-tools{justify-self:end;display:flex;gap:8px}

/* sin rayas de television en el juego 3D: en el movil se ven como bandas y ensucian la imagen */
.crt{background:none;mix-blend-mode:normal}.crt:after{background:radial-gradient(ellipse at center,transparent 70%,#0005 100%)}

/* ===== móvil / táctil: la pantalla es el juego. Sin scroll de página (así no se suelta una ficha sin querer) ===== */
.more{display:none}.sheet{display:contents}
@media all{
  html,body{height:100%;overflow:hidden;overscroll-behavior:none}
  body{display:flex;flex-direction:column;height:100vh;height:100dvh}
  .ar-top{flex:none;padding:6px max(10px,env(safe-area-inset-left)) 4px;gap:8px}
  .ar-top .neon{font-size:1.15rem;letter-spacing:3px;margin:0}
  .ar-top .back span{display:none}
  .ar-main{display:contents}
  .ar-machine{flex:1 1 auto;min-height:0;padding:0 max(6px,env(safe-area-inset-left)) 0 max(6px,env(safe-area-inset-right))}
  .stage{height:100%;min-height:0;max-height:none}
  .ar-side{flex:none;position:relative;max-width:none;width:100%;margin:0;gap:0;padding:0 max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right))}
  .ar-side .panel.tokens{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"count play more" "count buy more";align-items:center;gap:6px 10px;padding:8px 10px}
  .ar-side .panel.tokens h2,.ar-side .tk-lbl,.ar-side .streak,.ar-side .free{display:none}
  .tk-row{grid-area:count;margin:0;gap:6px}.tk-row b{font-size:1.6rem}.tk-ico{width:28px;height:28px}
  #play{grid-area:play;height:40px;font-size:.9rem;margin:0}#buy{grid-area:buy;height:30px;font-size:.72rem;margin:0}
  .more{display:block;grid-area:more;height:100%;min-height:48px;font-size:.7rem;padding:0 10px}.more b{color:var(--gold,#ffd23f)}
  /* hoja de premios y reglas: se abre sobre la barra de abajo */
  .sheet{display:none;position:absolute;left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));bottom:100%;max-height:52dvh;overflow:auto;flex-direction:column;gap:8px;z-index:20;background:#0a0620;padding:8px;box-shadow:0 0 0 3px #000,0 -10px 30px #000a;overscroll-behavior:contain}
  .ar-side.open .sheet{display:flex}
}

@media all{.ar-side .panel.tokens{padding:6px 10px;gap:4px 10px}#play{height:36px}#buy{height:28px}.ar-side{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}
@media all{#play{height:38px;line-height:1}#buy{height:32px;line-height:1;padding-top:0;padding-bottom:0}.ar-side .panel.tokens{overflow:visible}.ar-side{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}

@media all{
  body{height:var(--app-h,100dvh)}
  .ar-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;min-width:0}
  .ar-top .neon{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:clamp(.8rem,4.6vw,1.15rem);letter-spacing:2px;text-align:left}
  .ar-top .back{flex:none}
  .ar-tools{flex:none;gap:6px}.ar-tools .px-btn{padding:0 8px;min-width:0;font-size:.66rem;height:30px}
}


#usr{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
#usr.in{color:#7dffb0}
@media all{
  .ar-top{padding:4px max(8px,env(safe-area-inset-left)) 2px;gap:6px}
  .ar-top .neon{font-size:clamp(.72rem,4vw,1rem);letter-spacing:1px}
  .ar-tools{gap:4px}.ar-tools .px-btn{height:28px;padding:0 6px;font-size:.58rem;letter-spacing:0;box-shadow:0 0 0 2px #000}
  #usr{max-width:84px;overflow:hidden;text-overflow:ellipsis}
  .st-top{gap:5px}.st-top .hud-box{height:34px;padding:0 8px}.st-top .hud-box:first-child{min-width:48px}
  .st-top .px-btn.sm{height:34px;min-width:0;padding:0 9px;font-size:.62rem;box-shadow:0 0 0 2px #000}
}

.ar-top #menuBtn{display:none}
@media all{
  html,body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
  body{height:100vh;height:100dvh;height:var(--app-h,100dvh)}
  .ar-top{position:relative;min-height:52px;padding:4px max(8px,env(safe-area-inset-left)) 4px max(8px,env(safe-area-inset-right))}
  .ar-top .back{display:grid;place-items:center;min-width:44px;height:44px}
  .ar-top .neon{font-size:clamp(.8rem,4.4vw,1.05rem)}
  .ar-top #menuBtn,#usr{display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:44px;padding:0 12px;font-size:.68rem}
  #usr{max-width:110px}
  .ar-tools{display:none;position:absolute;right:max(8px,env(safe-area-inset-right));top:100%;z-index:60;flex-direction:column;gap:8px;padding:10px;background:#0a0620;box-shadow:0 0 0 3px #000,0 12px 30px #000c}
  .ar-top.menu-open .ar-tools{display:flex}
  .ar-tools .px-btn{height:44px;min-width:160px;padding:0 14px;font-size:.78rem;justify-content:flex-start}
  .st-top .hud-box{height:40px}
  .st-top .px-btn.sm{height:40px;min-width:48px;font-size:.7rem}
  .vw{top:auto;bottom:12px;width:52px;height:52px}
  .vw-l{left:12px}.vw-r{right:12px}
  .ar-side .more{min-height:48px}
  #play{height:44px}#buy{height:40px}
}

@media all{.ar-top{z-index:60}}

.ic{width:1.5em;height:1.5em;display:block;flex:none}
.ar-top{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}
.ar-top .back{justify-self:start;display:grid;place-items:center;width:52px;height:48px;padding:0;color:#fff;background:#2a1b5e;box-shadow:0 0 0 3px #000;text-decoration:none}
.ar-top .back .ic{width:30px;height:30px}
.ar-top .neon{display:flex;align-items:center;gap:8px;justify-content:center;margin:0;overflow:visible;text-overflow:clip;min-width:0}
.ar-top .neon img{height:clamp(20px,6.4vw,34px);width:auto;display:block}
.ar-top .neon span{font-size:clamp(.8rem,4vw,1.15rem);letter-spacing:2px;color:#ffd23f;text-shadow:0 2px 0 #000}
.ar-top{justify-items:stretch}
.ar-top .right{display:flex;gap:6px;justify-content:flex-end}
@media all{
  .ar-top{display:grid!important;grid-template-columns:auto 1fr auto auto}
  .ar-top .neon{grid-column:2}
  .ar-top .back{width:52px;height:48px}
  .ar-top #menuBtn,#usr{width:48px;height:48px;min-width:48px;max-width:none;padding:0;justify-content:center}
  #usr .un{display:none}
  #usr.in{color:#7dffb0}
  .ar-tools{flex-direction:row;flex-wrap:nowrap;gap:8px}
  .ar-tools .px-btn{width:48px;height:48px;min-width:48px;padding:0;justify-content:center;font-size:.8rem}
}

/* ===== MÓVIL · piel tipo iOS: cristal, esquinas redondas, sin contornos negros, espaciado de 8 px, tipografía del sistema ===== */
@media all{
  :root{--sys:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--glass:rgba(30,20,70,.55);--hair:rgba(255,255,255,.14)}
  body{font-family:var(--sys);background:radial-gradient(120% 60% at 50% 0,#2a1170 0,#0b0620 60%) fixed}
  body:before,.crt{display:none}
  .px-btn,.px-btn.sm,.px-btn.big{font-family:var(--sys);text-transform:none;letter-spacing:.01em;font-weight:600;border-radius:14px;border:1px solid var(--hair);background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 2px 10px #0006;clip-path:none;animation:none;transition:transform .12s ease,background .2s}
  .px-btn:active:not(:disabled){transform:scale(.94);box-shadow:0 1px 4px #0006}
  /* cabecera */
  .ar-top{padding:8px 14px 6px;gap:10px;min-height:60px}
  .ar-top .back,.ar-top #menuBtn,#usr{width:44px;height:44px;min-width:44px;border-radius:14px;padding:0}
  .ar-top .back{background:var(--glass);box-shadow:0 2px 10px #0006}
  .ar-top .back .ic{width:24px;height:24px}
  .ar-top .neon{animation:none;text-shadow:none;gap:7px}
  .ar-top .neon img{height:clamp(20px,6vw,28px);filter:drop-shadow(0 2px 6px #0008)}
  .ar-top .neon span{font-family:var(--sys);font-weight:700;font-size:.78rem;letter-spacing:.18em;color:#ffd23f;text-shadow:none;opacity:.95}
  .ic{width:22px;height:22px}
  /* menú */
  .ar-tools{top:calc(100% + 4px);right:14px;gap:6px;padding:8px;border-radius:20px;background:rgba(18,10,46,.82);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--hair);box-shadow:0 18px 40px #000a}
  .ar-tools .px-btn{width:48px;height:48px;min-width:48px;border-radius:14px;background:rgba(255,255,255,.07)}
  /* marcadores */
  .ar-machine{padding:0 12px}
  .st-top{gap:8px;padding:6px 0 8px}
  .st-top .hud-box{border:1px solid var(--hair);border-radius:14px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:none;height:44px}
  .st-top .hud-box .lbl{font-family:var(--sys);font-size:.58rem;letter-spacing:.14em;color:#b9aee6}
  .st-top .hud-box b{font-family:var(--sys);font-weight:700}
  .meter{height:10px;border-radius:99px;box-shadow:none;background:#00000066}
  .meter i{border-radius:99px;background:linear-gradient(90deg,#2ee6a0,#7dffb0)}
  .st-top .px-btn.sm{height:44px;min-width:56px;border-radius:14px;font-size:.78rem}
  .msg{font-family:var(--sys);font-size:.78rem;letter-spacing:.02em;border-radius:99px;background:var(--glass);box-shadow:none;border:1px solid var(--hair);margin:0 12px;height:30px;left:12px;right:12px;width:auto;text-shadow:none;color:#ffe48a}
  .stage{border-radius:24px;box-shadow:0 14px 40px #000a,0 0 0 1px var(--hair)}
  .vw{border-radius:50%;width:56px;height:56px;bottom:14px;background:rgba(20,12,50,.5)}
  .vw-l{left:14px}.vw-r{right:14px}
  /* barra de fichas */
  .ar-side{padding:8px 12px calc(12px + env(safe-area-inset-bottom))}
  .ar-side .panel.tokens{border-radius:24px;background:rgba(22,13,56,.78);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--hair);box-shadow:0 -6px 30px #0008;padding:12px 14px;gap:8px 12px;grid-template-columns:auto 1fr 56px}
  .tk-row b{font-family:var(--sys);font-weight:700;font-size:1.7rem}
  #play{height:52px;border-radius:16px;font-size:1rem;font-weight:700;letter-spacing:.04em;border:0;background:linear-gradient(180deg,#ff5d7e,#e0264f);box-shadow:0 8px 20px #e0264f66,inset 0 1px 0 #ffffff55;text-transform:uppercase}
  #buy{height:36px;border-radius:12px;font-size:.8rem;border:1px solid rgba(0,229,255,.35);background:rgba(0,229,255,.1);color:#7fefff;box-shadow:none;text-transform:none}
  .more{border-radius:16px;min-height:100%;height:100%;font-size:.7rem;letter-spacing:.02em;background:rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0}
  .sheet{border-radius:22px;background:rgba(14,8,38,.9);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--hair);box-shadow:0 -12px 40px #000a}
}

/* ajuste según mobile-uiux-pro-max: escala 4/8/12/16/24, márgenes de 16, objetivos ≥44 con ≥8 de separación, pulsación 0.97, foco visible, texto ≥11 px, reduce-motion */
@media all{
  .ar-top{padding:8px 16px;gap:8px}
  .ar-machine{padding:0 16px}
  .st-top{gap:8px;padding:8px 0}
  .msg{left:16px;right:16px;margin:0}
  .vw{bottom:16px}.vw-l{left:16px}.vw-r{right:16px}
  .ar-side{padding:8px 16px calc(16px + env(safe-area-inset-bottom))}
  .ar-side .panel.tokens{padding:12px 16px;gap:8px 16px;grid-template-columns:auto 1fr 56px}
  .ar-tools{gap:8px;padding:8px;right:16px}
  .st-top .hud-box .lbl{font-size:.7rem;color:#d6ccf7;letter-spacing:.08em}
  #play{height:56px}#buy{height:44px;font-size:.85rem}
  .px-btn:active:not(:disabled){transform:scale(.97)}
  .px-btn:focus-visible,.vw:focus-visible{outline:2px solid #7fefff;outline-offset:2px}
  .msg{font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){.px-btn,.px-btn:active:not(:disabled){transition:none;transform:none}}

/* ===== MÓVIL v3 · el juego ocupa toda la pantalla; todo lo demás flota encima, sin cajas ni paneles ===== */
@media all{
  *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  body{background:#0b0620}
  /* escena a pantalla completa */
  .ar-machine{position:fixed;left:0;right:0;top:0;height:var(--app-h,100dvh);padding:0;margin:0;z-index:0}
  .stage{height:100%;border-radius:0;box-shadow:none}
  /* cabecera flotante: solo tres controles y el logo, sin barra */
  .ar-top{position:fixed;top:0;left:0;right:0;z-index:60;min-height:0;padding:calc(8px + env(safe-area-inset-top)) 16px 0;background:none;box-shadow:none;pointer-events:none}
  .ar-top>*{pointer-events:auto}
  .ar-top .back,.ar-top #menuBtn,#usr{width:44px;height:44px;min-width:44px;border:0;border-radius:50%;background:rgba(10,6,28,.55);box-shadow:none;color:#fff}
  .ar-top .neon{pointer-events:none}
  .ar-top .neon img{height:24px;filter:drop-shadow(0 1px 4px #000c)}
  .ar-top .neon span{font-size:.7rem;text-shadow:0 1px 4px #000c}
  .ar-tools{top:calc(100% + 8px);right:16px;border-radius:24px;background:rgba(10,6,28,.88);border:0;box-shadow:0 12px 32px #000a;pointer-events:auto}
  .ar-tools .px-btn{border:0;border-radius:50%;background:rgba(255,255,255,.08);box-shadow:none}
  /* marcadores: una línea fina bajo la cabecera */
  .st-top{top:calc(68px + env(safe-area-inset-top));left:16px;right:16px;height:auto;padding:0;background:none;box-shadow:none;align-items:center;gap:12px}
  .st-top .hud-box{flex-direction:row;align-items:center;gap:8px;height:auto;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:0 1px 4px #000c}
  .st-top .hud-box:first-child{min-width:0;padding:6px 12px;border-radius:99px;background:rgba(10,6,28,.55)}
  .st-top .hud-box .lbl{font-size:.64rem;letter-spacing:.12em;color:#e9e2ff}
  .st-top .hud-box b{font-size:.85rem}
  .st-top .hud-box.grow{flex:1;max-width:none}
  .st-top .hud-box .hint{display:none}
  .meter{flex:1;height:6px;background:rgba(255,255,255,.18);border-radius:99px}
  .st-top .px-btn.sm{position:relative;height:32px;min-width:0;padding:0 12px;border:0;border-radius:99px;background:rgba(10,6,28,.55);box-shadow:none;font-size:.7rem;letter-spacing:.1em}
  .st-top .px-btn.sm:after{content:"";position:absolute;inset:-6px}
  /* mensaje: texto suelto con sombra, sin cajita */
  .msg{top:auto;bottom:calc(96px + env(safe-area-inset-bottom));left:24px;right:24px;height:auto;background:none;border:0;box-shadow:none;border-radius:0;white-space:normal;text-align:center;color:#fff;font-size:.85rem;text-shadow:0 1px 6px #000,0 0 2px #000;pointer-events:none;overflow:visible}
  .vw{bottom:calc(112px + env(safe-area-inset-bottom));width:48px;height:48px;border:0;background:rgba(10,6,28,.5);box-shadow:none}
  /* barra de fichas: flota abajo; solo fichas, botón principal y premios */
  .ar-side{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:32px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(7,4,22,.78) 60%);pointer-events:none}
  .ar-side>*{pointer-events:auto}
  .ar-side .panel.tokens{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"count buy play more";gap:8px;align-items:center;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
  .tk-row{grid-area:count;height:44px;padding:0 14px 0 10px;border-radius:99px;background:rgba(10,6,28,.55)}
  .tk-row b{font-size:1.15rem}.tk-ico{width:24px;height:24px}
  #buy{grid-area:buy;width:44px;height:44px;padding:0;font-size:0;border:0;border-radius:50%;background:rgba(10,6,28,.55);color:#7fefff;box-shadow:none}
  #buy:before{content:"+";font-size:1.6rem;font-weight:500;line-height:1}
  #play{grid-area:play;height:56px;border-radius:28px;background:#ff3d6b;box-shadow:0 8px 24px rgba(255,61,107,.35);font-size:.92rem;font-weight:800;letter-spacing:.1em}
  .more{grid-area:more;height:44px;min-height:44px;width:auto;padding:0 14px;border:0;border-radius:99px;background:rgba(10,6,28,.55);box-shadow:none;flex-direction:row;gap:6px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
  .sheet{bottom:calc(100% - 24px);border:0;border-radius:24px;background:#120a2e}
}

@media all{
  .more{position:relative;width:44px;padding:0;justify-content:center;font-size:.7rem}
  .more .bd{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#ff3d6b;color:#fff;font-size:.7rem;line-height:20px;text-align:center}
  #play{white-space:nowrap;font-size:.88rem;letter-spacing:.06em;padding:0 8px}
  .msg{bottom:auto;top:calc(112px + env(safe-area-inset-top))}
}

.flag{width:28px;height:20px;border-radius:3px;object-fit:cover;display:block;box-shadow:0 0 0 1px #0006}
@media all{
  .ar-tools{flex-direction:column;align-items:center;top:calc(100% + 4px);right:16px;left:auto}
  .vw{bottom:calc(88px + env(safe-area-inset-bottom))}
}

@media all{
  .px-btn{display:inline-flex;align-items:center;justify-content:center}
  .ar-tools{padding:8px;gap:8px;width:auto}
  .ar-tools .px-btn{flex:none;width:48px;height:48px;min-width:48px;padding:0}
}

.fs-hint{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(96px + env(safe-area-inset-bottom));z-index:50;max-width:calc(100% - 32px);padding:10px 16px;border:0;border-radius:99px;background:rgba(10,6,28,.82);color:#fff;font:600 .78rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.01em;box-shadow:0 6px 20px #0008;transition:opacity .4s}
.fs-hint.out{opacity:0}
@media(min-width:941px){.fs-hint{display:none}}

/* selector de idioma */
.lang-pop{position:fixed;inset:0;z-index:300;background:rgba(5,2,15,.62);display:grid;place-items:end center}
.lang-box{width:min(480px,100%);max-height:72vh;overflow:auto;background:#120a2e;border-radius:24px 24px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,1fr);gap:8px;box-shadow:0 -12px 40px #000a}
.lang-box button{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;border:0;border-radius:14px;background:rgba(255,255,255,.07);color:#fff;font:600 .9rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-align:left;cursor:pointer}
.lang-box button.cur{background:#5b2a9e;box-shadow:inset 0 0 0 2px #ffd23f}
@media(min-width:941px){.lang-pop{place-items:center}.lang-box{border-radius:24px}}
/* aviso de pantalla completa */
.fs-hint{position:fixed;left:16px;right:16px;bottom:calc(168px + env(safe-area-inset-bottom));z-index:55;display:flex;align-items:stretch;gap:0;max-width:420px;margin:0 auto;border-radius:20px;background:linear-gradient(135deg,#5b2a9e,#2a1170);box-shadow:0 0 0 2px #ffd23f,0 14px 36px #000b;animation:fsin .6s cubic-bezier(.2,1.3,.4,1) both;transition:opacity .45s,transform .45s}
.fs-hint.out{opacity:0;transform:translateY(16px)}
.fs-hint .go{flex:1;display:flex;align-items:center;gap:12px;padding:12px 8px 12px 14px;border:0;background:none;color:#fff;text-align:left;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.fs-hint .fi{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#ffd23f;color:#2a1170;animation:fspulse 1.4s ease-in-out infinite}
.fs-hint .fi svg{width:26px;height:26px}
.fs-hint .tx{display:flex;flex-direction:column;gap:2px}
.fs-hint b{font-size:1rem;font-weight:800}
.fs-hint i{font-style:normal;font-size:.8rem;opacity:.85}
.fs-hint .x{flex:none;width:44px;border:0;background:none;color:#fff;font-size:1.6rem;opacity:.7;cursor:pointer}
@keyframes fsin{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
@keyframes fspulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@media(min-width:941px){.fs-hint{display:none}}
@media(prefers-reduced-motion:reduce){.fs-hint,.fs-hint .fi{animation:none}}
/* botón CAM: cámara + punto rojo */
#camBtn{position:relative;display:inline-flex;align-items:center;justify-content:center}
#camBtn .ic{width:22px;height:22px}
#camBtn .rec{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:#ff2d2d;box-shadow:0 0 6px #ff2d2d;animation:recb 1.2s steps(1) infinite}
#camBtn.on .rec{animation-duration:.8s}
#camBtn.on{background:rgba(255,45,45,.28)}
@keyframes recb{50%{opacity:.15}}
/* efecto de cámara en directo */
.live{position:absolute;inset:0;z-index:2;pointer-events:none;display:none;font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;color:#fff;text-shadow:0 1px 3px #000}
.stage.topcam .live{display:block}
.live .lv-fx{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);animation:lvflick .12s steps(2) infinite}
.live .lv-br{position:absolute;width:22px;height:22px;border:0 solid rgba(255,255,255,.85)}
.live .tl{left:12px;top:12px;border-width:2px 0 0 2px}.live .tr{right:12px;top:12px;border-width:2px 2px 0 0}
.live .bl{left:12px;bottom:12px;border-width:0 0 2px 2px}.live .br{right:12px;bottom:12px;border-width:0 2px 2px 0}
.live .lv-top{position:absolute;left:24px;top:24px;display:flex;align-items:center;gap:10px;font-size:.78rem;letter-spacing:.12em}
.live .lv-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:4px;background:#e0152b;font-weight:800;letter-spacing:.16em}
.live .lv-badge i{width:8px;height:8px;border-radius:50%;background:#fff;animation:recb 1s steps(1) infinite}
.live .lv-tc{position:absolute;right:24px;bottom:24px;font-size:.72rem;letter-spacing:.1em;opacity:.92}
@keyframes lvflick{50%{opacity:.82}}
.stage.topcam #game{filter:saturate(.82) contrast(1.06) brightness(.97)}
@media all{
  .live .lv-top{top:calc(116px + env(safe-area-inset-top));left:24px}
  .st-top #camBtn{width:36px;height:36px;padding:0}
  #camBtn.on{background:rgba(255,45,45,.4)}
}
@media(prefers-reduced-motion:reduce){.live .lv-fx{animation:none}}

@media all{
  .live .lv-top{top:auto;bottom:calc(100px + env(safe-area-inset-bottom));left:22px}
  .live .lv-tc{bottom:calc(100px + env(safe-area-inset-bottom));right:22px}
  .live .bl,.live .br{bottom:calc(92px + env(safe-area-inset-bottom))}
}

.tk-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;position:relative;padding-top:24px}
.tk-box h3{margin:0;font:700 .8rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.18em;color:#a89bd6}
.tk-big{display:flex;align-items:center;gap:12px}
.tk-big .tk-coin{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffd23f 55%,#b58a00);box-shadow:0 0 0 3px #000}
.tk-big b{font:800 3rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#ffd23f}
.tk-d{margin:0;max-width:34ch;font:400 .85rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#d6ccf7}
.tk-x{margin:0;font:600 .78rem/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#7dffb0}
.tk-x:empty{display:none}
.tk-box .tk-buy{width:100%;min-height:52px;border:0;border-radius:26px;background:#ff3d6b;color:#fff;font:800 .95rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.08em;box-shadow:0 8px 24px rgba(255,61,107,.35);cursor:pointer;justify-content:center;padding:0}
.tk-box .tk-close{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:1.6rem;cursor:pointer}
@media all{.tk-row{cursor:pointer}}

/* pantalla de premio: animaciones suaves (antes iban "por pasos", al estilo pixel, y se veían entrecortadas) */
.rv-ball{will-change:transform,opacity}
.rv-ball.pop{animation:rvpop .55s cubic-bezier(.3,.7,.2,1) forwards!important}
@keyframes rvpop{0%{transform:scale(1);opacity:1}100%{transform:scale(1.35);opacity:0}}
.rv-flash{animation:rvflash .5s ease-out forwards!important}
@keyframes rvflash{from{opacity:.9}to{opacity:0}}
.rv-card{will-change:transform,opacity;transform:translateY(28px) scale(.86)}
.rv-card.show{animation:rvcard .7s cubic-bezier(.2,1.15,.3,1) forwards!important}
@keyframes rvcard{from{opacity:0;transform:translateY(28px) scale(.86)}to{opacity:1;transform:none}}
.rv-art img{animation:rvfloat 2.4s ease-in-out infinite!important}
@keyframes rvfloat{50%{transform:translateY(-8px)}}
.rv-card.shiny .rv-art:after{animation:spin 4s linear infinite!important}

/* flecha del tutorial */
.tour-arrow{position:absolute;z-index:80;width:34px;height:48px;margin-left:-17px;pointer-events:none;color:#ffd23f;filter:drop-shadow(0 2px 6px #000c);animation:tarrow .65s ease-in-out infinite alternate}
.tour-arrow[hidden]{display:none}
.tour-arrow svg{width:100%;height:100%;display:block}
@keyframes tarrow{from{transform:translateY(0)}to{transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){.tour-arrow{animation:none}}
@media all{
  .st-top #camBtn,.st-top #fs,.st-top #tourBtn{flex:none;width:36px;height:36px;padding:0;margin:0}
  .st-top #camBtn{margin-left:auto}
  .st-top #fs .ic,.st-top #tourBtn .ic{width:20px;height:20px}
  .st-top .hud-box.grow{flex:0 1 150px;min-width:70px}
  .st-top{gap:8px}
}
@media all{
  .st-top .hud-box:first-child{flex:none;white-space:nowrap}
  .st-top .hud-box.grow{flex:1 1 90px;max-width:150px;min-width:70px;flex-direction:column;align-items:stretch;gap:5px;justify-content:center}
  .st-top .hud-box.grow .lbl{font-size:.58rem;letter-spacing:.1em;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .st-top .hud-box.grow .meter{flex:none;width:100%}
}
/* durante el tutorial la barra de abajo se oculta: el cuadro de texto del tutorial ocupa ese sitio */
@media all{
  body:has(.stage.touring) .ar-side{opacity:0;pointer-events:none}
  .stage.touring .tour-card{bottom:calc(16px + env(safe-area-inset-bottom))}
}
/* tutorial: SALTAR y SIGUIENTE van justo encima del cuadro de texto, abajo (antes quedaban arriba, tapando los marcadores) */
.tour{top:auto;left:0;right:0;bottom:0;inset:auto 0 0 0;height:auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"skip . next" "card card card";gap:12px;align-items:end;padding:0 16px calc(16px + env(safe-area-inset-bottom))}
.tour[hidden]{display:none}
.tour-skip,.tour-next,.tour-card{position:static;transform:none;left:auto;top:auto;bottom:auto;right:auto}
.tour-skip{grid-area:skip;justify-self:start;min-height:44px}
.tour-skip[hidden]{display:none}
.tour-next{grid-area:next;justify-self:end;height:48px;animation:tnext2 1.3s ease-in-out infinite}
.tour-card{grid-area:card;width:100%;max-width:520px;justify-self:center}
@keyframes tnext2{50%{filter:brightness(1.3)}}
@media(prefers-reduced-motion:reduce){.tour-next{animation:none}}

/* flecha del tutorial: azul, como el anillo y el cuadro */
.tour-arrow{color:#00e5ff;filter:drop-shadow(0 0 8px #00e5ff88) drop-shadow(0 2px 4px #000c)}
.tour-arrow path{stroke:#0b0623}

/* carta del premio: el dedo la inclina sin que el navegador se quede el gesto para hacer scroll */
.rvdex .hc{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.rvdex .hc-in{will-change:transform;transition:transform .08s linear,box-shadow .2s}

/* ===== ESCRITORIO: mismo diseño que el móvil (el juego a pantalla completa y todo lo demás flotando), con los ajustes de un monitor ===== */
@media(min-width:941px){
  .ar-top{grid-template-columns:1fr auto 1fr;padding:calc(12px + env(safe-area-inset-top)) 24px 0}
  .ar-top #menuBtn{display:none}
  .ar-tools{display:flex;position:static;flex-direction:row;align-items:center;padding:0;gap:8px;background:none;box-shadow:none;border:0;justify-self:end}
  .ar-tools .px-btn{background:rgba(10,6,28,.55)}
  #usr{width:auto;max-width:200px;padding:0 16px;gap:8px;border-radius:99px;font-size:.78rem}
  #usr .un{display:inline;overflow:hidden;text-overflow:ellipsis;font-weight:600}
  .st-top{top:calc(76px + env(safe-area-inset-top));left:24px;right:24px}
  .st-top .hud-box.grow{flex:0 1 220px;max-width:240px}
  .msg{top:calc(124px + env(safe-area-inset-top))}
  .vw{bottom:auto;top:50%;margin-top:-28px;width:56px;height:56px}
  .vw-l{left:32px}.vw-r{right:32px}
  .ar-side{padding-left:max(16px,calc((100% - 600px) / 2));padding-right:max(16px,calc((100% - 600px) / 2))}
  .sheet{left:max(16px,calc((100% - 600px) / 2));right:max(16px,calc((100% - 600px) / 2))}
  .more{width:auto;padding:0 16px;gap:8px}
  .live .lv-top{top:calc(128px + env(safe-area-inset-top));bottom:auto;left:32px}
  .live .lv-tc{bottom:32px;right:32px}
  .live .bl,.live .br{bottom:12px}
  .tour{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}

/* la escena ocupa toda la pantalla, también por detrás de la cabecera y los marcadores */
#game{top:0!important;height:100%!important}

@media(min-width:941px){.msg{top:auto;bottom:calc(100px + env(safe-area-inset-bottom))}}

/* ===== ESCRITORIO v4: CAM y ayuda junto al Lucky Meter, menú con pantalla completa y reset, degradados con desenfoque suave ===== */
@media(min-width:941px){
  .ar-top{grid-template-columns:1fr auto 1fr}
  .ar-top .back{justify-self:start}
  .ar-tools{display:flex;position:static;flex-direction:row;align-items:center;gap:8px;padding:0;background:none;box-shadow:none;border:0;justify-self:end}
  .ar-tools .px-btn{width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:50%;background:rgba(10,6,28,.55);box-shadow:none;justify-content:center}
  #usr{width:auto;max-width:200px;padding:0 16px;gap:8px;border-radius:99px}
  #usr .un{display:inline;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:.78rem}
  .st-top{justify-content:center;gap:12px}
  .st-top .hud-box.grow{flex:0 1 280px;max-width:300px}
  .st-top #camBtn,.st-top #tourBtn{flex:none;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:50%;background:rgba(10,6,28,.55);box-shadow:none}
  .ar-top #menuBtn{display:inline-flex;align-items:center;justify-content:center}
  .dmenu{position:absolute;top:calc(100% + 8px);right:24px;z-index:70;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:20px;background:rgba(10,6,28,.9);box-shadow:0 14px 36px #000b}
  .dmenu[hidden]{display:none}
  .dmenu .px-btn{width:auto;min-width:220px;height:46px;padding:0 16px;justify-content:flex-start;gap:12px;border:0;border-radius:12px;background:rgba(255,255,255,.06);box-shadow:none;font:600 .85rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-transform:none;letter-spacing:0}
  .dmenu .px-btn:hover{background:rgba(255,255,255,.12)}
  .fx-edge{position:absolute;left:0;right:0;pointer-events:none;z-index:1}
  .fx-edge i{position:absolute;inset:0}
  .fx-t{top:0;height:130px;background:linear-gradient(to bottom,rgba(8,4,26,0.300) 0%,rgba(8,4,26,0.300) 5%,rgba(8,4,26,0.297) 10%,rgba(8,4,26,0.292) 15%,rgba(8,4,26,0.283) 20%,rgba(8,4,26,0.269) 25%,rgba(8,4,26,0.251) 30%,rgba(8,4,26,0.229) 35%,rgba(8,4,26,0.205) 40%,rgba(8,4,26,0.178) 45%,rgba(8,4,26,0.150) 50%,rgba(8,4,26,0.122) 55%,rgba(8,4,26,0.095) 60%,rgba(8,4,26,0.071) 65%,rgba(8,4,26,0.049) 70%,rgba(8,4,26,0.031) 75%,rgba(8,4,26,0.017) 80%,rgba(8,4,26,0.008) 85%,rgba(8,4,26,0.003) 90%,rgba(8,4,26,0.000) 95%,rgba(8,4,26,0.000) 100%)}
  .fx-b{bottom:0;height:140px;background:linear-gradient(to top,rgba(8,4,26,0.320) 0%,rgba(8,4,26,0.320) 5%,rgba(8,4,26,0.317) 10%,rgba(8,4,26,0.311) 15%,rgba(8,4,26,0.301) 20%,rgba(8,4,26,0.287) 25%,rgba(8,4,26,0.268) 30%,rgba(8,4,26,0.245) 35%,rgba(8,4,26,0.218) 40%,rgba(8,4,26,0.190) 45%,rgba(8,4,26,0.160) 50%,rgba(8,4,26,0.130) 55%,rgba(8,4,26,0.102) 60%,rgba(8,4,26,0.075) 65%,rgba(8,4,26,0.052) 70%,rgba(8,4,26,0.033) 75%,rgba(8,4,26,0.019) 80%,rgba(8,4,26,0.009) 85%,rgba(8,4,26,0.003) 90%,rgba(8,4,26,0.000) 95%,rgba(8,4,26,0.000) 100%)}
  .fx-t i:nth-child(1),.fx-b i:nth-child(1){-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}
  .fx-t i:nth-child(1){-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,1.000) 20%,rgba(0,0,0,0.998) 25%,rgba(0,0,0,0.984) 30%,rgba(0,0,0,0.951) 35%,rgba(0,0,0,0.896) 40%,rgba(0,0,0,0.820) 45%,rgba(0,0,0,0.725) 50%,rgba(0,0,0,0.616) 55%,rgba(0,0,0,0.500) 60%,rgba(0,0,0,0.384) 65%,rgba(0,0,0,0.275) 70%,rgba(0,0,0,0.180) 75%,rgba(0,0,0,0.104) 80%,rgba(0,0,0,0.049) 85%,rgba(0,0,0,0.016) 90%,rgba(0,0,0,0.002) 95%,rgba(0,0,0,0.000) 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,1.000) 20%,rgba(0,0,0,0.998) 25%,rgba(0,0,0,0.984) 30%,rgba(0,0,0,0.951) 35%,rgba(0,0,0,0.896) 40%,rgba(0,0,0,0.820) 45%,rgba(0,0,0,0.725) 50%,rgba(0,0,0,0.616) 55%,rgba(0,0,0,0.500) 60%,rgba(0,0,0,0.384) 65%,rgba(0,0,0,0.275) 70%,rgba(0,0,0,0.180) 75%,rgba(0,0,0,0.104) 80%,rgba(0,0,0,0.049) 85%,rgba(0,0,0,0.016) 90%,rgba(0,0,0,0.002) 95%,rgba(0,0,0,0.000) 100%)}
  .fx-b i:nth-child(1){-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,1.000) 20%,rgba(0,0,0,0.998) 25%,rgba(0,0,0,0.984) 30%,rgba(0,0,0,0.951) 35%,rgba(0,0,0,0.896) 40%,rgba(0,0,0,0.820) 45%,rgba(0,0,0,0.725) 50%,rgba(0,0,0,0.616) 55%,rgba(0,0,0,0.500) 60%,rgba(0,0,0,0.384) 65%,rgba(0,0,0,0.275) 70%,rgba(0,0,0,0.180) 75%,rgba(0,0,0,0.104) 80%,rgba(0,0,0,0.049) 85%,rgba(0,0,0,0.016) 90%,rgba(0,0,0,0.002) 95%,rgba(0,0,0,0.000) 100%);mask-image:linear-gradient(to top,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,1.000) 20%,rgba(0,0,0,0.998) 25%,rgba(0,0,0,0.984) 30%,rgba(0,0,0,0.951) 35%,rgba(0,0,0,0.896) 40%,rgba(0,0,0,0.820) 45%,rgba(0,0,0,0.725) 50%,rgba(0,0,0,0.616) 55%,rgba(0,0,0,0.500) 60%,rgba(0,0,0,0.384) 65%,rgba(0,0,0,0.275) 70%,rgba(0,0,0,0.180) 75%,rgba(0,0,0,0.104) 80%,rgba(0,0,0,0.049) 85%,rgba(0,0,0,0.016) 90%,rgba(0,0,0,0.002) 95%,rgba(0,0,0,0.000) 100%)}
  .fx-t i:nth-child(2),.fx-b i:nth-child(2){-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}
  .fx-t i:nth-child(2){-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,0.990) 20%,rgba(0,0,0,0.945) 25%,rgba(0,0,0,0.855) 30%,rgba(0,0,0,0.725) 35%,rgba(0,0,0,0.567) 40%,rgba(0,0,0,0.400) 45%,rgba(0,0,0,0.246) 50%,rgba(0,0,0,0.123) 55%,rgba(0,0,0,0.043) 60%,rgba(0,0,0,0.006) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,0.990) 20%,rgba(0,0,0,0.945) 25%,rgba(0,0,0,0.855) 30%,rgba(0,0,0,0.725) 35%,rgba(0,0,0,0.567) 40%,rgba(0,0,0,0.400) 45%,rgba(0,0,0,0.246) 50%,rgba(0,0,0,0.123) 55%,rgba(0,0,0,0.043) 60%,rgba(0,0,0,0.006) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%)}
  .fx-b i:nth-child(2){-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,0.990) 20%,rgba(0,0,0,0.945) 25%,rgba(0,0,0,0.855) 30%,rgba(0,0,0,0.725) 35%,rgba(0,0,0,0.567) 40%,rgba(0,0,0,0.400) 45%,rgba(0,0,0,0.246) 50%,rgba(0,0,0,0.123) 55%,rgba(0,0,0,0.043) 60%,rgba(0,0,0,0.006) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%);mask-image:linear-gradient(to top,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,0.990) 20%,rgba(0,0,0,0.945) 25%,rgba(0,0,0,0.855) 30%,rgba(0,0,0,0.725) 35%,rgba(0,0,0,0.567) 40%,rgba(0,0,0,0.400) 45%,rgba(0,0,0,0.246) 50%,rgba(0,0,0,0.123) 55%,rgba(0,0,0,0.043) 60%,rgba(0,0,0,0.006) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%)}
  .fx-t i:nth-child(3),.fx-b i:nth-child(3){-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}
  .fx-t i:nth-child(3){-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,0.965) 15%,rgba(0,0,0,0.829) 20%,rgba(0,0,0,0.603) 25%,rgba(0,0,0,0.347) 30%,rgba(0,0,0,0.135) 35%,rgba(0,0,0,0.022) 40%,rgba(0,0,0,-0.000) 45%,rgba(0,0,0,0.000) 50%,rgba(0,0,0,0.000) 55%,rgba(0,0,0,0.000) 60%,rgba(0,0,0,0.000) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,0.965) 15%,rgba(0,0,0,0.829) 20%,rgba(0,0,0,0.603) 25%,rgba(0,0,0,0.347) 30%,rgba(0,0,0,0.135) 35%,rgba(0,0,0,0.022) 40%,rgba(0,0,0,-0.000) 45%,rgba(0,0,0,0.000) 50%,rgba(0,0,0,0.000) 55%,rgba(0,0,0,0.000) 60%,rgba(0,0,0,0.000) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%)}
  .fx-b i:nth-child(3){-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,0.965) 15%,rgba(0,0,0,0.829) 20%,rgba(0,0,0,0.603) 25%,rgba(0,0,0,0.347) 30%,rgba(0,0,0,0.135) 35%,rgba(0,0,0,0.022) 40%,rgba(0,0,0,-0.000) 45%,rgba(0,0,0,0.000) 50%,rgba(0,0,0,0.000) 55%,rgba(0,0,0,0.000) 60%,rgba(0,0,0,0.000) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%);mask-image:linear-gradient(to top,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,0.965) 15%,rgba(0,0,0,0.829) 20%,rgba(0,0,0,0.603) 25%,rgba(0,0,0,0.347) 30%,rgba(0,0,0,0.135) 35%,rgba(0,0,0,0.022) 40%,rgba(0,0,0,-0.000) 45%,rgba(0,0,0,0.000) 50%,rgba(0,0,0,0.000) 55%,rgba(0,0,0,0.000) 60%,rgba(0,0,0,0.000) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%)}
  .stage.touring .fx-edge{display:none}
}
@keyframes tarrowx{from{transform:translateX(0)}to{transform:translateX(-10px)}}

/* escritorio: en la vista CAM, lo de abajo sube para no quedar tapado por la barra de fichas; CLAW centrada con el logo */
@media(min-width:941px){
  .topdrop{bottom:calc(116px + env(safe-area-inset-bottom));right:32px}
  .keyhint{bottom:calc(116px + env(safe-area-inset-bottom));left:32px}
  .live .tl,.live .tr{top:84px}
  .live .bl,.live .br{bottom:calc(104px + env(safe-area-inset-bottom))}
  .live .lv-tc{top:92px;bottom:auto;right:32px}
  .ar-top .neon span{position:relative;top:3px}
}

/* escritorio: el viñeteado de las esquinas empezaba 86 px más abajo (de cuando había una barra) y dejaba una línea recta; ahora cubre toda la pantalla y se funde */
@media(min-width:941px){.stage:after{top:0!important}}

/* móvil: mismas bandas con desenfoque progresivo que en escritorio, y el viñeteado sin la línea recta de arriba */
@media(max-width:940px){
  .fx-edge{position:absolute;left:0;right:0;pointer-events:none;z-index:1}
  .fx-edge i{position:absolute;inset:0}
  .fx-t{top:0;height:130px;background:linear-gradient(to bottom,rgba(8,4,26,0.300) 0%,rgba(8,4,26,0.300) 5%,rgba(8,4,26,0.297) 10%,rgba(8,4,26,0.292) 15%,rgba(8,4,26,0.283) 20%,rgba(8,4,26,0.269) 25%,rgba(8,4,26,0.251) 30%,rgba(8,4,26,0.229) 35%,rgba(8,4,26,0.205) 40%,rgba(8,4,26,0.178) 45%,rgba(8,4,26,0.150) 50%,rgba(8,4,26,0.122) 55%,rgba(8,4,26,0.095) 60%,rgba(8,4,26,0.071) 65%,rgba(8,4,26,0.049) 70%,rgba(8,4,26,0.031) 75%,rgba(8,4,26,0.017) 80%,rgba(8,4,26,0.008) 85%,rgba(8,4,26,0.003) 90%,rgba(8,4,26,0.000) 95%,rgba(8,4,26,0.000) 100%)}
  .fx-b{bottom:0;height:140px;background:linear-gradient(to top,rgba(8,4,26,0.320) 0%,rgba(8,4,26,0.320) 5%,rgba(8,4,26,0.317) 10%,rgba(8,4,26,0.311) 15%,rgba(8,4,26,0.301) 20%,rgba(8,4,26,0.287) 25%,rgba(8,4,26,0.268) 30%,rgba(8,4,26,0.245) 35%,rgba(8,4,26,0.218) 40%,rgba(8,4,26,0.190) 45%,rgba(8,4,26,0.160) 50%,rgba(8,4,26,0.130) 55%,rgba(8,4,26,0.102) 60%,rgba(8,4,26,0.075) 65%,rgba(8,4,26,0.052) 70%,rgba(8,4,26,0.033) 75%,rgba(8,4,26,0.019) 80%,rgba(8,4,26,0.009) 85%,rgba(8,4,26,0.003) 90%,rgba(8,4,26,0.000) 95%,rgba(8,4,26,0.000) 100%)}
  .fx-t i:nth-child(1),.fx-b i:nth-child(1){-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}
  .fx-t i:nth-child(1){-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,1.000) 20%,rgba(0,0,0,0.998) 25%,rgba(0,0,0,0.984) 30%,rgba(0,0,0,0.951) 35%,rgba(0,0,0,0.896) 40%,rgba(0,0,0,0.820) 45%,rgba(0,0,0,0.725) 50%,rgba(0,0,0,0.616) 55%,rgba(0,0,0,0.500) 60%,rgba(0,0,0,0.384) 65%,rgba(0,0,0,0.275) 70%,rgba(0,0,0,0.180) 75%,rgba(0,0,0,0.104) 80%,rgba(0,0,0,0.049) 85%,rgba(0,0,0,0.016) 90%,rgba(0,0,0,0.002) 95%,rgba(0,0,0,0.000) 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,1.000) 20%,rgba(0,0,0,0.998) 25%,rgba(0,0,0,0.984) 30%,rgba(0,0,0,0.951) 35%,rgba(0,0,0,0.896) 40%,rgba(0,0,0,0.820) 45%,rgba(0,0,0,0.725) 50%,rgba(0,0,0,0.616) 55%,rgba(0,0,0,0.500) 60%,rgba(0,0,0,0.384) 65%,rgba(0,0,0,0.275) 70%,rgba(0,0,0,0.180) 75%,rgba(0,0,0,0.104) 80%,rgba(0,0,0,0.049) 85%,rgba(0,0,0,0.016) 90%,rgba(0,0,0,0.002) 95%,rgba(0,0,0,0.000) 100%)}
  .fx-b i:nth-child(1){-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,1.000) 20%,rgba(0,0,0,0.998) 25%,rgba(0,0,0,0.984) 30%,rgba(0,0,0,0.951) 35%,rgba(0,0,0,0.896) 40%,rgba(0,0,0,0.820) 45%,rgba(0,0,0,0.725) 50%,rgba(0,0,0,0.616) 55%,rgba(0,0,0,0.500) 60%,rgba(0,0,0,0.384) 65%,rgba(0,0,0,0.275) 70%,rgba(0,0,0,0.180) 75%,rgba(0,0,0,0.104) 80%,rgba(0,0,0,0.049) 85%,rgba(0,0,0,0.016) 90%,rgba(0,0,0,0.002) 95%,rgba(0,0,0,0.000) 100%);mask-image:linear-gradient(to top,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,1.000) 20%,rgba(0,0,0,0.998) 25%,rgba(0,0,0,0.984) 30%,rgba(0,0,0,0.951) 35%,rgba(0,0,0,0.896) 40%,rgba(0,0,0,0.820) 45%,rgba(0,0,0,0.725) 50%,rgba(0,0,0,0.616) 55%,rgba(0,0,0,0.500) 60%,rgba(0,0,0,0.384) 65%,rgba(0,0,0,0.275) 70%,rgba(0,0,0,0.180) 75%,rgba(0,0,0,0.104) 80%,rgba(0,0,0,0.049) 85%,rgba(0,0,0,0.016) 90%,rgba(0,0,0,0.002) 95%,rgba(0,0,0,0.000) 100%)}
  .fx-t i:nth-child(2),.fx-b i:nth-child(2){-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}
  .fx-t i:nth-child(2){-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,0.990) 20%,rgba(0,0,0,0.945) 25%,rgba(0,0,0,0.855) 30%,rgba(0,0,0,0.725) 35%,rgba(0,0,0,0.567) 40%,rgba(0,0,0,0.400) 45%,rgba(0,0,0,0.246) 50%,rgba(0,0,0,0.123) 55%,rgba(0,0,0,0.043) 60%,rgba(0,0,0,0.006) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,0.990) 20%,rgba(0,0,0,0.945) 25%,rgba(0,0,0,0.855) 30%,rgba(0,0,0,0.725) 35%,rgba(0,0,0,0.567) 40%,rgba(0,0,0,0.400) 45%,rgba(0,0,0,0.246) 50%,rgba(0,0,0,0.123) 55%,rgba(0,0,0,0.043) 60%,rgba(0,0,0,0.006) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%)}
  .fx-b i:nth-child(2){-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,0.990) 20%,rgba(0,0,0,0.945) 25%,rgba(0,0,0,0.855) 30%,rgba(0,0,0,0.725) 35%,rgba(0,0,0,0.567) 40%,rgba(0,0,0,0.400) 45%,rgba(0,0,0,0.246) 50%,rgba(0,0,0,0.123) 55%,rgba(0,0,0,0.043) 60%,rgba(0,0,0,0.006) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%);mask-image:linear-gradient(to top,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,1.000) 15%,rgba(0,0,0,0.990) 20%,rgba(0,0,0,0.945) 25%,rgba(0,0,0,0.855) 30%,rgba(0,0,0,0.725) 35%,rgba(0,0,0,0.567) 40%,rgba(0,0,0,0.400) 45%,rgba(0,0,0,0.246) 50%,rgba(0,0,0,0.123) 55%,rgba(0,0,0,0.043) 60%,rgba(0,0,0,0.006) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%)}
  .fx-t i:nth-child(3),.fx-b i:nth-child(3){-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}
  .fx-t i:nth-child(3){-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,0.965) 15%,rgba(0,0,0,0.829) 20%,rgba(0,0,0,0.603) 25%,rgba(0,0,0,0.347) 30%,rgba(0,0,0,0.135) 35%,rgba(0,0,0,0.022) 40%,rgba(0,0,0,-0.000) 45%,rgba(0,0,0,0.000) 50%,rgba(0,0,0,0.000) 55%,rgba(0,0,0,0.000) 60%,rgba(0,0,0,0.000) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,0.965) 15%,rgba(0,0,0,0.829) 20%,rgba(0,0,0,0.603) 25%,rgba(0,0,0,0.347) 30%,rgba(0,0,0,0.135) 35%,rgba(0,0,0,0.022) 40%,rgba(0,0,0,-0.000) 45%,rgba(0,0,0,0.000) 50%,rgba(0,0,0,0.000) 55%,rgba(0,0,0,0.000) 60%,rgba(0,0,0,0.000) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%)}
  .fx-b i:nth-child(3){-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,0.965) 15%,rgba(0,0,0,0.829) 20%,rgba(0,0,0,0.603) 25%,rgba(0,0,0,0.347) 30%,rgba(0,0,0,0.135) 35%,rgba(0,0,0,0.022) 40%,rgba(0,0,0,-0.000) 45%,rgba(0,0,0,0.000) 50%,rgba(0,0,0,0.000) 55%,rgba(0,0,0,0.000) 60%,rgba(0,0,0,0.000) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%);mask-image:linear-gradient(to top,rgba(0,0,0,1.000) 0%,rgba(0,0,0,1.000) 5%,rgba(0,0,0,1.000) 10%,rgba(0,0,0,0.965) 15%,rgba(0,0,0,0.829) 20%,rgba(0,0,0,0.603) 25%,rgba(0,0,0,0.347) 30%,rgba(0,0,0,0.135) 35%,rgba(0,0,0,0.022) 40%,rgba(0,0,0,-0.000) 45%,rgba(0,0,0,0.000) 50%,rgba(0,0,0,0.000) 55%,rgba(0,0,0,0.000) 60%,rgba(0,0,0,0.000) 65%,rgba(0,0,0,0.000) 70%,rgba(0,0,0,0.000) 75%,rgba(0,0,0,0.000) 80%,rgba(0,0,0,0.000) 85%,rgba(0,0,0,0.000) 90%,rgba(0,0,0,0.000) 95%,rgba(0,0,0,0.000) 100%)}
  .stage:after{top:0!important}
}

/* coste en el botón de jugar */
#play{display:flex;align-items:center;justify-content:center;gap:10px}
#play .pc{display:inline-flex;align-items:center;gap:5px;font-style:normal;padding:3px 10px 3px 4px;border-radius:99px;background:rgba(0,0,0,.28);letter-spacing:0}
#play .pc .tk-ico{width:20px!important;height:20px!important;box-shadow:0 0 0 2px #000}
#play.free .pc{background:#2ee6a0;color:#06301e}
#play.free .pc .tk-ico{display:none}