/* nusabet-88.com — night casino floor. Logical properties throughout: the same sheet serves LTR and RTL versions. */
:root{--bg:#070b18;--bg-2:#0c1226;--surface:#121a33;--surface-2:#0e1530;--border:rgba(255,255,255,.11);--text:#c9d2ea;--heading:#f5f7ff;--muted:#8f9bbd;
--primary:#f5b83d;--primary-contrast:#1a1200;--accent:#34d399;--red:#ff5d5d;--btn-bg:linear-gradient(135deg,#ffd76a,#f59e0b);--btn-shadow:0 10px 26px rgba(245,158,11,.32);
--font-head:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Arabic","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Bengali","Noto Sans Myanmar","Noto Sans CJK SC",sans-serif;
--font-body:var(--font-head);--r:18px;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.7 var(--font-body);overflow-x:hidden}
body.lang-my,body.lang-bn,body.lang-th,body.lang-hi,body.lang-ar,body.lang-fa,body.lang-ur,body.lang-ps{line-height:1.85}
img,svg{max-width:100%}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.skip{position:absolute;inset-block-start:-60px;inset-inline-start:8px;background:var(--primary);color:var(--primary-contrast);padding:10px 16px;border-radius:10px;z-index:200;font-weight:800}
.skip:focus{inset-block-start:8px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px}
h1,h2,h3{font-family:var(--font-head);color:var(--heading);line-height:1.2;overflow-wrap:anywhere}
p,li,td,th{overflow-wrap:anywhere}

