@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');
:root{--paper:#faf9f5;--ink:#1c2927;--muted:#71807a;--line:#dddfd8;--red:#c44c36;--yellow:#edba57;--aqua:#3a9691}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 'Plus Jakarta Sans','Noto Sans Devanagari',sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Bricolage Grotesque','Noto Sans Devanagari',sans-serif;line-height:1.07}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--aqua);outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;z-index:9;background:var(--yellow);padding:12px}.skip:focus{top:0}header{padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px;max-width:1600px;margin:auto}.brand{display:inline-flex;align-items:center;font-size:29px;font-weight:800;letter-spacing:-1.8px;line-height:1;position:relative;padding-bottom:10px;white-space:nowrap}.brand>span:not(.brand-mark){color:var(--red)}.brand small{position:absolute;bottom:-3px;left:42px;font:6px/1.4 'Plus Jakarta Sans',sans-serif;letter-spacing:2px;color:var(--muted)}.brand-mark{font-family:'Bricolage Grotesque',sans-serif;font-size:43px;position:relative;margin-right:16px;line-height:1;color:var(--red);font-weight:800}.brand-mark>span{position:absolute;font:18px/1 sans-serif;color:var(--yellow);right:-11px;top:0}header nav{display:flex;gap:35px;margin-left:auto;font-size:12px;font-weight:600}.header-end{display:flex;align-items:center;gap:28px}.lang{font-size:12px;font-weight:700}.app-link{border:1px solid var(--ink);padding:10px 17px;border-radius:5px;font-size:11px;font-weight:700}.menu{display:none;background:transparent;font-size:21px}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1.04fr;min-height:590px}.hero-copy{padding:48px 10% 38px}.edition{display:flex;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:1.7px;color:var(--muted);font-weight:700}.hero h1{font-size:clamp(50px,5.4vw,85px);font-weight:600;letter-spacing:-4px;line-height:1.02;margin:48px 0 25px}.hero h1 em{font-style:normal;color:var(--red)}.hero-copy>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:390px}.button{display:inline-flex;align-items:center;gap:30px;background:var(--red);color:white;border-radius:5px;padding:15px 22px;font-size:12px;font-weight:700}.hero .button{margin-top:32px}.button>span{font-size:20px;line-height:1}.hero-note{display:flex;gap:13px;align-items:center;margin-top:40px;font-size:10px;font-weight:600}.mini-die{display:block;width:35px;height:35px;color:var(--red)}svg{display:block;width:100%;height:100%}.hero-art{position:relative;overflow:hidden;background:#eee0c9}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:58% center}.photo-label{position:absolute;left:28px;bottom:30px;display:flex;align-items:center;gap:13px;background:var(--paper);padding:15px 20px;border-radius:6px;box-shadow:0 8px 35px #0001}.round-arrow{width:34px;height:34px;background:var(--red);border-radius:50%;color:white;display:grid;place-items:center;font-size:20px}.photo-label small{display:block;font-size:6px;letter-spacing:1.5px;color:var(--muted)}.photo-label b{display:block;font:600 25px/1.2 'Bricolage Grotesque',sans-serif;margin-top:4px}.photo-caption{position:absolute;right:20px;bottom:20px;font-size:6px;letter-spacing:1.5px;color:#fff;text-shadow:0 1px 4px #0008}.category-strip{max-width:1600px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 5%}.category-strip>a{display:flex;align-items:center;gap:10px;font-size:9px;line-height:1.4;padding:22px 14px;border-right:1px solid var(--line);font-weight:600}.category-strip>a:first-child{border-left:1px solid var(--line)}.category-strip>a>span{width:24px;height:24px;color:var(--red);flex-shrink:0}.category-strip b{font-size:8px;font-weight:500;color:var(--muted);margin-left:auto}.discovery{max-width:1440px;margin:auto;padding:80px 5%;display:grid;grid-template-columns:200px 1fr;gap:55px}.rail{align-self:start;position:sticky;top:25px}.eyebrow{display:block;color:var(--red);font-size:8px;font-weight:800;letter-spacing:1.7px;margin-bottom:20px}.rail h2{font-size:39px;font-weight:600;letter-spacing:-1.7px}.rail>p{font-size:11px;line-height:1.85;color:var(--muted);margin:18px 0 26px}.filters{display:flex;flex-direction:column;gap:4px}.filter{background:transparent;display:flex;justify-content:space-between;text-align:left;padding:12px 13px;font-size:11px;color:var(--muted);border-radius:5px}.filter span{font-size:9px;opacity:.7}.filter.active{background:var(--ink);color:white}.rail-note{display:block;background:#e9eee7;margin-top:30px;padding:18px;border-radius:5px}.rail-note b{font-size:12px;display:block}.rail-note span{display:block;font-size:10px;color:var(--muted);line-height:1.85;margin-top:8px}.catalog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:25px}.catalog-head>span{font-size:11px;font-weight:600}.search{display:flex;align-items:center;gap:10px}.search span{font-size:25px;color:var(--muted)}.search input{background:transparent;border:0;font-size:11px;width:160px;outline:0;color:var(--ink)}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 24px}.game{min-width:0}.game-art{display:flex;height:150px;border-radius:9px;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .2s}.game-art svg{width:75px;height:75px;transform:rotate(-7deg);transition:transform .25s}.game-art:hover svg{transform:rotate(5deg) scale(1.08)}.game-art>span{position:absolute;right:13px;bottom:11px;width:24px;height:24px;border-radius:50%;background:#fff9;display:grid;place-items:center;font-size:15px;color:var(--ink)}.board{background:#e8c88b;color:#93602a}.cards{background:#e7b9ab;color:#9a4033}.dice{background:#b9d6cf;color:#32766d}.sports{background:#c6d7aa;color:#617c38}.multiplier{background:#cbc9e3;color:#625a94}.numbers{background:#edcf8e;color:#987224}.game-copy{padding-top:15px}.game-copy>small{font-size:7px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.game h3{font-size:24px;font-weight:600;letter-spacing:-.6px;margin:5px 0 8px}.game p{font-size:10px;color:var(--muted);line-height:1.75}.learn-band{background:#e8ece5;padding:70px max(5%,calc((100vw - 1250px)/2));display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.learn-band h2{font-size:58px;letter-spacing:-2px;font-weight:600}.learn-band>div>p{font-size:13px;color:var(--muted);max-width:340px;line-height:1.9;margin:22px 0}.learn-band a{font-size:12px;color:var(--red);font-weight:700}.rule-example{text-align:center;padding:20px}.rule-example>span{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.playing-cards{display:flex;justify-content:center;margin:30px 0 35px}.playing-cards b{display:block;width:95px;height:135px;background:#fffdf5;color:var(--red);font:500 45px/1 'Bricolage Grotesque',sans-serif;text-align:left;padding:15px;border-radius:7px;box-shadow:0 7px 20px #263f2920;border:1px solid #e4e1d5;transform:rotate(-13deg)}.playing-cards b:nth-child(2){transform:translateY(-12px);margin-left:-10px;z-index:1}.playing-cards b:nth-child(3){transform:rotate(13deg);margin-left:-10px}.playing-cards small{display:block;font-size:30px;margin-top:15px}.rule-example>strong{font-size:15px}.rule-example>p{font-size:11px;color:var(--muted);margin-top:10px}.app-section{padding:80px 6%;text-align:center;max-width:900px;margin:auto}.app-section h2{font-size:57px;font-weight:600;letter-spacing:-2px}.app-section p{max-width:470px;font-size:12px;color:var(--muted);line-height:1.9;margin:24px auto}.app-section .button{margin-top:8px}footer{background:var(--ink);color:#f7f7ef;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:70px;padding:45px 6%;font-size:11px}footer .brand{font-size:27px}footer .brand-mark{font-size:38px}footer .brand small{color:#b7c3bc}footer p{font-size:10px;color:#b0bdb7;max-width:280px;margin:20px 0 0;line-height:1.9}footer>div:nth-child(2){display:flex;flex-direction:column;gap:15px;padding-top:6px}footer b{font-size:10px}footer small{display:block;font-size:8px;color:#93a79b;margin-top:20px}.inner{max-width:1240px;margin:auto;padding:45px 5% 80px}.crumb{font-size:10px;color:var(--muted);margin-bottom:45px;display:block}.crumb a{text-decoration:underline;text-underline-offset:3px}.category-intro{padding:10px 0 45px;border-bottom:1px solid var(--line);margin-bottom:40px}.inner h1{font-size:70px;letter-spacing:-3px;font-weight:600}.category-intro p{font-size:16px;color:var(--muted);margin-top:22px}.category-layout{display:grid;grid-template-columns:230px 1fr;gap:50px}.category-layout>div:first-child h2{font-size:31px;letter-spacing:-1px;font-weight:600}.category-layout>div:first-child p{font-size:12px;color:var(--muted);line-height:1.9;margin:20px 0}.category-layout>div:first-child>a{font-size:11px;color:var(--red)}.category-layout .games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-layout .game-art{height:180px}.article-heading{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-bottom:45px;border-bottom:1px solid var(--line)}.article-heading p{font-size:20px;color:var(--muted);margin:20px 0}.article-heading small{font-size:9px;color:var(--muted)}.article-icon{width:145px;height:145px;border-radius:20px;padding:30px;flex-shrink:0;transform:rotate(6deg)}.reading-layout{display:grid;grid-template-columns:215px 1fr;gap:70px;padding-top:45px}.reading-layout>aside{font-size:11px;align-self:start;position:sticky;top:30px}.reading-layout>aside b{font-size:8px;letter-spacing:1px}.reading-layout>aside a{display:block;margin-top:17px;color:var(--muted)}.reading-layout article>section{padding-bottom:35px;position:relative}.reading-layout h2{font-size:31px;letter-spacing:-.7px;font-weight:600;margin:12px 0 18px}.reading-layout p{font-size:15px;line-height:1.95;color:#576c63}.section-num{font-size:9px;color:var(--red);font-weight:700}.article-note{padding:22px;background:#eef0e8;font-size:12px;color:var(--muted);border-left:3px solid var(--aqua);margin:5px 0 25px}.inline-link{font-size:12px;color:var(--red);font-weight:700}.related{margin-top:60px;padding-top:35px;border-top:1px solid var(--line)}.related>h2{font-size:32px;font-weight:600;letter-spacing:-1px;margin-bottom:25px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:13px;font-weight:600;line-height:1.65}summary::-webkit-details-marker{display:none}details p{font-size:13px!important;margin-top:18px}details[open] summary>span{transform:rotate(45deg)}.guide-steps{max-width:800px;margin:30px auto}.guide-steps section{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.guide-steps section>span{flex-shrink:0;border:1px solid var(--red);color:var(--red);width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-size:12px}.guide-steps h2{font-size:28px;font-weight:600;letter-spacing:-.7px;margin-bottom:14px}.guide-steps p{color:var(--muted);font-size:14px;line-height:1.9}.questions{max-width:800px;margin:65px auto 0}.questions>h2{font-size:40px;font-weight:600;letter-spacing:-1px;margin-bottom:20px}dialog{width:calc(100% - 35px);max-width:440px;padding:38px;border:0;border-radius:12px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#172b28b3;backdrop-filter:blur(3px)}dialog h2{font-size:36px;font-weight:600;letter-spacing:-1px;margin:10px 0 20px}dialog p{font-size:13px;line-height:1.9;color:var(--muted)}dialog .button{margin-top:25px}.close{position:absolute;right:15px;top:10px;font-size:26px;color:var(--muted);background:none}
@media(max-width:1100px){.hero h1{font-size:64px}.hero{min-height:550px}.hero-copy{padding-top:35px}.hero h1{margin-top:38px}.discovery{gap:30px;grid-template-columns:170px 1fr}.games-grid{gap:24px 18px}.game-art{height:135px}.game h3{font-size:22px}.category-strip>a{padding:18px 10px;font-size:8px;gap:7px}.learn-band{gap:50px}.category-layout{grid-template-columns:190px 1fr;gap:35px}.reading-layout{gap:40px;grid-template-columns:180px 1fr}}
@media(max-width:760px){header{padding:20px 6%;gap:20px;flex-wrap:wrap}.brand{font-size:26px}.brand-mark{font-size:37px;margin-right:14px}.brand small{font-size:5px;left:36px;letter-spacing:1.5px}.header-end{gap:20px}.app-link{display:none}.menu{display:block}.lang{font-size:12px}header nav{display:none;order:3;width:100%;margin:0;justify-content:space-between;font-size:12px;border-top:1px solid var(--line);padding-top:17px}header.is-open nav{display:flex}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:30px 6% 35px}.edition{font-size:6px;letter-spacing:1.3px}.hero h1{font-size:clamp(49px,12vw,72px);letter-spacing:-2.8px;margin:34px 0 20px}.hero-copy>p{font-size:12px;max-width:360px;line-height:1.9}.hero .button{margin-top:25px}.button{font-size:11px;padding:14px 18px}.hero-note{margin-top:28px;font-size:9px}.hero-art{height:auto;aspect-ratio:1.35}.hero-art>img{object-position:center}.photo-label{left:20px;bottom:22px;padding:12px 16px}.photo-label b{font-size:22px}.photo-label small{font-size:5px}.photo-caption{font-size:5px;right:12px;bottom:12px}.category-strip{padding:0 6%;grid-template-columns:repeat(3,minmax(0,1fr))}.category-strip>a{padding:17px 7px;border-bottom:1px solid var(--line);font-size:7px}.category-strip>a:nth-child(4){border-left:1px solid var(--line)}.category-strip>a>span{width:21px;height:21px}.category-strip b{display:none}.discovery{padding:45px 6%;display:block}.rail{position:static}.rail h2{font-size:37px;letter-spacing:-1.5px}.rail h2 br{display:none}.rail>p{margin:15px 0 22px;font-size:11px}.rail>p br{display:none}.filters{flex-direction:row;overflow:auto;gap:8px;margin-bottom:25px;padding-bottom:8px}.filter{flex-shrink:0;border:1px solid var(--line);gap:13px;padding:10px 13px;font-size:10px}.rail-note{display:none}.eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:15px}.catalog-head{padding-bottom:13px;margin-bottom:22px;gap:10px}.catalog-head>span{font-size:9px}.search input{width:130px;font-size:10px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.game-art{height:125px;border-radius:6px}.game-art svg{width:63px;height:63px}.game-art>span{width:20px;height:20px;font-size:13px;right:10px;bottom:10px}.game-copy{padding-top:10px}.game-copy>small{font-size:5px;letter-spacing:.7px}.game h3{font-size:21px;letter-spacing:-.5px;margin:6px 0}.game p{font-size:9px;line-height:1.75}.learn-band{padding:45px 6%;grid-template-columns:1fr;gap:20px}.learn-band h2{font-size:45px;letter-spacing:-1.5px}.learn-band>div>p{font-size:12px;margin:20px 0}.learn-band a{font-size:11px}.rule-example{padding:30px 0 5px}.rule-example>strong{font-size:13px}.rule-example>p{font-size:10px}.app-section{padding:55px 6%}.app-section h2{font-size:40px;letter-spacing:-1.5px}.app-section p{font-size:11px}footer{grid-template-columns:1fr 1fr;gap:30px 25px;padding:35px 6%}footer>div:first-child{grid-column:1/-1}footer p{font-size:9px;margin-top:17px}footer>div:nth-child(2){font-size:9px;gap:13px}footer small{font-size:7px}.inner{padding:30px 6% 50px}.crumb{font-size:9px;margin-bottom:30px;line-height:1.8}.inner h1{font-size:45px;letter-spacing:-1.8px}.category-intro{padding:5px 0 30px;margin-bottom:30px}.category-intro p{font-size:13px;line-height:1.85}.category-layout{display:block}.category-layout>div:first-child{margin-bottom:30px}.category-layout>div:first-child h2{font-size:29px}.category-layout>div:first-child p{font-size:12px;line-height:1.85;margin:16px 0}.category-layout .game-art{height:130px}.article-heading{gap:20px;padding-bottom:30px;align-items:start}.article-heading p{font-size:15px;line-height:1.6;margin:17px 0}.article-heading small{font-size:7px;line-height:1.8;display:block}.article-icon{width:75px;height:75px;padding:17px;border-radius:12px}.article-heading>div:first-child{flex:1;min-width:0}.reading-layout{display:block;padding-top:30px}.reading-layout>aside{position:static;display:flex;overflow:auto;gap:15px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.reading-layout>aside b{display:none}.reading-layout>aside a{margin:0;white-space:nowrap;font-size:9px}.reading-layout h2{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:10px 0 17px}.reading-layout p{font-size:13px;line-height:1.95}.article-note{font-size:11px;padding:18px}.reading-layout article>section{padding-bottom:30px}.related{margin-top:40px;padding-top:30px}.related>h2{font-size:27px}.related .games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-steps section{gap:18px;padding:22px 0}.guide-steps h2{font-size:25px}.guide-steps p{font-size:12px}.questions{margin-top:45px}.questions>h2{font-size:32px}summary{font-size:12px}details p{font-size:12px!important}dialog{padding:32px 25px}dialog h2{font-size:31px}dialog p{font-size:12px}}
html[lang=hi] h1,html[lang=hi] h2,html[lang=hi] h3{font-family:'Noto Sans Devanagari',sans-serif;line-height:1.4;letter-spacing:-.6px}html[lang=hi] .hero h1{font-size:clamp(42px,4.5vw,68px)}@media(max-width:760px){html[lang=hi] .hero h1{font-size:43px}html[lang=hi] .game h3{font-size:19px}html[lang=hi] .inner h1{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Individual game artwork, 2026-11-06 */
.game-art,.category-layout .game-art{height:auto;aspect-ratio:244/226;background:transparent;border-radius:13px;box-shadow:0 2px 9px #432b1518}
.game-art>img{display:block;width:100%;height:100%;object-fit:fill;transition:transform .25s}
.game-art:hover>img{transform:scale(1.025)}
.game-art>span{display:none}
.article-icon{padding:0;overflow:hidden;transform:none;background:transparent!important;width:170px;height:auto;aspect-ratio:244/226;border-radius:13px}
.article-icon>img{display:block;width:100%;height:100%;object-fit:fill}
@media(max-width:700px){.game-art,.category-layout .game-art{height:auto;border-radius:9px}.article-icon{width:95px;height:auto;padding:0;border-radius:9px}}
