@font-face{font-family:MeshGames Inter;src:url(/assets/fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MeshGames Inter;src:url(/assets/fonts/inter-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.checkers-page{--font-sans: "MeshGames Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--checker-red: #c5543f;--checker-red-hi: #e37a62;--checker-cream: #f1dfba;--board-dark: #3d2019;--board-light: #d6b078}.mesh-mark{display:grid;grid-template-columns:repeat(2,13px);grid-template-rows:repeat(2,13px);overflow:hidden;width:38px;height:38px;padding:6px;border:1px solid rgba(246,221,154,.28);border-radius:10px;background:#2b1811;box-shadow:var(--shadow-soft)}.mesh-mark span:nth-child(1),.mesh-mark span:nth-child(4){background:var(--checker-cream)}.mesh-mark span:nth-child(2),.mesh-mark span:nth-child(3){background:var(--checker-red)}.checkers-page .hero{min-height:min(92svh,820px)}.checkers-page .hero-stage:before{background:radial-gradient(closest-side,rgba(197,84,63,.25),transparent 70%)}.checkers-board-wrap{position:relative;z-index:1;width:min(470px,86vw);padding:clamp(14px,3vw,24px);border:1px solid rgba(246,221,154,.2);border-radius:30px;background:linear-gradient(145deg,#7a4127,#3d2019 72%);box-shadow:var(--shadow-card),0 50px 80px -40px #000000f2;transform:perspective(1200px) rotateX(5deg) rotateY(-4deg)}.checkers-board{display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;aspect-ratio:1;border:5px solid #24130e;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff17}.checkers-square{position:relative;display:grid;place-items:center;background:var(--board-light)}.checkers-square.dark{background:var(--board-dark)}.checkers-piece{width:72%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff1f,inset 0 -7px 12px #00000040,0 5px 8px #00000061}.checkers-piece.red{border:2px solid #8f3528;background:radial-gradient(circle at 35% 28%,var(--checker-red-hi),var(--checker-red) 62%,#8c3026)}.checkers-piece.cream{border:2px solid #b99055;background:radial-gradient(circle at 35% 28%,#fff5dd,var(--checker-cream) 64%,#b88d50)}.checkers-piece.king:after{content:"K";display:grid;place-items:center;width:100%;height:100%;color:#24130ebf;font-family:Georgia,serif;font-weight:700;font-size:clamp(.7rem,2.2vw,1.3rem)}.board-caption{margin:14px 4px 0;color:var(--text-lo);font-size:.76rem;text-align:center}.status-note{max-width:58rem;margin:0 auto;padding:18px 22px;border:1px solid rgba(233,196,106,.3);border-radius:var(--radius-md);background:#e9c46a0f;color:var(--text-mid);text-align:center}.status-note strong{color:var(--gold-300)}.mode-grid,.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mode-card,.control-card{min-height:100%;padding:clamp(24px,4vw,34px);border:1px solid var(--espresso-600);border-radius:var(--radius-md);background:linear-gradient(150deg,#ffffff0b,#ffffff03);box-shadow:var(--shadow-card)}.mode-card .num,.control-card .num{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:24px;border:1px solid rgba(233,196,106,.3);border-radius:50%;color:var(--gold-300);font-size:.78rem;font-weight:700}.mode-card h3,.control-card h3{margin-bottom:12px;font-family:var(--font-serif);font-size:1.55rem;font-weight:600}.mode-card p,.control-card p{margin:0;color:var(--text-mid)}.privacy-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,7vw,80px);align-items:start;padding:clamp(30px,6vw,64px);border:1px solid rgba(127,224,192,.22);border-radius:var(--radius-lg);background:radial-gradient(circle at 0 0,rgba(127,224,192,.1),transparent 42%),var(--felt-900)}.privacy-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.privacy-list li{position:relative;padding:15px 18px 15px 46px;border:1px solid rgba(127,224,192,.16);border-radius:12px;background:#00000029;color:var(--text-mid)}.privacy-list li:before{content:"✓";position:absolute;left:18px;color:#7fe0c0;font-weight:700}.checkers-page section{scroll-margin-top:84px}@media(max-width:860px){.checkers-page .nav-links .availability-link{display:none}.mode-grid,.control-grid,.privacy-panel{grid-template-columns:1fr}}@media(max-width:940px){.checkers-page .hero-copy{order:1}.checkers-page .hero-stage{order:2}.checkers-board-wrap{transform:none}}@media(max-width:520px){.checkers-page .hero{padding-inline:16px}.checkers-page .hero-cta .btn{width:100%;justify-content:center}.checkers-board-wrap{width:min(92vw,430px);padding:10px;border-radius:20px}.checkers-board{border-width:3px}}
