@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:wght@500;600;700&display=swap');
:root{--ink:#173a32;--paper:#faf7ef;--green:#214d40;--orange:#d78349}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}header,main{max-width:1240px;margin:auto}header{display:flex;align-items:center;gap:30px;padding:25px 32px;border-bottom:1px solid #dddccf}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);font-size:17px;line-height:1.2}.brand-icon{font-size:40px}.brand strong{font-size:21px}.header-note{margin-left:auto;font-size:14px;color:#65756c}.preview{border:1px solid #cccfc2;padding:9px 13px;border-radius:30px;font-size:10px;letter-spacing:1.5px}main{padding:0 32px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:66px 0 72px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#788574;margin:0 0 18px}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-2px}h1{font-size:clamp(38px,4.6vw,64px);line-height:1.08;margin:0 0 23px}h1>span{color:var(--orange)}.intro{font-size:17px;line-height:1.7;color:#64756b;max-width:480px}.primary{display:inline-flex;align-items:center;gap:28px;background:var(--green);color:#fff;border:0;border-radius:8px;padding:15px 23px;text-decoration:none;font-size:14px;cursor:pointer;font-family:inherit}.small{font-size:11px;color:#788574;margin-top:20px}.table-art{position:relative;background:#e5e9db;border-radius:50% 50% 12px 12px;height:320px;max-width:430px;width:100%;margin:auto}.checkerboard{position:absolute;top:70px;left:24%;width:190px;height:190px;background:repeating-conic-gradient(#365d48 0 25%,#e2d7b3 0 50%) 0/48px 48px;transform:rotate(-12deg);border:10px solid #b2a782;box-shadow:12px 17px 0 #27493822;color:white;font-size:85px;text-shadow:1px 5px #19372d}.checkerboard span{position:absolute;right:0;bottom:0;font-size:70px;color:#1f392d}.floating{position:absolute;z-index:2;box-shadow:4px 10px 16px #233e2422}.card{top:10px;right:45px;background:#fff9ee;border-radius:10px;width:80px;height:115px;transform:rotate(18deg);padding:10px;font-family:Georgia;color:#b35244;font-size:27px}.card span{display:block;text-align:center;font-size:45px}.dice{position:absolute;bottom:45px;left:35px;font-size:73px;color:#a2563f;transform:rotate(10deg)}.domino{right:22px;bottom:37px;padding:10px;border-radius:8px;background:#f9f4e7;color:#305944;font-size:19px;transform:rotate(20deg)}.art-caption{position:absolute;bottom:13px;width:100%;text-align:center;font-size:9px;letter-spacing:3px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{font-size:35px;margin:0}.section-heading p:last-child{color:#788574;font-size:13px}.toolbar{display:flex;justify-content:space-between;gap:16px;margin:26px 0}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:0;background:transparent;padding:11px 15px;border-radius:25px;color:#6c786b;cursor:pointer;font:inherit;font-size:12px}.filters button.active{background:var(--green);color:white}.search{display:flex;align-items:center;gap:9px;border:1px solid #d7dbce;border-radius:25px;padding:0 14px}.search input{background:transparent;border:0;outline:0;padding:10px;width:150px;font:inherit;font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.game{padding:0;text-align:left;border:1px solid #e0e1d4;background:#fffdf7;border-radius:12px;overflow:hidden;cursor:pointer;color:inherit;transition:transform .2s,box-shadow .2s}.game:hover{transform:translateY(-4px);box-shadow:0 10px 25px #213e3110}.game-art{height:140px;display:flex;align-items:center;justify-content:center;position:relative;font-size:70px;letter-spacing:5px}.game-art .stage{position:absolute;top:12px;left:12px;font:700 9px 'DM Sans',sans-serif;letter-spacing:1px;background:#ffffffb0;padding:6px 9px;border-radius:20px}.game-content{padding:18px}.game h3{font-family:Fraunces,Georgia,serif;font-size:23px;margin:0 0 7px;font-weight:600}.game p{font:12px/1.5 'DM Sans',Arial,sans-serif;margin:0;color:#748072;min-height:36px}.game-meta{display:flex;justify-content:space-between;border-top:1px solid #eeeeE4;padding-top:13px;margin-top:14px;font:10px 'DM Sans',sans-serif;color:#65756c}.roadmap{margin:60px 0 30px;border-radius:16px;background:#e9ede1;padding:35px;display:grid;grid-template-columns:1fr 1.3fr;gap:40px}.roadmap h2{font-size:34px;margin:0}.roadmap ol{list-style:none;margin:0;padding:0}.roadmap li{display:flex;gap:17px;align-items:center;padding:13px 0;border-bottom:1px solid #d4ddcc}.roadmap li>span{color:#91a083;font-size:13px}.roadmap strong{font-size:14px}.roadmap p{font-size:12px;color:#71816e;margin:6px 0}.roadmap b{margin-left:auto;font-size:9px;letter-spacing:1px}footer{display:flex;justify-content:space-between;align-items:center;padding:20px 0 30px;font-size:12px}footer p{font-size:10px;color:#7c8976}dialog{max-width:480px;width:calc(100% - 32px);border:0;border-radius:18px;background:var(--paper);color:var(--ink);padding:38px}dialog::backdrop{background:#0e2d2590}dialog h2{font-size:36px;margin:0 0 18px}dialog p{line-height:1.6}.close{position:absolute;right:15px;top:12px;font-size:25px;border:0;background:transparent;cursor:pointer;color:var(--ink)}.planned-modes{background:#e9ede1;padding:18px;border-radius:10px;font-size:13px}.planned-modes li{margin:8px 0}.notice{font-size:12px;color:#7c6853}:focus-visible{outline:3px solid #d78349;outline-offset:4px}[hidden]{display:none!important}@media(max-width:950px){.grid{grid-template-columns:repeat(3,1fr)}.hero{gap:20px}.table-art{height:300px}}@media(max-width:700px){header{padding:18px}.header-note{display:none}.preview{margin-left:auto}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:38px 0}.table-art{max-width:360px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.toolbar,.section-heading{flex-direction:column;align-items:start}.search{width:100%}.search input{width:100%}.roadmap{grid-template-columns:1fr;padding:24px;gap:20px}.game-art{height:120px;font-size:58px}.game-content{padding:14px}footer{display:block}.small{line-height:1.8}.brand strong{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game{transition:none}}