:root{color-scheme:light;--ink:#bc9be3;--paper:#2d183f;--muted:#40234f;--line:#a07bc4;--blue:#183078;--purple:#501770}
[hidden]{display:none!important}
.catalogue-filters{display:flex;gap:4px;margin:-6px 0 25px;flex-wrap:wrap;width:fit-content;max-width:100%;padding:4px;background:#ceb3ed;border:1px solid var(--line);border-radius:12px}.catalogue-filters button{min-width:44px;min-height:44px;touch-action:manipulation;font:inherit;font-size:14px;color:var(--muted);background:none;border:0;border-radius:8px;padding:9px 10px;cursor:pointer}.catalogue-filters button[aria-pressed="true"]{color:var(--paper);background:#b18ad8;box-shadow:inset 0 0 0 1px #8256a8}.catalogue-filters button:hover{color:var(--paper)}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{outline-offset:5px}:focus-visible{outline:3px solid var(--blue)}
.skip-link{position:fixed;top:-80px;left:20px;background:var(--blue);color:#fff;padding:12px 18px;z-index:10}.skip-link:focus{top:15px}
.app{width:min(1180px,100%);min-height:100svh;padding:0 40px;margin:0 auto;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:94px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:-.04em;font-weight:700}.brand strong{color:var(--purple);font-weight:700}.brand-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;display:block}.brand-mark svg{width:100%;height:100%}.header-note{font-size:12px;color:var(--muted)}
main{flex:1;padding:41px 0 30px}.catalogue-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:26px}h1{font-size:42px;line-height:1;letter-spacing:-.06em;margin:0;font-weight:750}.catalogue-heading p{font-size:13px;color:var(--muted);margin:0}.catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.game-card{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#ceb3ed;transition:border-color .18s,transform .18s;--accent:var(--blue)}.rebote-card{--accent:var(--purple)}.suma-card{--accent:var(--purple)}.game-card:hover{border-color:var(--accent);transform:translateY(-3px)}.game-card:focus-visible{outline-color:var(--accent)}.game-art{aspect-ratio:600/430;overflow:hidden;position:relative;border-bottom:1px solid var(--line);background:#141b31}.game-art img{width:100%;height:100%;display:block;object-fit:cover}.game-number{position:absolute;top:17px;left:19px;font:11px Consolas,monospace;color:var(--accent);opacity:.7}
.game-details{padding:22px 22px 20px}.game-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-title h2{font-size:27px;letter-spacing:-.05em;margin:0;line-height:1.1}.game-title>span{font-size:10px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);padding:4px 7px;border-radius:4px}.game-details>p{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0 29px}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.game-control{font-size:10px;color:var(--muted)}.play-label{color:var(--accent);font-size:14px;font-weight:700;display:flex;gap:14px;align-items:center}.play-label>span{font-size:22px;font-weight:400}.local-note{margin:24px 0 0;font-size:11px;color:var(--muted)}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:11px}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap}.site-footer a:hover{color:var(--paper)}
@media(min-width:1450px){.app{width:1280px}.game-details{padding:26px}.game-details>p{font-size:14px}.game-control{font-size:11px}}
@media(max-width:850px){.app{padding:0 24px}.catalogue{gap:14px}.game-details{padding:19px 15px}.game-title{flex-wrap:wrap}.game-title h2{font-size:25px}.game-control{max-width:105px;line-height:1.5}.game-details>p{min-height:42px;margin-bottom:19px}}
@media(max-width:650px){.app{padding:0 20px}.site-header{min-height:75px}.brand{font-size:17px}.brand-mark{width:29px;height:29px}.header-note{font-size:10px;max-width:82px;text-align:right;line-height:1.5}.catalogue-heading{margin-bottom:22px}.catalogue-heading p{font-size:11px}main{padding-top:30px}h1{font-size:36px}.catalogue{grid-template-columns:1fr;gap:17px}.game-card{display:grid;grid-template-columns:38% 1fr;border-radius:9px}.game-art{aspect-ratio:auto;height:100%;min-height:167px;border-right:1px solid var(--line);border-bottom:0}.game-art img{object-fit:cover;object-position:center}.game-number{top:11px;left:11px;font-size:9px}.game-details{padding:18px 16px}.game-title{gap:8px}.game-title h2{font-size:25px}.game-title>span{font-size:10px;padding:3px 5px}.game-details>p{font-size:12px;line-height:1.55;min-height:0;margin:10px 0 13px}.game-control{font-size:9px;max-width:110px}.play-label{font-size:13px;gap:7px}.play-label>span{font-size:19px}.local-note{font-size:10px;margin-top:22px}.site-footer{align-items:flex-start;font-size:10px;padding:22px 0;flex-wrap:wrap;gap:16px}.edition{display:none}.site-footer nav{gap:18px}}
@media(max-width:359px){.app{padding:0 14px}.game-card{grid-template-columns:33% 1fr}.game-details{padding:15px 12px}.game-title>span{font-size:8px}.catalogue-heading p{max-width:105px;text-align:right}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.game-card:hover{transform:none}}
.bloques-card{--accent:#8bbdff}.trazo-card{--accent:#9bafff}.salto-card{--accent:var(--purple)}.parejas-card{--accent:#c3a4ff}.minas-card{--accent:#9eaeff}.cuatro-card{--accent:var(--blue)}.orbita-card{--accent:#aaabff}
@media(min-width:900px){
  .site-header{min-height:76px}
  main{padding-top:24px}
  .catalogue{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .game-art{aspect-ratio:600/330}
  .game-details{padding:16px 14px}
  .game-title{gap:6px;flex-wrap:wrap}
  .game-title h2{font-size:23px}
  .game-title>span{font-size:10px;padding:3px 5px}
  .game-details>p{font-size:12px;line-height:1.5;min-height:36px;margin:9px 0 15px}
  .game-control{font-size:10px;line-height:1.5;max-width:100px}
  .play-label{font-size:12px;gap:6px}
}

.brand-mark{border-radius:7px}
.game-details{display:flex;flex-direction:column}
.game-bottom{margin-top:auto}
.game-details>p{font-size:13px}
.game-control{font-size:11px}
.local-note{font-size:12px;line-height:1.6}
.site-footer{font-size:12px;padding:16px 0}
.site-footer a{display:inline-flex;align-items:center;min-height:44px}
#juegos:focus{outline:none}
@media(hover:hover){.game-card:hover{box-shadow:0 8px 24px #67428c20}}
@media(max-width:650px){.game-control{font-size:10px}.site-footer{font-size:11px}.site-footer nav{gap:20px}.catalogue-heading p{font-size:12px}.game-details{padding:17px 15px}}
@media(max-width:359px){.catalogue-filters button{font-size:13px;padding-inline:8px}.game-title>span{font-size:10px}}
.catalogue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:-6px 0 25px}
.catalogue-toolbar .catalogue-filters{margin:0}
.quick-play{display:flex;gap:8px;flex-wrap:wrap}
.quick-play a,.quick-play button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--paper);font:inherit;font-size:13px;cursor:pointer;touch-action:manipulation}
.quick-play a{color:var(--blue)}
.quick-play a:hover,.quick-play button:hover{background:#b18ad8;border-color:#8256a8}
.new-label{position:absolute;top:12px;right:12px;padding:5px 8px;border-radius:5px;background:#d9ccff;color:#19152e;font-size:11px;font-weight:700}
.pulso-card{--accent:var(--purple)}.nexo-card{--accent:#9dbdff}
@media(min-width:1200px){.catalogue{grid-template-columns:repeat(4,minmax(0,1fr))}}

@media(max-width:650px){.catalogue-toolbar{margin-bottom:22px;gap:12px}.quick-play{width:100%}.quick-play a,.quick-play button{flex:1;font-size:12px}.new-label{top:10px;right:10px;font-size:10px;padding:4px 6px}}

@media(min-width:651px) and (max-width:899px){.catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.game-art{aspect-ratio:600/430}.game-details{padding:22px 18px}.game-title h2{font-size:28px}.game-details>p{font-size:14px;line-height:1.6;min-height:68px}.play-label{font-size:15px}.game-control{font-size:11px}.catalogue{gap:20px}}

.ruta-card{--accent:var(--purple)}@media(min-width:900px) and (max-width:1199px){.catalogue{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.catalogue{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.game-title h2{font-size:25px}.game-details{padding:18px 14px}.game-details>p{font-size:13px;min-height:84px}}

.brand-friend{gap:10px;color:var(--paper);font-size:13px;border-radius:8px}.brand-friend img{display:block;width:82px;height:auto;max-height:72px;object-fit:contain;flex-shrink:0}.brand-friend strong{color:var(--purple)}.brand-friend:hover strong{text-decoration:underline}