:root{--night:#04120f;--night-2:#08211b;--room:#123d32;--felt-1:#125543;--felt-2:#0a3b30;--felt-3:#062a23;--ink:#10221d;--cream:#fff5d9;--cream-light:#fffbef;--paper:#fffcf3;--paper-edge:#e8ddc5;--joker-face:#fffef9;--brass:#d6aa53;--brass-light:#f0d087;--yellow:#b97800;--blue:#176cc5;--black:#202522;--red:#c83b3c;--yellow-dark:#7a4a00;--blue-dark:#0a3d8f;--black-dark:#000;--red-dark:#a60e14;--muted:#b8c8c2;--line:#f0d08742;--line-muted:#fff5d924;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--container:72rem;--tile-w:3rem;--tile-h:4.2rem;--tile-number:1.75rem;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);color:var(--cream);background:var(--night) radial-gradient(120% 70% at 50% -12%, var(--room) 0%, var(--night-2) 58%, var(--night) 100%) no-repeat;background-size:100% 1100px;margin:0;font-size:1.0625rem;line-height:1.55}img,picture{max-width:100%}a{color:var(--brass-light);text-underline-offset:.15em}a:hover{color:#fff}h1,h2,h3{letter-spacing:-.02em;color:#fff;text-wrap:balance;margin:0;font-weight:900;line-height:1.05}h1{font-size:clamp(2.4rem,1.4rem + 3.8vw,4.6rem)}h2{font-size:clamp(1.7rem,1.2rem + 1.8vw,2.6rem)}h3{letter-spacing:-.01em;font-size:1.25rem}p{margin:0}strong{color:#fff;font-weight:800}:focus-visible{outline:3px solid var(--brass-light);outline-offset:3px}.container{width:min(var(--container), calc(100% - 2rem));margin-inline:auto}.skip-link{background:var(--brass-light);color:var(--ink);z-index:10;border-radius:.6rem;padding:.6rem 1rem;font-weight:700;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--line-muted)}.site-header__row{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;min-height:4.5rem;padding-block:.7rem;display:flex}.brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:.65rem;font-size:1.25rem;font-weight:900;text-decoration:none;display:inline-flex}.brand__logo{width:auto;height:3.75rem;display:block}.site-header__nav{flex-wrap:wrap;gap:.2rem 1.15rem;margin-inline-start:auto;display:flex}.site-header__nav a{color:var(--cream);padding:.45rem 0;font-size:.95rem;font-weight:600;text-decoration:none}.site-header__nav a:hover,.site-header__nav .lang-switch{color:var(--brass-light)}.hero .note{color:var(--muted);margin-top:.9rem;font-size:.95rem}.button{min-height:3rem;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.8rem;justify-content:center;align-items:center;gap:.4rem;padding:0 1.4rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.button--brass{background:linear-gradient(135deg, var(--brass-light), var(--brass));color:var(--ink)}.button--brass:hover{color:var(--ink);filter:brightness(1.05)}.button--outline{color:#fff;background:0 0;border-color:#ffffff4d}.button--outline:hover{color:#fff;border-color:var(--brass-light)}.button--small{min-height:2.5rem;padding:0 .95rem;font-size:.92rem}.section{padding-block:clamp(3rem,7vw,5.5rem)}.section+.section{border-top:1px solid var(--line-muted)}.eyebrow{color:var(--brass-light);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .9rem;font-size:.8rem;font-weight:700}.lead{max-width:44rem;margin-top:1rem;font-size:1.2rem}.hero{text-align:center;padding-block:clamp(2.5rem,6vw,5rem) clamp(2rem,5vw,4rem)}.hero__text{max-width:54rem;margin-inline:auto}.hero__text .lead{margin-inline:auto}.hero__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.75rem;display:flex}.hero__media{margin-top:clamp(1.75rem,4vw,3rem)}.subtitle{letter-spacing:-.01em;color:var(--brass-light);margin-top:.7rem;font-size:clamp(1.35rem,1rem + 1.3vw,2rem);font-weight:800}.facts{color:var(--cream);flex-wrap:wrap;justify-content:center;gap:.6rem 1.5rem;margin:1.4rem auto 0;padding:0;font-size:1.1rem;list-style:none;display:flex}.facts li{padding-inline-start:1.25rem;position:relative}.facts li:before{content:"";background:var(--cream);width:.7rem;height:.7rem;position:absolute;top:.5em;left:0}.facts li:nth-child(4n+1):before{background:var(--yellow);clip-path:polygon(50% 0,100% 100%,0 100%)}.facts li:nth-child(4n+2):before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#3f8fe0}.facts li:nth-child(4n+3):before{background:#e05a5b;border-radius:50%}.media{border:1px solid var(--line);background:var(--felt-3);border-radius:1rem;display:block;overflow:hidden;box-shadow:0 18px 50px #0006}.media img{width:100%;height:auto;display:block}.section>.container>h2{text-align:center}.games{gap:2rem;margin-top:clamp(1.5rem,4vw,2.5rem);display:grid}.game-card{border:1px solid var(--line);background:linear-gradient(135deg, var(--felt-1) 0%, var(--felt-2) 55%, var(--felt-3) 100%);border-radius:1.25rem;gap:1rem;padding:1.25rem;display:grid}.game-card h3{font-size:1.6rem}.game-card__text p{margin-top:.6rem}.game-card__badge{background:linear-gradient(135deg, var(--brass-light), var(--brass));min-width:3.2rem;height:2.4rem;color:var(--ink);border-radius:.6rem;justify-content:center;align-items:center;margin-bottom:.8rem;padding:0 .7rem;font-weight:900;display:inline-flex}.game-card .media{box-shadow:0 10px 30px #00000059}.panel{border:1px solid var(--line);background:linear-gradient(135deg, var(--felt-1) 0%, var(--felt-2) 55%, var(--felt-3) 100%);border-radius:1.25rem;padding:clamp(1.5rem,4vw,2.5rem)}.final-cta{text-align:center}.final-cta .lead{color:var(--cream);margin-inline:auto;font-size:1.05rem}.tile{--tile-color:var(--black);width:var(--tile-w);height:var(--tile-h);border:1px solid var(--paper-edge);background:linear-gradient(180deg, var(--paper) 0%, var(--cream-light) 70%, #f1e7cf 100%);color:var(--tile-color);border-radius:.35rem;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 2px 4px #00000059,inset 0 1px #fff}.tile--yellow{--tile-color:var(--yellow)}.tile--blue{--tile-color:var(--blue)}.tile--black{--tile-color:var(--black)}.tile--red{--tile-color:var(--red)}.tile__number{font-size:var(--tile-number);letter-spacing:-.03em;font-weight:900;line-height:1}.tile:before,.tile:after{content:"";background:currentColor;width:.42rem;height:.42rem;position:absolute}.tile:before{top:.28rem;left:.28rem}.tile:after{bottom:.28rem;right:.28rem}.tile--yellow:before,.tile--yellow:after{clip-path:polygon(50% 0,100% 100%,0 100%)}.tile--blue:before,.tile--blue:after{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.tile--red:before,.tile--red:after{border-radius:50%}.tile--joker{color:var(--brass);background:var(--joker-face)}.tile--joker:before,.tile--joker:after{display:none}.tile__star{aspect-ratio:1;background:linear-gradient(135deg, var(--brass-light), var(--brass));clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:58%}.tile--large{--tile-w:3.4rem;--tile-h:4.7rem;--tile-number:2rem}.meld{gap:.2rem;display:flex}.site-footer{border-top:1px solid var(--line-muted);color:var(--muted);padding:2rem 0 2.5rem;font-size:.95rem}.site-footer__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.site-footer nav{flex-wrap:wrap;gap:1.25rem;display:flex}.site-footer a{color:var(--cream)}.article{max-width:46rem}.article h2{color:var(--brass-light);margin-top:2.4rem;font-size:1.4rem}.article section p+p,.article section p+ul,.article section ul+p{margin-top:.8rem}.article section>p:first-of-type{margin-top:.6rem}.article ul{padding-inline-start:1.2rem}.toc{border:1px solid var(--line);border-radius:1rem;margin-top:1.75rem;padding:1rem 1.25rem}.toc p{color:#fff;font-weight:800}.toc ol{columns:2;column-gap:2rem;margin:.5rem 0 0;padding-inline-start:1.25rem}.toc li{break-inside:avoid;padding:.15rem 0}.not-found{text-align:center;justify-items:center;gap:1rem;min-height:60vh;padding-block:3rem;display:grid}.not-found .hero__actions{justify-content:center}@media (width>=60em){.game-card{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:2rem;padding:1.75rem}}@media (width<=47.99em){:root{--tile-w:2.15rem;--tile-h:3rem;--tile-number:1.25rem}.site-header__row{gap:.5rem 1rem}.brand__logo{height:2.875rem}.site-header__cta{order:2;margin-inline-start:auto}.site-header__nav{flex-basis:100%;order:3;gap:.1rem 1rem;margin-inline-start:0}.hero__actions .button{flex:11rem}.toc ol{columns:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
