/* Seis entradas, una navegación SU. Estilos aislados del juego y las salas. */
#vSala:has(.gm-home){background:#0c1422}
#vSala .gm-home{padding:0;gap:0;overflow-x:hidden;overflow-y:auto;isolation:isolate;background:radial-gradient(ellipse at 50% 18%,#293354,transparent 65%),#0c1422;color:#f7f5fc;font-family:system-ui,-apple-system,sans-serif}
#vSala .gm-uno,#vSala .gm-mem{background:radial-gradient(ellipse at 50% 20%,#442b65,transparent 64%),#17132d}
#vSala .gm-poker{background:radial-gradient(ellipse at 50% 20%,#184f43,transparent 65%),#0b1e23}
#vSala .gm-rul{background:radial-gradient(ellipse at 50% 20%,#4a2732,transparent 65%),#1c111c}
#vSala .gm-flappy{background:radial-gradient(ellipse at 50% 20%,#1c5771,transparent 67%),#112938}
#vSala .gm-wrap{max-width:460px;width:100%;margin:auto;min-height:100%;padding:calc(env(safe-area-inset-top) + 14px) 24px calc(env(safe-area-inset-bottom) + 18px);display:flex;flex-direction:column}
#vSala .gm-top{position:relative;z-index:2;display:flex;align-items:center;gap:11px;min-height:42px}
#vSala .gm-back{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid #ffffff22;border-radius:14px;background:#ffffff07;color:#e9e5ec;cursor:pointer}
#vSala .gm-back svg,#vSala .gm-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#vSala .gm-kicker{font-size:9px;font-weight:750;letter-spacing:1.6px;color:#c3c8d7}
#vSala .gm-players{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:1px;white-space:nowrap;border:1px solid #ffffff18;border-radius:7px;padding:6px 8px;color:#d9dce5}
#vSala .gm-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1 0 270px;min-height:270px;max-height:440px;margin:8px -24px 16px;padding:0 22px 6px}
#vSala .gm-hero h1{position:relative;z-index:2;margin:0;font:950 58px/.98 system-ui;letter-spacing:-2.7px;color:#fff5e0;text-shadow:0 3px 0 #3a3952,0 8px 20px #0008}
#vSala .gm-hero h1 span{color:var(--gm-b)}
#vSala .gm-blackjack .gm-hero h1{font-size:43px;letter-spacing:-1.7px}
#vSala .gm-mem .gm-hero h1{color:var(--gm-a)}
#vSala .gm-hero p{position:relative;z-index:2;margin:11px 0 0;font-size:10px;letter-spacing:.5px;color:#c0c3d2}
#vSala .gm-art{position:absolute;inset:0 0 50px;overflow:visible;perspective:800px;pointer-events:none}
#vSala .gm-art:after{content:"";position:absolute;width:230px;height:20px;bottom:13%;left:50%;translate:-50% 0;background:#0004;filter:blur(16px);border-radius:50%;z-index:-1}
#vSala .gm-actions{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;width:100%}
#vSala .gm-button{appearance:none;display:flex;align-items:center;gap:12px;min-height:60px;width:100%;padding:12px 16px;border:1px solid #bdc9e02c;border-radius:16px;background:linear-gradient(115deg,#ffffff0c,#ffffff04);box-shadow:0 4px 0 #0003,inset 0 1px #ffffff0b;color:#eff3fd;text-align:left;cursor:pointer;touch-action:manipulation;transition:transform .14s,filter .14s;font:800 13px/1.25 system-ui;letter-spacing:1px}
#vSala .gm-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;color:var(--gm-a)}
#vSala .gm-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
#vSala .gm-label{flex:1;min-width:0}
#vSala .gm-label small{display:block;font-size:10px;font-weight:500;letter-spacing:0;line-height:1.3;margin-top:3px}
#vSala .gm-arrow{display:flex;opacity:.6}
#vSala .gm-primary{min-height:66px;background:linear-gradient(120deg,#fff4d3,var(--gm-b));border:1px solid #fff2c8;color:#332637;box-shadow:0 4px 0 color-mix(in srgb,var(--gm-b) 40%,#352333),0 10px 26px #0002,inset 0 2px #ffffff90;font-size:16px;letter-spacing:1.2px}
#vSala .gm-primary .gm-icon{color:#493243;background:#1d193314;border-radius:10px;width:35px;height:35px}
#vSala .gm-primary .gm-icon svg{stroke-width:0}
#vSala .gm-create{border-color:color-mix(in srgb,var(--gm-a) 35%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--gm-a) 22%,#172337),#172337)}
#vSala .gm-secondary{display:grid;grid-template-columns:1.15fr 1fr;gap:10px}
#vSala .gm-secondary .gm-button{min-height:56px;padding:10px 11px;gap:7px;font-size:10px;letter-spacing:.4px;border-radius:14px}
#vSala .gm-secondary .gm-icon{width:24px}
#vSala .gm-secondary .gm-icon svg{width:21px;height:21px}
#vSala .gm-secondary .gm-arrow{display:none}
#vSala .gm-ranking .gm-icon{color:var(--gm-b)}
#vSala .gm-button .su-cont{position:static;flex:none;margin:0;border:1px solid #dcf0be24;background:#c1db9220;color:#e0f1c9;border-radius:5px;min-width:18px;padding:3px 5px;font-size:10px}
#vSala .gm-button .su-cont.nada{display:none}
#vSala .gm-settings{border-bottom:1px solid #d7e3ff15;padding:0 2px 7px;margin-bottom:0;color:#c9cad8;font-size:11px}
#vSala .gm-settings summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:29px;gap:15px;list-style:none}
#vSala .gm-settings summary::-webkit-details-marker{display:none}
#vSala .gm-settings summary span:last-child{font-size:9px;font-weight:750;letter-spacing:1px;color:var(--gm-a)}
#vSala .gm-settings-body{display:flex;gap:14px;padding:10px 0 4px}
#vSala .gm-settings-body label{display:flex;align-items:center;gap:10px;flex:1}
#vSala .gm-settings-body select{flex:1;min-height:39px;border-radius:9px;background:#101626;color:#f7f5ff;border:1px solid #c5cbe944;padding:6px;font:700 13px system-ui}
#vSala .gm-access{position:relative;padding:18px 0 0;text-align:center}
#vSala .gm-access .su-lbl{font-size:10px;font-weight:500;text-transform:none;letter-spacing:.3px;color:#a9b3c2;text-align:center;margin:0 0 8px}
#vSala .gm-access .su-opfila{display:flex;justify-content:center;gap:4px;width:max-content;max-width:100%;margin:0 auto;padding:3px;border:1px solid #dfd9e818;border-radius:11px;background:#03091250}
#vSala .gm-access .snmchip{margin:0;min-height:37px;padding:8px 12px;border-radius:8px;border:1px solid transparent;color:#aeb8c9;background:transparent;box-shadow:none;font:650 11px/1.2 system-ui;letter-spacing:0;cursor:pointer}
#vSala .gm-access .snmchip.on{color:var(--gm-b);background:#ffffff0e;border-color:#ffffff24}
#vSala .gm-access .su-accesot{max-width:295px;margin:8px auto 0;color:#a5afbf;font-size:10px;line-height:1.45;letter-spacing:0}
#vSala .gm-button.su-off{opacity:.5;cursor:not-allowed}
#vSala .gm-home button:focus-visible,#vSala .gm-home summary:focus-visible,#vSala .gm-home select:focus-visible{outline:3px solid var(--gm-b);outline-offset:3px}
#vSala .gm-button:active,#vSala .gm-back:active{transform:translateY(2px)}
@media(hover:hover){#vSala .gm-button:hover{filter:brightness(1.12);transform:translateY(-2px)}}
/* Objetos de la portada, construidos con el mismo lenguaje de las cartas y fichas. */
#vSala .gm-card-fan{position:absolute;left:50%;top:47%;width:240px;height:200px;translate:-50% -50%;transform:rotateX(12deg)}
#vSala .gm-card{position:absolute;left:31px;top:4px;width:114px;height:162px;border:1px solid #fffffa;border-radius:13px;background:linear-gradient(130deg,#fffef8,#e5dfca);box-shadow:0 4px #b4aa99,0 7px #eee5d3,0 17px 18px #0005;color:#173343;transform:rotate(-19deg);display:grid;place-items:center;animation:gm-card-idle 7s ease-in-out infinite}
#vSala .gm-card-second{left:112px;top:13px;transform:rotate(17deg);animation-delay:-3s}
#vSala .gm-card b{font-size:66px;line-height:1;text-shadow:0 2px #fff}
#vSala .gm-card-red{color:#c33b50}
#vSala .gm-card-corner{position:absolute;left:11px;top:9px;font:bold 24px/.8 Georgia,serif;text-align:center}
#vSala .gm-card-corner small{display:block;font-size:15px;line-height:1.3}
#vSala .gm-card-bottom{left:auto;top:auto;bottom:10px;right:10px;rotate:180deg}
#vSala .gm-chip{position:absolute;left:calc(50% - 112px);top:70%;width:67px;height:67px;border:7px dashed #ffead8;border-radius:50%;background:#bc3f55;box-shadow:0 4px #732335,0 7px #e5cfc1,0 11px #762338,0 14px #ddbbb0,0 18px #652333,0 25px 16px #0006;transform:rotateX(47deg) rotateZ(-20deg)}
#vSala .gm-chip:after{content:"";position:absolute;inset:6px;border-radius:50%;border:2px solid #ffffff96}
#vSala .gm-chip-green{left:calc(50% + 56px);top:69%;width:58px;height:58px;background:#248d72;box-shadow:0 4px #0e5246,0 7px #bde1d4,0 11px #0e5246,0 20px 14px #0005}
#vSala .gm-chip-gold{left:calc(50% + 5px);top:78%;width:61px;height:61px;background:#d8a553;border-color:#f6e9b9;box-shadow:0 4px #83602f,0 7px #e7d1a5,0 11px #83602f,0 20px 14px #0005}
#vSala .gm-uno-card{position:absolute;left:calc(50% - 59px);top:27%;width:118px;height:174px;border:7px solid #f4efe5;border-radius:15px;background:linear-gradient(135deg,#6d51db,#462397);box-shadow:0 4px #bfb5bf,0 8px #e7ddeb,0 17px 24px #0006;transform:rotate(-3deg)}
#vSala .gm-art .gm-uno-left{left:calc(50% - 132px);top:26%;background:linear-gradient(135deg,#f4607b,#b32b49);transform:rotate(-23deg)}
#vSala .gm-art .gm-uno-right{left:calc(50% + 17px);top:25%;background:linear-gradient(135deg,#46e0c5,#128e86);transform:rotate(21deg)}
#vSala .gm-uno-card i{position:absolute;inset:25px 5px;border:5px solid #fff8e6;border-radius:50%;transform:rotate(27deg)}
#vSala .gm-uno-card b{position:absolute;inset:0;display:grid;place-items:center;font:950 italic 66px system-ui;color:#fff6db;text-shadow:0 4px #2b164e}
#vSala .gm-uno-card small{position:absolute;top:4px;left:5px;font:900 italic 20px system-ui;color:#fff6dc}
#vSala .gm-uno-front{animation:gm-card-idle 6s ease-in-out infinite}
#vSala .gm-memory{position:absolute;left:calc(50% - 112px);top:25%;width:134px;height:163px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(140deg,#ae88ff,#653ad2);border:6px solid #c8abff;box-shadow:0 5px #5c30a7,0 9px #b28bec,0 19px 23px #0005;transform:rotate(-19deg);animation:gm-card-idle 8s ease-in-out infinite}
#vSala .gm-memory svg{width:76px;height:76px;fill:#f5e6ff;filter:drop-shadow(0 4px 0 #693eba)}
#vSala .gm-memory-front{left:calc(50% - 5px);top:27%;transform:rotate(16deg);background:linear-gradient(145deg,#fff1b1,#fbd771);border-color:#fff2c5;box-shadow:0 5px #b87d3d,0 9px #f2d09b,0 19px 23px #0005;animation-delay:-4s}
#vSala .gm-memory-front svg,#vSala .gm-memory-small svg{fill:#ffb234;stroke:#e3862f;stroke-width:3;filter:drop-shadow(0 4px 0 #e89536)}
#vSala .gm-memory-small{top:59%;left:calc(50% + 71px);width:66px;height:81px;border-width:4px;border-radius:12px;background:#ffe7a0;border-color:#fff2c5;transform:rotate(-13deg);box-shadow:0 4px #b87d3d,0 11px 15px #0005}
#vSala .gm-memory-small svg{width:41px;height:41px}
#vSala .gm-wheel{position:absolute;width:290px;height:290px;top:48%;left:50%;transform:translate(-50%,-50%) rotateX(34deg) rotateZ(-12deg);filter:drop-shadow(0 8px 0 #653d29) drop-shadow(0 15px 12px #0008)}
#vSala .gm-wheel svg{width:100%;height:100%;overflow:visible}
#vSala .gm-wheel-rotor{transform-origin:160px 160px;animation:gm-wheel-spin 46s linear infinite}
#vSala .gm-rul .gm-chip{top:73%}
#vSala .gm-valley{position:absolute;inset:-15px -5px -10px;background:url('/flappy2/assets/valley.webp') center 43%/cover;opacity:.8;mask-image:radial-gradient(ellipse,#000 15%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,#000 15%,transparent 73%)}
#vSala .gm-birds{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:100%;max-width:460px;aspect-ratio:5/3;object-fit:contain}
@keyframes gm-card-idle{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes gm-wheel-spin{to{transform:rotate(360deg)}}
#vSala.oculto .gm-home *{animation-play-state:paused}
@media(max-height:730px) and (orientation:portrait){#vSala .gm-wrap{padding-top:calc(env(safe-area-inset-top) + 8px);padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}#vSala .gm-hero{min-height:194px;flex-basis:194px;margin-top:0;margin-bottom:11px}#vSala .gm-hero h1{font-size:44px}#vSala .gm-blackjack .gm-hero h1{font-size:34px}#vSala .gm-hero p{font-size:9px;margin-top:8px}#vSala .gm-art{inset:-20px 0 43px;scale:.78;transform-origin:50% 55%}#vSala .gm-actions{gap:8px}#vSala .gm-primary{min-height:57px}#vSala .gm-create{min-height:52px}#vSala .gm-secondary .gm-button{min-height:51px}#vSala .gm-access{padding-top:14px}}
@media(max-width:350px){#vSala .gm-wrap{padding-left:18px;padding-right:18px}#vSala .gm-hero{margin-left:-18px;margin-right:-18px;min-height:165px;flex-basis:165px}#vSala .gm-kicker{font-size:8px;letter-spacing:1.2px}#vSala .gm-players{font-size:8px}#vSala .gm-secondary{gap:8px}#vSala .gm-secondary .gm-button{font-size:9px;gap:5px;padding:9px}#vSala .gm-settings summary{min-height:26px}}
@media(orientation:landscape) and (max-height:549px){#vSala .gm-wrap{max-width:900px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:42px 1fr auto;column-gap:34px;padding:12px 24px}#vSala .gm-top{grid-column:1/-1}#vSala .gm-hero{grid-column:1;grid-row:2/4;height:100%;min-height:248px;margin:0 -10px}#vSala .gm-hero h1{font-size:48px}#vSala .gm-blackjack .gm-hero h1{font-size:36px}#vSala .gm-art{inset:-20px 0 50px;scale:.9}#vSala .gm-actions{grid-column:2;align-self:end;gap:7px;padding-top:8px}#vSala .gm-button,#vSala .gm-primary{min-height:48px;padding-block:9px}#vSala .gm-secondary .gm-button{min-height:46px}#vSala .gm-access{grid-column:2;padding-top:10px}#vSala .gm-settings summary{min-height:23px}#vSala .gm-access .su-lbl{margin-bottom:5px}#vSala .gm-access .su-accesot{margin-top:5px}}
@media(prefers-reduced-motion:reduce){#vSala .gm-home *,#vSala .gm-home *:before,#vSala .gm-home *:after{animation:none!important;transition:none!important}}

/* El arte reserva su espacio: nunca tapa el título en móviles cortos. */
@media(max-height:730px) and (orientation:portrait){#vSala .gm-art{inset:0 auto auto 50%;width:390px;height:260px;translate:-50% 0;scale:.43;transform-origin:50% 0}}
@media(max-width:350px) and (orientation:portrait){#vSala .gm-art{top:4px;scale:.36}}

/* La confirmación de abandonar debe quedar por encima del iframe activo. */
body:has(.su-embedded-exit) #suModal{z-index:150}

/* PULSA: portada con el botón grande y el anillo de 40 segundos */
#vSala .gm-pulsa{background:radial-gradient(ellipse at 50% 20%,#5a1f56,transparent 65%),#160a1e}
#vSala .gm-pulsa-ring{position:absolute;left:50%;top:44%;width:236px;height:236px;translate:-50% -50%;border-radius:50%;border:9px solid #ffffff14;border-top-color:#ffd166;border-right-color:#ffd166;transform:rotate(-30deg);box-shadow:0 0 30px #ffd16622}
#vSala .gm-pulsa-btn{position:absolute;left:50%;top:44%;width:176px;height:176px;translate:-50% -50%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 32%,#ff9fd1,#ff4fa3 55%,#c2186f);box-shadow:0 12px 0 #7a0f49,0 24px 40px #0008,inset 0 3px 0 #ffffff70,inset 0 -8px 20px #a3145c;animation:gm-pulsa-bounce 1.6s ease-in-out infinite}
#vSala .gm-pulsa-btn span{font:950 34px/1 system-ui;letter-spacing:3px;color:#fff6f9;text-shadow:0 3px 0 #a3145c,0 6px 12px #0007}
#vSala .gm-pulsa-tap{position:absolute;left:calc(50% + 52px);top:calc(44% + 46px);width:34px;height:34px;border-radius:50%;border:3px solid #fff6f9;opacity:0;animation:gm-pulsa-tap 1.6s ease-out infinite}
@keyframes gm-pulsa-bounce{0%,100%{translate:-50% -50%}50%{translate:-50% calc(-50% + 7px)}}
@keyframes gm-pulsa-tap{0%{opacity:0;scale:.4}45%{opacity:.9;scale:.6}100%{opacity:0;scale:1.8}}

/* SIMÓN: portada con los cuatro cuartos de colores que se encienden por turnos */
#vSala .gm-home.gm-simon{background:radial-gradient(ellipse at 50% 20%,#1c2a5a,transparent 65%),#0b0f1e}
#vSala .gm-simon-art{position:absolute;left:50%;top:44%;width:224px;height:224px;translate:-50% -50%;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:9px;border-radius:50%;background:radial-gradient(circle,#1a2040,#0e1327 70%);box-shadow:0 20px 50px #000a,inset 0 0 0 5px #10152c,inset 0 0 0 7px #262d52;transform:rotateX(14deg)}
#vSala .gm-simon-art i{display:block;opacity:.62;box-shadow:inset 0 -5px 12px #0006,inset 0 2px 0 #ffffff40;animation:gm-simon-lit 3.2s linear infinite}
#vSala .gm-simon-art .sq-g{background:#3ddc84;border-radius:100% 6px 6px 6px;--glow:#7dffb2}
#vSala .gm-simon-art .sq-r{background:#ff4d5e;border-radius:6px 100% 6px 6px;--glow:#ff9aa4;animation-delay:.8s}
#vSala .gm-simon-art .sq-y{background:#ffd23f;border-radius:6px 6px 6px 100%;--glow:#fff0a0;animation-delay:2.4s}
#vSala .gm-simon-art .sq-b{background:#3aa0ff;border-radius:6px 6px 100% 6px;--glow:#9ad0ff;animation-delay:1.6s}
#vSala .gm-simon-art b{position:absolute;left:50%;top:50%;width:38%;height:38%;translate:-50% -50%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#2b335f,#0e1327 75%);box-shadow:0 0 0 5px #0b0f1e,0 0 0 7px #3a4478;font:950 13px system-ui;letter-spacing:1px;color:#fff}
@keyframes gm-simon-lit{0%,18%{opacity:.62;box-shadow:inset 0 -5px 12px #0006}6%,12%{opacity:1;box-shadow:0 0 26px var(--glow),0 0 50px var(--glow),inset 0 0 0 3px #ffffffaa}25%,100%{opacity:.62}}

/* PARA EL RELOJ: esfera de cronómetro con la aguja girando y los dígitos borrosos */
#vSala .gm-home.gm-reloj{background:radial-gradient(ellipse at 50% 20%,#0f3a4a,transparent 65%),#07131a}
#vSala .gm-reloj-art{position:absolute;left:50%;top:44%;width:214px;height:214px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#0c2029,#05101a 72%);box-shadow:0 20px 50px #000a,inset 0 0 0 6px #0a1a22,inset 0 0 0 9px #1f4a55,0 0 40px #2ee6d622;display:grid;place-items:center}
#vSala .gm-reloj-art .rj-marca{position:absolute;inset:16px;border-radius:50%;border:2px dashed #2ee6d655}
#vSala .gm-reloj-art .rj-aguja{position:absolute;left:50%;top:50%;width:4px;height:88px;margin:-88px 0 0 -2px;border-radius:3px;background:linear-gradient(#ff4d5e,#ffd166);transform-origin:50% 100%;animation:gm-reloj-gira 2.4s linear infinite;box-shadow:0 0 10px #ff4d5e88}
#vSala .gm-reloj-art b{position:relative;z-index:2;font:950 30px/1 "SF Mono",Menlo,Consolas,monospace;letter-spacing:1px;color:#7fdde6;filter:blur(3px);opacity:.8}
#vSala .gm-reloj-art small{position:absolute;bottom:30px;font-size:8px;letter-spacing:2.6px;font-weight:800;color:#8fd9e2}
@keyframes gm-reloj-gira{to{transform:rotate(360deg)}}

/* COLORES: suelo de franjas casi iguales con los cinco personajes corriendo encima */
#vSala .gm-home.gm-colores{background:radial-gradient(ellipse at 50% 20%,#3a2a7a,transparent 65%),#0d0a1f}
#vSala .gm-colores-art{position:absolute;left:50%;top:50%;width:250px;height:190px;translate:-50% -50%;display:flex;flex-direction:column;gap:5px;border-radius:12px;overflow:visible}
#vSala .gm-colores-art i{display:block;flex:1;border-radius:6px;box-shadow:inset 0 2px 0 #ffffff33,0 3px 0 #0006;animation:gm-col-laser 3.2s linear infinite}
#vSala .gm-colores-gente{position:absolute;left:0;right:0;bottom:-6px;display:flex;justify-content:space-around;align-items:flex-end;pointer-events:none}
#vSala .gm-colores-gente img{width:52px;height:auto;filter:drop-shadow(0 6px 8px #0009);animation:gm-col-bob 1.1s ease-in-out infinite}
@keyframes gm-col-laser{0%,72%,100%{box-shadow:inset 0 2px 0 #ffffff33,0 3px 0 #0006}80%{box-shadow:inset 0 0 0 3px #fff,0 0 22px #fff8,0 3px 0 #0006}}
@keyframes gm-col-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* ESTAMPIDA: los personajes cruzando corriendo en carriles y una gran interrogación */
#vSala .gm-home.gm-estampida{background:radial-gradient(ellipse at 50% 20%,#5a3a10,transparent 65%),#1a1207}
#vSala .gm-estampida-art{position:absolute;left:50%;top:48%;width:270px;height:190px;translate:-50% -50%;border-radius:16px;background:#2a1a06;border:2px solid #c9a86a55;overflow:hidden}
#vSala .gm-estampida-art img{position:absolute;left:-60px;width:48px;height:auto;filter:drop-shadow(0 4px 6px #0009);animation:gm-est-cruza 3.5s linear infinite}
#vSala .gm-estampida-art img:nth-child(even){animation-direction:reverse}
#vSala .gm-estampida-art b{position:absolute;right:12px;bottom:6px;font:950 64px/1 system-ui;color:#ffb547;text-shadow:0 4px 0 #6a4210}
@keyframes gm-est-cruza{from{left:-60px}to{left:280px}}

/* CÁMARA DEL FARAÓN: suelo de losas en perspectiva con una trampa, un pozo y dos exploradores */

/* CANICAS: arena de arena vista desde arriba con la reina y cuatro canicas */
#vSala .gm-home.gm-canicas{background:radial-gradient(ellipse at 50% 25%,#6b4a1e,transparent 62%),#1a1208}
#vSala .gm-can-arena{position:absolute;left:50%;top:44%;width:250px;height:250px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 45% 40%,#e8cf9a,#c9a86a 70%,#8a6a3a);box-shadow:inset 0 -10px 30px #0006,inset 0 8px 18px #fff5,0 20px 40px #000a;border:10px solid #5a4020}
#vSala .gm-can{position:absolute;width:34px;height:34px;border-radius:50%;box-shadow:inset -6px -8px 12px #0007,inset 5px 6px 10px #fff8,0 6px 8px #0007;animation:gm-can-roll 3s ease-in-out infinite}
#vSala .gm-can.r{left:52px;top:150px;background:radial-gradient(circle at 35% 30%,#ff8a8a,#e63946 60%,#7a0c1a)}
#vSala .gm-can.b{left:160px;top:60px;background:radial-gradient(circle at 35% 30%,#9ec5ff,#3a86ff 60%,#0b3d91);animation-delay:.5s}
#vSala .gm-can.g{left:170px;top:165px;background:radial-gradient(circle at 35% 30%,#a6f0b8,#2dc653 60%,#0f5a2a);animation-delay:1s}
#vSala .gm-can.y{left:70px;top:70px;background:radial-gradient(circle at 35% 30%,#ffe9a0,#ffbe0b 60%,#8a5a00);animation-delay:1.5s}
#vSala .gm-can.q{left:108px;top:108px;width:40px;height:40px;background:radial-gradient(circle at 35% 30%,#fff,#e6e6e6 55%,#8a8a8a);animation:none}
@keyframes gm-can-roll{0%,100%{transform:translate(0,0)}50%{transform:translate(6px,-4px)}}

/* SACOS: tabla inclinada sobre césped con dos saquitos */
#vSala .gm-home.gm-sacos{background:radial-gradient(ellipse at 50% 20%,#2f5a1e,transparent 62%),#0f1a0c}
#vSala .gm-sac-cesped{position:absolute;left:0;right:0;top:34%;height:36%;background:linear-gradient(180deg,#3f7d2a,#2f5f1f);opacity:.9}
#vSala .gm-sac-tabla{position:absolute;left:50%;top:44%;width:150px;height:200px;translate:-50% -50%;background:linear-gradient(180deg,#e0c48f,#c9a86a);border:6px solid #6b4a1e;border-radius:10px;transform:perspective(500px) rotateX(48deg);box-shadow:0 30px 40px #0009}
#vSala .gm-sac-tabla i{position:absolute;left:50%;top:26%;width:44px;height:44px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3a2a14,#120c05);box-shadow:inset 0 4px 8px #000}
#vSala .gm-sac-saco{position:absolute;width:46px;height:40px;border-radius:12px;box-shadow:0 8px 14px #0008;animation:gm-sac-vuela 2.4s ease-in-out infinite}
#vSala .gm-sac-saco.r{left:calc(50% - 70px);top:60%;background:linear-gradient(135deg,#ff6b6b,#b3111f)}
#vSala .gm-sac-saco.b{left:calc(50% + 24px);top:64%;background:linear-gradient(135deg,#7fb3ff,#1d4fd7);animation-delay:1.2s}
@keyframes gm-sac-vuela{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-70px) rotate(10deg)}}

/* MARCIANOS: cielo estrellado, formación de marcianos y la nave disparando */
#vSala .gm-home.gm-marcianos{background:radial-gradient(ellipse at 50% 15%,#1a2350,transparent 62%),#05060f}
#vSala .gm-mc-cielo{position:absolute;inset:0;background-image:radial-gradient(#fff 0.6px,transparent 1px),radial-gradient(#fff9 0.5px,transparent 1px);background-size:60px 60px,37px 37px;background-position:0 0,17px 29px;opacity:.6}
#vSala .gm-mc-alien{position:absolute;width:22px;height:16px;background:#ff5ca8;clip-path:polygon(20% 0,40% 0,40% 20%,60% 20%,60% 0,80% 0,80% 20%,100% 20%,100% 70%,80% 70%,80% 100%,60% 100%,60% 80%,40% 80%,40% 100%,20% 100%,20% 70%,0 70%,0 20%,20% 20%);animation:gm-mc-sway 2s ease-in-out infinite;filter:drop-shadow(0 0 6px #ff5ca866)}
#vSala .gm-mc-nave{position:absolute;left:50%;top:70%;width:28px;height:24px;translate:-50% 0;background:#5cff8a;clip-path:polygon(50% 0,62% 30%,100% 55%,100% 100%,70% 85%,50% 100%,30% 85%,0 100%,0 55%,38% 30%);filter:drop-shadow(0 0 10px #5cff8a88)}
#vSala .gm-mc-bala{position:absolute;left:50%;top:68%;width:3px;height:10px;background:#fff;translate:-50% 0;animation:gm-mc-bala 1s linear infinite}
@keyframes gm-mc-sway{0%,100%{transform:translateX(-8px)}50%{transform:translateX(8px)}}
@keyframes gm-mc-bala{0%{top:68%;opacity:1}100%{top:30%;opacity:0}}
#vSala .gm-ak-lad{position:absolute;width:11%;height:6%;border-radius:2px;box-shadow:inset 0 2px 0 #ffffff66,inset 0 -2px 0 #00000055}
#vSala .gm-ak-bola{position:absolute;left:50%;top:60%;width:9px;height:9px;border-radius:50%;background:#d9dde8;box-shadow:0 0 8px #fff8;animation:gm-ak-bola 1.6s ease-in-out infinite alternate}
#vSala .gm-ak-pala{position:absolute;left:50%;top:80%;width:52px;height:9px;translate:-50% 0;border-radius:3px;background:linear-gradient(90deg,#ff5c5c 0 14%,#5ce1ff 14% 86%,#ff5c5c 86%);box-shadow:0 0 10px #5ce1ff88;animation:gm-ak-pala 1.6s ease-in-out infinite alternate}
@keyframes gm-ak-bola{0%{top:60%;left:38%}100%{top:36%;left:62%}}
@keyframes gm-ak-pala{0%{left:42%}100%{left:60%}}
#vSala .gm-pg-red{position:absolute;left:50%;top:10%;bottom:10%;width:3px;translate:-50% 0;background:repeating-linear-gradient(180deg,#ffffff55 0 10px,transparent 10px 20px)}
#vSala .gm-pg-pala{position:absolute;width:44px;height:8px;border-radius:3px;box-shadow:0 0 10px currentColor}
#vSala .gm-pg-pala.a{left:20%;top:16%;background:#ff5ca8;color:#ff5ca8;animation:gm-pg-a 1.4s ease-in-out infinite alternate}
#vSala .gm-pg-pala.b{left:50%;bottom:16%;background:#5ce1ff;color:#5ce1ff;animation:gm-pg-b 1.4s ease-in-out infinite alternate}
#vSala .gm-pg-bola{position:absolute;left:40%;top:30%;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:gm-pg-bola 1.4s linear infinite alternate}
@keyframes gm-pg-a{from{left:20%}to{left:55%}}
@keyframes gm-pg-b{from{left:50%}to{left:22%}}
@keyframes gm-pg-bola{from{left:36%;top:22%}to{left:60%;top:74%}}
#vSala .gm-tr-mesa{position:absolute;left:8%;right:8%;top:58%;height:10px;border-radius:4px;background:#1f6b3a;box-shadow:0 6px 0 #6b3f1d}
#vSala .gm-tr-vaso{position:absolute;top:34%;width:34px;height:40px;background:linear-gradient(180deg,#ff5c6c,#c1121f);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);box-shadow:0 0 10px #e6394677}
#vSala .gm-tr-vaso.v0{left:22%;animation:gm-tr-a 2.4s ease-in-out infinite}
#vSala .gm-tr-vaso.v1{left:50%;translate:-50% 0;animation:gm-tr-b 2.4s ease-in-out infinite}
#vSala .gm-tr-vaso.v2{right:22%}
#vSala .gm-tr-bola{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:#fff;translate:-50% 0;box-shadow:0 0 8px #fff}
@keyframes gm-tr-a{0%,100%{left:22%;top:34%}50%{left:52%;top:40%}}
@keyframes gm-tr-b{0%,100%{left:50%;top:34%}50%{left:24%;top:28%}}
#vSala .gm-aq{position:absolute;inset:0;width:100%;height:100%;display:block}

#vSala .gm-bl-bola{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;color:#1a0f2e;box-shadow:0 4px 12px #0006;animation:gm-bl-bola 1.4s ease-in-out infinite alternate}
#vSala .gm-bl-can{position:absolute;left:50%;bottom:8%;width:44px;height:16px;translate:-50% 0;border-radius:8px;background:#5ce1ff;box-shadow:0 0 10px #5ce1ff88;animation:gm-bl-can 2s ease-in-out infinite alternate}
#vSala .gm-bl-can::after{content:'';position:absolute;left:50%;top:-18px;width:6px;height:20px;translate:-50% 0;background:#e9d8a6;border-radius:2px}
#vSala .gm-bl-bala{position:absolute;left:50%;bottom:20%;width:3px;height:10px;translate:-50% 0;background:#fff4b0;border-radius:2px;animation:gm-bl-bala .5s linear infinite}
@keyframes gm-bl-bola{0%{transform:translateY(0)}100%{transform:translateY(-22px)}}
@keyframes gm-bl-can{0%{left:40%}100%{left:60%}}
@keyframes gm-bl-bala{0%{bottom:20%;opacity:1}100%{bottom:80%;opacity:.2}}

/* HELIX (28/09) */
.gm-hx-pilar{position:absolute;left:50%;top:6%;bottom:0;width:13%;transform:translateX(-50%);border-radius:8px;background:linear-gradient(90deg,#c9d2f5,#fff,#c9d2f5)}
.gm-hx-piso{position:absolute;left:12%;right:12%;height:9%;border-radius:40%/60%;background:linear-gradient(180deg,#ff7dbb,#e0408f);box-shadow:0 5px 0 #a82a6a;animation:gmhx 3.6s linear infinite}
.gm-hx-piso b{position:absolute;top:0;width:16%;height:100%;background:#ff2d4b;border-radius:30%}
.gm-hx-piso:nth-child(odd) b{background:transparent;box-shadow:inset 0 0 0 99px rgba(23,26,58,.9)}
.gm-hx-bola{position:absolute;left:50%;top:10%;width:13%;aspect-ratio:1;margin-left:-6.5%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#5ce1ff 45%,#1d8fb3);animation:gmhxb .55s ease-in infinite alternate}
@keyframes gmhx{0%{transform:scaleX(1)}50%{transform:scaleX(.9)}100%{transform:scaleX(1)}}
@keyframes gmhxb{from{transform:translateY(0)}to{transform:translateY(90%)}}

/* BUBBLE (28/09) */
.gm-bb-suelo{position:absolute;left:0;right:0;bottom:0;height:12%;background:#6a6a78}
.gm-bb-bola{position:absolute;border-radius:50%;animation:gmbb 1.4s ease-in-out infinite alternate}
.gm-bb-gancho{position:absolute;left:49.5%;bottom:12%;width:2px;height:55%;background:#fff;animation:gmbbg 1.2s linear infinite}
.gm-bb-diablo{position:absolute;left:50%;bottom:12%;width:22px;height:30px;margin-left:-11px;border-radius:40% 40% 20% 20%;background:linear-gradient(180deg,#e3342f 45%,#6b3fa0 45%)}
@keyframes gmbb{from{transform:translateY(0)}to{transform:translateY(60px)}}
@keyframes gmbbg{0%{transform:scaleY(0);transform-origin:bottom}60%,100%{transform:scaleY(1);transform-origin:bottom;opacity:.9}}
/* chinchón: cuatro naipes en abanico */
.gm-cc-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.gm-cc-art img{position:absolute;width:31%;max-width:118px;aspect-ratio:240/368;border-radius:8px;box-shadow:0 14px 26px #0009,0 0 0 1px #c9a25a66;transform-origin:50% 115%;transform:rotate(calc(var(--i)*13deg)) translateY(calc(var(--i)*var(--i)*5px));animation:gm-cc 4s ease-in-out infinite;animation-delay:calc(var(--i)*.25s)}
@keyframes gm-cc{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media (prefers-reduced-motion:reduce){.gm-cc-art img{animation:none}}
/* envite: la vira (cinco de copas) con la perica, el perico y el tres de bastos (el privilegio) */
.gm-en-art b{position:absolute;right:11%;top:12%;transform:rotate(9deg);z-index:2;padding:3px 11px;border-radius:999px;background:#2f8f5b;color:#fff6df;font:900 11px system-ui;letter-spacing:1.4px;box-shadow:0 6px 16px #0008}
/* tute: rey y caballo de oros delante (las 40), con el as de copas y el tres de espadas detrás */
.gm-tu-art b{position:absolute;right:13%;top:12%;transform:rotate(9deg);z-index:2;padding:3px 11px;border-radius:999px;background:#d9433a;color:#fff6df;font:900 11px system-ui;letter-spacing:1.6px;box-shadow:0 6px 16px #0008}
/* tute: contra cuántos bots, a la vista (20/10/2026) */
#vSala .gm-pick{display:flex;gap:8px;margin-bottom:2px}
#vSala .gm-pick-op{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;padding:7px 4px;border-radius:12px;border:1px solid #c5cbe944;background:#101626;color:#c9cad8;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#vSala .gm-pick-op b{font:800 13px system-ui;letter-spacing:.6px;color:#f7f5ff}
#vSala .gm-pick-op small{font:650 10px system-ui;color:#9aa3bd}
#vSala .gm-pick-op.on{border-color:var(--gm-b,#d9433a);background:color-mix(in srgb,var(--gm-b,#d9433a) 22%,#101626);box-shadow:0 0 0 1px var(--gm-b,#d9433a) inset}
#vSala .gm-pick-op.on small{color:#f1e2c4}
/* ponle voz: la imagen y el micro con anillos que laten (20/10/2026) */
#vSala .gm-ponlevoz{background:radial-gradient(ellipse at 50% 20%,#3a1a78,transparent 65%),#140b26}
.gm-pv-art{position:absolute;inset:0}
.gm-pv-foto{position:absolute;left:9%;top:5%;width:42%;max-width:176px;aspect-ratio:1;object-fit:contain;border-radius:16px;background:#ffe3a3;transform:rotate(-8deg);box-shadow:0 16px 30px #0009,0 0 0 3px #ffffff22;animation:gm-pv-flota 4s ease-in-out infinite}
.gm-pv-mic{position:absolute;right:14%;top:16%;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ff86ad,#ff4f8b 55%,#c2185b);box-shadow:0 14px 30px #0009}
.gm-pv-mic::before,.gm-pv-mic::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid #ffd23f;opacity:0;animation:gm-pv-anillo 2s ease-out infinite}
.gm-pv-mic::after{animation-delay:1s}
.gm-pv-mic svg{position:relative;width:42px;height:42px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gm-pv-art b{position:absolute;right:7%;top:4%;transform:rotate(9deg);z-index:2;padding:3px 12px;border-radius:999px;background:#ffd23f;color:#2a1f00;font:900 14px system-ui;letter-spacing:.5px;box-shadow:0 6px 16px #0008}
@keyframes gm-pv-flota{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes gm-pv-anillo{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.7);opacity:0}}
@media (prefers-reduced-motion:reduce){.gm-pv-foto,.gm-pv-mic::before,.gm-pv-mic::after{animation:none}}

/* EL CAPITÁN (20/10/2026): atardecer en el puerto, el Teide al fondo, el velero cabeceando y números que flotan */
#vSala .gm-cap-art{position:absolute;left:50%;top:6%;width:300px;height:210px;translate:-50% 0;border-radius:26px;overflow:hidden;
  background:linear-gradient(180deg,#ff9f6e 0%,#ffd28a 42%,#7cc6e6 62%,#1f8fd6 100%);box-shadow:0 18px 40px #0007}
#vSala .gm-cap-sol{position:absolute;left:62%;top:22%;width:46px;height:46px;border-radius:50%;background:#fff1b8;box-shadow:0 0 40px #ffe08a}
#vSala .gm-cap-teide{position:absolute;left:4%;bottom:38%;width:0;height:0;border-left:70px solid transparent;border-right:90px solid transparent;border-bottom:64px solid #8c6a8f;filter:drop-shadow(0 -2px 0 #fff8)}
#vSala .gm-cap-mar{position:absolute;left:0;right:0;bottom:0;height:40%;background:repeating-linear-gradient(170deg,#1f8fd6 0 10px,#2a9df4 10px 16px);opacity:.9}
#vSala .gm-cap-barco{position:absolute;left:38%;bottom:26%;width:110px;height:110px;animation:gmCapOla 2.6s ease-in-out infinite;transform-origin:50% 90%;z-index:1}
#vSala .gm-cap-vela{position:absolute;left:44px;top:4px;width:0;height:0;border-bottom:72px solid #fff6e4;border-right:52px solid transparent;filter:drop-shadow(-30px 8px 0 #ffe7a8)}
#vSala .gm-cap-casco{position:absolute;left:4px;bottom:8px;width:102px;height:26px;background:#8b5a2b;border-radius:0 0 40px 40px;box-shadow:inset 0 5px 0 #a8743d}
#vSala .gm-cap-num{position:absolute;z-index:2;padding:4px 9px;border-radius:12px;background:#fffaf0;color:#13253a;font:900 17px system-ui;box-shadow:0 0 0 3px var(--c),0 8px 16px #0005;animation:gmCapNum 3.2s ease-in-out infinite}
@keyframes gmCapOla{0%,100%{rotate:-4deg;translate:0 0}50%{rotate:4deg;translate:0 -4px}}
@keyframes gmCapNum{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(prefers-reduced-motion:reduce){#vSala .gm-cap-barco,#vSala .gm-cap-num{animation:none}}

/* LA PARRANDA (21/10/2026): el circuito de casillas de colores, la estrella brillando en medio y el dado botando */
#vSala .gm-pa-art{position:absolute;left:50%;top:6%;width:300px;height:210px;translate:-50% 0;border-radius:26px;overflow:hidden;
  background:radial-gradient(circle at 50% 42%,#7b3fc4 0,#3a1466 48%,#1c0836 100%);box-shadow:0 18px 40px #0007}
#vSala .gm-pa-c{position:absolute;width:28px;height:28px;translate:-50% -50%;border-radius:9px;background:var(--c);box-shadow:inset 0 -5px 0 #0003,0 5px 0 #0005}
#vSala .gm-pa-estrella{position:absolute;left:50%;top:44%;width:62px;height:62px;translate:-50% -50%;background:#ffd23f;
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 12px #ffe58a);animation:gmPaBrilla 2.2s ease-in-out infinite}
#vSala .gm-pa-dado{position:absolute;left:62%;top:52%;width:40px;height:40px;border-radius:10px;box-shadow:inset 0 -5px 0 #d9d2ea,0 10px 16px #0006;animation:gmPaBota 1.5s ease-in-out infinite;
  background:radial-gradient(circle at 26% 26%,#2a0f4a 0 3.4px,transparent 4.4px),radial-gradient(circle at 74% 74%,#2a0f4a 0 3.4px,transparent 4.4px),
  radial-gradient(circle at 74% 26%,#2a0f4a 0 3.4px,transparent 4.4px),radial-gradient(circle at 26% 74%,#2a0f4a 0 3.4px,transparent 4.4px),
  radial-gradient(circle at 50% 50%,#2a0f4a 0 3.4px,transparent 4.4px),#fff}
@keyframes gmPaBrilla{0%,100%{scale:1;rotate:-6deg}50%{scale:1.12;rotate:6deg}}
@keyframes gmPaBota{0%,100%{translate:0 0;rotate:0deg}45%{translate:0 -26px;rotate:160deg}60%{translate:0 -26px;rotate:200deg}}
@media(prefers-reduced-motion:reduce){#vSala .gm-pa-estrella,#vSala .gm-pa-dado{animation:none}}
#vSala .gm-tp-art{position:absolute;left:50%;top:6%;width:300px;height:210px;translate:-50% 0;border-radius:26px;overflow:hidden;
  background:radial-gradient(ellipse at 50% 0,#4b2bb3 0,#22125e 45%,#0d0628 100%);box-shadow:0 18px 40px #0007}
#vSala .gm-tp-art::before{content:"";position:absolute;left:8%;right:8%;top:8%;height:46px;border-radius:12px;background:linear-gradient(#1b3f8f,#0e2361);box-shadow:inset 0 0 0 2px #5ab0ff88,0 0 22px #3d8bff55}
#vSala .gm-tp-cifra{position:absolute;left:0;right:0;top:12%;text-align:center;font:900 26px system-ui;color:#ffd23f;letter-spacing:1px;text-shadow:0 0 14px #ffb800aa}
#vSala .gm-tp-hueco{position:absolute;bottom:18%;left:calc(9% + var(--k) * 21.5%);width:19%;height:52px;border-radius:8px;background:linear-gradient(#3c2a8f,#24186b);
  box-shadow:inset 0 0 0 2px #8f7bff99,0 8px 0 #0a0520}
#vSala .gm-tp-hueco b{position:absolute;left:0;right:0;bottom:-30px;text-align:center;font:800 15px system-ui;color:#fff}
#vSala .gm-tp-abierta{background:#020108;box-shadow:inset 0 10px 18px #000,0 0 0 2px #ff3d5a,0 8px 0 #0a0520;animation:gmTpLuz 1.4s ease-in-out infinite}
#vSala .gm-tp-fajo{position:absolute;left:18%;width:64%;height:12px;border-radius:3px;background:linear-gradient(90deg,#2fa65a 0 30%,#bdf2c9 30% 70%,#2fa65a 70%);box-shadow:0 2px 0 #0b4a24}
#vSala .gm-tp-fajo:nth-of-type(1){bottom:16px}#vSala .gm-tp-fajo:nth-of-type(2){bottom:30px;rotate:-6deg}
#vSala .gm-tp-abierta .gm-tp-fajo{animation:gmTpCae 1.8s ease-in infinite}
#vSala .gm-tp-abierta .gm-tp-fajo:nth-of-type(2){animation-delay:.25s}
@keyframes gmTpCae{0%,30%{translate:0 0;opacity:1}100%{translate:0 70px;rotate:40deg;opacity:0}}
@keyframes gmTpLuz{0%,100%{box-shadow:inset 0 10px 18px #000,0 0 0 2px #ff3d5a,0 8px 0 #0a0520}50%{box-shadow:inset 0 10px 18px #000,0 0 14px 3px #ff3d5a,0 8px 0 #0a0520}}
@media(prefers-reduced-motion:reduce){#vSala .gm-tp-abierta,#vSala .gm-tp-abierta .gm-tp-fajo{animation:none}}
#vSala .gm-si-art{position:absolute;left:50%;top:6%;width:300px;height:210px;translate:-50% 0;border-radius:26px;overflow:hidden;
  background:radial-gradient(ellipse at 50% 0,#2f4ad8 0,#111d6b 45%,#050a26 100%);box-shadow:0 18px 40px #0007}
#vSala .gm-si-art::before{content:"";position:absolute;inset:-20% 30% 30%;background:conic-gradient(from 160deg at 50% 0,transparent,#7aa2ff33,transparent 40deg);filter:blur(4px)}
#vSala .gm-si-esc{position:absolute;left:12%;right:12%;top:7%;display:flex;flex-direction:column;gap:3px}
#vSala .gm-si-pel{display:flex;justify-content:space-between;align-items:center;height:19px;padding:0 10px;border-radius:999px;font:800 12px system-ui;color:#ffcf3f;background:#0a1240cc;box-shadow:inset 0 0 0 1px #3d6bff55}
#vSala .gm-si-pel i{font-style:normal;color:#9fb4ff;font-weight:700}
#vSala .gm-si-seg{color:#fff;box-shadow:inset 0 0 0 1px #ffffffaa}
#vSala .gm-si-yo{background:linear-gradient(90deg,#ff9f1c,#ffcf3f);color:#2a1200;animation:gmSiLuz 1.6s ease-in-out infinite}
#vSala .gm-si-yo i{color:#5a2a00}
#vSala .gm-si-res{position:absolute;left:6%;right:6%;bottom:8%;display:flex;gap:10px}
#vSala .gm-si-res span{flex:1;height:30px;display:flex;align-items:center;gap:8px;padding:0 14px;font:800 13px system-ui;color:#fff;
  background:linear-gradient(#18257a,#0a1240);clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%);box-shadow:inset 0 0 0 2px #7aa2ff}
#vSala .gm-si-res i{font-style:normal;color:#ffcf3f}
#vSala .gm-si-res .gm-si-fija{background:linear-gradient(#ffb340,#ff8a00);color:#2a1200}
#vSala .gm-si-res .gm-si-fija i{color:#2a1200}
@keyframes gmSiLuz{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25);box-shadow:0 0 14px #ffcf3f}}
@media(prefers-reduced-motion:reduce){#vSala .gm-si-yo{animation:none}}

/* MINIGOLF (21/10/2026): green con la bola que rueda hasta el agujero, un molino y el Teide al fondo */
#vSala .gm-mg-art{position:absolute;left:50%;top:6%;width:300px;height:210px;translate:-50% 0;border-radius:26px;overflow:hidden;
  background:linear-gradient(#7fd0ff,#c8ecff 55%);box-shadow:0 18px 40px #0006,inset 0 0 0 3px #ffffff30}
#vSala .gm-mg-mar{position:absolute;left:0;right:0;top:44%;height:20%;background:repeating-linear-gradient(175deg,#1f8fd6 0 8px,#2aa5f0 8px 13px)}
#vSala .gm-mg-teide{position:absolute;left:8%;top:14%;width:0;height:0;border-left:80px solid transparent;border-right:96px solid transparent;border-bottom:64px solid #9a7a92;filter:drop-shadow(0 -3px 0 #fffc)}
#vSala .gm-mg-green{position:absolute;left:-6%;right:-6%;bottom:-18%;height:62%;border-radius:50% 50% 0 0/40% 40% 0 0;
  background:repeating-linear-gradient(100deg,#3fbf4a 0 22px,#4fd35a 22px 44px);box-shadow:inset 0 6px 0 #2a9a36}
#vSala .gm-mg-hoyo{position:absolute;left:66%;bottom:20%;width:30px;height:11px;border-radius:50%;background:#123;box-shadow:0 0 0 3px #fff}
#vSala .gm-mg-palo{position:absolute;left:calc(66% + 14px);bottom:22%;width:3px;height:74px;background:#fff;border-radius:2px}
#vSala .gm-mg-bandera{position:absolute;left:calc(66% + 17px);bottom:calc(22% + 50px);width:34px;height:22px;background:#ff3b30;clip-path:polygon(0 0,100% 50%,0 100%);transform-origin:0 50%;animation:gmMgBand 1.4s ease-in-out infinite}
#vSala .gm-mg-molino{position:absolute;left:12%;bottom:24%;width:64px;height:84px}
#vSala .gm-mg-casa{position:absolute;left:14px;bottom:0;width:36px;height:48px;background:#fff6e8;border-radius:4px 4px 0 0;box-shadow:inset -6px 0 0 #f1dcc0}
#vSala .gm-mg-casa::before{content:'';position:absolute;left:-6px;top:-18px;border-left:24px solid transparent;border-right:24px solid transparent;border-bottom:20px solid #e2483d}
#vSala .gm-mg-aspas{position:absolute;left:32px;top:20px;width:0;height:0;animation:gmMgGira 3s linear infinite}
#vSala .gm-mg-aspas i{position:absolute;left:-4px;top:-34px;width:8px;height:68px;border-radius:4px;background:linear-gradient(#ffd23f,#ff8c42)}
#vSala .gm-mg-aspas i+i{transform:rotate(90deg)}
#vSala .gm-mg-bola{position:absolute;left:8%;bottom:14%;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#dfe6ee);box-shadow:0 3px 4px #0004;animation:gmMgBola 3.4s ease-in-out infinite}
@keyframes gmMgBand{50%{transform:scaleX(.8) skewY(6deg)}}
@keyframes gmMgGira{to{transform:rotate(360deg)}}
@keyframes gmMgBola{0%{left:8%;bottom:14%;opacity:1}70%{left:calc(66% + 7px);bottom:20%;opacity:1}78%{left:calc(66% + 7px);bottom:19%;opacity:0}100%{left:8%;bottom:14%;opacity:0}}
@media(prefers-reduced-motion:reduce){#vSala .gm-mg-bandera,#vSala .gm-mg-aspas,#vSala .gm-mg-bola{animation:none}}

/* A TODO PEDO (21/10/2026): el flotador baja por el tobogán entre rocas rojas y suelta su nube verde */
#vSala .gm-ap-art{position:absolute;left:50%;top:6%;width:300px;height:210px;translate:-50% 0;border-radius:26px;overflow:hidden;
  background:linear-gradient(#5cc8ff,#bdeeff 60%,#fff3c4);box-shadow:0 18px 40px #0006,inset 0 0 0 3px #ffffff30}
#vSala .gm-ap-roca{position:absolute;left:-14px;bottom:30px;width:92px;height:150px;border-radius:18px 26px 6px 6px;
  background:linear-gradient(90deg,#c4502f,#e0743d 55%,#a63f26);box-shadow:inset 0 10px 0 #4fae3c}
#vSala .gm-ap-r2{left:auto;right:-20px;bottom:40px;width:84px;height:120px;border-radius:24px 14px 6px 6px}
#vSala .gm-ap-tobo{position:absolute;left:-10%;right:-10%;bottom:-40px;height:150px;border-radius:50% 50% 0 0/60% 60% 0 0;
  background:#22b8c9;box-shadow:inset 0 0 0 9px #7ef0e6}
#vSala .gm-ap-agua{position:absolute;left:0;right:0;bottom:-30px;height:120px;border-radius:50% 50% 0 0/60% 60% 0 0;
  background:repeating-linear-gradient(100deg,#2f9bf0 0 14px,#55b8ff 14px 22px);background-size:200% 100%;animation:gmApAgua 1.6s linear infinite;opacity:.95}
#vSala .gm-ap-flota{position:absolute;left:50%;bottom:22px;width:120px;height:52px;translate:-50% 0;animation:gmApBota 1.2s ease-in-out infinite}
#vSala .gm-ap-aro{position:absolute;inset:0;border-radius:50%;background:#f4e3b5;box-shadow:inset 0 -6px 0 #d8c08a,0 6px 10px #0003}
#vSala .gm-ap-suelo{position:absolute;left:22%;right:22%;top:24%;bottom:30%;border-radius:50%;background:repeating-linear-gradient(90deg,#3f9a3a 0 9px,#4fb046 9px 11px)}
#vSala .gm-ap-asa{position:absolute;left:4px;top:18px;width:12px;height:14px;border-radius:4px;background:#e8352e}
#vSala .gm-ap-a2{left:auto;right:4px}
#vSala .gm-ap-bicho{position:absolute;left:26px;top:-22px;width:30px;height:32px;border-radius:50% 50% 44% 44%;background:#9b8cf2;box-shadow:inset -5px -4px 0 #7f6fd8}
#vSala .gm-ap-bicho::before,#vSala .gm-ap-bicho::after{content:'';position:absolute;top:9px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:inset 1px 1px 0 2px #111;left:7px}
#vSala .gm-ap-bicho::after{left:17px}
#vSala .gm-ap-b2{left:66px;background:#ff9a3c;box-shadow:inset -5px -4px 0 #e07a20;border-radius:46% 46% 40% 40%}
#vSala .gm-ap-nube{position:absolute;left:calc(50% - 98px);bottom:48px;width:60px;height:50px;animation:gmApNube 1.2s ease-out infinite}
#vSala .gm-ap-nube i{position:absolute;border-radius:50%;background:#9cf53a;opacity:.85;width:28px;height:28px;left:20px;top:18px}
#vSala .gm-ap-nube i+i{width:20px;height:20px;left:4px;top:8px;opacity:.7}
#vSala .gm-ap-nube i+i+i{width:14px;height:14px;left:0;top:30px;opacity:.55}
@keyframes gmApAgua{to{background-position:-200% 0}}
@keyframes gmApBota{50%{transform:translateY(-4px) rotate(-3deg)}}
@keyframes gmApNube{0%{transform:scale(.4);opacity:0}30%{opacity:1}100%{transform:translate(-18px,-10px) scale(1.25);opacity:0}}
@media(prefers-reduced-motion:reduce){#vSala .gm-ap-agua,#vSala .gm-ap-flota,#vSala .gm-ap-nube{animation:none}}
/* PASAPALABRA (21/10/2026): el rosco de 25 letras (verdes las acertadas, una roja, la actual brillando) con el reloj en medio */
#vSala .gm-ro-art{position:absolute;left:50%;top:6%;width:300px;height:210px;translate:-50% 0;border-radius:26px;overflow:hidden;
  background:radial-gradient(circle at 50% 50%,#0f5f86 0,#083a5e 45%,#041d33 100%);box-shadow:0 18px 40px #0007}
#vSala .gm-ro-art::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#33e0d00d 0 2px,transparent 2px 22px)}
#vSala .gm-ro-l{position:absolute;width:21px;height:21px;translate:-50% -50%;border-radius:50%;display:grid;place-items:center;font:800 11px/1 system-ui;font-style:normal;color:#fff;
  background:radial-gradient(circle at 35% 30%,#6fb6ff,#1f6fe0 70%);box-shadow:0 2px 0 #0006}
#vSala .gm-ro-ok{background:radial-gradient(circle at 35% 30%,#8ef0b4,#1fae5c 70%)}
#vSala .gm-ro-mal{background:radial-gradient(circle at 35% 30%,#ff9a9a,#d93030 70%)}
#vSala .gm-ro-yo{width:28px;height:28px;font-size:14px;background:radial-gradient(circle at 35% 30%,#ffe9a0,#f0b400 70%);color:#3a2600;animation:gmRoLuz 1.2s ease-in-out infinite}
#vSala .gm-ro-centro{position:absolute;left:50%;top:50%;translate:-50% -50%;text-align:center;color:#fff}
#vSala .gm-ro-centro b{display:block;font:900 34px/1 system-ui;color:#ffcf3f;text-shadow:0 0 14px #ffb80088}
#vSala .gm-ro-centro small{display:block;margin-top:6px;font:800 9px system-ui;letter-spacing:1.5px;color:#9be8ff}
@keyframes gmRoLuz{0%,100%{box-shadow:0 0 0 2px #fff8,0 0 10px 2px #ffd34d}50%{box-shadow:0 0 0 2px #fff,0 0 20px 6px #ffd34d}}
@media(prefers-reduced-motion:reduce){#vSala .gm-ro-yo{animation:none}}
/* RULETA DE LA FORTUNA (21/10/2026): la rueda de colores girando en un plató rojo y dorado, con la flecha arriba */
#vSala .gm-rd-art{position:absolute;left:50%;top:6%;width:300px;height:210px;translate:-50% 0;border-radius:26px;overflow:hidden;
  background:radial-gradient(ellipse at 50% 20%,#c23a1e 0,#7a1010 45%,#2a0505 100%);box-shadow:0 18px 40px #0007}
#vSala .gm-rd-luces{position:absolute;left:0;right:0;top:8px;height:10px;background:radial-gradient(circle,#ffe08a 0 3px,transparent 4px) 0 0/20px 10px repeat-x;filter:drop-shadow(0 0 4px #ffcf3f);animation:gmRdLuces 1s steps(2) infinite}
#vSala .gm-rd-rueda{position:absolute;left:50%;top:58%;width:168px;height:168px;translate:-50% -50%;border-radius:50%;
  background:repeating-conic-gradient(#fff8 0 .8deg,transparent .8deg 30deg),conic-gradient(#e53935 0 30deg,#ffb300 0 60deg,#1e88e5 0 90deg,#43a047 0 120deg,#fb8c00 0 150deg,#111 0 180deg,#00acc1 0 210deg,#fdd835 0 240deg,#d81b60 0 270deg,#7cb342 0 300deg,#f4511e 0 330deg,#3949ab 0 360deg);
  box-shadow:0 0 0 6px #ffcf3f,0 0 0 9px #8a5a00,0 14px 30px #000a;animation:gmRdGira 5s cubic-bezier(.15,.75,.2,1) infinite}
#vSala .gm-rd-eje{position:absolute;left:50%;top:50%;width:34px;height:34px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#e0a800 70%);box-shadow:0 0 0 3px #8a5a00}
#vSala .gm-rd-flecha{position:absolute;left:50%;top:22px;width:26px;height:30px;translate:-50% 0;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 3px 0 #0007)}
@keyframes gmRdGira{0%{rotate:0deg}75%,100%{rotate:735deg}}
@keyframes gmRdLuces{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){#vSala .gm-rd-rueda,#vSala .gm-rd-luces{animation:none}}
/* títulos largos: PASAPALABRA (11 letras) y LA RULETA no caben a 58px en un móvil de 390 */
#vSala .gm-rosco .gm-hero h1{font-size:35px;letter-spacing:-1.2px}
#vSala .gm-rueda .gm-hero h1{font-size:43px;letter-spacing:-1.7px}
@media(max-height:730px) and (orientation:portrait){#vSala .gm-rosco .gm-hero h1{font-size:28px}#vSala .gm-rueda .gm-hero h1{font-size:34px}}
@media(orientation:landscape) and (max-height:549px){#vSala .gm-rosco .gm-hero h1{font-size:30px}#vSala .gm-rueda .gm-hero h1{font-size:36px}}
/* EL PRECIO JUSTO (22/10/2026): plató de los 80-90 con bombillas, el cartel de dígitos con el precio y la etiqueta */
#vSala .gm-pj-art{position:absolute;left:50%;top:6%;width:300px;height:210px;translate:-50% 0;border-radius:26px;overflow:hidden;
  background:radial-gradient(ellipse at 50% 15%,#ff8a2a 0,#c2410c 40%,#3a1204 100%);box-shadow:0 18px 40px #0007}
#vSala .gm-pj-art::before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 120%,#ffd23f14 0 6deg,transparent 6deg 12deg)}
#vSala .gm-pj-luces{position:absolute;inset:8px;border-radius:20px;background:
  radial-gradient(circle,#ffe08a 0 3px,transparent 4px) 0 0/20px 20px repeat-x,
  radial-gradient(circle,#ffe08a 0 3px,transparent 4px) 0 100%/20px 20px repeat-x;filter:drop-shadow(0 0 4px #ffcf3f);animation:gmPjLuces 1s steps(2) infinite}
#vSala .gm-pj-cartel{position:absolute;left:50%;top:50%;translate:-50% -50%;padding:10px 14px 12px;border-radius:14px;text-align:center;
  background:linear-gradient(#1c0b05,#2b1208);box-shadow:0 0 0 4px #ffd23f,0 0 0 7px #8a3a00,0 10px 24px #000a}
#vSala .gm-pj-cartel small{display:block;font:800 9px system-ui;letter-spacing:2px;color:#2ec4b6;margin-bottom:6px}
#vSala .gm-pj-cartel b{display:flex;gap:4px;justify-content:center;align-items:center}
#vSala .gm-pj-cartel b i{width:30px;height:42px;border-radius:6px;display:grid;place-items:center;font:900 30px/1 ui-monospace,monospace;font-style:normal;
  color:#ffb21a;background:#0b0402;text-shadow:0 0 10px #ff9a1a;box-shadow:inset 0 0 0 1px #ffffff14;animation:gmPjDigito 2.4s ease-in-out infinite}
#vSala .gm-pj-cartel b i:nth-child(2){animation-delay:.15s}#vSala .gm-pj-cartel b i:nth-child(3){animation-delay:.3s}#vSala .gm-pj-cartel b i:nth-child(4){animation-delay:.45s}
#vSala .gm-pj-cartel em{font:900 26px/1 system-ui;font-style:normal;color:#ffd23f;margin-left:2px}
#vSala .gm-pj-tag{position:absolute;right:18px;top:24px;width:44px;height:30px;display:grid;place-items:center;font:900 18px system-ui;font-style:normal;color:#3a1204;
  background:#ffd23f;clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%);rotate:14deg;filter:drop-shadow(0 3px 0 #0006)}
@keyframes gmPjLuces{50%{opacity:.45}}
@keyframes gmPjDigito{0%,70%,100%{translate:0 0}80%{translate:0 -3px}}
@media(prefers-reduced-motion:reduce){#vSala .gm-pj-luces,#vSala .gm-pj-cartel b i{animation:none}}
#vSala .gm-precio .gm-hero h1{font-size:34px;letter-spacing:-1.2px}
@media(max-height:730px) and (orientation:portrait){#vSala .gm-precio .gm-hero h1{font-size:28px}}
@media(orientation:landscape) and (max-height:549px){#vSala .gm-precio .gm-hero h1{font-size:30px}}
/* ¿QUÉ PREFIERES? (22/10/2026): el botón rojo y el azul enfrentados, con la O en medio y el % que se llena */
#vSala .gm-qp-art{position:absolute;left:50%;top:5%;width:290px;height:220px;translate:-50% 0}
#vSala .gm-qp-boton{position:absolute;left:0;right:0;height:96px;border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;
  padding:0 22px;color:#fff;box-shadow:0 8px 0 #0005,0 16px 30px #0006;animation:gmQpBota 2.6s ease-in-out infinite}
#vSala .gm-qp-boton::before{content:"";position:absolute;inset:0 auto 0 0;width:0;background:#ffffff2e;animation:gmQpLlena 2.6s ease-in-out infinite}
#vSala .gm-qp-rojo{top:0;background:linear-gradient(135deg,#ff6a76,#ff3b4e 55%,#c81e33)}
#vSala .gm-qp-azul{bottom:0;background:linear-gradient(135deg,#6aa4ff,#2f7bff 55%,#1a4fc0);animation-delay:-1.3s}
#vSala .gm-qp-azul::before{animation-delay:-1.3s}
#vSala .gm-qp-boton span{position:relative;font:900 21px/1.1 system-ui;letter-spacing:-.4px;text-shadow:0 2px 0 #0003}
#vSala .gm-qp-boton b{position:relative;font:900 30px/1 system-ui;opacity:.92}
#vSala .gm-qp-o{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  font:900 24px system-ui;font-style:normal;color:#14161c;background:#fff;box-shadow:0 0 0 6px #14161c,0 8px 20px #0008}
@keyframes gmQpBota{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes gmQpLlena{0%{width:0}60%,100%{width:100%}}
@media(prefers-reduced-motion:reduce){#vSala .gm-qp-boton,#vSala .gm-qp-boton::before{animation:none}}
#vSala .gm-prefieres .gm-hero h1{font-size:34px;letter-spacing:-1.2px}
@media(max-height:730px) and (orientation:portrait){#vSala .gm-prefieres .gm-hero h1{font-size:28px}}
@media(orientation:landscape) and (max-height:549px){#vSala .gm-prefieres .gm-hero h1{font-size:30px}}
/* PALABRA DEL DÍA (22/10/2026): fichas que se voltean en verde y amarillo sobre un verde bosque cálido (nada de violeta) */
#vSala:has(.gm-palabra){background:#10251a}
#vSala .gm-home.gm-palabra{background:radial-gradient(ellipse at 50% 18%,#2f6b3a,transparent 62%),radial-gradient(circle at 90% 85%,#3a3410,transparent 40%),#10251a}
#vSala .gm-pd-art{position:absolute;left:50%;top:6%;translate:-50% 0;display:flex;flex-direction:column;gap:8px}
#vSala .gm-pd-fila{display:flex;gap:8px}
#vSala .gm-pd-fila i{width:50px;height:50px;border-radius:9px;display:grid;place-items:center;font:900 27px/1 ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;
  font-style:normal;color:#fff;background:#fbf6ea;box-shadow:0 4px 0 #0005;animation:gmPdGira 4.4s ease-in-out infinite both}
#vSala .gm-pd-fila i.gm-pd-v{--c:#2e9e4f;--s:#1f7a3a}
#vSala .gm-pd-fila i.gm-pd-a{--c:#e9b824;--s:#b98a0c}
#vSala .gm-pd-fila i.gm-pd-g{--c:#8d9188;--s:#6c7068}
#vSala .gm-pd-vacia i{background:transparent;border:2.5px solid #fbf6ea55;box-shadow:none;animation:none}
@keyframes gmPdGira{0%,6%{transform:rotateX(0);background:#fbf6ea;color:#1f3a24;box-shadow:0 4px 0 #0005}
  12%{transform:rotateX(-90deg);background:#fbf6ea;color:#1f3a24}13%{background:var(--c);color:#fff}
  18%,88%{transform:rotateX(0);background:var(--c);color:#fff;box-shadow:0 4px 0 var(--s)}
  94%{transform:rotateX(-90deg);background:var(--c);color:#fff}95%,100%{transform:rotateX(0);background:#fbf6ea;color:#1f3a24}}
@media(prefers-reduced-motion:reduce){#vSala .gm-pd-fila i{animation:none;background:var(--c,#fbf6ea)}}
#vSala .gm-palabra .gm-hero h1{font-size:34px;letter-spacing:-1.2px}
@media(max-height:730px) and (orientation:portrait){#vSala .gm-palabra .gm-hero h1{font-size:28px}}
@media(orientation:landscape) and (max-height:549px){#vSala .gm-palabra .gm-hero h1{font-size:30px}}
/* LA GUILLOTINA (22/10/2026): la guillotina de madera con la cuchilla que sube y baja, el billete en el tajo y el guante que
   entra cuando la cuchilla está arriba. Rojo, dorado y negro (nada de violeta) */
#vSala:has(.gm-guillotina){background:#140406}
#vSala .gm-home.gm-guillotina{background:radial-gradient(ellipse at 50% 16%,#7a0a12,transparent 62%),radial-gradient(circle at 88% 86%,#3a2a08,transparent 40%),#140406}
#vSala .gm-gu-art{position:absolute;left:50%;top:4%;width:260px;height:230px;translate:-50% 0}
#vSala .gm-gu-art i{position:absolute;display:block;font-style:normal}
#vSala .gm-gu-luces{inset:-6px 6px auto;height:150px;border-radius:130px 130px 0 0;border:3px solid #2a0205;border-bottom:0;
  background:radial-gradient(circle,#ffe08a 0 3px,transparent 4px) 0 0/18px 18px;-webkit-mask:radial-gradient(ellipse 50% 100% at 50% 100%,transparent 86%,#000 87%);
  mask:radial-gradient(ellipse 50% 100% at 50% 100%,transparent 86%,#000 87%);filter:drop-shadow(0 0 4px #ffb640);animation:gmGuLuces .8s steps(2) infinite}
#vSala .gm-gu-poste{left:58px;top:34px;width:16px;height:162px;border-radius:3px;background:linear-gradient(90deg,#7a3a1c,#5b2412 60%,#3a1408);box-shadow:0 6px 0 #0006}
#vSala .gm-gu-poste::after{content:"";position:absolute;left:50%;top:-14px;width:18px;height:18px;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#f2c14e 55%,#a87814)}
#vSala .gm-gu-p2{left:186px}
#vSala .gm-gu-trav{left:48px;top:30px;width:164px;height:18px;border-radius:4px;background:linear-gradient(#7a0a10,#3a0306);box-shadow:inset 0 0 0 2px #f2c14e,0 4px 0 #0006}
#vSala .gm-gu-hoja{left:76px;top:52px;width:108px;height:56px;background:linear-gradient(160deg,#ffffff,#c9d1dc 45%,#8e98a6);
  clip-path:polygon(0 0,100% 0,100% 62%,0 100%);border-top:12px solid #231c1e;animation:gmGuHoja 2.4s cubic-bezier(.55,0,1,.45) infinite}
#vSala .gm-gu-tajo{left:52px;top:176px;width:156px;height:34px;border-radius:5px;background:linear-gradient(#8a4a22,#5b2412);box-shadow:0 8px 0 #0007,inset 0 3px 0 #ffffff22}
#vSala .gm-gu-billete{left:98px;top:166px;width:64px;height:16px;border-radius:3px;background:linear-gradient(#fff1b8,#f4cf5c 50%,#d9a22c);border:2px solid #a40f18;
  display:grid;place-items:center;animation:gmGuBillete 2.4s ease-in-out infinite}
#vSala .gm-gu-billete b{font:900 8.5px/1 system-ui;color:#5a0408}
#vSala .gm-gu-mano{left:114px;top:186px;width:34px;height:30px;border-radius:12px 12px 15px 15px;background:#fbfaf6;box-shadow:0 0 0 2.5px #1a0c0c,0 6px 0 #0006;
  animation:gmGuMano 2.4s ease-in-out infinite}
#vSala .gm-gu-mano i{top:-12px;width:7px;height:16px;border-radius:4px;background:#fbfaf6;box-shadow:0 0 0 2.5px #1a0c0c}
#vSala .gm-gu-mano i:nth-child(1){left:2px}#vSala .gm-gu-mano i:nth-child(2){left:10px;top:-15px}#vSala .gm-gu-mano i:nth-child(3){left:18px;top:-14px}#vSala .gm-gu-mano i:nth-child(4){left:26px;top:-10px}
@keyframes gmGuHoja{0%,8%{translate:0 0}24%,36%{translate:0 66px}60%,100%{translate:0 0}}
@keyframes gmGuMano{0%,58%{translate:0 34px;opacity:0}66%{translate:0 0;opacity:1}76%{translate:0 -6px}90%,100%{translate:0 34px;opacity:0}}
@keyframes gmGuBillete{0%,68%{translate:0 0;opacity:1}78%{translate:0 -10px;opacity:1}88%{translate:0 30px;opacity:0}96%,100%{translate:0 0;opacity:1}}
@keyframes gmGuLuces{50%{opacity:.5}}
@media(prefers-reduced-motion:reduce){#vSala .gm-gu-hoja,#vSala .gm-gu-mano,#vSala .gm-gu-billete,#vSala .gm-gu-luces{animation:none}}
#vSala .gm-guillotina .gm-hero h1{font-size:34px;letter-spacing:-1.2px}
@media(max-height:730px) and (orientation:portrait){#vSala .gm-guillotina .gm-hero h1{font-size:28px}}
@media(orientation:landscape) and (max-height:549px){#vSala .gm-guillotina .gm-hero h1{font-size:30px}}
/* 2048 (22/10/2026): el tablero de noche con las fichas gruesas que suben de temperatura (del azul hielo al oro que
   quema). Un 4 viene de la derecha, choca con el otro 4 y se funden en un 8 con su pop. Nada de los colores del 2048 original */
#vSala:has(.gm-dosmil){background:#0b1328}
#vSala .gm-home.gm-dosmil{background:radial-gradient(ellipse at 50% 16%,#22386e,transparent 62%),radial-gradient(circle at 88% 86%,#4a2a10,transparent 40%),#0b1328}
#vSala .gm-dm-art{position:absolute;left:50%;top:5%;translate:-50% 0;width:206px;height:206px;border-radius:18px;background:#18244a;
  box-shadow:0 7px 0 #0a1230,0 16px 30px #0008,inset 0 0 0 2px #2c3d72;--p:48px}
#vSala .gm-dm-art i{position:absolute;display:block;font-style:normal;left:calc(6px + var(--c) * (var(--p) + 2px));top:calc(6px + var(--f) * (var(--p) + 2px));
  width:var(--p);height:var(--p);border-radius:10px}
#vSala .gm-dm-cel{background:#223360;box-shadow:inset 0 3px 0 #0006}
#vSala .gm-dm-t{display:grid!important;place-items:center;height:calc(var(--p) - 4px)!important;font:900 20px/1 ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;
  background:var(--b);color:var(--x);box-shadow:0 4px 0 var(--e),inset 0 3px 0 #fff8,inset 0 -3px 0 #0002}
#vSala .gm-dm-4{--b:#b9ecf8;--e:#6cc0d8;--x:#0f4a5c}
#vSala .gm-dm-8{--b:#74e3d3;--e:#2ea595;--x:#08403a}
#vSala .gm-dm-16{--b:#86e07a;--e:#3f9c3b;--x:#123d10}
#vSala .gm-dm-32{--b:#d4ea52;--e:#93a51d;--x:#34400a}
#vSala .gm-dm-64{--b:#ffe04a;--e:#c4a20c;--x:#4d3b00}
#vSala .gm-dm-128{--b:#ffb938;--e:#c77c0b;--x:#4a2800;font-size:16px!important}
#vSala .gm-dm-256{--b:#ff8a2e;--e:#c4560e;--x:#fff;font-size:16px!important}
#vSala .gm-dm-512{--b:#ff5a33;--e:#b5300f;--x:#fff;font-size:16px!important}
#vSala .gm-dm-2048{--b:linear-gradient(#fffbe3,#ffd23f);--e:#c9940a;--x:#7a3200;font-size:13px!important;
  box-shadow:0 4px 0 var(--e),inset 0 3px 0 #fff,0 0 16px #ffd23faa!important;animation:gmDmBrilla 1.8s ease-in-out infinite}
#vSala .gm-dm-a{animation:gmDmA 3.2s ease-in-out infinite}
#vSala .gm-dm-b{animation:gmDmB 3.2s ease-in-out infinite}
#vSala .gm-dm-c{opacity:0;animation:gmDmC 3.2s ease-in-out infinite}
#vSala .gm-dm-mas{position:absolute;left:12px;top:-4px;font:900 15px/1 ui-rounded,system-ui,sans-serif;color:#ffe04a;opacity:0;animation:gmDmMas 3.2s ease-out infinite;text-shadow:0 2px 0 #0008}
@keyframes gmDmA{0%,30%{translate:0 0;opacity:1}46%{translate:-150px 0;opacity:1}47%,94%{translate:-150px 0;opacity:0}95%{translate:0 0;opacity:0;scale:.3}100%{opacity:1;scale:1}}
@keyframes gmDmB{0%,46%{opacity:1}47%,94%{opacity:0}95%{opacity:0;scale:.3}100%{opacity:1;scale:1}}
@keyframes gmDmC{0%,46%{opacity:0;scale:1}47%{opacity:1;scale:1}55%{scale:1.22}64%,90%{opacity:1;scale:1}94%,100%{opacity:0}}
@keyframes gmDmMas{0%,47%{opacity:0;translate:0 0}52%{opacity:1}80%,100%{opacity:0;translate:0 -26px}}
@keyframes gmDmBrilla{50%{filter:brightness(1.12);box-shadow:0 4px 0 #c9940a,inset 0 3px 0 #fff,0 0 26px #ffd23f}}
@media(prefers-reduced-motion:reduce){#vSala .gm-dm-a,#vSala .gm-dm-b,#vSala .gm-dm-c,#vSala .gm-dm-mas,#vSala .gm-dm-2048{animation:none}}
#vSala .gm-dosmil .gm-hero h1{font-size:44px;letter-spacing:-1px}
@media(max-height:730px) and (orientation:portrait){#vSala .gm-dosmil .gm-hero h1{font-size:36px}#vSala .gm-dm-art{scale:.86;transform-origin:50% 0}}
@media(orientation:landscape) and (max-height:549px){#vSala .gm-dosmil .gm-hero h1{font-size:34px}}

/* BOGGLE, WATER SORT y PARKING JAM (23/10/2026): cada uno con su color (nada de violeta). */
#vSala:has(.gm-boggle){background:#163a20}
#vSala .gm-home.gm-boggle{background:radial-gradient(ellipse at 50% 14%,#2f6b3d,transparent 62%),#163a20}
#vSala .gm-bo-art{position:absolute;left:50%;top:5%;translate:-50% 0;width:206px;height:206px;border-radius:20px;background:#24552f;
  box-shadow:0 7px 0 #0f2a16,0 16px 30px #0008,inset 0 0 0 3px #3f8a50;--p:44px}
#vSala .gm-bo-art i{position:absolute;display:grid!important;place-items:center;font:900 22px/1 ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;
  left:calc(9px + var(--c) * (var(--p) + 4px));top:calc(9px + var(--f) * (var(--p) + 4px));width:var(--p);height:calc(var(--p) - 4px)!important;
  border-radius:10px;background:#f3e3b5;color:#1f4d2b;box-shadow:0 4px 0 #c9b27a;font-style:normal}
#vSala .gm-bo-on{animation:gmBoOn 3.4s ease-in-out infinite}
#vSala .gm-bo-1{animation-delay:.35s}#vSala .gm-bo-2{animation-delay:.7s}#vSala .gm-bo-3{animation-delay:1.05s}
@keyframes gmBoOn{0%,8%{background:#f3e3b5}14%,70%{background:#ffd166;translate:0 -3px}80%,100%{background:#f3e3b5;translate:0 0}}

#vSala:has(.gm-watersort){background:#0b1d22}
#vSala .gm-home.gm-watersort{background:radial-gradient(ellipse at 50% 14%,#1d4a52,transparent 62%),#0b1d22}
#vSala .gm-ws-art{position:absolute;left:50%;top:6%;translate:-50% 0;width:210px;height:200px}
#vSala .gm-ws-tubo{position:absolute;bottom:0;width:42px;height:150px;border:3px solid #cdeff4;border-top:none;border-radius:0 0 21px 21px;
  display:flex!important;flex-direction:column-reverse;overflow:hidden;background:#ffffff0d}
#vSala .gm-ws-tubo b{display:block;height:34px;background:var(--c);flex:none}
#vSala .gm-ws-1{left:6px;transform-origin:50% 0;animation:gmWsVierte 4s ease-in-out infinite}
#vSala .gm-ws-2{left:84px}#vSala .gm-ws-3{left:162px}
#vSala .gm-ws-va{animation:gmWsVa 4s ease-in-out infinite}
#vSala .gm-ws-llega{animation:gmWsLlega 4s ease-in-out infinite}
#vSala .gm-ws-chorro{position:absolute;left:103px;top:2px;width:5px;height:0;border-radius:3px;background:#ffd60a;animation:gmWsChorro 4s ease-in-out infinite}
@keyframes gmWsVierte{0%,12%{translate:0 0;rotate:0deg}26%,56%{translate:58px -42px;rotate:68deg}70%,100%{translate:0 0;rotate:0deg}}
@keyframes gmWsVa{0%,30%{height:34px}52%,100%{height:0}}
@keyframes gmWsLlega{0%,30%{height:0}52%,92%{height:34px}100%{height:0}}
@keyframes gmWsChorro{0%,28%{height:0;opacity:0}32%,50%{height:110px;opacity:1}56%,100%{height:0;opacity:0}}

#vSala:has(.gm-parkingjam){background:#173447}
#vSala .gm-home.gm-parkingjam{background:radial-gradient(ellipse at 50% 14%,#2b5a78,transparent 62%),#173447}
#vSala .gm-pq-art{position:absolute;left:50%;top:5%;translate:-50% 0;width:206px;height:206px;border-radius:16px;background:#4f6573;
  box-shadow:0 7px 0 #2a3b46,0 16px 30px #0008;overflow:hidden;
  background-image:linear-gradient(#ffffff26 2px,transparent 2px),linear-gradient(90deg,#ffffff26 2px,transparent 2px);background-size:51.5px 51.5px}
#vSala .gm-pq-c{position:absolute;display:block;border-radius:9px;box-shadow:0 5px 0 #0005,inset 0 0 0 10px #ffffff22}
#vSala .gm-pq-am{left:8px;top:58px;width:92px;height:38px;background:#ffc845;animation:gmPqSale 3.6s ease-in infinite}
#vSala .gm-pq-az{left:110px;top:8px;width:38px;height:92px;background:#4aa8ff}
#vSala .gm-pq-ro{left:60px;top:110px;width:92px;height:38px;background:#ff6b5a}
#vSala .gm-pq-bl{left:160px;top:110px;width:38px;height:88px;background:#f6f1e7}
#vSala .gm-pq-cono{position:absolute;left:20px;top:160px;width:0;height:0;border:14px solid transparent;border-bottom:30px solid #ff8a1f;border-top:0}
@keyframes gmPqSale{0%,25%{translate:0 0}32%{translate:-14px 0}40%{translate:0 0}48%,60%{translate:0 0;opacity:1}78%{translate:-140px 0;opacity:1}79%,92%{translate:-140px 0;opacity:0}100%{translate:0 0;opacity:1}}
@media(prefers-reduced-motion:reduce){#vSala .gm-bo-on,#vSala .gm-ws-1,#vSala .gm-ws-va,#vSala .gm-ws-llega,#vSala .gm-ws-chorro,#vSala .gm-pq-am{animation:none}}
@media(max-height:730px) and (orientation:portrait){#vSala .gm-bo-art,#vSala .gm-ws-art,#vSala .gm-pq-art{scale:.86;transform-origin:50% 0}}

/* SUDOKU y SOPA DE LETRAS (23/10/2026): cuaderno azul y coral / terracota y dorado (nada de violeta). */
#vSala:has(.gm-sudoku){background:#14275c}
#vSala .gm-home.gm-sudoku{background:radial-gradient(ellipse at 50% 14%,#2d4b9a,transparent 62%),#14275c}
#vSala .gm-sd-art{position:absolute;left:50%;top:5%;translate:-50% 0;width:198px;height:198px;border-radius:12px;background:#fff;
  border:4px solid #1e3a8a;box-shadow:0 8px 0 #0c1a40,0 16px 30px #0008;display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}
#vSala .gm-sd-art i{display:grid!important;place-items:center;font:900 44px/1 ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;color:#1e3a8a;
  font-style:normal;box-shadow:inset -1px -1px 0 #b9c4dc;height:auto!important}
#vSala .gm-sd-art i.gm-sd-r{color:#ff6b5a;animation:gmSdEscribe 3.2s ease-in-out infinite}
#vSala .gm-sd-lapiz{position:absolute;left:112px;top:52px;width:16px;height:96px;border-radius:3px;background:linear-gradient(90deg,#ff8170,#e04f3e);
  rotate:28deg;transform-origin:50% 100%;animation:gmSdLapiz 3.2s ease-in-out infinite}
#vSala .gm-sd-lapiz::after{content:"";position:absolute;left:0;bottom:-14px;border:8px solid transparent;border-top:14px solid #f3d3a4;border-bottom:0}
@keyframes gmSdEscribe{0%,20%{opacity:0;scale:.6}35%,85%{opacity:1;scale:1}100%{opacity:0}}
@keyframes gmSdLapiz{0%,10%{translate:24px -30px;opacity:0}20%{opacity:1}22%,32%{translate:0 0}26%{translate:-5px 3px}29%{translate:4px -2px}45%,100%{translate:40px -40px;opacity:0}}

#vSala:has(.gm-sopa){background:#7a2e14}
#vSala .gm-home.gm-sopa{background:radial-gradient(ellipse at 50% 14%,#b94924,transparent 62%),#7a2e14}
#vSala .gm-sp-art{position:absolute;left:50%;top:5%;translate:-50% 0;width:216px;height:186px;border-radius:18px;background:#fff6e9;
  box-shadow:0 7px 0 #4d1c0c,0 16px 30px #0008;--p:38px}
#vSala .gm-sp-art i{position:absolute;display:grid!important;place-items:center;font:900 24px/1 ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;
  left:calc(13px + var(--c) * var(--p));top:calc(17px + var(--f) * var(--p));width:var(--p);height:var(--p)!important;color:#7a2e14;font-style:normal;z-index:1}
#vSala .gm-sp-capsula{position:absolute;left:51px;top:57px;height:34px;width:34px;border-radius:17px;background:#ffc65b;
  animation:gmSpCapsula 3.6s ease-in-out infinite}
@keyframes gmSpCapsula{0%,12%{width:34px;opacity:0}20%{opacity:1}48%,82%{width:148px;opacity:1}92%,100%{width:148px;opacity:0}}
@media(prefers-reduced-motion:reduce){#vSala .gm-sd-r,#vSala .gm-sd-lapiz,#vSala .gm-sp-capsula{animation:none}}
@media(max-height:730px) and (orientation:portrait){#vSala .gm-sd-art,#vSala .gm-sp-art{scale:.86;transform-origin:50% 0}}

/* GATOS CONTRA ZOMBIS (23/10/2026): césped y atardecer (nada de violeta); la portada de Astra y una mano de zombi que asoma. */
#vSala:has(.gm-gatoszombis){background:#1d3a14}
#vSala .gm-home.gm-gatoszombis{background:radial-gradient(ellipse at 50% 14%,#4e8f25,transparent 62%),#1d3a14}
#vSala .gm-gz-art{position:absolute;left:50%;top:4%;translate:-50% 0;width:210px;height:210px;border-radius:26px;overflow:hidden;
  box-shadow:0 8px 0 #10240a,0 16px 30px #0008;animation:gmGzRespira 3.4s ease-in-out infinite}
#vSala .gm-gz-art img{width:100%;height:100%;display:block}
#vSala .gm-gz-mano{position:absolute;right:16px;bottom:-30px;width:26px;height:56px;border-radius:12px 12px 4px 4px;background:#7fae6b;
  box-shadow:inset -5px 0 0 #5e8f4c;animation:gmGzMano 3.4s ease-in-out infinite}
#vSala .gm-gz-mano::before{content:"";position:absolute;left:-6px;top:-10px;width:38px;height:18px;border-radius:9px 9px 6px 6px;background:#7fae6b}
@keyframes gmGzRespira{0%,100%{scale:1}50%{scale:1.03}}
@keyframes gmGzMano{0%,30%{translate:0 0}45%,70%{translate:0 -34px}62%{rotate:8deg}85%,100%{translate:0 0}}
@media(prefers-reduced-motion:reduce){#vSala .gm-gz-art,#vSala .gm-gz-mano{animation:none}}
@media(max-height:730px) and (orientation:portrait){#vSala .gm-gz-art{scale:.86;transform-origin:50% 0}}