/* header */
.site-header{position:sticky;inset-block-start:0;z-index:100;background:rgba(7,11,24,.9);backdrop-filter:blur(14px) saturate(160%);border-block-end:1px solid var(--border)}
.site-header .wrap{max-width:1420px}.bar{display:flex;align-items:center;gap:14px;min-height:68px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--heading);font:800 20px/1 var(--font-head);text-decoration:none;flex:none}
.brand:hover{text-decoration:none}.logo{display:inline-flex}.logo svg{display:block}
.site-nav{display:flex;gap:2px;margin-inline-start:10px;flex:1;min-width:0;overflow:hidden}
.site-nav a{color:var(--text);font-weight:600;font-size:15px;padding:9px 11px;border-radius:10px;white-space:nowrap}
.site-nav a:hover,.site-nav a[aria-current]{background:rgba(255,255,255,.07);color:var(--heading);text-decoration:none}
.tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto;flex:none}
.go{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:13px;font:800 16px/1 var(--font-head);cursor:pointer;white-space:nowrap;border:2px solid var(--primary);color:var(--primary);background:transparent;text-decoration:none;user-select:none}
.go:hover{background:rgba(245,184,61,.12);text-decoration:none}
.go-reg{background:linear-gradient(135deg,#ff8a3d,#ff3d5a);border-color:#ff6a4a;color:#fff;box-shadow:0 8px 22px rgba(255,77,77,.4)}
.go-reg:hover{background:linear-gradient(135deg,#ff7a2a,#f02c4a);filter:brightness(1.06)}
.lang-dd{position:relative}
.lang-dd summary{list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 12px;border-radius:13px;border:1px solid var(--border);color:var(--heading);font:700 14px/1 var(--font-head);cursor:pointer;background:var(--surface)}
.lang-dd summary::-webkit-details-marker{display:none}.lang-dd[open] summary{border-color:var(--primary)}
.lang-list{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 8px);width:540px;max-width:calc(100vw - 24px);max-height:70vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.lang-list a{display:block;padding:9px 10px;border-radius:9px;color:var(--text);font-size:14.5px;line-height:1.3}
.lang-list a:hover{background:rgba(255,255,255,.07);text-decoration:none;color:var(--heading)}.lang-list a.on{background:rgba(245,184,61,.16);color:var(--primary);font-weight:800}
.nav-toggle{display:none;width:46px;height:46px;border-radius:13px;border:1px solid var(--border);background:var(--surface);cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nav-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:var(--heading);transition:transform .2s,opacity .2s}
.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:14px;background:var(--btn-bg);color:var(--primary-contrast);font:800 17px/1.1 var(--font-head);box-shadow:var(--btn-shadow);text-decoration:none;text-align:center}
.btn:hover{text-decoration:none;filter:brightness(1.06)}.btn-ghost{background:transparent;color:var(--heading);border:1.5px solid var(--border);box-shadow:none}.btn-ghost:hover{border-color:var(--primary)}
.btn-sm{min-height:46px;padding:0 18px;font-size:15px}

/* hero */
.hero{position:relative;background:radial-gradient(900px 420px at 85% -10%,rgba(245,184,61,.16),transparent 60%),radial-gradient(700px 380px at 0% 0%,rgba(52,211,153,.12),transparent 60%),linear-gradient(180deg,var(--bg-2),var(--bg));border-block-end:1px solid var(--border)}
.hero-home{padding-block:44px 56px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:44px;align-items:start}
.hero h1{font-size:clamp(30px,4.6vw,52px);margin:14px 0 16px;letter-spacing:-.015em}
.lead{font-size:19px;color:var(--text)}.lead p{margin:0 0 12px}
.badge{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(52,211,153,.14);color:var(--accent);font:800 13px/1.2 var(--font-head);border:1px solid rgba(52,211,153,.3)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:22px 20px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.chips li{padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.04);font-size:14px;color:var(--muted)}
.hero-page{padding-block:30px 34px}.hero-page h1{font-size:clamp(28px,4vw,44px);margin:12px 0 14px}.hero-page .lead{max-width:820px}
.breadcrumbs{font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;align-items:center}.breadcrumbs a{color:var(--muted)}.breadcrumbs .sep{opacity:.5}

/* game */
.game-card{background:linear-gradient(180deg,#18223f,#101830);border:1px solid rgba(245,184,61,.35);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 6px rgba(245,184,61,.06);overflow:hidden;min-width:0}
.game-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-block-end:1px solid var(--border);font:800 14px/1.2 var(--font-head);color:var(--heading)}
.live{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:12.5px;text-transform:uppercase;letter-spacing:.08em}.live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(52,211,153,.2)}
body.lang-my .live,body.lang-bn .live,body.lang-th .live,body.lang-hi .live,body.lang-ar .live,body.lang-fa .live,body.lang-ur .live,body.lang-ps .live{text-transform:none;letter-spacing:0}
.game-box{min-width:0}#game-root{min-height:420px}

/* games lobby */
.games{padding-block:52px;border-block-end:1px solid var(--border);background:var(--bg-2)}
.sec-title{font-size:clamp(24px,3vw,34px);margin:0 0 8px}.sec-lead{color:var(--muted);margin:0 0 24px;max-width:760px}
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tile{display:flex;flex-direction:column;gap:8px;padding:20px 18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);color:var(--text);transition:transform .15s,border-color .15s;min-width:0}
.tile:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--primary)}
.tile-ic{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:rgba(245,184,61,.14);color:var(--primary)}
.tile strong{color:var(--heading);font:800 18px/1.25 var(--font-head)}.tile-d{font-size:14.5px;line-height:1.5;color:var(--muted);flex:1}
.tile-cta{font:800 14.5px/1 var(--font-head);color:var(--accent);padding-block-start:6px}

/* article */
.page{padding-block:44px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.content{min-width:0}.content h2{font-size:clamp(23px,2.6vw,30px);margin:38px 0 14px;scroll-margin-top:90px}.content h2:first-child{margin-block-start:0}
.content h3{font-size:20px;margin:26px 0 10px}.content p{margin:0 0 16px}.content ul,.content ol{padding-inline-start:24px;margin:0 0 18px}.content li{margin-block-end:8px}
.content strong{color:var(--heading)}
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px;margin:0 0 20px}
table{width:100%;border-collapse:collapse;min-width:480px}th,td{padding:12px 14px;border-block-end:1px solid var(--border);text-align:start;vertical-align:top;font-size:15.5px}th{background:var(--surface);color:var(--heading)}tr:last-child td{border-block-end:0}
.faq details{border:1px solid var(--border);border-radius:14px;background:var(--surface);margin-block-end:10px}
.faq summary{cursor:pointer;padding:15px 18px;font-weight:700;color:var(--heading);list-style:none;min-height:48px}.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:inline-end;color:var(--primary);font-weight:800;margin-inline-start:12px}.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 18px 14px}.faq details>div p{margin:0 0 10px}
.cta{margin-block-start:34px;padding:24px;border-radius:var(--r);background:linear-gradient(135deg,rgba(245,184,61,.16),rgba(52,211,153,.1));border:1px solid rgba(245,184,61,.3);display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.cta p{margin:0;color:var(--heading);font-weight:700;flex:1;min-width:220px}
.aside-sticky{position:sticky;inset-block-start:92px;display:grid;gap:16px}
.toc,.demo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px}
.toc h2{font-size:13.5px;margin:0 0 10px;color:var(--muted);font-weight:800}.toc ol{margin:0;padding-inline-start:20px;font-size:15px}.toc li{margin-block-end:7px}.toc a{color:var(--text)}.toc a[aria-current]{color:var(--primary);font-weight:700}
.demo-card strong{display:block;color:var(--heading);font:800 18px/1.3 var(--font-head);margin-block-end:6px}.demo-card p{margin:0 0 14px;font-size:15px;color:var(--muted)}.demo-card .btn{width:100%}

