.mark-mask .brand img,.mark-mask .felt-mark img{filter:brightness(0) invert(1)}

:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#edf4f3;background:#0a171c;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at 85% 16%,#183c42 0,transparent 43%)}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:auto;padding-left:44px;padding-right:44px}
.masthead{height:112px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:15px;font-weight:700;letter-spacing:-.4px;font-size:21px}
.brand img{width:54px;height:38px;object-fit:contain}
.nav-link{font-size:14px;color:#c1cecd}
.nav-link span{margin-left:12px}
.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding-top:48px;padding-bottom:92px}
.eyebrow{color:#8bd4bf;font-size:10px;font-weight:700;letter-spacing:2.6px;margin:0 0 25px}
h1{font-family:Georgia,serif;font-size:clamp(50px,5.8vw,82px);line-height:1.06;letter-spacing:-3px;font-weight:400;max-width:530px;margin:0 0 26px}
.intro{color:#a7bcbd;max-width:430px;font-size:17px;line-height:1.8;margin:0 0 33px}
.download{display:inline-flex;gap:17px;align-items:center;border:1px solid #a1e5cf;background:#9de3c9;color:#102a26;padding:18px 25px;border-radius:5px;font-size:14px;font-weight:750;box-shadow:0 8px 30px #0002;transition:background .15s,transform .15s}
.download:hover{background:#c4f4df;transform:translateY(-2px)}
.download:focus-visible,.nav-link:focus-visible,.brand:focus-visible{outline:3px solid #fff;outline-offset:5px}
.download span{font-size:23px;line-height:15px}
.requirements{font-size:11px;line-height:1.7;color:#829c9f;max-width:335px;margin:19px 0 0}
.release{font-size:10px;color:#6a868a;margin-top:8px}
.table-art{height:430px;position:relative;display:flex;align-items:center;justify-content:center}
.felt{width:410px;height:280px;position:relative;transform:rotate(-13deg);border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#296956,#123b35);border:13px solid #1d3435;box-shadow:0 0 0 2px #577276,0 0 0 10px #0c2329,0 30px 70px #0008,inset 0 0 0 2px #75b69a55,inset 0 0 55px #031f2699}
.felt-mark{position:absolute;left:0;right:0;top:30px;display:flex;align-items:center;flex-direction:column;gap:6px;opacity:.45;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.felt-mark img{width:60px;height:35px;object-fit:contain}
.cards{position:absolute;left:95px;top:106px;display:flex;gap:6px;transform:rotate(13deg)}
.card{display:flex;flex-direction:column;justify-content:space-between;width:65px;height:94px;background:#f1efe5;border:1px solid #e4dfd0;border-radius:6px;padding:6px 9px;font:bold 26px Georgia;box-shadow:0 7px 9px #0004}
.card:nth-child(1){transform:rotate(-12deg) translateY(6px)}
.card:nth-child(3){transform:rotate(12deg) translateY(6px)}
.card small{align-self:center;font-size:37px;line-height:1}
.red{color:#ca5b59}
.black{color:#18343a}
.chip{position:absolute;width:42px;height:36px;background:repeating-conic-gradient(#eff2dd 0 11deg,#a64542 11deg 49deg,#eff2dd 49deg 60deg);border:3px solid #e4ded1;border-radius:50%;box-shadow:0 3px #783a37,0 5px #dbd8c8,0 8px #783a37,0 10px #dbd8c8,0 14px 12px #0005}
.chip:after{content:"";position:absolute;inset:7px;border:1px dashed #eee9c5;border-radius:50%;background:#9b3e3b}
.chip-one{left:52px;top:155px}
.chip-two{right:39px;top:92px;transform:scale(.8)}
.chip-three{right:51px;top:120px;transform:scale(.8)}
.orbit{position:absolute;border:1px solid #7ba29c18;border-radius:50%;width:500px;height:340px;transform:rotate(-13deg)}
.orbit-two{width:550px;height:390px}
.art-caption{position:absolute;bottom:0;font-size:9px;letter-spacing:3px;color:#729597}
.games{padding-top:65px;padding-bottom:70px;border-top:1px solid #244045}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:40px}
h2{font:400 37px Georgia;margin:0;letter-spacing:-1px}
.section-heading>p{max-width:340px;color:#96b0b3;font-size:13px;line-height:1.7;margin:0}
.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.game-grid article{padding:24px 20px;background:linear-gradient(145deg,#152c31,#102329);border:1px solid #264248;border-radius:8px}
.suit{font-size:26px;color:#95cdbd}
.suit.red{color:#d78b79}
h3{font-size:15px;margin:22px 0 12px}
.game-grid article p{font-size:12px;line-height:1.8;color:#8da7ac;margin:0}
.desktop{margin-top:22px;margin-bottom:65px;padding-top:40px;padding-bottom:40px;display:flex;justify-content:space-between;align-items:center;gap:50px}
.desktop>div{max-width:580px}
.desktop .eyebrow{margin-bottom:15px}
.desktop p:last-child{font-size:14px;line-height:1.8;color:#98b0b3}
.desktop .download{flex-shrink:0}
footer{border-top:1px solid #244045;padding-top:30px;padding-bottom:32px;display:flex;justify-content:space-between;font-size:11px;color:#789499}
footer span:first-child{color:#b5cecc}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:35px;padding-bottom:45px}
.hero-copy{max-width:600px}
.table-art{height:360px}
.orbit{max-width:90%}
.game-grid{grid-template-columns:repeat(2,1fr)}
.desktop{align-items:flex-start;flex-direction:column;gap:16px}
h1{max-width:600px}
}
@media(max-width:540px){.wrap{padding-left:23px;padding-right:23px}
.masthead{height:90px}
.brand{font-size:17px;gap:10px}
.brand img{width:39px}
.nav-link{font-size:11px}
.hero{padding-top:35px}
h1{font-size:58px;letter-spacing:-2px}
.intro{font-size:15px}
.table-art{height:290px;transform:scale(.87);margin-left:-20px;margin-right:-20px}
.felt{min-width:350px;max-width:350px;height:246px}
.cards{left:73px;top:88px}
.felt-mark{top:20px}
.chip-one{left:36px;top:137px}
.art-caption{bottom:-18px;font-size:8px}
.section-heading{display:block}
.section-heading p{margin-top:18px}
.game-grid{gap:10px}
.game-grid article{padding:20px 15px}
h2{font-size:33px}
.games{padding-top:40px}
.desktop{margin-top:0;margin-bottom:30px}
footer{gap:20px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.download{transition:none}
}