/* x999bet.cc — Striker line: Dhaka rooftop carrom board as a guide */
:root{
  --paper:#F6EDDA;--paper-2:#EEDFC1;--ply:#EBCF9C;--ply-2:#E0C08A;--line:#D3B888;--line-2:#BF9F68;
  --wood:#3B1E13;--wood-2:#26130C;--wood-3:#553020;--pocket:#140B07;
  --ink:#1F1611;--muted:#5B4637;--red:#B3261E;--red-2:#8C1C15;--cream:#F8EDD3;--cream-2:#E9D6AE;--amber:#E9B45E;
  --f-disp:"Ultra","Noto Serif Bengali",Georgia,serif;
  --f-body:"SUSE","Noto Sans Bengali",system-ui,sans-serif;
  --wrap:1240px;--gut:16px;
  --grain:repeating-linear-gradient(91deg,rgba(122,74,28,.055) 0 2px,transparent 2px 9px,rgba(122,74,28,.035) 9px 10px,transparent 10px 23px,rgba(255,255,255,.08) 23px 25px,transparent 25px 41px);
  --grain-d:repeating-linear-gradient(89deg,rgba(255,220,180,.035) 0 2px,transparent 2px 11px,rgba(0,0,0,.12) 11px 12px,transparent 12px 29px);
  --bl:radial-gradient(circle,var(--red) 0 6px,var(--ink) 6.5px 8px,transparent 8.5px) 0 50%/18px 18px no-repeat,
       radial-gradient(circle,var(--red) 0 6px,var(--ink) 6.5px 8px,transparent 8.5px) 100% 50%/18px 18px no-repeat,
       linear-gradient(var(--ink),var(--ink)) 50% 4px/calc(100% - 16px) 1.5px no-repeat,
       linear-gradient(var(--ink),var(--ink)) 50% 12.5px/calc(100% - 16px) 1.5px no-repeat;
  --coin:radial-gradient(circle closest-side,#FBF3DF 0 24%,#C7A469 25% 29%,#F6E7C6 30% 52%,#C7A469 53% 57%,#F1DFB8 58% 86%,#7A5733 87% 94%,transparent 96%);
  /* game runtime tokens */
  --primary:var(--red);--primary-contrast:#FFF6E6;--accent:var(--amber);--surface:#FBF4E4;--surface-2:var(--cream);
  --text:var(--ink);--heading:var(--ink);--border:var(--line-2);--font-head:var(--f-disp);--font-body:var(--f-body);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background-color:var(--paper);color:var(--ink);font:400 17px/1.7 var(--f-body);
  background-image:radial-gradient(rgba(255,255,255,.6) 1px,transparent 1.5px),radial-gradient(rgba(122,74,28,.07) 1px,transparent 1.5px);
  background-size:23px 23px,37px 37px;background-position:0 0,11px 17px;overflow-x:hidden}
:lang(bn) body,body:lang(bn){line-height:1.8}
img,svg{max-width:100%}
a{color:var(--red-2);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:var(--red)}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:3px}
.rail :focus-visible,.foot :focus-visible,.cta-strip :focus-visible{outline-color:var(--amber)}
h1,h2,h3{font-family:var(--f-disp);font-weight:400;color:var(--ink);text-wrap:balance}
:lang(bn) h1,:lang(bn) h2,:lang(bn) h3{font-weight:800;font-stretch:87.5%;line-height:1.45}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
@media (min-width:768px){:root{--gut:28px}}
.skip{position:absolute;left:12px;top:-100px;z-index:50;background:var(--ink);color:var(--cream);padding:12px 16px;border-radius:4px;font-weight:700}
.skip:focus{top:12px}
.sr,.lsw-l{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.queen{display:inline-block;flex:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle closest-side,#E4574A 0 34%,var(--red) 36% 70%,var(--red-2) 72% 100%);box-shadow:0 0 0 1.5px var(--ink)}

/* ─ header: rosewood rail + baseline nav ─ */
.rail{position:relative;z-index:20}
.rail-top{background:var(--grain-d),var(--wood);color:var(--cream);border-bottom:3px solid var(--wood-2)}
.rail-in{display:flex;align-items:center;gap:10px;min-height:66px}
.mark{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;margin-right:auto;min-height:44px;min-width:0}
.mark:hover{color:#fff}
.logo{width:40px;height:40px;flex:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}
.mark-txt{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.mark-name{font:400 21px/1 "Ultra",Georgia,serif;letter-spacing:.01em}
.mark-tag{font:600 12.5px/1.3 var(--f-body);color:var(--cream-2);margin-top:3px}
.lsw{display:flex;border:1.5px solid rgba(248,237,211,.35);border-radius:999px;padding:2px;flex:none}
.lsw a{display:grid;place-items:center;min-width:44px;min-height:40px;padding:0 10px;border-radius:999px;color:var(--cream);text-decoration:none;font:700 14px/1 var(--f-body)}
.lsw a:hover{background:rgba(248,237,211,.12);color:#fff}
.lsw a[aria-current]{background:var(--cream);color:var(--wood)}
.rail-toggle{order:3;display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 6px 0 4px;border:0;border-radius:999px;background:transparent;color:var(--cream);font:700 15px/1 var(--f-body);cursor:pointer}
.tg-ico{position:relative;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle closest-side,var(--cream) 0 56%,var(--red) 58% 72%,var(--cream) 74% 86%,transparent 88%);display:block;flex:none}
.tg-ico i{position:absolute;left:12px;right:12px;height:2px;background:var(--ink);top:15px;transition:transform .2s}
.tg-ico i+i{top:21px}
.rail.is-open .tg-ico i{top:18px;transform:rotate(45deg)}
.rail.is-open .tg-ico i+i{transform:rotate(-45deg)}
.tg-txt{display:none}
.rail-cta{display:none}
.rail-nav{display:none;background:var(--grain),var(--ply);border-bottom:1.5px solid var(--ink)}
.rail.is-open .rail-nav{display:block}
.rail-nav ul{list-style:none;margin:0;padding:10px 0 14px;display:grid}
.rail-nav a{display:flex;align-items:center;gap:12px;min-height:50px;padding:6px 4px;color:var(--ink);text-decoration:none;font-weight:600;font-size:17px;border-bottom:1px dashed rgba(31,22,17,.25)}
.rail-nav li:last-child a{border-bottom:0}
.rail-nav a::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--coin);box-shadow:0 1px 0 rgba(0,0,0,.25)}
.rail-nav a[aria-current]::before{background:radial-gradient(circle closest-side,#E4574A 0 30%,var(--red) 32% 86%,transparent 90%);box-shadow:0 0 0 1.5px var(--ink)}
.rail-nav a:hover{color:var(--red)}
@media (min-width:420px){.tg-txt{display:inline}.rail-toggle{padding-right:12px}}
@media (min-width:720px){
  .rail-cta{order:4;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--red);color:#FFF6E6;text-decoration:none;font:700 15px/1.1 var(--f-body);box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
  .rail-cta:hover{background:#C42E25;color:#fff}
  .rail-cta .queen{background:var(--cream);box-shadow:0 0 0 1.5px var(--ink)}
}
@media (min-width:980px){
  .rail-toggle{display:none}
  .rail-nav{display:block;border-bottom:0;position:relative}
  .rail-nav::after{content:"";display:block;height:18px;margin:-9px auto 0;max-width:calc(var(--wrap) - 2 * var(--gut));width:calc(100% - 2 * var(--gut));background:var(--bl);position:relative;top:9px}
  .rail-nav ul{display:flex;flex-wrap:wrap;gap:2px 6px;padding:6px 0 10px}
  .rail-nav a{min-height:48px;padding:6px 12px 6px 8px;border:0;border-radius:999px;font-size:16px}
  .rail-nav a:hover{background:rgba(255,255,255,.35)}
  .rail-nav a::before{width:14px;height:14px}
  .rail-nav a[aria-current]{background:var(--paper)}
}

/* ─ buttons ─ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 24px;border-radius:999px;text-decoration:none;font:700 17px/1.2 var(--f-body);text-align:center;transition:transform .15s,background .15s,box-shadow .15s}
.btn-queen{background:var(--red);color:#FFF6E6;box-shadow:inset 0 -4px 0 rgba(0,0,0,.25),0 10px 18px -12px rgba(140,28,21,.9)}
.btn-queen::before{content:"";width:16px;height:16px;border-radius:50%;flex:none;background:radial-gradient(circle closest-side,var(--red) 0 38%,var(--cream) 42% 100%);box-shadow:0 0 0 1.5px var(--ink)}
.btn-queen:hover{background:#C42E25;color:#fff}
.btn-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--cream)}
.btn-sm{min-height:46px;padding:8px 18px;font-size:15.5px}
@media (prefers-reduced-motion:no-preference){.btn:hover{transform:translateY(-2px)}}

/* ─ home hero: copy + board ─ */
.hero{background:var(--grain),linear-gradient(180deg,var(--ply) 0,#EED6A8 100%);border-bottom:10px solid var(--wood);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:auto -120px -160px auto;width:420px;height:420px;border-radius:50%;border:1.5px solid rgba(31,22,17,.18);box-shadow:0 0 0 26px rgba(31,22,17,.035),0 0 0 27.5px rgba(31,22,17,.14);pointer-events:none}
.hero-grid{display:grid;gap:28px;padding-block:28px 34px;position:relative}
.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:6px 14px 6px 8px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink);font:700 14.5px/1.35 var(--f-body)}
.hero h1{margin:0 0 16px;font-size:clamp(1.85rem,1.05rem + 3.4vw,3.35rem);line-height:1.08;letter-spacing:-.01em}
:lang(bn) .hero h1{letter-spacing:0;line-height:1.38;font-size:clamp(1.9rem,1.2rem + 3vw,3.3rem)}
.lead{font-size:clamp(1.06rem,1rem + .3vw,1.2rem);color:#34261D}
.lead p{margin:0 0 12px}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 20px}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px}
.chips li{display:inline-flex;align-items:center;gap:8px;font:600 14.5px/1.4 var(--f-body);color:var(--muted)}
.chips li::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--wood);box-shadow:inset 0 0 0 2.5px #6D4A36}
.chips li:first-child::before{background:var(--red);box-shadow:0 0 0 1.5px var(--ink)}
.board-wrap{container:board/inline-size;min-width:0;scroll-margin-top:12px}
.board{position:relative;background:var(--grain-d),linear-gradient(135deg,#4A2819,#321A10);border-radius:16px;padding:12px;box-shadow:0 34px 44px -30px rgba(38,19,12,.8),inset 0 1px 0 rgba(255,230,200,.18),inset 0 -2px 0 rgba(0,0,0,.35)}
.pk{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle closest-side,#000 0 55%,var(--pocket) 60% 78%,#6D4A36 82% 100%)}
.pk1{left:9px;top:9px}.pk2{right:9px;top:9px}.pk3{left:9px;bottom:9px}.pk4{right:9px;bottom:9px}
.board-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:2px 30px 12px;color:var(--cream);font:700 15px/1.3 var(--f-body)}
.board-demo{font:700 12.5px/1 var(--f-body);padding:6px 10px;border-radius:999px;background:var(--red);color:#FFF6E6}
@container board (min-width:420px){.board{padding:18px}.pk{width:24px;height:24px}.pk1{left:12px;top:12px}.pk2{right:12px;top:12px}.pk3{left:12px;bottom:12px}.pk4{right:12px;bottom:12px}}
@media (min-width:980px){
  .hero-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px;align-items:start;padding-block:48px 56px}
  .hero-copy{position:sticky;top:24px;padding-top:12px}
}

/* ─ inner page head ─ */
.phead{background:var(--grain),var(--ply);border-bottom:10px solid var(--wood);position:relative;overflow:hidden}
.phead-in{display:grid;gap:12px;padding-block:18px 30px;position:relative}
.phead h1{margin:6px 0 14px;font-size:clamp(1.75rem,1.1rem + 2.7vw,3rem);line-height:1.1}
:lang(bn) .phead h1{line-height:1.4}
.ph-corner{display:none}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;font:600 15px/1.3 var(--f-body)}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li+li::before{content:"";width:8px;height:8px;margin:0 10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 1.5px var(--ink)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}
.crumbs span{color:var(--muted)}
@media (min-width:760px){
  .phead-in{grid-template-columns:minmax(0,1fr) 190px;align-items:end;padding-block:22px 40px}
  .ph-corner{display:block;width:170px;height:170px;align-self:center;margin-right:calc(-.5 * var(--gut))}
}

/* ─ article + rack ─ */
.page{padding-block:26px 48px}
.page-grid{display:grid;gap:26px}
.content{min-width:0;max-width:760px}
.rack{min-width:0}
.toc{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:10px}
.toc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:8px 16px;cursor:pointer;font:700 16px/1.3 var(--f-body)}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"";width:26px;height:26px;border-radius:50%;flex:none;background:var(--coin);transition:transform .2s}
.toc[open] summary::after{transform:rotate(180deg)}
.toc nav{padding:0 12px 12px}
.toc ol{list-style:none;margin:0;padding:0 0 0 12px;position:relative}
.toc ol::before{content:"";position:absolute;left:18px;top:14px;bottom:14px;border-left:1.5px solid var(--ink);box-shadow:-6px 0 0 -4.5px var(--ink)}
.toc a{position:relative;display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:10px 6px 10px 0;color:var(--ink);text-decoration:none;font:500 15.5px/1.45 var(--f-body)}
.toc a .dot{position:relative;width:14px;height:14px;margin-top:4px;border-radius:50%;flex:none;background:var(--paper);box-shadow:0 0 0 1.5px var(--ink)}
.toc a:hover{color:var(--red)}
.toc a.on .dot,.toc a:hover .dot{background:var(--red)}
.toc a.on{font-weight:700}
.demo-note{display:none;margin-top:18px;padding:20px 18px;border-radius:10px;background:var(--grain-d),var(--wood);color:var(--cream);position:relative}
.demo-note p{margin:0 0 14px;font-size:15.5px;line-height:1.6;color:var(--cream-2)}
.demo-note .demo-t{font:700 18px/1.35 var(--f-body);color:var(--cream);margin-bottom:6px}
.demo-ico{display:block;width:40px;height:40px;margin-bottom:12px;border-radius:50%;background:var(--coin)}
@media (min-width:1024px){
  .page-grid{grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
  .rack{grid-column:2;grid-row:1;position:sticky;top:20px}
  .content{grid-column:1;grid-row:1}
  .demo-note{display:block}
  .toc summary{pointer-events:none}
  .toc summary::after{display:none}
}
.intro-rest,.sec-plain{margin-bottom:24px}
.sec{margin:0 0 34px}
.sec-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding-bottom:22px;position:relative;margin-bottom:14px}
.sec-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;background:var(--bl)}
.sec-head h2{margin:0;font-size:clamp(1.4rem,1.1rem + 1.2vw,1.95rem);line-height:1.15;scroll-margin-top:20px}
:lang(bn) .sec-head h2{line-height:1.45}
.coin{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle closest-side,#FBF3DF 0 56%,#C7A469 57% 61%,#F1DFB8 62% 86%,#7A5733 87% 94%,transparent 96%);font:400 17px/1 "Ultra","Noto Serif Bengali",serif;color:var(--ink);filter:drop-shadow(0 3px 0 rgba(31,22,17,.25))}
:lang(bn) .coin{font-weight:800;font-size:19px}
.coin-dot::after{content:"";width:14px;height:14px;border-radius:50%;background:var(--cream);box-shadow:0 0 0 1.5px var(--ink)}
:lang(bn) .sec-head h2,:lang(bn) .rel-head h2{font-family:"Noto Serif Bengali","Ultra",serif}
.coin-b{background:radial-gradient(circle closest-side,#2A221E 0 56%,#6E6058 57% 61%,#231C18 58% 86%,#000 87% 94%,transparent 96%);color:var(--cream)}
.coin-q{background:radial-gradient(circle closest-side,var(--red) 0 56%,#F0A08F 57% 61%,#A8221B 58% 86%,#4E0D09 87% 94%,transparent 96%);color:#FFF6E6}
.content p{margin:0 0 16px}
.content h3{font-size:1.25rem;margin:24px 0 10px}
.content ul,.content ol{margin:0 0 18px;padding:0}
.content ul{list-style:none}
.content ul>li{position:relative;padding-left:28px;margin-bottom:10px}
.content ul>li::before{content:"";position:absolute;left:1px;top:.5em;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle closest-side,var(--cream) 0 40%,var(--wood-3) 44% 58%,var(--cream-2) 62% 80%,var(--wood) 84% 100%)}
.content ol{list-style:none;counter-reset:n}
.content ol>li{counter-increment:n;position:relative;padding-left:44px;margin-bottom:12px;min-height:30px}
.content ol>li::before{content:counter(n);position:absolute;left:0;top:.05em;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--wood);color:var(--cream);font:700 14px/1 var(--f-body)}
:lang(bn) .content ol>li::before{content:counter(n,bengali)}
.content strong{font-weight:700;color:#130D09}
.content table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15.5px;display:block;overflow-x:auto}
.content th,.content td{border:1px solid var(--line-2);padding:10px 12px;text-align:left;vertical-align:top}
.content th{background:var(--paper-2)}
.content blockquote{margin:0 0 18px;padding:14px 18px;border-left:4px solid var(--red);background:var(--paper-2)}

/* FAQ: striker toggles */
.faq{margin:40px 0 30px}
.faq-list{border-top:1.5px solid var(--ink)}
.faq details{border-bottom:1.5px solid var(--ink)}
.faq summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:14px;align-items:center;min-height:60px;padding:12px 2px;cursor:pointer;font:700 17.5px/1.45 var(--f-body)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover .fq{color:var(--red-2)}
.striker{position:relative;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle closest-side,var(--cream) 0 60%,var(--red) 62% 74%,var(--cream) 76% 88%,var(--ink) 89% 97%,transparent 99%);transition:transform .3s}
.striker::before,.striker::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--ink)}
.striker::after{transform:rotate(90deg);transition:transform .3s}
.faq details[open] .striker{transform:rotate(180deg)}
.faq details[open] .striker::after{transform:rotate(0)}
.fa{padding:0 50px 14px 0;color:#34261D}
.fa p{margin:0 0 10px}

.cta-strip{margin-top:36px;padding:22px;border-radius:12px;background:var(--grain-d),var(--wood);color:var(--cream);display:grid;gap:14px;justify-items:start;position:relative}
.cta-strip p{margin:0;font:600 18px/1.5 var(--f-body)}
.cta-strip::after{content:"";position:absolute;right:14px;top:14px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle closest-side,#000 0 55%,var(--pocket) 60% 78%,#6D4A36 82% 100%)}
.cta-strip p{padding-right:30px}

/* ─ related: board tiles with corner pockets ─ */
.related{background:var(--paper-2);border-top:1.5px solid var(--ink);padding-block:34px 44px}
.rel-head{position:relative;padding-bottom:22px;margin-bottom:22px}
.rel-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;background:var(--bl)}
.rel-head h2{margin:0;font-size:clamp(1.45rem,1.1rem + 1.3vw,2rem)}
.tiles{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));container:tiles/inline-size}
.tile{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:6px;height:100%;min-height:170px;padding:18px 18px 16px;border-radius:6px;color:var(--ink);text-decoration:none;
  background:radial-gradient(circle at 100% 0,var(--pocket) 0 17px,var(--wood-3) 17.5px 22px,transparent 22.5px),var(--grain),var(--ply);box-shadow:inset 0 0 0 1.5px var(--ink),0 3px 0 var(--line-2);transition:transform .18s,box-shadow .18s}
