*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0d1020;--tarjeta: #181c31;--linea: rgba(255, 255, 255, .1);--txt: #ecefFa;--dim: rgba(236, 239, 250, .6);--acento: #ffa94d;--acento2: #f2792a;--peligro: #ff5c72;--ok: #56d67f;--celda: 34px;--hueco: 3px;--radio: 6px}html,body{height:100%}body{font-family:system-ui,Segoe UI,Roboto,sans-serif;background:radial-gradient(900px 620px at 50% -10%,#33234a 0%,transparent 62%),var(--bg);background-attachment:fixed;color:var(--txt);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.hidden{display:none!important}.pantalla{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:16px;padding:22px 16px calc(18px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto}.cabecera{display:flex;flex-direction:column;align-items:center;gap:10px}.logo{font-size:clamp(30px,8.5vw,48px);font-weight:900;font-style:italic;letter-spacing:-.025em;line-height:1;text-align:center}.logo span{background:linear-gradient(180deg,#ffd9a8,var(--acento));-webkit-background-clip:text;background-clip:text;color:transparent}.sello{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:#56d67f1f;border:1px solid rgba(86,214,127,.3);color:#7ee29d;font-size:13px;font-weight:800}.sello svg{width:17px;height:17px;flex:0 0 auto}.bajada{color:var(--dim);font-size:13.5px;text-align:center;line-height:1.55;max-width:36ch}.niveles{width:100%;display:flex;flex-direction:column;gap:10px}.nivel{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;cursor:pointer;background:var(--tarjeta);border:1px solid var(--linea);color:var(--txt);font-family:inherit;text-align:left;transition:transform .12s ease-out,border-color .15s,background .15s}.nivel:hover{border-color:#ffa94d80;background:#1d2239}.nivel:active{transform:scale(.985)}.nivel-mini{flex:0 0 auto;display:grid;gap:2px;padding:6px;border-radius:9px;background:#00000047}.nivel-mini i{display:block;width:4px;height:4px;border-radius:1px;background:#ffffff38}.nivel-mini i.m{background:var(--acento)}.nivel-datos{flex:1;min-width:0}.nivel-nombre{display:block;font-size:17px;font-weight:800}.nivel-medida{display:block;font-size:12.5px;color:var(--dim);margin-top:3px}.nivel-record{flex:0 0 auto;text-align:right;font-size:12px;color:var(--dim);display:flex;flex-direction:column;gap:1px}.nivel-record b{display:block;font-size:15px;color:var(--acento);font-variant-numeric:tabular-nums}.tarjeta{width:100%;background:var(--tarjeta);border:1px solid var(--linea);border-radius:16px;padding:15px 16px;display:flex;flex-direction:column;gap:10px}.tarjeta-tit{font-size:14px;font-weight:800}.reglas{list-style:none;display:flex;flex-direction:column;gap:7px}.reglas li{font-size:13px;color:var(--dim);line-height:1.5;padding-left:16px;position:relative}.reglas li:before{content:"";position:absolute;left:3px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--acento);opacity:.7}.reglas b{color:var(--txt);font-weight:700}.volver{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding:9px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:#ffffff0a;color:#ffffff9e;font-size:13px;font-weight:700;text-decoration:none}.volver:hover{background:#ffffff17;color:#ffffffe6}#juego{height:100dvh;gap:12px;padding:14px 12px calc(14px + env(safe-area-inset-bottom))}.hud{width:100%;display:flex;align-items:center;gap:8px;background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;padding:7px 9px}.hud-btn{flex:0 0 auto;width:40px;height:40px;border-radius:11px;cursor:pointer;border:1px solid var(--linea);background:#ffffff0a;color:var(--dim);display:grid;place-items:center;transition:transform .1s,color .15s,background .15s}.hud-btn svg{width:21px;height:21px}.hud-btn:hover{color:var(--txt);background:#ffffff17}.hud-btn:active{transform:scale(.92)}.marcador{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.marcador svg{width:17px;height:17px;flex:0 0 auto}.ico-mina{color:var(--peligro)}.ico-reloj{color:var(--dim)}.zona{position:relative;flex:1;min-height:0;width:100%;display:grid;place-items:center;overflow:hidden}.tablero{display:grid;grid-template-columns:repeat(var(--ancho),var(--celda));gap:var(--hueco);touch-action:manipulation}.c{width:var(--celda);height:var(--celda);border-radius:var(--radio);display:grid;place-items:center;font-size:calc(var(--celda) * .56);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;cursor:pointer;background:linear-gradient(180deg,#3c4468,#2c3350);box-shadow:inset 0 1px #ffffff1c,0 1px 2px #00000059;transition:transform .08s ease-out,background .12s}.c:hover{background:linear-gradient(180deg,#48517a,#333b5e)}.c.apretada{transform:scale(.9);background:#232842}.c.abierta{background:#00000057;box-shadow:inset 0 2px 4px #00000059;cursor:default;animation:brotar .19s ease-out backwards;animation-delay:calc(var(--d, 0) * 14ms)}@keyframes brotar{0%{transform:scale(.72);opacity:0;background:#ffa94d59}}.c.abierta:hover{background:#00000057}.c.bandera:after{content:"🚩";font-size:calc(var(--celda) * .5);animation:clavar .2s cubic-bezier(.2,1.5,.5,1)}@keyframes clavar{0%{transform:scale(.3) rotate(-25deg)}}.c.mina:after{content:"";width:46%;height:46%;border-radius:50%;background:var(--peligro);box-shadow:0 0 0 3px #ff5c7238}.c.boom{background:var(--peligro)!important;animation:estallar .4s ease-out}.c.boom:after{background:#2a0d13;box-shadow:none}@keyframes estallar{0%{box-shadow:0 0 #ff5c72cc}to{box-shadow:0 0 0 22px #ff5c7200}}.c.errada:after{content:"✕";color:var(--peligro);font-size:calc(var(--celda) * .55)}.c.n1{color:#6aa9ff}.c.n2{color:#5ed88a}.c.n3{color:#ff8383}.c.n4{color:#b18cff}.c.n5{color:#ffc95c}.c.n6{color:#5ce1e6}.c.n7{color:#ff8fd0}.c.n8{color:#c8cee0}.tablero.ganado .c.bandera{animation:festejo .5s ease-out backwards;animation-delay:calc(var(--d, 0) * 22ms)}@keyframes festejo{40%{transform:translateY(-7px) scale(1.12)}}.final{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0d1020b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:18px;animation:aparecer .2s ease-out;z-index:5}@keyframes aparecer{0%{opacity:0}}.final-caja{background:var(--tarjeta);border:1px solid var(--linea);border-radius:20px;padding:22px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;max-width:300px;box-shadow:0 18px 50px #00000080;animation:subir .26s cubic-bezier(.2,1.2,.4,1)}@keyframes subir{0%{transform:translateY(14px) scale(.94);opacity:0}}.final-marca{font-size:40px;line-height:1}.final-tit{font-size:22px;font-weight:900}.final-sub{font-size:13.5px;color:var(--dim);line-height:1.5}.final-sub b{color:var(--acento);font-variant-numeric:tabular-nums}.final-botones{display:flex;gap:9px;margin-top:9px;width:100%}.btn{flex:1;cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;padding:13px 18px;border-radius:13px;border:none;background:linear-gradient(180deg,var(--acento),var(--acento2));color:#34190a;transition:transform .1s,opacity .15s}.btn:active{transform:scale(.96)}.btn.fantasma{background:transparent;border:1px solid var(--linea);color:var(--dim);font-size:13.5px;font-weight:700}.btn.fantasma:hover{color:var(--txt);border-color:#ffffff47}.pie{width:100%;display:flex;flex-direction:column;align-items:center;gap:7px}.modo{cursor:pointer;font-family:inherit;font-size:14px;font-weight:800;padding:11px 22px;border-radius:999px;border:1px solid var(--linea);background:#ffffff0a;color:var(--dim);transition:transform .1s,background .15s,color .15s,border-color .15s}.modo:active{transform:scale(.96)}.modo[aria-pressed=true]{background:linear-gradient(180deg,var(--acento),var(--acento2));border-color:transparent;color:#34190a}.modo-cara{display:inline-flex;align-items:center;gap:8px}.modo-ico{font-size:15px}.pista{color:var(--dim);font-size:12px;text-align:center;min-height:1.2em}@media(prefers-reduced-motion:reduce){*,*:after{animation-duration:.01ms!important;animation-delay:0ms!important}}