/* play-in-match.com.in — ONYX STORY DECK (19 Sep 2026). Shared only; page-unique rules live in each page's <style>. */
:root{
  --ox-ink:#000;--ox-card:#0b0b0c;--ox-card2:#141414;--ox-raise:#1b1b1c;
  --ox-line:rgba(255,255,255,.26);--ox-line2:rgba(255,255,255,.11);
  --ox-amber:#FFAE00;--ox-orange:#FF7A00;--ox-ring:#C9A24B;--ox-on:#1C1100;
  --ox-txt:#F3F1EC;--ox-dim:#BDB8AD;--ox-green:#25D366;
  --ox-r:26px;--ox-col:780px;
  --ox-head:"Mohave","Arial Narrow",Impact,sans-serif;--ox-body:"Jost","Segoe UI",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;overflow-x:clip;max-width:100%;background:var(--ox-ink);color:var(--ox-txt);font:400 1.06rem/1.7 var(--ox-body)}
main{display:block;max-width:100%;overflow-x:clip}
:where(body *){min-width:0}
h1,h2,h3,h4,p,li,dt,dd,summary,figcaption,td,th{overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:var(--ox-amber)}
a:not([class]){text-decoration-thickness:1px;text-underline-offset:3px}
a:not([class]):hover{color:#fff}
:focus-visible{outline:3px solid var(--ox-amber);outline-offset:3px;border-radius:6px}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--ox-amber);color:var(--ox-on);padding:10px 16px;border-radius:30px;font-weight:700}
.skip-link:focus{left:10px}
h1,h2,h3{font-family:var(--ox-head);font-weight:700;letter-spacing:.01em;line-height:1.08;text-transform:uppercase;margin:0 0 .5em}
h1{font-size:clamp(1.9rem,5.6vw,3.1rem)}
h2{font-size:clamp(1.55rem,4.2vw,2.3rem);padding-bottom:.42em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 10' preserveAspectRatio='none'%3E%3Cpath d='M2 6 C60 2 110 8 160 5 S250 3 298 6' stroke='%23FF7A00' stroke-width='3.2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M40 8 L120 7' stroke='%23FFAE00' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") left bottom/min(260px,70%) 9px no-repeat}
h3{font-size:clamp(1.22rem,3vw,1.5rem);color:var(--ox-amber)}
p{margin:0 0 1em}
ul,ol{padding-left:1.25em;margin:0 0 1em}
li{margin:.25em 0}
strong,b{color:inherit;font-weight:600}
table{width:100%;min-width:430px;border-collapse:collapse;font-size:.96rem}
th,td{padding:.62em .75em;border-bottom:1px solid var(--ox-line2);text-align:left;vertical-align:top}
th{font-family:var(--ox-head);text-transform:uppercase;letter-spacing:.03em;color:var(--ox-amber);font-weight:700;background:#101010}
.tbl-wrap{overflow-x:auto;max-width:100%;margin:0 0 1.2em;border:1px solid var(--ox-line2);border-radius:16px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--ox-amber) transparent;background:linear-gradient(90deg,var(--ox-card) 30%,transparent),linear-gradient(270deg,var(--ox-card) 30%,transparent) right,radial-gradient(farthest-side at 100% 50%,rgba(255,174,0,.35),transparent) right;background-repeat:no-repeat;background-size:40px 100%,40px 100%,16px 100%;background-attachment:local,local,scroll}
.tbl-wrap::-webkit-scrollbar{height:5px}.tbl-wrap::-webkit-scrollbar-thumb{background:var(--ox-amber);border-radius:4px}

/* ---------- header ---------- */
.ox-hdr{position:sticky;top:0;z-index:60;width:100%;max-width:100vw;background:rgba(0,0,0,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ox-line2)}
.ox-news{display:flex;align-items:center;gap:10px;height:30px;overflow:hidden;font-size:.8rem;color:var(--ox-dim);border-bottom:1px solid var(--ox-line2);padding:0 12px}
.ox-news__tag{flex:none;font-family:var(--ox-head);text-transform:uppercase;letter-spacing:.06em;color:var(--ox-on);background:var(--ox-amber);border-radius:20px;padding:0 10px;line-height:20px;font-weight:700}
.ox-news__view{flex:1;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 94%,transparent)}
.ox-news__track{display:inline-flex;gap:46px;animation:ox-tick 38s linear infinite;padding-left:10px}
.ox-news__track span b{color:var(--ox-amber)}
@keyframes ox-tick{to{transform:translateX(-50%)}}
.ox-bar{position:relative;display:flex;align-items:center;gap:10px;max-width:1240px;margin:0 auto;padding:9px 14px;min-height:62px}
.ox-logo{display:block;flex:none}
.ox-logo img{height:44px;width:auto}
.ox-nav{margin-left:auto}
.ox-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.ox-nav li{flex:none}
.ox-nav a{display:block;padding:9px 11px;border-radius:22px;color:var(--ox-txt);text-decoration:none;font-weight:500;font-size:.93rem;white-space:nowrap}
.ox-nav a:hover,.ox-nav a[aria-current="page"]{color:var(--ox-amber);background:rgba(255,174,0,.08)}
.ox-acts{display:flex;gap:8px;align-items:center;flex:none}
.ox-burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--ox-line);background:transparent;color:var(--ox-txt);cursor:pointer;place-items:center}
.ox-burger span,.ox-burger span::before,.ox-burger span::after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative;content:""}
.ox-burger span::before{position:absolute;top:-6px}.ox-burger span::after{position:absolute;top:6px}
@media (max-width:1440px){
  .ox-burger{display:grid;order:3}
  .ox-nav{position:absolute;top:100%;left:0;right:0;margin:0;background:#050505;border-bottom:1px solid var(--ox-line);max-height:0;overflow:hidden;visibility:hidden;transition:max-height .35s ease,visibility .35s}
  .ox-nav.open{max-height:80vh;visibility:visible;overflow-y:auto}
  .ox-nav ul{flex-direction:column;padding:8px 12px 16px}
  .ox-nav a{padding:13px 14px;border-bottom:1px solid var(--ox-line2);border-radius:0}
  .ox-acts{margin-left:auto}
}
@media (max-width:420px){.ox-logo img{height:36px}.ox-acts .ox-btn--ghost{display:none}}

/* ---------- ring-knob capsule CTA ---------- */
.ox-btn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:5px 20px 5px 5px;border-radius:40px;background:var(--ox-amber)!important;background-color:var(--ox-amber)!important;color:var(--ox-on)!important;font:700 1rem/1 var(--ox-head);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border:0;cursor:pointer;box-shadow:0 6px 22px -8px rgba(255,174,0,.7);transition:transform .2s,box-shadow .2s}
.ox-btn::before{content:"";flex:none;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#1C1100 0 5px,transparent 6px),radial-gradient(circle,transparent 0 9px,#1C1100 10px 11px,transparent 12px),radial-gradient(circle,transparent 0 14px,rgba(28,17,0,.55) 15px 16px,transparent 17px),#FFD466;pointer-events:none}
.ox-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px -8px rgba(255,174,0,.9)}
.ox-btn--ghost{background:transparent!important;background-color:transparent!important;color:var(--ox-txt)!important;border:1px solid var(--ox-line);box-shadow:none;padding:5px 16px}
.ox-btn--ghost::before{display:none}
.ox-btn--sm{min-height:44px;font-size:.9rem;padding-right:15px}
.ox-btn--sm::before{width:30px;height:30px;background:radial-gradient(circle,#1C1100 0 4px,transparent 5px),radial-gradient(circle,transparent 0 8px,#1C1100 9px 10px,transparent 11px),#FFD466}
.ox-btn--wa{background:var(--ox-green)!important;background-color:var(--ox-green)!important;color:#04250F!important}
.ox-btn--wa::before{background:radial-gradient(circle,#04250F 0 5px,transparent 6px),radial-gradient(circle,transparent 0 9px,#04250F 10px 11px,transparent 12px),#7CF0A8}

/* ---------- story rail ---------- */
.ox-rail{position:relative;max-width:1240px;margin:0 auto;padding:14px 0 6px}
.ox-rail::after{content:"";position:absolute;right:0;top:0;bottom:0;width:46px;background:linear-gradient(90deg,transparent,#000);pointer-events:none}
.ox-rail__track{display:flex;gap:16px;overflow-x:auto;padding:4px 16px 10px;list-style:none;margin:0;scrollbar-width:thin;scrollbar-color:var(--ox-ring) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.ox-rail__track::-webkit-scrollbar{height:4px}.ox-rail__track::-webkit-scrollbar-thumb{background:var(--ox-ring);border-radius:4px}
.ox-rail li{margin:0;flex:none}
.ox-rail a{display:flex;flex-direction:column;align-items:center;gap:6px;width:76px;text-decoration:none;color:var(--ox-dim);font-size:.74rem;line-height:1.2;text-align:center}
.ox-rail__ring{position:relative;width:66px;height:66px;border-radius:50%;padding:4px;background:conic-gradient(from 200deg,var(--ox-orange),var(--ox-amber),var(--ox-ring),var(--ox-orange))}
.ox-rail__ring img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid #000}
.ox-rail a[aria-current="page"],.ox-rail a:hover{color:var(--ox-amber)}
.ox-rail a[aria-current="page"] .ox-rail__ring{animation:ox-spin 6s linear infinite}
.ox-rail a[aria-current="page"] .ox-rail__ring img{animation:ox-spin 6s linear infinite reverse}
@keyframes ox-spin{to{transform:rotate(360deg)}}

/* ---------- auth card after header (base; each page reshapes) ---------- */
.ox-auth{max-width:var(--ox-col);margin:10px auto 0;padding:0 14px}
.ox-auth__card{position:relative;border:1px solid var(--ox-line);border-radius:var(--ox-r);background:linear-gradient(160deg,#101010,#060606);padding:18px}
.ox-auth__ttl{font-family:var(--ox-head);text-transform:uppercase;font-size:1.3rem;margin:0 0 10px;letter-spacing:.03em}
.ox-fld{display:flex;align-items:center;min-height:46px;padding:0 16px;margin:0 0 9px;border:1px solid var(--ox-line);border-radius:14px;color:var(--ox-dim)!important;text-decoration:none;background:#0f0f10}
.ox-fld:hover{border-color:var(--ox-amber)}
.ox-auth__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.ox-auth__alt{font-size:.9rem;color:var(--ox-dim)}

/* ---------- main column ---------- */
.ox-main{max-width:var(--ox-col);margin:0 auto;padding:0 14px 30px}
.ox-crumb{font-size:.84rem;color:var(--ox-dim);margin:18px 0 10px}
.ox-crumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.ox-crumb li+li::before{content:"›";margin-right:6px;color:var(--ox-ring)}
.ox-crumb a{color:var(--ox-dim)}
.ox-kw{background:linear-gradient(100deg,var(--ox-amber) 0%,#FFE6A6 18%,var(--ox-orange) 36%,var(--ox-amber) 60%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ox-shine 5.5s ease-in-out infinite}
@keyframes ox-shine{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
.ox-lead{font-size:1.14rem;color:#fff}

/* deck card (the official onboarding card) */
.ox-card{position:relative;border:1px solid var(--ox-line);border-radius:var(--ox-r);background:var(--ox-card);padding:clamp(18px,4vw,30px);margin:0 0 22px}
.ox-deck{margin-top:34px}
.ox-deck::before,.ox-deck::after{content:"";position:absolute;left:5%;right:5%;height:30px;top:-15px;border:1px solid var(--ox-line2);border-bottom:0;border-radius:var(--ox-r) var(--ox-r) 0 0;pointer-events:none}
.ox-deck::after{left:10%;right:10%;top:-28px;opacity:.6}
.ox-card--flat{background:transparent}
.ox-card--glow{background:radial-gradient(120% 90% at 100% 0,rgba(255,122,0,.16),transparent 60%),var(--ox-card)}
/* brush callout */
.ox-brush{border-left:0;padding:16px 18px 14px;margin:0 0 1.2em;border-radius:18px;background:linear-gradient(135deg,rgba(255,174,0,.12),rgba(255,122,0,.03));border:1px dashed rgba(255,174,0,.45)}
.ox-brush>strong:first-child{display:block;font-family:var(--ox-head);text-transform:uppercase;letter-spacing:.04em;color:var(--ox-amber);font-size:1.1rem;margin-bottom:4px}
/* orbit: text beside ringed badge */
.ox-orbit{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start;margin:0 0 1.1em}
.ox-orbit__b{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font:700 1.4rem var(--ox-head);color:var(--ox-amber);background:radial-gradient(circle,#1a1204 0 45%,transparent 46%),repeating-radial-gradient(circle,transparent 0 6px,rgba(201,162,75,.55) 7px 8px);border:1px solid var(--ox-ring)}
.ox-orbit p:last-child{margin-bottom:0}
/* concentric rings quote */
.ox-rings{position:relative;padding:26px 22px;border-radius:var(--ox-r);margin:0 0 1.2em;overflow:hidden;background:repeating-radial-gradient(circle at 88% 50%,transparent 0 22px,rgba(201,162,75,.2) 23px 24px),#080808;border:1px solid var(--ox-line2);font-size:1.08rem}
.ox-rings p:last-child{margin:0}
/* pagination-dot steps */
.ox-dots{list-style:none;padding:0;margin:0 0 1.2em;counter-reset:oxd}
.ox-dots>li{position:relative;counter-increment:oxd;padding:0 0 16px 50px;margin:0}
.ox-dots>li::before{content:counter(oxd);position:absolute;left:0;top:1px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 1rem var(--ox-head);color:var(--ox-on);background:var(--ox-amber);box-shadow:0 0 0 5px rgba(255,174,0,.15);pointer-events:none}
.ox-dots>li::after{content:"";position:absolute;left:16px;top:40px;bottom:2px;width:2px;background:repeating-linear-gradient(var(--ox-ring) 0 3px,transparent 3px 8px);pointer-events:none}
.ox-dots>li:last-child::after{display:none}
/* ledger rows */
.ox-ledger{margin:0 0 1.2em;border-top:1px solid var(--ox-line2)}
.ox-ledger>div{display:flex;justify-content:space-between;gap:14px;padding:11px 2px;border-bottom:1px solid var(--ox-line2)}
.ox-ledger>div>span:first-child{color:var(--ox-dim)}
.ox-ledger>div>span:last-child{text-align:right;font-weight:600}
/* pair */
.ox-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 1.2em}
.ox-pair>div{border:1px solid var(--ox-line2);border-radius:18px;padding:16px;background:#0d0d0d}
@media (max-width:620px){.ox-pair{grid-template-columns:1fr}}
/* confetti strip */
.ox-confetti{position:relative;overflow:hidden;border-radius:var(--ox-r);padding:22px;margin:0 0 1.2em;background:#070707;border:1px solid rgba(255,174,0,.35)}
.ox-confetti::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 20%,#FF7A00 0 3px,transparent 4px),radial-gradient(circle at 22% 80%,#25D366 0 3px,transparent 4px),radial-gradient(circle at 48% 12%,#FFAE00 0 4px,transparent 5px),radial-gradient(circle at 70% 70%,#E23D5B 0 3px,transparent 4px),radial-gradient(circle at 92% 30%,#39A0FF 0 3px,transparent 4px);opacity:.8;pointer-events:none}
.ox-rainbow{background:linear-gradient(90deg,#9B5DE5,#3EC1D3,#6BCB77,#FFD93D,#FF8C42,#FF4F79);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- figures + reveal animation ---------- */
.ox-fig{margin:0 0 22px}
.ox-fig img{width:100%;border-radius:22px;border:1px solid var(--ox-line2)}
.ox-fig figcaption{font-size:.86rem;color:var(--ox-dim);margin-top:8px;text-align:center}
.ox-hero img{border-radius:var(--ox-r)}
.ox-reveal{opacity:0;transform:translateY(26px) scale(.97);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.ox-reveal.is-in{opacity:1;transform:none}
.ox-kb{overflow:hidden;border-radius:22px}
.ox-kb img{animation:ox-kb 16s ease-in-out infinite alternate}
@keyframes ox-kb{from{transform:scale(1)}to{transform:scale(1.09) translate(-1.5%,-1%)}}

/* ---------- GAME SLIDESHOW ---------- */
.ox-reel{position:relative;margin:0 0 24px;border-radius:var(--ox-r);overflow:hidden;border:1px solid var(--ox-line);background:#050505}
.ox-reel__stage{position:relative;aspect-ratio:16/9}
.ox-reel__slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.ox-reel__slide.is-on{opacity:1;visibility:visible}
.ox-reel__slide img{width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.ox-reel__slide.is-on img{animation:ox-kb 9s ease-out forwards}
.ox-reel__cap{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:40px 16px 16px;background:linear-gradient(transparent,rgba(0,0,0,.88));pointer-events:none}
.ox-reel__cap strong{font:700 clamp(1.2rem,4vw,1.9rem)/1 var(--ox-head);text-transform:uppercase;color:#fff}
.ox-reel__cap small{display:block;color:var(--ox-amber);font-size:.82rem;letter-spacing:.05em;text-transform:uppercase}
.ox-reel__cap .ox-btn{pointer-events:auto}
.ox-reel__nav{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px}
.ox-reel__dot{width:44px;height:44px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;padding:0}
.ox-reel__dot::before{content:"";width:9px;height:9px;border-radius:50%;background:#555;transition:width .3s,background .3s;pointer-events:none}
.ox-reel__dot[aria-current="true"]::before{width:26px;border-radius:6px;background:var(--ox-amber)}
.ox-reel__arr{width:44px;height:44px;border-radius:50%;border:1px solid var(--ox-line);background:#0c0c0c;color:#fff;cursor:pointer;font-size:1.1rem}

/* ---------- FAQ: story dots ---------- */
.ox-faq{counter-reset:oxq}
.ox-faq details{counter-increment:oxq;border:1px solid var(--ox-line2);border-radius:22px;margin:0 0 10px;background:#0a0a0a;transition:border-color .3s}
.ox-faq details[open]{border-color:rgba(255,174,0,.55)}
.ox-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr 30px;gap:12px;align-items:center;padding:14px 16px;font-weight:600;min-height:48px}
.ox-faq summary::-webkit-details-marker{display:none}
.ox-faq summary::before{content:counter(oxq,decimal-leading-zero);font:700 .95rem var(--ox-head);color:var(--ox-ring)}
.ox-faq summary::after{content:"";width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,var(--ox-ring) 0 3px,transparent 4px),radial-gradient(circle,transparent 0 7px,var(--ox-ring) 8px 9px,transparent 10px),radial-gradient(circle,transparent 0 11px,rgba(201,162,75,.6) 12px 13px,transparent 14px);transition:transform .4s,background .4s;pointer-events:none}
.ox-faq details[open] summary::after{background:radial-gradient(circle,var(--ox-amber) 0 12px,transparent 13px);transform:scale(.8)}
.ox-faq details>div{padding:0 18px 14px 50px;color:var(--ox-dim)}
.ox-faq details>div p{margin:0}

/* ---------- chips ---------- */
.also-search ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.also-search li{margin:0;border:1px solid var(--ox-line);border-radius:30px;padding:8px 15px;font-size:.9rem;color:var(--ox-dim);background:#0c0c0c}

/* ---------- SEO keyword box: base + 3 variants (variants styled without the base class in the selector) ---------- */
.seo-box{margin:0 0 22px}
.ox-seo--tabs{border:1px solid var(--ox-line);border-radius:var(--ox-r);padding:20px;background:#070707}
.ox-seo__tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.ox-seo__tab{min-height:44px;padding:0 16px;border-radius:30px;border:1px solid var(--ox-line);background:transparent;color:var(--ox-dim);font:600 .92rem var(--ox-body);cursor:pointer}
.ox-seo__tab[aria-selected="true"]{background:var(--ox-amber);color:var(--ox-on);border-color:var(--ox-amber)}
.ox-seo--tabs.is-js .ox-seo__pane[hidden]{display:none}
.ox-seo--ledger{border-left:4px solid var(--ox-orange);padding:6px 0 6px 20px;background:linear-gradient(90deg,rgba(255,122,0,.08),transparent 70%);border-radius:0 18px 18px 0}
.ox-seo--ledger h3{border-bottom:1px solid var(--ox-line2);padding-bottom:6px}
.ox-seo--ledger dl{display:grid;grid-template-columns:minmax(120px,32%) 1fr;gap:8px 16px}
.ox-seo--ledger dt{color:var(--ox-amber);font-weight:600}.ox-seo--ledger dd{margin:0}
.ox-seo--band{position:relative;margin-left:calc(-1 * 14px);margin-right:calc(-1 * 14px);padding:34px 14px;background:#0e0801;box-shadow:0 0 0 100vmax #0e0801;clip-path:inset(0 -100vmax);border-top:1px solid rgba(255,174,0,.3);border-bottom:1px solid rgba(255,174,0,.3)}
.ox-seo__cols{column-count:2;column-gap:30px}
.ox-seo__cols>*{break-inside:avoid}
@media (max-width:700px){.ox-seo__cols{column-count:1}}
.seo-box dl{margin:0 0 1em}.seo-box dt{font-weight:600;color:var(--ox-amber)}.seo-box dd{margin:0 0 .6em}

/* ---------- next story ---------- */
.ox-next{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 10px}
.ox-next a{display:block;border:1px solid var(--ox-line);border-radius:22px;padding:14px 16px;text-decoration:none;color:var(--ox-txt);font:700 1.1rem/1.2 var(--ox-head);text-transform:uppercase;background:#080808}
.ox-next a:last-child{text-align:right}
.ox-next small{display:block;font:500 .78rem var(--ox-body);color:var(--ox-dim);text-transform:none;margin-bottom:4px}
.ox-next a:hover{border-color:var(--ox-amber)}
@media (max-width:520px){.ox-next{grid-template-columns:1fr}.ox-next a:last-child{text-align:left}}

/* ---------- footer ---------- */
.ox-ftr{margin-top:40px;border-top:1px solid var(--ox-line2);background:radial-gradient(60% 120% at 50% 0,rgba(201,162,75,.12),transparent 70%),#000;padding:34px 16px 110px}
.ox-ftr__in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:26px}
.ox-ftr__brand img{height:52px;width:auto;margin-bottom:12px}
.ox-ftr__brand p{color:var(--ox-dim);font-size:.94rem}
.ox-fth{font-family:var(--ox-head);text-transform:uppercase;letter-spacing:.06em;color:var(--ox-amber);margin:0 0 8px;font-size:1.05rem}
.ox-ftr ul{list-style:none;padding:0;margin:0}
.ox-ftr li a{display:inline-block;padding:7px 0;min-height:36px;color:var(--ox-dim);text-decoration:none;font-size:.93rem}
.ox-ftr li a:hover{color:var(--ox-amber)}
.ox-soc{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.ox-soc a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ox-line);color:var(--ox-txt)}
.ox-soc a:hover{border-color:var(--ox-amber);color:var(--ox-amber)}
.ox-soc svg{width:20px;height:20px;fill:currentColor}
.ox-tp{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ox-line);border-radius:30px;padding:8px 14px;color:var(--ox-txt);text-decoration:none;font-size:.88rem;min-height:44px}
.ox-tp svg{width:20px;height:20px}
.ox-ftr__base{max-width:1180px;margin:26px auto 0;padding-top:16px;border-top:1px solid var(--ox-line2);font-size:.84rem;color:var(--ox-dim);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.ox-18{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--ox-orange);color:var(--ox-orange);font-weight:700;font-size:.8rem;margin-right:8px}
@media (max-width:900px){.ox-ftr__in{grid-template-columns:1fr 1fr}.ox-ftr__brand{grid-column:1/-1}}

.ox-partner{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
.ox-partner__plate{display:inline-flex;align-items:center;background:#fff;border-radius:12px;padding:8px 12px;min-height:44px}
.ox-partner__plate img{height:28px;width:auto}
.ox-partner__txt{margin:0;font-size:.84rem;color:var(--ox-txt);line-height:1.35}
.ox-partner__txt span{display:block;color:var(--ox-dim);font-size:.78rem;letter-spacing:.03em}

/* ---------- floats ---------- */
.ox-wa{position:fixed;right:16px;bottom:18px;z-index:70;width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.ox-wa::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:ox-pulse 2s ease-out infinite;pointer-events:none}
.ox-wa svg{width:32px;height:32px;fill:#fff}
@keyframes ox-pulse{from{transform:scale(1);opacity:.9}to{transform:scale(1.6);opacity:0}}
.ox-gift{position:fixed;left:16px;bottom:18px;z-index:70;width:56px;height:56px;border-radius:50%;border:1px solid var(--ox-ring);background:radial-gradient(circle,#2a1a00,#000);color:var(--ox-amber);cursor:pointer;display:grid;place-items:center}
.ox-gift svg{animation:ox-bob 3s ease-in-out infinite}
.ox-gift svg{width:28px;height:28px;fill:currentColor}
@keyframes ox-bob{50%{transform:translateY(-5px)}}

/* ---------- modals (story deck + auth) ---------- */
.ox-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.9)}
.ox-modal.is-open{display:flex;animation:ox-fade .35s ease}
@keyframes ox-fade{from{opacity:0}}
.ox-x{position:absolute;top:10px;right:10px;width:46px;height:46px;border-radius:50%;border:1px solid var(--ox-line);background:#000;color:#fff;font-size:1.4rem;cursor:pointer;z-index:3}
.ox-story{position:relative;width:min(420px,100%);padding-top:34px}
.ox-story::before,.ox-story::after{content:"";position:absolute;left:6%;right:6%;top:18px;height:40px;border:1px solid var(--ox-line);border-bottom:0;border-radius:28px 28px 0 0;pointer-events:none}
.ox-story::after{left:12%;right:12%;top:2px;opacity:.55}
.ox-story__bars{position:absolute;top:44px;left:22px;right:22px;display:flex;gap:5px;z-index:2}
.ox-story__bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden}
.ox-story__bars i b{display:block;height:100%;width:0;background:var(--ox-amber)}
.ox-story__bars i.is-done b{width:100%}
.ox-story__bars i.is-run b{animation:ox-bar 6s linear forwards}
@keyframes ox-bar{to{width:100%}}
.ox-story__card{position:relative;border:1px solid rgba(255,255,255,.55);border-radius:30px;background:#000;min-height:520px;overflow:hidden}
.ox-slide{position:absolute;inset:0;padding:40px 24px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transform:translateX(30px);transition:opacity .5s,transform .5s,visibility .5s}
.ox-slide.is-on{opacity:1;visibility:visible;transform:none}
.ox-slide .ox-slide__big{font:700 clamp(2.4rem,11vw,3.4rem)/.95 var(--ox-head);text-transform:uppercase;color:var(--ox-amber);margin:0}
.ox-slide .ox-slide__sub{font:700 1.6rem/1 var(--ox-head);text-transform:uppercase;color:#fff;margin:6px 0 10px;padding-bottom:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 10' preserveAspectRatio='none'%3E%3Cpath d='M2 6 C60 2 110 8 160 5 S250 3 298 6' stroke='%23FF7A00' stroke-width='3.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center bottom/200px 8px no-repeat}
.ox-slide p{color:#ddd;font-size:.98rem;margin:0 0 10px}
.ox-slide__img{width:230px;height:230px;margin:6px auto 12px;animation:ox-bob 3.4s ease-in-out infinite}
.ox-slide__img img{width:100%;height:100%;object-fit:contain}
.ox-slide .ox-btn{margin-top:auto}
.ox-cf{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ox-cf i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:ox-fall 3.2s linear infinite;pointer-events:none}
@keyframes ox-fall{to{transform:translateY(560px) rotate(540deg)}}
.ox-story__nav{display:flex;justify-content:center;gap:4px;margin-top:12px}
.ox-story__nav button{width:44px;height:44px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.ox-story__nav button::before{content:"";width:9px;height:9px;border-radius:50%;background:#555;pointer-events:none}
.ox-story__nav button[aria-current="true"]::before{background:var(--ox-amber)}
.ox-authm{position:relative;width:min(430px,100%);border:1px solid var(--ox-line);border-radius:30px;background:linear-gradient(170deg,#121212,#030303);padding:26px 20px 20px;max-height:92vh;overflow-y:auto}
.ox-authm__logo{height:46px;width:auto;margin:0 auto 12px}
.ox-authm__tabs{display:flex;gap:6px;background:#0d0d0d;border:1px solid var(--ox-line2);border-radius:30px;padding:4px;margin:0 0 16px}
.ox-authm__tabs button{flex:1;min-height:44px;border:0;border-radius:26px;background:transparent;color:var(--ox-dim);font:700 1rem var(--ox-head);text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.ox-authm__tabs button[aria-selected="true"]{background:var(--ox-amber);color:var(--ox-on)}
.ox-authm__pane[hidden]{display:none}
.ox-otp{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:0 0 12px}
.ox-otp a{display:grid;place-items:center;height:46px;border:1px solid var(--ox-line);border-radius:12px;color:var(--ox-dim)!important;text-decoration:none}
.ox-authm__soc{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.ox-authm__soc a{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--ox-line);border-radius:30px;color:var(--ox-txt)!important;text-decoration:none;font-size:.9rem}
.ox-authm .ox-btn{width:100%;justify-content:center}
.ox-authm small{display:block;text-align:center;color:var(--ox-dim);margin-top:10px}

/* ---------- demo games ---------- */
.ox-demo-tag{display:inline-block;font:700 .78rem var(--ox-head);letter-spacing:.08em;text-transform:uppercase;color:var(--ox-on);background:var(--ox-orange);border-radius:20px;padding:3px 10px;margin-bottom:8px}
.ox-scratch{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:420px;margin:12px auto}
.ox-scratch__cell{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;border:1px solid var(--ox-ring);background:radial-gradient(circle,#2a1a00,#050505);display:grid;place-items:center;font-size:2.4rem;touch-action:none}
.ox-scratch__cell canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}
.ox-scratch__msg{text-align:center;min-height:1.7em;font-weight:600;color:var(--ox-amber)}
.ox-hilo{max-width:520px;margin:0 auto;text-align:center}
.ox-hilo__table{display:flex;justify-content:center;align-items:center;gap:18px;margin:12px 0}
.ox-hilo__card{width:110px;height:156px;border-radius:14px;background:#f7f3ea;color:#111;display:grid;place-items:center;font:700 2.6rem var(--ox-head);box-shadow:0 10px 30px rgba(0,0,0,.6);transition:transform .45s}
.ox-hilo__card.is-red{color:#C4122F}
.ox-hilo__card.is-back{background:repeating-linear-gradient(45deg,#1a1204 0 8px,#2c1d02 8px 16px);border:2px solid var(--ox-ring);color:transparent}
.ox-hilo__card.flip{transform:rotateY(180deg)}
.ox-hilo__btns{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.ox-hilo__btns button{min-height:46px;min-width:120px;border-radius:30px;border:1px solid var(--ox-amber);background:#0b0b0b;color:var(--ox-amber);font:700 1rem var(--ox-head);text-transform:uppercase;cursor:pointer}
.ox-hilo__stats{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:10px 0;color:var(--ox-dim)}
.ox-hilo__stats b{color:#fff}

@media (min-width:1100px){.ox-main{--ox-col:800px}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .ox-reveal{opacity:1;transform:none}
}
@media (max-width:640px){.ox-reel__cap{padding:0 10px 10px;background:none;justify-content:flex-end}.ox-reel__cap>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ox-reel__cap .ox-btn{min-height:44px;font-size:.85rem}}