:root{--bg:#0f1830;--card:#162240;--text:#eef2ff;--muted:#a9b4d0;--accent:#17e6e6;--accent2:#293acc;--line:#24345a}
*{box-sizing:border-box}
body{margin:0;font-family:Nunito,system-ui,sans-serif;background:linear-gradient(180deg,#0b1224 0%,#121c36 40%,#0f1830 100%);color:var(--text);line-height:1.65}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:960px;margin:0 auto;padding:0 16px 48px}
.wrap-wide{max-width:1100px;margin:0 auto;padding:0 16px 48px}
.top{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:rgba(11,18,36,.9);border-bottom:1px solid var(--line)}
.top-inner{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.logo{font-weight:800;letter-spacing:.04em;color:#fff;font-size:20px}
.nav{display:flex;gap:10px 14px;flex-wrap:wrap;font-size:14px;font-weight:700}
.nav a{color:#dbe4ff}
.btn{display:inline-block;background:linear-gradient(90deg,var(--accent2),#1aa7c2);color:#fff!important;font-weight:800;padding:12px 18px;border-radius:10px;text-decoration:none!important}
.btn.secondary{background:transparent;border:1px solid var(--accent);color:var(--accent)!important}
.btn.big{padding:14px 22px;font-size:16px}
.hero{padding:36px 0 12px}
.hero.home{padding:48px 0 24px}
.hero h1{font-size:clamp(28px,5vw,42px);line-height:1.15;margin:0 0 12px}
.lead{color:var(--muted);font-size:18px;margin:0 0 20px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 8px}
.card{background:rgba(22,34,64,.85);border:1px solid var(--line);border-radius:16px;padding:20px;margin:18px 0}
.card h2{margin:0 0 12px;font-size:24px}
.card h3{margin:18px 0 8px;font-size:18px}
.card p{margin:0 0 12px}
table{width:100%;border-collapse:collapse;font-size:14px;overflow:auto;display:block}
th,td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}
th{background:rgba(41,58,204,.25)}
.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:800}
.ok{background:#143d2b;color:#5dffb0}
.warn{background:#3d2e14;color:#ffd35d}
.bad{background:#3d1414;color:#ff7d7d}
.list{padding-left:18px;margin:0}
.list li{margin:6px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.mini{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:14px}
.mini h3{margin:0 0 8px;font-size:16px}
.footer{margin-top:40px;padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center}
.related a{display:block;padding:8px 0;border-bottom:1px solid var(--line)}
.update{color:var(--muted);font-size:13px}
.note{color:var(--muted);font-size:14px}
.hero-img{width:100%;max-width:520px;border-radius:16px;border:1px solid var(--line);display:block;margin:0 auto}
.home-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
@media(max-width:800px){.home-grid{grid-template-columns:1fr}}
.nav-toggle{display:none;width:42px;height:42px;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;appearance:none;-webkit-appearance:none}
.nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nav-toggle::before,.nav-toggle::after,.nav-toggle span{display:block;width:18px;height:2px;background:#dbe4ff;border-radius:1px}
.nav-toggle::before,.nav-toggle::after{content:""}
@media(max-width:800px){
html,body{overflow-x:hidden}
.top-inner{gap:10px}
.hero,.hero.home{padding:24px 0 8px}
.lead{font-size:16px}
.card{padding:16px;margin:14px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cta-row .btn{padding:12px 16px}
table{display:table;width:max-content;min-width:100%;font-size:13px}
.article-card img{height:140px}
body.js .nav-toggle{display:inline-flex}
body.js .top-inner{flex-wrap:nowrap}
body.js .logo{margin-right:auto}
body.js .top-inner>.btn{order:2;padding:10px 14px;font-size:14px}
body.js .nav-toggle{order:3}
body.js .nav{display:none;order:4;flex-basis:100%;flex-direction:column;gap:0;padding:8px 0 4px}
body.js.nav-open .top-inner{flex-wrap:wrap}
body.js.nav-open .nav{display:flex}
body.js .nav a{display:block;padding:12px 2px;font-size:16px}
}
.article-card{display:block;background:rgba(22,34,64,.85);border:1px solid var(--line);border-radius:16px;overflow:hidden;color:inherit;text-decoration:none}
.article-card:hover{border-color:var(--accent);text-decoration:none}
.article-card img{width:100%;height:160px;object-fit:cover;display:block;background:#0b1224}
.article-card .body{padding:14px}
.article-card .date{color:var(--muted);font-size:12px;margin-bottom:6px}
.article-card .title{font-weight:800;font-size:16px;margin-bottom:6px;color:#fff}
.article-card .desc{color:var(--muted);font-size:14px}
.prose h2{margin:28px 0 12px;font-size:24px}
.prose h3,.prose h4{margin:20px 0 8px;font-size:18px}
.prose p{margin:0 0 12px}
.prose ul,.prose ol{padding-left:18px}
.prose li{margin:6px 0}
.prose blockquote{margin:16px 0;padding:12px 16px;border-left:3px solid var(--accent);background:rgba(255,255,255,.03);color:var(--muted)}
.live-cal{display:inline-flex;align-items:center;gap:12px;margin:10px 0 0;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);min-width:200px}
.live-cal-day{font-size:32px;font-weight:800;line-height:1;color:#fff;min-width:42px;text-align:center}
.live-cal-meta{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted);line-height:1.35}
.live-cal-meta strong{color:var(--accent);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.live-cal-wd{color:#dbe4ff;font-weight:700;text-transform:capitalize}
.live-cal-full{color:var(--muted)}
.js-today{font-variant-numeric:tabular-nums}
.nav a.is-current{color:var(--accent)}
.nav a:hover{color:#fff;text-decoration:none}
.mini:hover,.article-card:hover{border-color:var(--accent)}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);margin:18px 0 0}
.crumbs a{color:var(--muted)}
.crumbs span{opacity:.5}
.kicker{display:inline-block;margin:0 0 8px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}
.chip{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;color:#dbe4ff;background:rgba(255,255,255,.03)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 6px}
.stat{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:14px;padding:14px}
.stat b{display:block;font-size:18px;line-height:1.2;color:#fff;margin:0 0 4px}
.stat span{color:var(--muted);font-size:12px}
.steps{display:grid;gap:10px;margin:8px 0}
.step{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}
.step i{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:rgba(23,230,230,.12);color:var(--accent);font-style:normal;font-weight:800}
.step h3{margin:0 0 4px;font-size:16px}
.step p{margin:0;color:var(--muted);font-size:14px}
.callout{border-left:3px solid var(--accent);background:rgba(23,230,230,.06);padding:12px 16px;border-radius:0 12px 12px 0;margin:12px 0;color:var(--muted)}
.callout strong{color:#fff}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:800;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--accent)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:8px 0 0;color:var(--muted)}
.hero-split{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}
.hero-split .hero-img{max-width:100%;margin:0}
.related-grid a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:#dbe4ff;background:rgba(255,255,255,.03);text-decoration:none}
.related-grid a:hover{border-color:var(--accent);color:#fff;text-decoration:none}
.footer-nav{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin:0 0 12px}
.footer-nav a{color:var(--muted)}
@media(min-width:801px){
table{display:table;overflow:visible}
}
@media(max-width:800px){
.article-card img{height:140px}
.hero-split{grid-template-columns:1fr}
.stats{grid-template-columns:1fr 1fr}
}
.demo-frame-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0b1224;margin:12px 0 8px}
.demo-frame{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:800px){.demo-frame-wrap{padding-top:75%}}
.games-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 4px}
.games-toolbar h2{margin:0;font-size:22px;letter-spacing:.01em}
.games-search{min-width:200px;flex:1;max-width:300px;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(11,18,36,.65);color:var(--text);font:inherit;transition:border-color .18s ease,box-shadow .18s ease}
.games-search::placeholder{color:var(--muted)}
.games-search:focus{outline:none;border-color:rgba(23,230,230,.55);box-shadow:0 0 0 3px rgba(23,230,230,.12)}
.games-meta{margin:8px 0 16px;color:var(--muted);font-size:13px}
.games-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.game-tile{display:block;text-decoration:none!important;color:#fff;border-radius:16px;overflow:hidden;background:#12182a;border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 22px rgba(0,0,0,.22);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;animation:game-tile-in .35s ease both}
.game-tile:nth-child(1){animation-delay:.02s}.game-tile:nth-child(2){animation-delay:.04s}.game-tile:nth-child(3){animation-delay:.06s}.game-tile:nth-child(4){animation-delay:.08s}.game-tile:nth-child(5){animation-delay:.1s}.game-tile:nth-child(6){animation-delay:.12s}.game-tile:nth-child(7){animation-delay:.14s}.game-tile:nth-child(8){animation-delay:.16s}.game-tile:nth-child(9){animation-delay:.18s}.game-tile:nth-child(10){animation-delay:.2s}.game-tile:nth-child(11){animation-delay:.22s}.game-tile:nth-child(12){animation-delay:.24s}.game-tile:nth-child(13){animation-delay:.26s}
.game-tile:hover,.game-tile:focus-visible{transform:translateY(-4px) scale(1.015);border-color:rgba(23,230,230,.5);box-shadow:0 14px 28px rgba(0,0,0,.35);outline:none}
.game-tile-media{position:relative;display:block;aspect-ratio:5/4;background:#0b1224;overflow:hidden}
.game-tile-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.001);transition:transform .28s ease}
.game-tile:hover .game-tile-media img,.game-tile:focus-visible .game-tile-media img{transform:scale(1.05)}
.game-tile-media::after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(180deg,transparent,rgba(6,10,22,.88));pointer-events:none;z-index:1}
.game-tile-name{position:absolute;left:12px;right:12px;bottom:11px;font-weight:800;font-size:15px;line-height:1.2;letter-spacing:.01em;text-shadow:0 1px 10px rgba(0,0,0,.9);z-index:2}
.game-tile-badge{position:absolute;top:10px;left:10px;z-index:3;background:#e23b3b;color:#fff;font-size:11px;font-weight:800;letter-spacing:.05em;padding:4px 8px;border-radius:7px;box-shadow:0 2px 10px rgba(226,59,59,.35);animation:game-badge-pulse 2.2s ease-in-out infinite}
.game-tile-cta{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,12,24,.5);opacity:0;transition:opacity .2s ease;z-index:2}
.game-tile:hover .game-tile-cta,.game-tile:focus-visible .game-tile-cta{opacity:1}
.game-tile-cta>span{background:linear-gradient(90deg,var(--accent2),#1aa7c2);color:#fff;font-weight:800;padding:10px 16px;border-radius:10px;font-size:14px;box-shadow:0 6px 16px rgba(0,0,0,.35)}
@keyframes game-tile-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes game-badge-pulse{0%,100%{transform:scale(1);box-shadow:0 2px 10px rgba(226,59,59,.35)}50%{transform:scale(1.05);box-shadow:0 3px 14px rgba(226,59,59,.5)}}
@media(prefers-reduced-motion:reduce){.game-tile,.game-tile-badge,.game-tile-media img,.game-tile-cta{animation:none!important;transition:none!important}.game-tile:hover,.game-tile:focus-visible{transform:none}}
@media(max-width:1100px){.games-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.games-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-tile{border-radius:14px}.game-tile-name{font-size:13px;left:10px;right:10px;bottom:9px}.games-search{max-width:none}}
/* Demo play UI */
.dp-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 10px}
.dp-bal{margin-right:auto;font-size:15px;color:var(--muted)}.dp-bal strong{color:var(--accent);font-size:18px}
.dp-note{margin:0 0 14px;font-size:13px;color:var(--muted)}
.dp-body{display:grid;gap:14px}
.dp-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.dp-field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.dp-field input[type=number],.dp-field input[type=range],.dp-field select{min-width:110px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(11,18,36,.75);color:var(--text);font:inherit}
.dp-field input[type=range]{padding:8px 0;min-width:160px}
.dp-seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.dp-seg button{border:0;background:transparent;color:var(--muted);padding:10px 14px;font:inherit;font-weight:800;cursor:pointer}
.dp-seg button.is-on{background:linear-gradient(90deg,var(--accent2),#1aa7c2);color:#fff}
.dp-status{min-height:24px;margin:12px 0 0;font-weight:700;color:var(--muted)}.dp-status.is-win{color:#7dffb3}.dp-status.is-lose{color:#ff8e8e}
.dp-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 12px;border-radius:14px;border:1px solid var(--line);background:radial-gradient(circle at 50% 20%,rgba(23,230,230,.1),transparent 55%),#0b1224;min-height:160px}
.dp-dice,.dp-coin,.dp-card{font-size:42px;font-weight:800;color:#fff;min-width:120px;text-align:center;padding:18px 22px;border-radius:16px;border:1px solid rgba(23,230,230,.35);background:rgba(22,34,64,.9)}
.dp-dice.is-win,.dp-coin.is-win,.dp-card.is-win{border-color:#7dffb3;box-shadow:0 0 0 2px rgba(125,255,179,.2)}
.dp-dice.is-lose,.dp-coin.is-lose{border-color:#ff8e8e}
.dp-card.is-red{color:#ff7b8a}
.dp-coin.is-flip{animation:dp-flip .45s ease}
@keyframes dp-flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg) scale(1.05)}100%{transform:rotateY(0)}}
.dp-mult{font-size:20px;font-weight:800;color:var(--accent)}
.dp-hint{margin:0;color:var(--muted);font-size:14px}
.dp-mines{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:360px}
.dp-cell{aspect-ratio:1;border-radius:10px;border:1px solid var(--line);background:#12182a;color:#fff;font-size:20px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}
.dp-cell:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}
.dp-cell:disabled{cursor:default;opacity:.85}
.dp-cell.is-gem{background:rgba(23,230,230,.15);border-color:rgba(23,230,230,.5)}
.dp-cell.is-bomb{background:rgba(226,59,59,.2);border-color:#e23b3b}
.dp-cell.is-safe{opacity:.55}
.dp-plinko{display:flex;justify-content:center}
.dp-plinko canvas,.dp-wheel-wrap canvas{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}
.dp-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px}
.dp-slot-m{font-size:11px;font-weight:800;padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.06);color:var(--muted)}
.dp-crash-mult{font-size:56px;font-weight:800;letter-spacing:.02em;color:#fff;transition:color .15s ease}
.dp-crash-mult.is-hot{color:#ffd166}
.dp-crash-mult.is-lose{color:#ff8e8e}
.dp-crash-label{color:var(--muted);font-size:14px}
.dp-wheel-wrap{position:relative;width:280px;max-width:100%;margin:0 auto}
.dp-pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:16px solid var(--accent);z-index:2}
.dp-upgrade{width:min(320px,100%);height:18px;border-radius:999px;background:#12182a;border:1px solid var(--line);overflow:hidden}
.dp-upgrade span{display:block;height:100%;width:35%;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .15s ease}
.dp-keno{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;max-width:480px}
.dp-keno-n{border:1px solid var(--line);background:#12182a;color:var(--text);border-radius:8px;padding:8px 0;font-weight:800;cursor:pointer}
.dp-keno-n.is-pick{border-color:var(--accent);background:rgba(23,230,230,.12);color:var(--accent)}
.dp-keno-n.is-draw{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.dp-keno-n.is-hit{background:rgba(125,255,179,.18);border-color:#7dffb3;color:#7dffb3}
.dp-double-track{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:#0b1224;height:64px}
.dp-double-strip{display:flex;gap:4px;padding:12px;will-change:transform}
.dp-dcell{flex:0 0 44px;height:40px;border-radius:8px}
.dp-dcell.dp-red,.dp-seg .dp-red.is-on{background:#e23b3b}
.dp-dcell.dp-black,.dp-seg .dp-black.is-on{background:#2a3148}
.dp-dcell.dp-green,.dp-seg .dp-green.is-on{background:#1f9d5c}
.dp-double-marker{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--accent);box-shadow:0 0 12px rgba(23,230,230,.6);pointer-events:none}
.dp-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;margin:0 auto}
.dp-reels div{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:42px;border-radius:14px;border:1px solid var(--line);background:#12182a}
.dp-frame{margin-top:8px}
.dp-reset{cursor:pointer;border:1px solid var(--accent);background:transparent}
@media(max-width:800px){
.dp-bar .btn{padding:10px 12px;font-size:13px}
.dp-keno{grid-template-columns:repeat(5,minmax(0,1fr))}
.dp-crash-mult{font-size:40px}
.dp-mines{max-width:100%}
}

/* Demo play — richer UI v3 */
.dp-wrap{display:grid;gap:16px}
.dp-cover{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center;padding:14px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(23,230,230,.08),rgba(41,58,204,.12)),#12182a;overflow:hidden}
.dp-cover img{width:140px;height:112px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08);display:block;background:#0b1224}
.dp-cover-meta{min-width:0}
.dp-cover-meta h3{margin:0 0 6px;font-size:20px}
.dp-cover-meta p{margin:0;color:var(--muted);font-size:14px}
.dp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dp-chip{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#dbe4ff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;cursor:pointer}
.dp-chip:hover,.dp-chip.is-on{border-color:var(--accent);color:var(--accent);background:rgba(23,230,230,.08)}
.dp-history{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}
.dp-hitem{font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted)}
.dp-hitem.is-win{background:rgba(125,255,179,.15);color:#7dffb3}
.dp-hitem.is-lose{background:rgba(255,142,142,.12);color:#ff8e8e}
.dp-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start}
@media(max-width:800px){.dp-layout{grid-template-columns:1fr}.dp-cover{grid-template-columns:96px 1fr}.dp-cover img{width:96px;height:76px}}
.dp-panel{padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(11,18,36,.55)}
.dp-stage{position:relative;overflow:hidden;min-height:220px;background:
  radial-gradient(circle at 50% 0%,rgba(23,230,230,.16),transparent 45%),
  radial-gradient(circle at 80% 80%,rgba(41,58,204,.18),transparent 40%),
  #0b1224}
.dp-stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:18px 18px;opacity:.5;pointer-events:none}
.dp-stage>*{position:relative;z-index:1}
.dp-face{width:110px;height:110px;border-radius:18px;background:linear-gradient(145deg,#1c2a4d,#12182a);border:2px solid rgba(23,230,230,.45);box-shadow:0 12px 28px rgba(0,0,0,.35),inset 0 0 24px rgba(23,230,230,.08);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:14px;gap:6px}
.dp-face i{width:14px;height:14px;border-radius:50%;background:transparent;margin:auto}
.dp-face[data-n="1"] i:nth-child(5){background:#17e6e6;box-shadow:0 0 10px rgba(23,230,230,.7)}
.dp-face[data-n="2"] i:nth-child(1),.dp-face[data-n="2"] i:nth-child(9){background:#17e6e6}
.dp-face[data-n="3"] i:nth-child(1),.dp-face[data-n="3"] i:nth-child(5),.dp-face[data-n="3"] i:nth-child(9){background:#17e6e6}
.dp-face[data-n="4"] i:nth-child(1),.dp-face[data-n="4"] i:nth-child(3),.dp-face[data-n="4"] i:nth-child(7),.dp-face[data-n="4"] i:nth-child(9){background:#17e6e6}
.dp-face[data-n="5"] i:nth-child(1),.dp-face[data-n="5"] i:nth-child(3),.dp-face[data-n="5"] i:nth-child(5),.dp-face[data-n="5"] i:nth-child(7),.dp-face[data-n="5"] i:nth-child(9){background:#17e6e6}
.dp-face[data-n="6"] i:nth-child(1),.dp-face[data-n="6"] i:nth-child(3),.dp-face[data-n="6"] i:nth-child(4),.dp-face[data-n="6"] i:nth-child(6),.dp-face[data-n="6"] i:nth-child(7),.dp-face[data-n="6"] i:nth-child(9){background:#17e6e6}
.dp-face.is-roll{animation:dp-dice-roll .55s ease}
@keyframes dp-dice-roll{0%{transform:rotate(0) scale(1)}30%{transform:rotate(18deg) scale(1.08)}60%{transform:rotate(-12deg) scale(.96)}100%{transform:rotate(0) scale(1)}}
.dp-roll-num{font-size:34px;font-weight:800;letter-spacing:.02em}
.dp-cell{position:relative;background:linear-gradient(160deg,#18233f,#101628);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.dp-cell::after{content:"";position:absolute;inset:22%;border-radius:4px;background:rgba(255,255,255,.04);transform:rotate(45deg);opacity:.35}
.dp-cell.is-gem{background:linear-gradient(160deg,#164a4a,#0f2a3a)}
.dp-cell.is-gem::after{inset:18%;background:linear-gradient(135deg,#7dffb3,#17e6e6);border-radius:6px;opacity:1;box-shadow:0 0 14px rgba(23,230,230,.45);transform:rotate(45deg)}
.dp-cell.is-bomb{background:linear-gradient(160deg,#4a1a1a,#2a1010)}
.dp-cell.is-bomb::after{inset:28%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb4b4,#e23b3b 60%,#7a1010);opacity:1;transform:none;box-shadow:0 0 12px rgba(226,59,59,.5)}
.dp-cell.is-gem,.dp-cell.is-bomb{animation:dp-pop .25s ease}
@keyframes dp-pop{from{transform:scale(.86)}to{transform:scale(1)}}
.dp-coin-3d{width:120px;height:120px;perspective:600px}
.dp-coin-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease}
.dp-coin-3d.is-flip .dp-coin-inner{transform:rotateY(720deg)}
.dp-coin-side{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;border:3px solid rgba(255,209,102,.7);background:radial-gradient(circle at 35% 30%,#ffe29a,#d4a017 55%,#8a6500);color:#3a2a00;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.dp-coin-side.back{transform:rotateY(180deg);border-color:rgba(23,230,230,.6);background:radial-gradient(circle at 35% 30%,#b8fff8,#17e6e6 50%,#0a7a7a);color:#043636}
.dp-crash-canvas{width:100%;max-width:420px;height:160px;border-radius:12px;border:1px solid var(--line);background:#0a1020;display:block}
.dp-hero-art{margin:0 0 18px;border-radius:16px;overflow:hidden;border:1px solid var(--line);aspect-ratio:21/9;max-height:220px;background:#0b1224}
.dp-hero-art img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}
.hero.demo-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
@media(max-width:800px){.hero.demo-hero{grid-template-columns:1fr}.dp-hero-art{aspect-ratio:16/9;max-height:180px}}
.dp-live{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:700;color:#a9b4d0}
.dp-live-dot{width:8px;height:8px;border-radius:50%;background:#7dffb3;box-shadow:0 0 0 0 rgba(125,255,179,.6);animation:dp-pulse 1.6s ease infinite}
@keyframes dp-pulse{0%{box-shadow:0 0 0 0 rgba(125,255,179,.55)}70%{box-shadow:0 0 0 8px rgba(125,255,179,0)}100%{box-shadow:0 0 0 0 rgba(125,255,179,0)}}
.dp-feed{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:rgba(11,18,36,.65);overflow:hidden}
.dp-feed-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);font-size:14px}
.dp-feed-tag{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0b1224;background:#7dffb3;padding:3px 8px;border-radius:999px}
.dp-feed-list{list-style:none;margin:0;padding:0;max-height:220px;overflow:hidden}
.dp-feed-item{display:flex;gap:10px;align-items:baseline;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;color:#dbe4ff;animation:dp-feed-in .35s ease}
.dp-feed-item:last-child{border-bottom:0}
.dp-feed-item.is-win{background:rgba(125,255,179,.05)}
.dp-feed-item.is-bet{background:rgba(23,230,230,.03)}
.dp-feed-user{color:var(--accent);font-weight:800}
.dp-feed-win{color:#7dffb3}
.dp-feed-item em{color:#ffd166;font-style:normal;font-weight:800}
.dp-feed-ago{flex-shrink:0;color:var(--muted);font-size:11px}
@keyframes dp-feed-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.games-live{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:0 0 14px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(11,18,36,.55)}
.games-live-online{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#fff}
.games-live-feed{flex:1;min-width:200px;font-size:13px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.games-live-feed strong{color:#7dffb3}
@media(prefers-reduced-motion:reduce){.dp-live-dot,.dp-feed-item{animation:none!important}}