@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;600;700;800&display=swap";.site-header[data-astro-cid-qlfjksao]{background:var(--color-bg-header);color:var(--color-text-on-dark);position:sticky;top:0;z-index:var(--z-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(45,41,38,.06);width:100%;max-width:100%;overflow-x:hidden}.site-header__nav[data-astro-cid-qlfjksao]{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-3);gap:var(--space-3);min-width:0;max-width:100%;width:100%}.site-header__brand[data-astro-cid-qlfjksao]{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1 1 auto;color:var(--color-text-on-dark);text-decoration:none;transition:opacity var(--transition-fast)}.site-header__brand[data-astro-cid-qlfjksao]:hover{opacity:.9;text-decoration:none}.site-header__logo[data-astro-cid-qlfjksao]{height:40px;width:auto;max-width:min(200px,52vw);object-fit:contain;object-position:left center;flex-shrink:0;display:block}.site-header__title[data-astro-cid-qlfjksao]{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;opacity:.92}.site-header__title--short[data-astro-cid-qlfjksao]{display:none}.site-header__links[data-astro-cid-qlfjksao]{display:flex;flex-shrink:0;gap:var(--space-1);list-style:none;padding:0;margin:0}.site-header__link[data-astro-cid-qlfjksao]{color:var(--color-text-on-dark);text-decoration:none;font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);transition:background var(--transition-fast),color var(--transition-fast);opacity:.8}.site-header__link[data-astro-cid-qlfjksao]:hover{background:#ffffff1a;opacity:1;text-decoration:none}.site-header__link[data-astro-cid-qlfjksao]:focus-visible{outline:2px solid var(--color-arena);outline-offset:2px}@media(max-width:640px){.site-header__logo[data-astro-cid-qlfjksao]{height:32px;max-width:140px}.site-header__title--full[data-astro-cid-qlfjksao]{display:none}.site-header__title--short[data-astro-cid-qlfjksao]{display:inline}}@media(max-width:480px){.site-header__link[data-astro-cid-qlfjksao]{padding:var(--space-2) var(--space-3)}}.site-footer[data-astro-cid-35ed7um5]{background:var(--color-bg-footer);color:var(--color-text-on-dark);margin-top:auto;border-top:1px solid rgba(255,255,255,.06)}.site-footer__inner[data-astro-cid-35ed7um5]{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding-block:var(--space-12);text-align:center}.site-footer__brand[data-astro-cid-35ed7um5]{display:flex;align-items:center;gap:var(--space-3)}.site-footer__icon[data-astro-cid-35ed7um5]{font-size:var(--text-lg);color:var(--color-arena);opacity:.7}.site-footer__title[data-astro-cid-35ed7um5]{font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);opacity:.9}.site-footer__info[data-astro-cid-35ed7um5]{display:flex;flex-direction:column;gap:var(--space-1)}.site-footer__project[data-astro-cid-35ed7um5]{font-size:var(--text-sm);opacity:.7}.site-footer__credit[data-astro-cid-35ed7um5]{font-size:var(--text-xs);opacity:.5}.site-footer__copy[data-astro-cid-35ed7um5]{font-size:var(--text-xs);opacity:.4;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.06);width:100%}:root{--color-arena: #F5E6C8;--color-arena-light: #FFF8EE;--color-arena-dark: #E8D5AF;--color-piedra: #2D2926;--color-piedra-light: #5C534D;--color-piedra-muted: #8A7F78;--color-volcanica: #3A3330;--color-volcanica-light: #4D4541;--color-atlantico: #1B6B93;--color-atlantico-light: #2A8FBF;--color-atlantico-deep: #145270;--color-atlantico-glow: rgba(27, 107, 147, .25);--color-teja: #C35831;--color-teja-light: #D97B5A;--color-madera: #A0785A;--color-madera-light: #C4A882;--color-madera-dark: #7A5C42;--color-barro: #8B6914;--color-barro-light: #B08E3A;--color-callao: #7A8B7A;--color-callao-light: #9BAA9B;--color-callao-dark: #5A6B5A;--color-bg: var(--color-arena-light);--color-bg-card: #FFFFFF;--color-bg-header: var(--color-volcanica);--color-bg-footer: var(--color-volcanica);--color-text: var(--color-piedra);--color-text-secondary: var(--color-piedra-light);--color-text-muted: var(--color-piedra-muted);--color-text-on-dark: var(--color-arena-light);--color-primary: var(--color-atlantico);--color-primary-hover: var(--color-atlantico-deep);--color-accent: var(--color-teja);--color-accent-light: var(--color-teja-light);--color-success: #2E7D32;--color-success-light: rgba(46, 125, 50, .12);--color-warning: var(--color-barro);--color-error: #C62828;--color-error-light: rgba(198, 40, 40, .12);--board-bg: linear-gradient(135deg, var(--color-arena) 0%, var(--color-arena-dark) 100%);--board-line: var(--color-madera);--board-line-width: 2px;--board-node-empty: var(--color-arena-dark);--board-node-highlight: var(--color-atlantico-glow);--board-piece-gradient-start: var(--color-callao-light);--board-piece-gradient-end: var(--color-callao-dark);--board-piece-shadow: 0 2px 6px rgba(45, 41, 38, .3);--board-piece-selected-shadow: 0 4px 16px rgba(27, 107, 147, .4);--board-dest: var(--color-atlantico);--stone-base: #6b6259;--stone-light: #897e72;--stone-dark: #423b35;--stone-shadow: #2a2522;--stone-engraved: #322c28;--stone-engraved-light: #9c9082;--stone-cazoleta-rim: #98897a;--stone-cazoleta-deep: #2f2925;--piece-concha-light: #F3E7D0;--piece-concha-mid: #E4CFA8;--piece-concha-dark: #B79B70;--piece-concha-rim: #8a6f4a;--piece-volcanica-light: #5a534e;--piece-volcanica-mid: #322d2a;--piece-volcanica-dark: #1a1614;--piece-volcanica-rim: #7a6f64;--font-heading: "Outfit", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .9rem);--text-base: clamp(.95rem, .9rem + .25vw, 1.05rem);--text-lg: clamp(1.1rem, 1rem + .5vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl: clamp(1.8rem, 1.5rem + 1.5vw, 2.5rem);--text-4xl: clamp(2.2rem, 1.75rem + 2.25vw, 3.25rem);--leading-tight: 1.2;--leading-normal: 1.6;--leading-relaxed: 1.8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(45, 41, 38, .08);--shadow-md: 0 4px 12px rgba(45, 41, 38, .1);--shadow-lg: 0 8px 30px rgba(45, 41, 38, .12);--shadow-xl: 0 12px 40px rgba(45, 41, 38, .16);--shadow-glow: 0 0 20px var(--color-atlantico-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-above: 10;--z-toolbar: 50;--z-header: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--container-max: 1200px;--container-narrow: 800px;--container-padding: var(--space-6);--board-actions-gap: clamp(1.5rem, 1.5rem + 2vw, 3rem)}@media(max-width:640px){:root{--container-padding: var(--space-4)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100dvh;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;position:relative}@supports (overflow: clip){html,body{overflow-x:clip}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);color:var(--color-text);text-wrap:balance}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:600}p{max-width:70ch;text-wrap:pretty}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}strong{font-weight:600}img,svg{display:block;max-width:100%;height:auto}ul,ol{padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}main,#main-content{flex:1;min-width:0;width:100%;max-width:100%;overflow-x:hidden}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding);min-width:0;box-sizing:border-box}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:var(--space-16)}.section--sm{padding-block:var(--space-10)}.section__header{margin-bottom:var(--space-10);text-align:center}.section__title{margin-bottom:var(--space-4)}.section__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:60ch;margin-inline:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:var(--space-8)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-primary{color:var(--color-primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrate{0%{transform:scale(1)}25%{transform:scale(1.1) rotate(-3deg)}50%{transform:scale(1.15) rotate(3deg)}75%{transform:scale(1.1) rotate(-1deg)}to{transform:scale(1)}}@keyframes glow-ring{0%,to{stroke-opacity:.4;r:5}50%{stroke-opacity:.9;r:7}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out both}.animate-slideUp{animation:slideUp var(--transition-slow) ease-out both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.bg-pattern{position:relative}.bg-pattern:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(160,120,90,.04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(27,107,147,.03) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(195,88,49,.03) 0%,transparent 50%);pointer-events:none;z-index:-1}.game-page,.game-layout,.game-board-area,.game-play-zone,.game-manager,.interactive-board,.game-toolbar,.practice-situations,.board-hints,.back-setup-btn,.game-board-actions{max-width:100%;min-width:0;box-sizing:border-box}.site-header,.site-header__nav{max-width:100%;min-width:0}.game-header,.game-header__inner,.game-header__content{max-width:100%;min-width:0;overflow-x:hidden}.game-badges{display:flex;flex-wrap:wrap}.game-page .rules-list,.game-page .rules-content{max-width:100%;overflow-x:hidden;overflow-wrap:anywhere}@media(max-width:768px){.site-header{backdrop-filter:none;-webkit-backdrop-filter:none}.site-header__icon{filter:none}}.game-play-zone .board-touch-surface,.game-play-zone .board-touch-surface .board-svg,.game-play-zone .board-touch-surface .board-piece-hit,.game-play-zone .board-touch-surface .board-node-hit{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain}@media(min-width:992px){.game-layout--play-focused .interactive-board{max-width:100%;align-items:center}.game-layout--play-focused .board-container--square-photo{--board-side: min(100%, calc(100dvh - 21rem) , 56dvh, 720px)}}html,body{min-height:100dvh}
