:root{--primary:#175b89;--primary-contrast:#fff;--accent:#bc302b;--surface:#fffdf7;--surface-2:#edf2f2;--text:#263b48;--heading:#102f44;--muted:#536570;--border:#a8b9c1;--font-head:'Anek Bangla',sans-serif;--font-body:'Anek Bangla',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f1f4f2;color:var(--text);font:400 16px/1.85 var(--font-body)}a{color:var(--primary);text-underline-offset:4px}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}p{margin:0 0 1em}h1,h2,h3{color:var(--heading);font-family:var(--font-head);line-height:1.35}h1{font-size:clamp(30px,4vw,57px);margin:18px 0;max-width:18ch}h2{font-size:clamp(24px,2.5vw,33px);margin:0 0 24px}h3{font-size:21px}main,.mast,footer{max-width:1280px;margin:auto;padding:0 32px}.skip{position:absolute;left:16px;top:-80px;padding:14px;background:#fff;z-index:20}.skip:focus{top:8px}.mast{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding-top:22px;padding-bottom:22px;border-bottom:2px solid var(--heading)}.brand{font-weight:800;font-size:24px;display:flex;gap:12px;align-items:center;min-height:44px;text-decoration:none}.brandmark{width:26px;height:26px;border:3px solid var(--primary);position:relative}.brandmark:after{content:'';position:absolute;inset:5px;border:2px solid var(--accent)}.mast-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lang,.demo-link,.menu{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid var(--border);background:var(--surface);text-decoration:none;font-weight:700;color:var(--primary)}.lang.active,.demo-link{background:var(--primary);color:#fff}.menu{display:none}#site-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}#site-nav a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;text-decoration:none;font-size:14px}#site-nav span{font-size:12px;color:var(--muted)}#site-nav [aria-current]{text-decoration:underline}.page-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:42px;padding:56px 0}.head-copy{min-width:0}.badge{display:inline-block;border-bottom:4px solid var(--accent);font-weight:700}.lead{font-size:19px}.intro{font-size:16px}.head-art{align-self:start;aspect-ratio:1;background:linear-gradient(90deg,transparent 95%,#b9c9cd 95%) 0 0/32px 32px,linear-gradient(transparent 95%,#b9c9cd 95%) 0 0/32px 32px,var(--surface);border:2px solid var(--heading);position:relative;box-shadow:12px 12px 0 #dae4e5}.art-one{position:absolute;inset:15%;border:2px dashed var(--primary)}.art-two{position:absolute;top:21%;left:25%;width:37%;height:60%;border:3px solid var(--accent);transform:skewY(-17deg)}.art-three{position:absolute;top:45%;left:12%;width:75%;height:2px;background:var(--primary)}.art-four{position:absolute;top:12%;left:46%;width:2px;height:76%;background:var(--primary)}.play-bench{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:28px;background:var(--surface);border:2px solid var(--heading);padding:30px;margin-bottom:60px}.bench-label{min-width:0}.bench-label h2{padding-bottom:18px;border-bottom:4px solid var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}.chips span{border:1px solid var(--border);padding:6px 9px}.game-box{min-width:0;border:1px solid var(--border)}.reading{display:grid;grid-template-columns:240px minmax(0,1fr);gap:52px}.index{align-self:start;position:sticky;top:24px;border-top:3px solid var(--primary)}.index-title{font-size:15px;font-weight:800;padding:14px 0}.index nav{display:flex;flex-direction:column}.index a{display:flex;gap:12px;min-height:44px;padding:10px 0;border-top:1px solid var(--border);font-size:14px;text-decoration:none}.index span{color:var(--muted)}article{min-width:0}.chapter{padding:0 0 34px;margin:0 0 40px;border-bottom:1px solid var(--border)}.chapter ul,.chapter ol{padding-left:25px}.faq{margin-bottom:40px}.faq details{border-top:1px solid var(--border)}.faq summary{min-height:44px;padding:18px 0;cursor:pointer;font-weight:700}.faq details>div{padding-bottom:20px}.table-wrap{max-width:100%;overflow-x:auto;margin-bottom:22px}table{border-collapse:collapse;min-width:100%;font-size:14px}th,td{text-align:left;padding:12px;border:1px solid var(--border)}.cta{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:3px solid var(--accent);padding:30px 0;margin-top:24px}.cta p{max-width:70ch;margin:0}.related{padding:40px 0}.related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.related a{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--border);background:var(--surface);padding:20px;min-height:44px}.related strong{font-size:18px;margin-bottom:12px}.related span{font-size:14px;color:var(--muted)}footer{padding-top:40px;padding-bottom:30px;border-top:2px solid var(--heading)}.foot-brand{font-size:26px;font-weight:800;margin-bottom:20px}.foot-nav{display:flex;gap:12px 22px;flex-wrap:wrap;margin-bottom:24px}.foot-nav a{min-height:44px;display:flex;align-items:center;font-size:14px}footer p{font-size:14px;max-width:100ch}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;padding-top:24px;font-size:14px}.breadcrumbs a,.breadcrumbs span{min-height:44px;display:flex;align-items:center}.breadcrumbs a:after{content:'/';padding-left:12px;color:var(--muted)}.page-inner .page-head{padding-top:26px}.page-inner .head-art{max-width:300px;justify-self:end;width:100%}
@media(max-width:980px){.mast{grid-template-columns:1fr}.mast-tools{justify-content:flex-start}.menu{display:inline-flex;margin-left:auto}#site-nav{display:none}body.nav-open #site-nav{display:flex}.page-head{gap:26px;padding-top:36px}.play-bench{grid-template-columns:1fr}.reading{grid-template-columns:190px minmax(0,1fr);gap:24px}.related>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){main,.mast,footer{padding-left:14px;padding-right:14px}.mast{gap:12px}.brand{font-size:22px}.mast-tools .demo-link{font-size:13px;padding:8px}.page-head{grid-template-columns:minmax(0,1fr);gap:18px;padding:30px 0}.head-art{max-width:320px;width:100%;justify-self:center;box-shadow:6px 6px 0 #dae4e5}.lead{font-size:17px}h1{font-size:32px;max-width:none}.play-bench{padding:12px;gap:16px;margin-bottom:36px}.chips{font-size:12px}.reading{grid-template-columns:minmax(0,1fr);gap:30px}.index{position:static}.index nav{display:grid;grid-template-columns:minmax(0,1fr)}.chapter{padding-bottom:20px;margin-bottom:28px}.related>div{grid-template-columns:minmax(0,1fr)}.cta{display:block}.cta .demo-link{margin-top:16px}.page-inner .head-art{justify-self:center;max-width:220px}.foot-nav{gap:6px 18px}#game-root{padding:10px}#game-root .g-main{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

:root{--primary:#a14d32;--accent:#2e3e3c;--heading:#2e3e3c;--text:#3e4540;--border:#b4aaa0;--surface:#fff5de;--surface-2:#eee5d6;--font-head:'Anek Bangla',sans-serif;--font-body:'Anek Bangla',sans-serif}body{background:#eee5d6;line-height:1.85}.mast{background:#2e3e3c;border:0}.brand,#site-nav a,#site-nav a span{color:#fff5de}.brandmark,.brandmark:after{border-color:#d9a080}.page-head{grid-template-columns:minmax(0,1fr)}h1{max-width:25ch}.head-art{aspect-ratio:6/1;box-shadow:none;border:0;border-top:8px solid #2e3e3c;border-bottom:8px solid #2e3e3c;background:#fff5de}.art-one{left:8%;top:30%;height:30%;width:84%;background:#a14d32;border:0}.art-two{left:0;top:70%;width:100%;height:10px;transform:none;border:0;background:#2e3e3c}.art-three{left:25%;top:58%;width:18%;height:40%;border-radius:50%;border:8px solid #2e3e3c;background:#eee5d6}.art-four{left:60%;top:58%;width:18%;height:40%;border-radius:50%;border:8px solid #2e3e3c;background:#eee5d6}.play-bench{grid-template-columns:minmax(0,1fr) 260px;border:0;background:#fff5de;padding:26px;border-top:8px solid #a14d32}.bench-label{grid-column:2;grid-row:1}.game-box{grid-column:1;grid-row:1}.reading{grid-template-columns:220px minmax(0,1fr)}.index{background:#2e3e3c;color:#fff5de;padding:18px;border:0}.index a{color:#fff5de;border-color:#87948a}.chapter{background:#fff5de;border:2px dashed #a14d32;padding:26px}.chapter h2{font-size:29px}.related a{background:#fff5de;border:2px dashed #2e3e3c}.cta{background:#d9a080;padding:24px;border:0}#game-root .inspect-dots{grid-template-columns:repeat(8,minmax(0,1fr));gap:1px}#game-root .inspect-dots span{font-size:12px}@media(max-width:980px){.play-bench{grid-template-columns:minmax(0,1fr)}.bench-label,.game-box{grid-column:1;grid-row:auto}}@media(max-width:600px){.head-art{aspect-ratio:3/1}.reading{grid-template-columns:minmax(0,1fr)}.play-bench{padding:12px}.chapter{padding:18px}}