@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url("./media/alfa-slab-one-latin-400-normal-M27AMMB4.woff2") format("woff2"),url("./media/alfa-slab-one-latin-400-normal-TYUJTJ67.woff") format("woff")}:root{--noche: #10152a;--gabinete: #1a2140;--laca: #242e57;--borde: #6478b0;--borde-tenue: #33406a;--marfil: #f4efe2;--tenue: #a3b0cd;--j1: #ffb347;--j2: #56c4b4;--brasa: #e8584a;--brasa-texto: #ff8078;--r: 3px;--esp: clamp(1rem, 3vw, 1.75rem);--display: "Alfa Slab One", Georgia, "Times New Roman", serif;--tipo: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,arcade-raiz{height:100%}body{margin:0;background:radial-gradient(120% 70% at 50% -10%,#1d2649 0%,var(--noche) 62%),var(--noche);background-attachment:fixed;color:var(--marfil);font-family:var(--tipo);font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%;overscroll-behavior:none}h1,h2{margin:0;font-family:var(--display);font-weight:400;line-height:1.08;letter-spacing:.005em}h1{font-size:clamp(2.1rem,7vw,3.4rem)}h2{font-size:clamp(1.3rem,3.8vw,1.75rem)}h3{margin:0;font-size:.95rem;font-weight:700}p{margin:0 0 .75em;max-width:64ch}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--borde);background:var(--laca);border-radius:var(--r);padding:.6rem 1rem;transition:background-color .12s ease,border-color .12s ease,transform 90ms ease}button:hover:not(:disabled){background:#2b3668;border-color:var(--j1)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}input{font:inherit;color:var(--marfil);background:var(--noche);border:1px solid var(--borde);border-radius:var(--r);padding:.62rem .75rem;width:100%}input::placeholder{color:var(--tenue)}label{display:block;font-size:.88rem;color:var(--tenue);margin-bottom:.3rem}:focus-visible{outline:2px solid var(--j1);outline-offset:2px}.primario{background:var(--j1);border-color:var(--j1);color:var(--gabinete);font-weight:700}.primario:hover:not(:disabled){background:#ffc46b;border-color:#ffc46b}.marquesina{position:relative;border-radius:6px 6px var(--r) var(--r);border:1px solid var(--borde-tenue);background:linear-gradient(180deg,#2a3462 0%,var(--gabinete) 100%);padding:.9rem 1.25rem;text-align:center;overflow:hidden}.focos{display:flex;justify-content:space-between;gap:.4rem}.focos i{flex:1 1 0;max-width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#59648f,#2c355c)}.marquesina[data-encendida=si]{border-color:var(--j1)}.marquesina[data-encendida=si] .focos i{background:radial-gradient(circle at 35% 30%,#fff3dc,var(--j1));box-shadow:0 0 9px #ffb347bf;animation:chispa 1.5s linear infinite}.marquesina[data-encendida=si] .focos i:nth-child(6n+2){animation-delay:.25s}.marquesina[data-encendida=si] .focos i:nth-child(6n+3){animation-delay:.5s}.marquesina[data-encendida=si] .focos i:nth-child(6n+4){animation-delay:.75s}.marquesina[data-encendida=si] .focos i:nth-child(6n+5){animation-delay:1s}.marquesina[data-encendida=si] .focos i:nth-child(6n+6){animation-delay:1.25s}@keyframes chispa{0%,to{opacity:1}50%{opacity:.32}}.marquesina .rotulo{font-family:var(--display);font-size:clamp(1.5rem,5.5vw,2.6rem);line-height:1.12;margin:.6rem 0;max-width:none;color:var(--marfil)}.marquesina[data-encendida=si] .rotulo{color:#fff1d8;text-shadow:0 0 26px rgba(255,179,71,.55)}.marquesina .pie{font-size:.86rem;color:var(--tenue);margin:0 0 .4rem;max-width:none}.marquesina[data-nueva=si]{animation:colgar .62s cubic-bezier(.2,.8,.3,1)}@keyframes colgar{0%{opacity:0;transform:translateY(-18px) rotate(-1.2deg)}60%{opacity:1;transform:translateY(2px) rotate(.3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.marco{min-height:100%;display:flex;flex-direction:column;max-width:1180px;margin:0 auto;padding:var(--esp);gap:var(--esp)}.barra{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.2rem;padding-bottom:.85rem;border-bottom:1px solid var(--borde-tenue)}.barra .titulo{font-family:var(--display);font-size:1.2rem;line-height:1.3;margin:0 auto 0 0}.codigo{font-family:var(--mono);font-size:1rem;letter-spacing:.16em;color:var(--j1);background:var(--noche);border:1px solid var(--borde-tenue);border-radius:var(--r);padding:.25rem .6rem}.dato{color:var(--tenue);font-size:.85rem;font-variant-numeric:tabular-nums}.pulso{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brasa);margin-right:.45rem}.pulso[data-ok=si]{background:var(--j2)}.panel{background:var(--gabinete);border:1px solid var(--borde-tenue);border-radius:var(--r);padding:1.1rem}.tablero-zona{display:grid;gap:var(--esp);grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:start}@media(max-width:860px){.tablero-zona{grid-template-columns:minmax(0,1fr)}.tablero-zona>arcade-chat{order:2}}.vitrina{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(226px,1fr))}.cabina{display:flex;flex-direction:column;text-align:left;align-items:stretch;padding:0;gap:0;overflow:hidden;border:1px solid var(--borde-tenue);border-radius:6px 6px var(--r) var(--r);background:linear-gradient(180deg,var(--laca) 0%,var(--gabinete) 46%)}.cabina .luz{display:flex;justify-content:space-between;gap:3px;padding:5px 7px;background:linear-gradient(180deg,#323d73,#262f5b);border-bottom:1px solid var(--borde-tenue)}.cabina .luz i{flex:1 1 0;max-width:6px;height:6px;border-radius:50%;background:var(--j1);color:var(--j1);opacity:.85}.cabina[data-ritmo=accion] .luz i{background:var(--j2);color:var(--j2)}.cabina[data-ritmo=carrera] .luz i{background:var(--brasa);color:var(--brasa)}.cabina .cuerpo{display:block;flex:1;padding:1rem 1.05rem;background:repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px),var(--noche);box-shadow:inset 0 1px 8px #00000080}.cabina .nombre{display:block;font-family:var(--display);font-size:1.18rem;line-height:1.16;margin-bottom:.45rem}.cabina .resumen{display:block;color:var(--tenue);font-size:.9rem}.cabina .pie{display:block;padding:.6rem 1.05rem;font-size:.8rem;color:var(--tenue);font-variant-numeric:tabular-nums;background:linear-gradient(180deg,var(--laca),#1f2850);border-top:1px solid var(--borde-tenue)}.cabina:hover{border-color:var(--j1)}.cabina:hover .luz i{opacity:1;box-shadow:0 0 7px currentColor}.turno{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border-radius:var(--r);border:1px solid var(--borde-tenue);background:var(--noche);font-weight:650;margin-bottom:1rem}.turno .faro{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#59648f,#2c355c);flex:none}.turno[data-mio=si]{border-color:var(--j2);background:color-mix(in srgb,var(--j2) 11%,var(--noche))}.turno[data-mio=si] .faro{background:radial-gradient(circle at 35% 30%,#d9fff8,var(--j2));animation:latir 1.7s ease-in-out infinite}.turno[data-fin=si]{border-color:var(--j1);background:color-mix(in srgb,var(--j1) 13%,var(--noche))}.turno[data-fin=si] .faro{background:radial-gradient(circle at 35% 30%,#fff3dc,var(--j1));animation:none}@keyframes latir{0%,to{box-shadow:0 0 color-mix(in srgb,var(--j2) 65%,transparent)}70%{box-shadow:0 0 0 8px transparent}}.flash{position:fixed;left:50%;top:20%;transform:translate(-50%);z-index:50;padding:.9rem 1.6rem;border-radius:var(--r);border:1px solid var(--borde);background:var(--gabinete);box-shadow:0 18px 44px #0000008c;font-family:var(--display);font-size:clamp(1.1rem,4vw,1.7rem);text-align:center;pointer-events:none;animation:entrar .24s cubic-bezier(.2,.9,.3,1);max-width:calc(100vw - 2rem)}.flash[data-clase=hundido]{border-color:var(--brasa);background:#5e2019;color:#ffd9d4}.flash[data-clase=acierto]{border-color:var(--j2);color:#d9fff8}.flash[data-clase=fallo]{border-color:var(--borde-tenue);color:var(--tenue)}.flash[data-clase=castigo]{border-color:var(--brasa);color:var(--brasa-texto)}.flash[data-clase=gana]{border-color:var(--j1);background:#5c3c10;color:#fff1d8}.flash[data-clase=pierde]{border-color:var(--borde-tenue);color:var(--tenue)}@keyframes entrar{0%{opacity:0;transform:translate(-50%,-16px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}.lienzo{display:block;width:100%;height:auto;max-width:min(100%,68vh);margin:0 auto;touch-action:manipulation;background:var(--gabinete);border:1px solid var(--borde-tenue);border-radius:var(--r)}.rejilla{display:grid;gap:2px;width:100%;max-width:min(100%,62vh);margin:0 auto}.celda{aspect-ratio:1;padding:0;border-radius:1px;border:1px solid var(--borde-tenue);background:var(--noche);min-width:0}.celda[data-e=nave]{background:var(--laca);border-color:var(--j1)}.celda[data-e=agua]{background:var(--gabinete)}.celda[data-e=tocado]{background:var(--brasa);border-color:var(--brasa)}.celda[data-e=previa]{background:var(--j1);border-color:var(--j1)}.celda[data-e=hundido]{background-color:#7d2a23;border-color:var(--brasa);background-image:repeating-linear-gradient(45deg,transparent 0 2px,rgba(255,255,255,.3) 2px 4px)}.celda[data-nuevo=si]{animation:impacto .56s ease-out}@keyframes impacto{0%{transform:scale(1.9);filter:brightness(2.4)}60%{transform:scale(1);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}.fichas{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.marcador{display:flex;gap:1.25rem;align-items:baseline;font-variant-numeric:tabular-nums}.marcador .n{font-family:var(--display);font-size:1.55rem}.marcador .j1{color:var(--j1)}.marcador .j2{color:var(--j2)}.flota{display:flex;flex-direction:column;gap:.32rem;margin:.7rem 0;padding:0}.flota li{display:flex;align-items:center;gap:.5rem;font-size:.88rem;list-style:none}.flota .casco{display:flex;gap:2px}.flota .casco i{width:10px;height:10px;border-radius:1px;background:var(--laca);border:1px solid var(--borde-tenue)}.flota li[data-hundida=si]{color:var(--tenue);text-decoration:line-through}.flota li[data-hundida=si] .casco i{background:var(--brasa);border-color:var(--brasa)}.carrera{display:grid;gap:.6rem;margin-bottom:1rem}.carrera .pista{display:flex;align-items:center;gap:.6rem;font-size:.88rem}.carrera .riel{flex:1;height:10px;border-radius:5px;background:var(--noche);border:1px solid var(--borde-tenue);overflow:hidden}.carrera .avance{height:100%;transition:width .28s ease}.carrera .pista[data-yo=si] .avance{background:var(--j2)}.carrera .pista[data-yo=no] .avance{background:var(--j1)}.sudoku{display:grid;grid-template-columns:repeat(9,1fr);gap:0;background:var(--noche);border:3px solid var(--borde);border-radius:var(--r);width:100%;max-width:min(100%,62vh);margin:0 auto;overflow:hidden}.sudoku button{border-right:1px solid var(--borde-tenue);border-bottom:1px solid var(--borde-tenue)}.sudoku button:nth-child(9n+3),.sudoku button:nth-child(9n+6){border-right:3px solid var(--borde)}.sudoku button:nth-child(9n){border-right:none}.sudoku button:nth-child(n+19):nth-child(-n+27),.sudoku button:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid var(--borde)}.sudoku button:nth-child(n+73){border-bottom:none}.sudoku button{aspect-ratio:1;padding:0;border-radius:0;background:var(--noche);font-size:clamp(.8rem,2.6vw,1.2rem);font-weight:600;font-variant-numeric:tabular-nums;min-width:0}.sudoku button[data-fija=si]{color:var(--tenue);font-weight:700}.sudoku button[data-mal=si]{color:var(--noche);background:var(--brasa);font-weight:700}.sudoku button[data-sel=si]{outline:2px solid var(--j2);outline-offset:-2px;background:var(--laca)}.sudoku button:hover:not(:disabled):not([data-fija=si]){background:var(--laca)}.sudoku button:nth-child(3n):not(:nth-child(9n)){box-shadow:inset -3px 0 0 var(--j1)}.sudoku button:nth-child(n+19):nth-child(-n+27),.sudoku button:nth-child(n+46):nth-child(-n+54){box-shadow:inset 0 -3px 0 var(--j1)}.sudoku button:nth-child(21),.sudoku button:nth-child(24),.sudoku button:nth-child(48),.sudoku button:nth-child(51){box-shadow:inset -3px 0 0 var(--j1),inset 0 -3px 0 var(--j1)}.sudoku button[data-caja=par]{background:#161d3a}.teclado-num{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:1rem}.teclado-num button{padding:.85rem 0;font-size:1.15rem;font-weight:650}.mano{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.carta{width:62px;height:92px;border-radius:7px;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;font-family:var(--display);font-size:1.5rem;color:var(--noche);padding:0;flex:none;box-shadow:inset 0 1px #ffffff73,0 3px 8px #0006;transition:transform .13s cubic-bezier(.2,.9,.3,1),box-shadow .13s ease}.carta .glifo{font-family:var(--tipo);font-size:.64rem;font-weight:700}.carta[data-color=rojo]{background:#e8584a}.carta[data-color=azul]{background:#6b9ae8}.carta[data-color=verde]{background:#5cba71}.carta[data-color=ambar]{background:#ffb347}.carta[data-color=comodin]{background:conic-gradient(from 210deg,#e8584a,#ffb347,#5cba71,#6b9ae8,#e8584a);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}.carta[data-jugable=si]{border-color:var(--marfil)}.carta:hover:not(:disabled){transform:translateY(-10px);box-shadow:inset 0 1px #ffffff73,0 12px 20px #00000080}.carta:disabled{opacity:.38;box-shadow:none}.montones{display:flex;align-items:flex-end;gap:1.3rem;flex-wrap:wrap}.montones .rotulo{font-size:.8rem;color:var(--tenue);margin:0 0 .3rem}.reverso{width:62px;height:92px;border-radius:7px;background:repeating-linear-gradient(45deg,var(--laca) 0 5px,var(--gabinete) 5px 10px);border:2px solid var(--borde-tenue);display:grid;place-items:center;font-family:var(--display);font-size:1.1rem;font-variant-numeric:tabular-nums}.color-activo{display:inline-block;vertical-align:middle;width:36px;height:36px;border-radius:50%;border:2px solid var(--marfil);box-shadow:0 0 14px currentColor}.color-activo[data-color=rojo]{background:#e8584a;color:#e8584a}.color-activo[data-color=azul]{background:#6b9ae8;color:#6b9ae8}.color-activo[data-color=verde]{background:#5cba71;color:#5cba71}.color-activo[data-color=ambar]{background:#ffb347;color:#ffb347}.alerta-castigo{display:inline-block;padding:.3rem .7rem;border-radius:var(--r);background:var(--brasa);color:var(--noche);font-weight:700;font-size:.86rem}.chat{display:flex;flex-direction:column;gap:.6rem;height:100%}.chat .hilo{flex:1;min-height:160px;max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;font-size:.92rem}.chat .linea{word-break:break-word;margin:0}.chat .quien{font-weight:700}.chat .quien[data-a="0"]{color:var(--j1)}.chat .quien[data-a="1"]{color:var(--j2)}.chat .linea[data-sis=si]{color:var(--tenue);font-style:italic}.chat form{display:flex;gap:.5rem}.dpad{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,64px);gap:.5rem;justify-content:center;margin-top:1rem}.dpad button{display:grid;place-items:center;font-size:1.3rem;border-radius:50%}.dpad .arriba{grid-column:2;grid-row:1}.dpad .izq{grid-column:1;grid-row:2}.dpad .abajo{grid-column:2;grid-row:2}.dpad .der{grid-column:3;grid-row:2}@media(hover:hover)and (pointer:fine){.dpad{display:none}}.visualmente-oculto{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.telon{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1.5rem;background:#070a16d1;animation:aclarar .2s ease-out}.recado{width:min(100%,26rem);border-radius:8px;border:2px solid var(--j1);background:linear-gradient(180deg,#35295c 0%,var(--gabinete) 100%);padding:1.1rem 1.35rem 1.35rem;text-align:center;box-shadow:0 24px 70px #000000b3,0 0 60px #ffb3472e;animation:colgar .62s cubic-bezier(.2,.8,.3,1)}.recado .focos i{background:radial-gradient(circle at 35% 30%,#fff3dc,var(--j1));box-shadow:0 0 10px #ffb347cc;animation:chispa 1.5s linear infinite}.recado .focos i:nth-child(5n+2){animation-delay:.3s}.recado .focos i:nth-child(5n+3){animation-delay:.6s}.recado .focos i:nth-child(5n+4){animation-delay:.9s}.recado .focos i:nth-child(5n+5){animation-delay:1.2s}.recado .rotulo{font-family:var(--display);font-size:clamp(2.4rem,12vw,3.6rem);line-height:1.05;margin:1.1rem 0 1.3rem;max-width:none;color:#fff1d8;text-shadow:0 0 30px rgba(255,179,71,.65)}.recado button{margin-bottom:1.1rem}@keyframes aclarar{0%{opacity:0}to{opacity:1}}.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem;margin-top:1rem}.ficha{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .3rem .5rem;background:var(--noche);border-color:var(--borde-tenue)}.ficha .cara{font-size:2rem;line-height:1.1}.ficha .nombre{font-size:.74rem;color:var(--tenue)}.ficha[data-elegida=si]{border-color:var(--j1);background:color-mix(in srgb,var(--j1) 16%,var(--noche))}.ficha[data-sel=si]{border-color:var(--j2);background:color-mix(in srgb,var(--j2) 16%,var(--noche))}.ficha[data-fuera=si]{opacity:.3}.ficha[data-fuera=si] .cara{filter:grayscale(1)}.ficha[data-fuera=si]:after{content:"";position:absolute;inset:8% 6%;border-top:2px solid var(--brasa-texto);transform:rotate(-28deg);transform-origin:center}.ficha{position:relative;overflow:hidden}.secreto-propio{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border:1px solid var(--j1);border-radius:var(--r);background:color-mix(in srgb,var(--j1) 10%,var(--noche));margin-bottom:.9rem}.secreto-propio .cara{font-size:1.7rem}@media(max-width:620px){:root{--esp: .85rem}.marco{padding:.85rem;gap:.85rem}.barra{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.35rem .6rem;padding-bottom:.6rem}.barra .titulo{font-size:.95rem;margin:0}.barra .codigo{font-size:.85rem;padding:.15rem .45rem;letter-spacing:.12em}.barra .salir{padding:.35rem .6rem;font-size:.8rem}.barra .dato{grid-column:1 / -1;font-size:.76rem}.barra .voz{grid-column:1 / -1}.panel{padding:.8rem}.vitrina{grid-template-columns:1fr}.rejilla,.sudoku,.lienzo{max-width:100%}.chat .hilo{min-height:96px;max-height:26vh}.carta,.reverso{width:50px;height:74px;font-size:1.2rem}.montones{gap:.8rem}.galeria{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.4rem}.ficha .cara{font-size:1.6rem}.teclado-num{grid-template-columns:repeat(5,1fr);gap:.35rem}.teclado-num button{padding:.7rem 0}.flash{top:auto;bottom:1.2rem;font-size:1.1rem;padding:.7rem 1.1rem}.marquesina{padding:.55rem .8rem}.marquesina .rotulo{font-size:1.5rem;margin:.2rem 0}.marquesina .pie{font-size:.78rem;margin:0}.marquesina>.focos{display:none}.turno{padding:.55rem .75rem;font-size:.92rem;margin-bottom:.7rem}.sudoku{max-width:100%}.sudoku button{font-size:clamp(.85rem,3.6vw,1.1rem)}.dpad{grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,56px)}}@media(max-width:400px){.marco{padding:.6rem}.ficha .nombre{display:none}}.voz{display:inline-flex;align-items:center;gap:.4rem}.voz button{padding:.35rem .7rem;font-size:.85rem}.voz .llamar{border-color:var(--j2);color:var(--j2)}.voz .llamar:hover:not(:disabled){background:color-mix(in srgb,var(--j2) 18%,var(--laca));border-color:var(--j2)}.voz .micro{border-color:var(--j2);background:color-mix(in srgb,var(--j2) 16%,var(--laca))}.voz .micro[data-mudo=si]{border-color:var(--brasa);color:var(--brasa-texto);background:var(--laca)}.voz .colgar{border-color:var(--brasa);color:var(--brasa-texto)}.voz .colgar:hover:not(:disabled){background:color-mix(in srgb,var(--brasa) 20%,var(--laca));border-color:var(--brasa)}.aviso-voz{flex:1 1 100%;color:var(--brasa-texto)}