.tile-n{font:400 15px/1 "Ultra","Noto Serif Bengali",serif;color:var(--red-2)}
:lang(bn) .tile-n{font-weight:800}
.tile strong{font:700 18.5px/1.35 var(--f-body);padding-right:26px}
.tile-d{font-size:15px;line-height:1.55;color:var(--muted)}
.tile-go{justify-self:end;width:34px;height:34px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink);position:relative}
.tile-go::before{content:"";position:absolute;left:10px;top:10px;width:12px;height:12px;border-top:2px solid var(--ink);border-right:2px solid var(--ink)}
.tile-go::after{content:"";position:absolute;left:9px;top:16px;width:16px;height:2px;background:var(--ink);transform:rotate(-45deg);transform-origin:center}
.tile:hover{color:var(--ink);box-shadow:inset 0 0 0 2px var(--red),0 6px 0 var(--line-2)}
.tile:hover .tile-go{background:var(--red)}
@media (prefers-reduced-motion:no-preference){.tile:hover{transform:translateY(-3px)}}

/* ─ footer: rosewood frame ─ */
.foot{background:var(--grain-d),var(--wood-2);color:var(--cream-2);border-top:10px solid var(--wood-3)}
.foot-frame{position:relative;padding-block:36px 18px}
.foot .pk{width:26px;height:26px;top:14px}
.foot .pk1{left:14px}.foot .pk2{right:14px;left:auto}
.foot-grid{display:grid;gap:26px}
.foot .mark{margin:0 0 14px;color:var(--cream)}
.foot-disc{margin:0;font-size:15px;line-height:1.7;max-width:46ch}
.foot-col h2{margin:0 0 6px;font:700 15px/1.4 var(--f-body);color:var(--amber)}
.foot-col ul{list-style:none;margin:0;padding:0;display:grid}
.foot-col a{display:flex;align-items:center;min-height:44px;color:var(--cream);text-decoration:none;font-size:16px;border-bottom:1px solid rgba(248,237,211,.1)}
.foot-col a:hover{color:#fff;text-decoration:underline}
.foot-base{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(248,237,211,.2);font-size:14.5px}
.foot-base .lsw{margin-left:auto}
.age{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;flex:none;background:radial-gradient(circle closest-side,var(--red) 0 78%,var(--cream) 80% 86%,var(--red-2) 88% 100%);color:#FFF6E6;font:700 15px/1 var(--f-body)}
@media (min-width:760px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr;gap:40px}}

/* 404 */
.nf{padding-block:70px 90px;text-align:left}
.nf h1{font-size:clamp(2rem,1.4rem + 3vw,3.2rem);margin:18px 0 10px}
.nf-pocket{display:block;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle closest-side,#000 0 55%,var(--pocket) 60% 78%,#6D4A36 82% 100%)}

/* motion (never hides content) */
@media (prefers-reduced-motion:no-preference){
  .board .pk{animation:pkin .9s ease both}
  .kicker .queen{animation:roll 1.2s cubic-bezier(.2,.8,.3,1) both}
}
@keyframes pkin{from{transform:scale(.6)}to{transform:scale(1)}}
@keyframes roll{from{transform:translateX(-26px) rotate(-240deg)}to{transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}