/* related + footer */
.related{padding-block:48px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-block-start:18px}
.card{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);color:var(--text)}
.card:hover{border-color:var(--primary);text-decoration:none}.card strong{color:var(--heading);font:800 17px/1.3 var(--font-head)}.card span{font-size:14.5px;line-height:1.55;color:var(--muted)}
.site-footer{background:#050812;border-block-start:1px solid var(--border);padding-block:46px 26px;font-size:15px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px}.foot-about p{color:var(--muted);margin:14px 0 0;max-width:460px;font-size:14.5px;line-height:1.65}
.site-footer h2{font-size:13.5px;color:var(--heading);margin:0 0 12px;font-weight:800}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin-block-end:4px}
.site-footer li a{color:var(--muted);display:inline-block;padding-block:6px}.site-footer li a:hover{color:var(--heading)}
.foot-bottom{display:flex;align-items:center;gap:12px;margin-block-start:30px;padding-block-start:20px;border-block-start:1px solid var(--border);color:var(--muted);font-size:14px}
.age{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--red);color:var(--red);font:800 13px/1 var(--font-head)}
.nf{padding-block:90px;text-align:center}

/* responsive */
@media(max-width:1360px){.site-nav{display:none;position:absolute;inset-inline:0;inset-block-start:100%;flex-direction:column;gap:0;margin:0;padding:10px 16px 16px;background:var(--bg-2);border-block-end:1px solid var(--border);max-height:calc(100vh - 68px);overflow:auto}
.nav-open .site-nav{display:flex}.site-nav a{padding:14px 12px;font-size:17px;white-space:normal}.nav-toggle{display:flex}.bar{position:relative}}
@media(max-width:1000px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:0}.hero-copy{display:contents}.hero-copy>.badge{order:1;justify-self:start}.hero-copy>h1{order:2}.hero-grid>.game-card{order:3;margin-block:6px 22px}.hero-copy>.lead{order:4}.hero-copy>.hero-actions{order:5}.hero-copy>.chips{order:6}.page-grid{grid-template-columns:minmax(0,1fr)}.aside{order:-1}.aside-sticky{position:static}.demo-card{display:none}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-grid{grid-template-columns:1fr 1fr}.foot-about{grid-column:1/-1}}
@media(max-width:640px){body{font-size:16.5px}.wrap{padding-inline:14px}.bar{gap:8px;min-height:62px}.brand{font-size:17px}.brand-name{display:none}.tools{gap:6px}
.go{min-height:44px;padding:0 12px;font-size:14.5px;max-width:118px;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:40px}
.lang-dd summary{min-height:44px;padding:0 9px}.lang-dd summary span{font-size:12.5px}.nav-toggle{width:44px;height:44px}
.hero-home{padding-block:26px 36px}.hero-actions .btn{flex:1 1 100%}.tiles{grid-template-columns:minmax(0,1fr)}.tile{flex-direction:row;flex-wrap:wrap;align-items:center}.tile-d{flex:1 1 100%}.foot-grid{grid-template-columns:1fr}.cta .btn{width:100%}
#game-root{padding:10px!important;min-height:380px}}
@media(max-width:380px){.go{padding:0 9px;font-size:13.5px;max-width:96px}.lang-dd summary svg{display:none}.bar{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}