*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090b12;color:#eef0f7;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 36px));margin:0 auto}.narrow{max-width:780px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(9,11,18,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav-wrap{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em}.brand img{height:34px;max-width:160px;object-fit:contain}.brand-mark{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--brand-primary,#7c5cff),var(--brand-secondary,#19d3c5));color:#fff;font-weight:900;box-shadow:0 10px 30px rgba(124,92,255,.3)}.nav-links{display:flex;gap:24px;color:#a9afbf;font-size:14px}.nav-links a:hover{color:#fff}.nav-actions{margin-left:auto;display:flex;gap:10px}.mobile-menu{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:24px}
.btn{border:0;border-radius:11px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:750;transition:.2s;font-size:14px;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--brand-primary,#7c5cff),#6550ff);color:#fff;box-shadow:0 10px 28px rgba(124,92,255,.22)}.btn-ghost{background:#121621;border:1px solid #252a38;color:#dce0eb}.btn-danger{background:#2a1217;border:1px solid #5f222e;color:#ff9baa}.btn-lg{padding:13px 19px;border-radius:13px}.btn-small{padding:7px 10px;font-size:12px;border-radius:9px}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}
.hero{position:relative;overflow:hidden;padding:82px 0 68px;border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 30% -10%,rgba(124,92,255,.22),transparent 40%),linear-gradient(180deg,#0b0e17,#090b12)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:62px;align-items:center}.hero-copy h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:15px 0 22px;max-width:720px}.hero-copy>p{font-size:18px;color:#a8aebe;max-width:610px;margin:0 0 26px}.pill,.eyebrow{font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#b6a9ff}.pill{display:inline-flex;border:1px solid rgba(124,92,255,.34);background:rgba(124,92,255,.09);padding:7px 10px;border-radius:999px}.hero-actions{display:flex;gap:12px}.hero-mini{display:flex;gap:32px;margin-top:34px}.hero-mini div{display:flex;flex-direction:column}.hero-mini strong{font-size:20px}.hero-mini span{font-size:12px;color:#7f879a}.hero-panel{min-height:430px;display:grid;place-items:center}.console-card{width:100%;max-width:490px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,rgba(25,29,43,.92),rgba(13,16,25,.82));box-shadow:0 38px 90px rgba(0,0,0,.45);overflow:hidden}.console-head{height:48px;border-bottom:1px solid #242938;display:flex;gap:7px;align-items:center;padding:0 16px}.console-head>span{width:8px;height:8px;border-radius:99px;background:#394052}.console-head em{margin-left:auto;font-size:10px;letter-spacing:.16em;color:#687087;font-style:normal}.console-body{padding:25px}.console-stat{display:flex;justify-content:space-between;border-bottom:1px solid #232836;padding:14px 0}.console-stat span{color:#7f8797}.console-stat strong{font-size:14px}.console-wave{height:110px;margin-top:24px;display:flex;align-items:end;gap:9px;background:linear-gradient(180deg,transparent,rgba(124,92,255,.05));padding:18px;border-radius:14px}.console-wave i{display:block;flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--brand-secondary,#19d3c5),var(--brand-primary,#7c5cff));height:35%;animation:wave 2.8s ease-in-out infinite}.console-wave i:nth-child(2){height:72%}.console-wave i:nth-child(3){height:48%}.console-wave i:nth-child(4){height:88%}.console-wave i:nth-child(5){height:60%}.console-wave i:nth-child(6){height:76%}.console-wave i:nth-child(7){height:44%}@keyframes wave{50%{filter:brightness(1.35);transform:scaleY(.86)}}.hero-orb{position:absolute;border-radius:999px;opacity:.3}.orb-one{width:240px;height:240px;background:#6d52ff;right:-80px;top:0;filter:blur(80px)}.orb-two{width:160px;height:160px;background:#16d8c8;left:45%;bottom:-120px;filter:blur(70px)}.hero-banner-image{width:100%;aspect-ratio:1.15/1;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.12)}
.section{padding:64px 0}.section-dark{background:#0c0f18;border-top:1px solid #151a25;border-bottom:1px solid #151a25}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-head h2{font-size:29px;letter-spacing:-.035em;margin:5px 0 0}.section-head>a{color:#a8aebe;font-size:13px}.provider-row{display:flex;gap:12px;overflow:auto;padding-bottom:8px}.provider-chip{min-width:205px;display:flex;align-items:center;gap:11px;border:1px solid #222736;background:#10141e;padding:13px;border-radius:15px}.provider-chip>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#1b2030;color:#c9c1ff;font-weight:850}.provider-chip div{display:flex;flex-direction:column}.provider-chip strong{font-size:13px}.provider-chip small{color:#737b8f;font-size:11px}
.game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.game-card{min-width:0}.game-thumb{aspect-ratio:1/1;border-radius:16px;background:linear-gradient(145deg,#1a1f2e,#10131d);border:1px solid #232837;position:relative;overflow:hidden;display:grid;place-items:center;transition:.25s}.game-card:hover .game-thumb{transform:translateY(-3px);border-color:rgba(124,92,255,.5);box-shadow:0 16px 38px rgba(0,0,0,.3)}.game-thumb img{width:100%;height:100%;object-fit:cover}.thumb-letter,.detail-letter{font-size:50px;font-weight:900;color:#686f84}.badge{position:absolute;top:9px;left:9px;font-size:9px;font-weight:900;letter-spacing:.12em;border-radius:99px;padding:5px 7px}.badge-new{background:#19d3c5;color:#06110f}.play-bubble{position:absolute;right:10px;bottom:10px;width:31px;height:31px;border-radius:99px;display:grid;place-items:center;background:rgba(9,11,18,.86);border:1px solid rgba(255,255,255,.18);opacity:0;transition:.2s;font-size:10px}.game-card:hover .play-bubble{opacity:1}.game-meta{display:flex;flex-direction:column;padding:9px 3px}.game-meta strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta span{font-size:11px;color:#747d91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-grid{grid-template-columns:repeat(8,1fr)}
.cta-box{border:1px solid rgba(124,92,255,.26);background:linear-gradient(120deg,rgba(124,92,255,.13),rgba(25,211,197,.06));border-radius:23px;padding:32px 35px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-box h2{margin:7px 0;font-size:28px}.cta-box p{margin:0;color:#8c94a8}.site-footer{border-top:1px solid #181d29;padding:45px 0 20px;background:#070910}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid p,.footer-grid a{color:#777f92;font-size:13px}.footer-title{font-weight:800;color:#eef0f7}.footer-bottom{border-top:1px solid #151923;margin-top:30px;padding-top:18px;color:#5f6676;font-size:11px}
.catalog-page{min-height:80vh}.catalog-hero{padding:58px 0 28px;background:radial-gradient(circle at 20% 0,rgba(124,92,255,.15),transparent 35%)}.catalog-hero h1{font-size:44px;letter-spacing:-.05em;margin:5px 0 22px}.search-bar{display:flex;gap:8px;max-width:650px}.search-bar input{flex:1}.category-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:12px;margin-bottom:22px}.category-tabs a{padding:8px 12px;border-radius:10px;background:#10141d;border:1px solid #202635;color:#858da1;font-size:12px;white-space:nowrap}.category-tabs a.active{background:rgba(124,92,255,.16);border-color:rgba(124,92,255,.4);color:#d7d1ff}.pager{display:flex;justify-content:center;gap:10px;margin-top:28px}.empty-state{text-align:center;border:1px dashed #293040;border-radius:18px;padding:65px 20px;color:#7e879b}.empty-state>div{font-size:42px}.empty-state h3{color:#e8ebf3;margin:7px 0 4px}
.game-detail-page{padding:50px 0 80px;min-height:75vh}.breadcrumbs{display:flex;gap:8px;color:#687184;font-size:12px;margin-bottom:20px}.game-detail{display:grid;grid-template-columns:420px 1fr;gap:46px}.detail-art{aspect-ratio:1/1;background:linear-gradient(145deg,#1a1f2e,#10131d);border:1px solid #252b3a;border-radius:24px;display:grid;place-items:center;overflow:hidden}.detail-art img{width:100%;height:100%;object-fit:cover}.detail-copy{padding-top:18px}.detail-copy h1{font-size:48px;letter-spacing:-.05em;margin:14px 0 4px}.detail-provider{color:#8a93a6;font-size:18px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.detail-stats div{background:#10141d;border:1px solid #222837;padding:14px;border-radius:13px;display:flex;flex-direction:column}.detail-stats span{color:#727a8e;font-size:10px;text-transform:uppercase}.detail-stats strong{margin-top:4px;font-size:12px}.notice-box{display:flex;gap:10px;background:#14131f;border:1px solid #302950;border-radius:13px;padding:13px 15px;margin:14px 0;color:#9c96ba;font-size:12px}.notice-box strong{color:#d8d1ff;white-space:nowrap}.detail-actions{display:flex;gap:10px;margin-top:20px}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:40px 18px;background:radial-gradient(circle at 50% 0,rgba(124,92,255,.18),transparent 42%),#080a10}.auth-card,.setup-card{width:min(470px,100%);border:1px solid #242a39;background:rgba(15,18,27,.96);border-radius:22px;padding:28px;box-shadow:0 35px 80px rgba(0,0,0,.38)}.setup-card{width:min(760px,100%)}.auth-card-wide{width:min(680px,100%)}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:28px}.auth-brand>div{display:flex;flex-direction:column}.auth-brand strong{font-size:14px}.auth-brand span{font-size:11px;color:#747d90}.auth-card h1,.setup-card h1{font-size:32px;letter-spacing:-.04em;margin:0 0 6px}.auth-card>p,.setup-card>p{color:#838b9d;font-size:13px;margin:0 0 23px}.form-stack{display:flex;flex-direction:column;gap:14px}.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#8b94a8;font-weight:650}label small{font-weight:500;color:#60697b}input,select,textarea{width:100%;background:#0d111a;border:1px solid #272d3c;color:#e8ebf2;border-radius:10px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand-primary,#7c5cff);box-shadow:0 0 0 3px rgba(124,92,255,.10)}input[type=color]{height:43px;padding:5px}.check-label{flex-direction:row;align-items:center;align-self:end;min-height:43px;background:#10141d;border:1px solid #252b39;border-radius:10px;padding:10px}.check-label input,.mini-check input,.rule-form input{width:auto}.section-rule{height:1px;background:#252a38;position:relative;margin:8px 0}.section-rule span{position:absolute;top:50%;left:12px;transform:translateY(-50%);background:#0f121b;padding:0 8px;color:#5f687c;font-size:9px}.auth-alt,.auth-link{display:block;margin-top:17px;font-size:12px;color:#778095}.auth-alt a,.auth-link:hover{color:#d4cdff}.flash{padding:11px 13px;border-radius:11px;margin:0 0 15px;font-size:12px;transition:.3s}.flash-success{background:#0f241e;border:1px solid #1f5848;color:#91e0c9}.flash-error{background:#281318;border:1px solid #642934;color:#ff9daa}
.account-page{min-height:75vh;padding:48px 0 80px}.account-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.account-head h1{font-size:37px;letter-spacing:-.04em;margin:4px 0}.account-head p{color:#788196;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metric-card{border:1px solid #222837;background:#10141d;border-radius:15px;padding:17px;display:flex;flex-direction:column;min-height:112px}.metric-card.accent{background:linear-gradient(140deg,rgba(124,92,255,.20),rgba(20,24,35,.94));border-color:rgba(124,92,255,.33)}.metric-card>span{font-size:10px;text-transform:uppercase;color:#70798e}.metric-card strong{font-size:26px;letter-spacing:-.03em;margin:8px 0 1px}.metric-card small{color:#626b7e;font-size:10px}.account-grid,.split-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:15px}.panel{background:#10141d;border:1px solid #222837;border-radius:16px;padding:17px;margin-bottom:15px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.panel-head h2{font-size:17px;margin:3px 0}.panel-head>a,.muted{color:#737c8f;font-size:11px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:660px}.table-wrap th{text-align:left;color:#667084;text-transform:uppercase;font-size:9px;padding:8px 10px;border-bottom:1px solid #262c3a}.table-wrap td{padding:10px;border-bottom:1px solid #1d2230;font-size:11px;color:#b6bdca;vertical-align:middle}.table-wrap strong{color:#e9ecf3;font-size:12px}.table-sub{display:block;color:#626c7f!important;font-size:9px!important}.quick-links{display:flex;flex-direction:column;gap:8px}.quick-links a{display:flex;align-items:center;gap:11px;background:#0c1018;border:1px solid #202635;border-radius:11px;padding:11px}.quick-links a>span{width:33px;height:33px;border-radius:9px;background:#171c29;display:grid;place-items:center;color:#b9afff}.quick-links a div{display:flex;flex-direction:column}.quick-links strong{font-size:12px}.quick-links small{font-size:9px;color:#687185}
.dashboard-body{background:#0a0d14}.dash-shell{min-height:100vh;display:grid;grid-template-columns:226px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#0d1018;border-right:1px solid #202532;padding:17px 12px;display:flex;flex-direction:column}.sidebar-brand{padding:4px 8px;margin-bottom:25px}.side-label{font-size:8px;letter-spacing:.18em;color:#4f586b;padding:0 10px 9px}.side-nav{display:flex;flex-direction:column;gap:3px}.side-nav a,.sidebar-bottom a{padding:9px 10px;border-radius:9px;color:#798296;font-size:12px}.side-nav a:hover,.sidebar-bottom a:hover{background:#141924;color:#cbd1dc}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;border-top:1px solid #202532;padding-top:9px}.dash-main{min-width:0}.dash-topbar{height:78px;border-bottom:1px solid #202532;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(10,13,20,.83);backdrop-filter:blur(14px);position:sticky;top:0;z-index:25}.dash-topbar h1{font-size:20px;margin:2px 0}.user-chip{display:flex;align-items:center;gap:8px;background:#111621;border:1px solid #242a39;border-radius:999px;padding:7px 11px;font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:#2fd3a4}.dash-content{padding:20px 24px 50px;max-width:1600px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.inline-form{display:flex;align-items:center;gap:8px}.inline-form input,.inline-form select{min-width:180px}.inline-form.compact input{min-width:110px;width:115px}.search-summary{color:#737c8f;font-size:11px}.form-panel{max-width:1100px}.status{display:inline-flex;padding:4px 7px;border-radius:99px;font-size:9px;text-transform:uppercase;border:1px solid #2a3140}.status-active,.status-open{background:#10221d;border-color:#1d5042;color:#75d7bc}.status-suspended,.status-inactive,.status-revoked,.status-closed{background:#24161a;border-color:#55303a;color:#df8796}.actions,.row-actions{display:flex;gap:6px;align-items:center}.domain-list{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.domain-list>div{display:flex;justify-content:space-between;align-items:center;background:#0d1119;border:1px solid #222837;border-radius:10px;padding:10px 12px}.domain-list div>div{display:flex;flex-direction:column}.domain-list span{font-size:9px;color:#687185}.architecture-flow{display:flex;align-items:center;gap:14px}.architecture-flow>div{flex:1;background:#0c1018;border:1px solid #212736;border-radius:12px;padding:13px}.architecture-flow strong,.architecture-flow span{display:block}.architecture-flow strong{font-size:12px}.architecture-flow span{font-size:9px;color:#667084}.architecture-flow b{color:#454e62}
.provider-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.provider-admin-card{display:grid;grid-template-columns:38px 1fr auto auto auto;gap:10px;align-items:center;background:#0d1119;border:1px solid #222837;border-radius:12px;padding:10px}.provider-icon{width:36px;height:36px;border-radius:9px;background:#191e2c;display:grid;place-items:center;color:#b9afff;font-weight:850}.provider-admin-info{display:flex;flex-direction:column}.provider-admin-info strong{font-size:11px}.provider-admin-info span{font-size:9px;color:#667084}.mini-check{flex-direction:row;align-items:center;font-size:9px}.rule-form{display:flex;gap:6px;align-items:center}.rule-form label{flex-direction:row}.table-game{display:flex;align-items:center;gap:9px;min-width:160px}.table-game img,.table-game>span{width:32px;height:32px;border-radius:8px;object-fit:cover;background:#1b2030;display:grid;place-items:center}.sync-actions{display:flex;flex-direction:column;gap:9px}.api-doc-box{display:flex;flex-direction:column;gap:7px;background:#0b0f17;border:1px solid #222837;border-radius:11px;padding:12px;margin-top:14px}.api-doc-box code{font-size:10px;color:#a9e6db}.api-doc-box span{font-size:10px;color:#687185}.secret-reveal{border:1px solid #3e3668;background:#17152a;border-radius:13px;padding:13px 15px;display:flex;align-items:center;gap:12px;margin-bottom:15px}.secret-reveal>span{font-size:9px;color:#8e84c7}.secret-reveal code{font-size:11px;overflow:auto;color:#d9d3ff}.secret-reveal button{margin-left:auto}.brand-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:13px}.brand-summary div{background:#0c1018;border:1px solid #222837;border-radius:10px;padding:11px;display:flex;flex-direction:column}.brand-summary span{font-size:9px;color:#626b7e}.brand-summary strong{font-size:11px}.brand-preview{position:relative;overflow:hidden;min-height:310px;border:1px solid #2a3040;border-radius:18px;background:#0b0f17;padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:end}.brand-preview img{max-width:180px;max-height:60px;object-fit:contain;margin-bottom:14px}.brand-preview h3{font-size:28px;margin:6px 0}.brand-preview p{color:#81899b;max-width:320px}.preview-gradient{position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-80px;background:linear-gradient(135deg,var(--preview-primary),var(--preview-secondary));filter:blur(55px);opacity:.55}
.demo-player{min-height:100vh;background:#070910}.demo-topbar{height:70px;border-bottom:1px solid #202633;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;background:#0d1119}.demo-topbar>a{color:#8c95a8;font-size:12px}.demo-topbar>div{text-align:center;display:flex;flex-direction:column}.demo-topbar strong{font-size:13px}.demo-topbar span{font-size:9px;color:#697286}.demo-badge{justify-self:end;background:#171f2a;border:1px solid #29483e;color:#72d0b8!important;padding:5px 8px;border-radius:99px}.demo-stage{min-height:calc(100vh - 70px);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(circle at center,rgba(124,92,255,.12),transparent 40%)}.demo-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px}.demo-core{width:150px;height:150px;display:grid;place-items:center;position:relative;margin-bottom:25px}.demo-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(124,92,255,.35);box-shadow:0 0 70px rgba(124,92,255,.15)}.demo-symbol{font-size:56px;font-weight:900;color:#bfb7ff}.demo-core.pulse{animation:corepulse 1.4s ease}@keyframes corepulse{50%{transform:scale(1.13) rotate(4deg);filter:brightness(1.5)}}.demo-stage h1{font-size:42px;margin:0}.demo-stage p{color:#7e879a;max-width:600px}.demo-buttons{display:flex;gap:10px;margin-top:17px}
@media(max-width:1100px){.game-grid{grid-template-columns:repeat(4,1fr)}.compact-grid{grid-template-columns:repeat(5,1fr)}.game-detail{grid-template-columns:340px 1fr}.provider-admin-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.nav-links{display:none}.mobile-menu{display:block}.nav-actions{display:none}.menu-open .nav-actions{display:flex;position:absolute;top:70px;left:18px;right:18px;background:#10141e;border:1px solid #242a38;border-radius:14px;padding:12px;flex-direction:column}.hero{padding:55px 0}.hero-grid{grid-template-columns:1fr}.hero-panel{min-height:280px}.game-grid,.compact-grid{grid-template-columns:repeat(3,1fr)}.game-detail{grid-template-columns:1fr}.detail-art{max-width:390px}.detail-stats{grid-template-columns:1fr}.dash-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid #202532}.side-nav{display:grid;grid-template-columns:repeat(3,1fr)}.sidebar-bottom{flex-direction:row}.split-grid,.account-grid{grid-template-columns:1fr}.form-grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:min(100% - 24px,1180px)}.hero-copy h1{font-size:42px}.hero-mini{gap:16px}.game-grid,.compact-grid{grid-template-columns:repeat(2,1fr);gap:11px}.section{padding:44px 0}.footer-grid{grid-template-columns:1fr}.cta-box{padding:24px;flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr 1fr}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.auth-card,.setup-card{padding:22px}.dash-content{padding:15px 12px 35px}.dash-topbar{padding:0 14px}.side-nav{grid-template-columns:repeat(2,1fr)}.provider-admin-card{grid-template-columns:34px 1fr auto}.provider-admin-card .mini-check{display:none}.toolbar{align-items:stretch;flex-direction:column}.inline-form{flex-wrap:wrap}.inline-form input,.inline-form select{min-width:0;flex:1}.detail-actions,.demo-buttons{flex-direction:column}}


/* v1.1 API66-inspired information architecture — original white-label visual assets */
.public-body{background:#f4f5f7;color:#1f2937}.reference-topbar{background:#17191d;color:#d7d7d7;font-size:11px;border-bottom:1px solid #2b2e34}.reference-topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:15px}.quick-top-links,.top-right{display:flex;gap:18px;align-items:center}.quick-top-links a:hover{color:#fff}.header-balance{padding:3px 8px;border-radius:4px;background:#252930;color:#fff}.public-body .site-header{position:relative;background:#fff;border-bottom:1px solid #e4e6e9;backdrop-filter:none;color:#20252d}.public-body .nav-wrap{height:68px}.public-body .brand{color:#111827}.public-body .nav-spacer{flex:1}.public-body .btn-ghost{background:#fff;color:#1687cc;border:1px solid #1687cc}.public-body .btn-primary{background:linear-gradient(#15a5ea,#0876bc);box-shadow:none;border-radius:4px}.public-body .btn{border-radius:4px;font-size:12px}.category-nav{background:linear-gradient(#0fa6ed,#0879c9);color:#fff}.category-nav-inner{display:flex;justify-content:center;align-items:stretch;overflow:auto}.category-nav-inner a{min-width:120px;padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:7px;border-right:1px solid #ffffff24;font-weight:800;font-size:12px;white-space:nowrap}.category-nav-inner a:first-child{border-left:1px solid #ffffff24}.category-nav-inner a:hover{background:#006cae}.category-nav-inner b{font-size:17px}.provider-strip{background:#f8f8f8;border-bottom:1px solid #ddd}.provider-scroll{height:70px;display:flex;overflow:auto;gap:0}.provider-scroll a{min-width:125px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-right:1px solid #e4e4e4;color:#666;font-size:9px;font-weight:800;white-space:nowrap}.provider-scroll a:hover{background:#fff;color:#0879c9}.provider-mini-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e7eef5;color:#0879c9;font-size:13px}.reference-home{background:#f4f5f7}.reference-hero{background:#0b1f36}.hero-slider{position:relative;max-width:1920px;margin:auto;aspect-ratio:1920/430;overflow:hidden;background:#071729}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .35s;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide img{width:100%;height:100%;object-fit:cover}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:64px;border:0;background:#0006;color:#fff;font-size:38px;cursor:pointer}.carousel-arrow.prev{left:12px}.carousel-arrow.next{right:12px}.carousel-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px}.carousel-dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#ffffff78}.carousel-dots button.active{background:#fff;transform:scale(1.25)}.reference-section{padding:25px 0}.reference-section.light-panel{background:#fff;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}.promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.promo-card{overflow:hidden;border-radius:5px;background:#ddd;box-shadow:0 1px 2px #0001}.promo-card img{width:100%;height:100%;aspect-ratio:960/300;object-fit:cover}.ref-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px;border-bottom:2px solid #0a91d4;padding-bottom:8px}.ref-section-title h2{font-size:16px;color:#198bc7;margin:0;font-weight:900;letter-spacing:.02em}.ref-section-title a,.ref-section-title span{font-size:11px;color:#777}.hot-provider-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.hot-provider-grid a{background:#fff;border:1px solid #dedede;border-radius:5px;padding:11px 6px;display:flex;min-width:0;flex-direction:column;align-items:center;text-align:center;box-shadow:0 1px 2px #0000000a}.hot-provider-grid a:hover{border-color:#28a8e3;transform:translateY(-1px)}.provider-big-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e8f5fc,#cfe9f7);color:#0884c9;font-size:20px;font-weight:900;margin-bottom:6px}.hot-provider-grid strong{font-size:9px;color:#444;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hot-provider-grid small{font-size:9px;color:#9a9a9a}.reference-game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.reference-game-grid .game-thumb{border-radius:5px;background:#e9ebee;border:1px solid #ddd}.reference-game-grid .game-card:hover .game-thumb{transform:none;box-shadow:0 3px 12px #0002;border-color:#15a4e7}.reference-game-grid .game-meta{padding:6px 2px;color:#333}.reference-game-grid .game-meta strong{font-size:11px}.reference-game-grid .game-meta span{font-size:9px;color:#858585}.reference-game-grid .play-bubble{opacity:1;background:#0a90d6;color:#fff;border:0;width:27px;height:27px}.reference-game-grid .badge-new{background:#ff5b5b;color:#fff;border-radius:3px}.jackpot-strip{position:relative}.jackpot-strip>img{width:100%;max-height:180px;object-fit:cover;border-radius:5px}.jackpot-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;text-shadow:0 2px 5px #000}.jackpot-number small{color:#fff;font-weight:800}.jackpot-number strong{font-size:34px;color:#ffd34e;letter-spacing:.05em}.stats-band{padding:18px 0;background:linear-gradient(#168fd2,#0877bd);color:#fff}.stats-band-grid{display:grid;grid-template-columns:repeat(3,1fr)}.stats-band-grid>div{display:grid;grid-template-columns:52px auto;grid-template-rows:auto auto;align-items:center;padding:8px 24px;border-right:1px solid #ffffff33}.stats-band-grid>div:last-child{border:0}.stat-icon{grid-row:1/3;font-size:31px}.stats-band-grid p{margin:0;font-size:11px;opacity:.85}.stats-band-grid strong{font-size:20px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.guide-card{background:#fff;border:1px solid #e1e1e1;border-radius:5px;overflow:hidden}.guide-card img{width:100%;aspect-ratio:560/240;object-fit:cover}.guide-card>div{padding:11px}.guide-card h3{font-size:13px;margin:0 0 5px;color:#333}.guide-card p{font-size:10px;color:#777;margin:0 0 8px}.guide-card a{font-size:10px;color:#1689ca;font-weight:800}.payment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.payment-card{background:#fff;border:1px solid #ddd;border-radius:5px;padding:8px}.payment-card img{width:100%;aspect-ratio:560/240;object-fit:cover}.reference-footer{background:#22252a;color:#b5b9c0;padding:32px 0 14px}.footer-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.footer-info-grid>div{display:flex;flex-direction:column;gap:7px}.footer-info-grid h4{color:#fff;margin:0 0 7px;font-size:12px}.footer-info-grid a{font-size:10px;color:#aeb3ba}.footer-info-grid a:hover{color:#fff}.footer-brand-row{margin-top:25px;padding-top:18px;border-top:1px solid #3a3d43;display:flex;gap:12px;align-items:center}.footer-brand-row strong{color:#fff}.footer-brand-row span{font-size:10px}.reference-footer .footer-bottom{border-top:1px solid #3a3d43;color:#838991}.login-dialog{width:min(420px,calc(100% - 24px));border:0;border-radius:7px;padding:24px;box-shadow:0 30px 80px #0008}.login-dialog::backdrop{background:#0009}.login-dialog h2{color:#222}.dialog-close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:28px;color:#666;cursor:pointer}.login-dialog .form-stack label,.login-dialog .auth-alt{color:#444}.login-dialog input{background:#fff;color:#222;border:1px solid #d5d5d5}.remember-row{display:flex!important;flex-direction:row!important;align-items:center;gap:7px}.remember-row input{width:auto}.reference-catalog{background:#f4f5f7;min-height:70vh;padding:25px 0 45px;color:#333}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #1597d7;padding-bottom:10px}.catalog-toolbar h1{font-size:21px;margin:1px 0 0;color:#1b8ac5}.catalog-kicker{font-size:9px;color:#999}.reference-search{display:flex;width:min(360px,100%)}.reference-search input{flex:1;background:#fff;border:1px solid #ccc;color:#333;border-radius:4px 0 0 4px;padding:9px 10px}.reference-search button{width:42px;border:0;background:#1599db;color:#fff;border-radius:0 4px 4px 0;font-size:18px}.catalog-category-tabs,.provider-catalog-row{display:flex;gap:7px;overflow:auto;padding:13px 0}.catalog-category-tabs a{padding:8px 13px;border-radius:4px;background:#fff;border:1px solid #ddd;font-size:10px;font-weight:800;white-space:nowrap}.catalog-category-tabs a.active{background:#1597d7;color:#fff;border-color:#1597d7}.provider-catalog-row{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:16px}.provider-catalog-row a{padding:6px 10px;background:#fff;border:1px solid #ddd;border-radius:3px;font-size:9px;white-space:nowrap;color:#666}.provider-catalog-row a.active{background:#444;color:#fff;border-color:#444}.catalog-grid{grid-template-columns:repeat(8,1fr)}.register-reference{background:#f2f3f5;padding:30px 0 55px;color:#333}.register-layout{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:start}.member-benefits{background:linear-gradient(#168fd2,#0877bd);color:#fff;border-radius:5px;padding:22px}.member-benefits h2{font-size:15px;margin:0 0 15px}.member-benefits ul{margin:0;padding:0;list-style:none}.member-benefits li{padding:9px 0;border-bottom:1px solid #ffffff2f;font-size:11px}.member-benefits li:before{content:'✓';margin-right:8px;color:#b9f4ff}.register-panel{background:#fff;border:1px solid #ddd;border-radius:5px;padding:22px 28px}.register-heading{border-bottom:1px solid #e5e5e5;padding-bottom:15px;margin-bottom:16px}.register-heading>span{font-size:9px;color:#168cca;font-weight:900}.register-heading h1{font-size:22px;margin:3px 0 13px}.step-track{display:flex;align-items:center;max-width:350px}.step-track b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#d8d8d8;color:#fff;font-size:10px}.step-track b.active{background:#168fce}.step-track i{height:2px;flex:1;background:#ddd}.register-form{max-width:700px}.register-form h3{font-size:13px;color:#168cca;margin:15px 0 10px}.register-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;margin-bottom:12px}.register-form label span{font-weight:400;color:#999}.register-form input,.register-form select{background:#fff;color:#333;border:1px solid #ccc;border-radius:3px;padding:10px}.register-form small{font-size:9px;color:#8a8a8a;font-weight:400}.phone-combo{display:grid;grid-template-columns:180px 1fr;gap:10px}.register-divider{height:1px;background:#eee;margin:20px 0}.terms-row{flex-direction:row!important;align-items:center!important;font-weight:400!important}.terms-row input{width:auto}.media-admin-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.media-admin-intro h2{margin:3px 0}.media-admin-intro p{color:#8b93a4;margin:0}.media-group{margin-bottom:18px}.media-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.media-slot-card{border:1px solid #262c3a;background:#0e121b;border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:9px}.media-slot-card label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#8d95a8}.media-slot-card input{width:100%}.media-slot-preview{position:relative;border-radius:9px;overflow:hidden;background:#151a26}.media-slot-preview img{width:100%;aspect-ratio:16/5;object-fit:cover}.media-slot-preview span{position:absolute;left:8px;bottom:8px;background:#000b;color:#fff;padding:4px 7px;border-radius:4px;font-size:9px}.media-slot-card .check-label{flex-direction:row;align-items:center}.media-slot-card .check-label input{width:auto}
@media(max-width:1100px){.hot-provider-grid{grid-template-columns:repeat(6,1fr)}.reference-game-grid{grid-template-columns:repeat(5,1fr)}.catalog-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:800px){.reference-topbar-inner{min-height:38px}.quick-top-links{gap:10px}.category-nav-inner{justify-content:flex-start}.provider-strip{display:none}.promo-grid{grid-template-columns:repeat(2,1fr)}.hot-provider-grid{grid-template-columns:repeat(4,1fr)}.reference-game-grid,.catalog-grid{grid-template-columns:repeat(4,1fr)}.guide-grid,.payment-grid{grid-template-columns:repeat(2,1fr)}.footer-info-grid{grid-template-columns:repeat(2,1fr)}.register-layout{grid-template-columns:1fr}.member-benefits{order:2}.media-admin-grid{grid-template-columns:1fr}.catalog-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.reference-search{width:100%}}
@media(max-width:520px){.quick-top-links a:nth-child(n+3){display:none}.top-right span:first-child{display:none}.public-body .nav-wrap{height:60px}.public-body .brand>span:last-child{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-nav-inner a{min-width:94px;padding:8px 10px;font-size:9px;flex-direction:column;gap:2px}.hero-slider{aspect-ratio:16/6}.carousel-arrow{display:none}.reference-section{padding:17px 0}.promo-grid{grid-template-columns:1fr 1fr;gap:7px}.hot-provider-grid{grid-template-columns:repeat(3,1fr);gap:6px}.reference-game-grid,.catalog-grid{grid-template-columns:repeat(3,1fr);gap:7px}.stats-band-grid>div{padding:7px 8px;grid-template-columns:36px auto}.stat-icon{font-size:23px}.stats-band-grid strong{font-size:15px}.guide-grid,.payment-grid{grid-template-columns:1fr 1fr;gap:7px}.footer-info-grid{grid-template-columns:1fr 1fr;gap:18px}.register-panel{padding:18px 14px}.phone-combo{grid-template-columns:1fr}.media-admin-intro{align-items:flex-start;flex-direction:column}}

.provider-logo img,.provider-mini-logo img{width:100%;height:100%;object-fit:contain}.provider-logo{background:#fff}.provider-mini-logo{background:#fff}.provider-media-card .provider-icon{overflow:hidden}.provider-media-card .provider-icon img{width:100%;height:100%;object-fit:contain}.provider-media-card .provider-admin-info input{margin-top:5px;font-size:10px;padding:6px}.game-media-form{min-width:360px}.game-media-form input[type=file]{max-width:120px}.game-media-form input[name=thumbnail_url]{max-width:150px}

.reference-game-detail{background:#f4f5f7;color:#333}.reference-game-detail .detail-art{border-radius:6px;background:#fff;border-color:#ddd}.reference-game-detail .detail-copy h1{color:#222}.reference-game-detail .detail-provider{color:#777}.reference-game-detail .detail-stats div{background:#fff;border-color:#ddd}.reference-game-detail .detail-stats span{color:#888}.reference-game-detail .notice-box{background:#eef7fc;border-color:#b9dff3;color:#477085}.reference-game-detail .notice-box strong{color:#1288c5}.reference-game-detail .pill{color:#0879c9;background:#e8f5fc;border-color:#b9dff3}.launch-ready{border-left:4px solid #1aa56b!important}

/* --- API66 mirror refinement v1.2.0 --- */
body.public-body{background:#f5f5f7;color:#333}
.public-body .site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #d7d7d7;backdrop-filter:none}
.reference-topbar{background:#2b2d31;color:#fff;font-size:11px}
.reference-topbar-inner{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.quick-top-links,.top-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.quick-top-links a,.top-right span{color:#fff;font-size:11px;font-weight:700;letter-spacing:.01em}
.quick-top-links a:hover{text-decoration:underline}.top-complaint{display:inline-flex;align-items:center;gap:6px;background:#1698d8;color:#fff;padding:6px 10px;border-radius:3px;font-size:10px;font-weight:800}
.reference-header .reference-nav-wrap{height:70px}.reference-header .brand{color:#1e1e1e;font-weight:900}.reference-header .brand img{height:42px}.reference-actions .btn{border-radius:4px;padding:10px 18px;font-size:13px}.reference-actions .btn-ghost{background:#fff;border:1px solid #cbcbcb;color:#222}.reference-actions .btn-primary{background:linear-gradient(180deg,#1596d7,#0d7fbd);box-shadow:none}
.reference-category-nav{background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #d7d7d7}
.category-nav-inner{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.category-nav-inner a{min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-right:1px solid #e4e4e4;color:#2c2f35;padding:10px 6px;text-transform:uppercase;font-size:10px;font-weight:800}.category-nav-inner a:last-child{border-right:0}.category-nav-inner a b{font-size:22px;line-height:1}.category-nav-inner a span{font-size:10px}
.provider-strip{background:#f3f3f3;border-bottom:1px solid #dfdfdf}.provider-scroll{display:flex;gap:8px;overflow:auto;padding:10px 0}.provider-scroll a{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #d6d6d6;background:#fff;border-radius:3px;font-size:10px;font-weight:800;color:#4f5562;white-space:nowrap}.provider-scroll a:hover{border-color:#1596d7;color:#1596d7}
.provider-mini-icon{width:24px;height:24px;border-radius:3px;display:grid;place-items:center;background:#f7f7f7;border:1px solid #ededed;font-size:12px}
.reference-home{background:#f4f5f7;color:#333;padding-bottom:26px}.compact-section{padding:12px 0}.api66-hero{padding:12px 0 10px;background:#f4f5f7;border:0}.hero-slider{aspect-ratio:1920/430;border:1px solid #d8d8d8;border-radius:4px;background:#fff;overflow:hidden}.hero-slide img{width:100%;height:100%;object-fit:cover}.carousel-dots button{width:10px;height:10px;border-radius:50%;border:0;background:#c5c5c5}.carousel-dots button.active{background:#1596d7}.carousel-arrow{width:36px;height:36px;border-radius:50%;background:#0008}
.section-chip-title{position:relative;padding:0 0 10px;margin-bottom:10px;text-align:left}.section-chip-title h2{display:inline-block;margin:0;padding:0 14px 0 0;font-size:15px;line-height:1.1;color:#1e1e1e;text-transform:uppercase;font-weight:900;background:transparent}.section-chip-title::after{content:'';display:block;height:2px;background:#d6d6d6;margin-top:10px}.section-chip-title.lower-title h2{text-transform:lowercase}
.white-bg-block .container{background:#fff;border:1px solid #ddd;border-radius:4px;padding:14px}
.api66-promo-grid{grid-template-columns:repeat(4,1fr);gap:10px}.promo-card{border-radius:4px;overflow:hidden;border:1px solid #ddd;background:#fff}.promo-card img{aspect-ratio:570/240;object-fit:cover;width:100%}
.hot-live-grid.reference-game-grid,.reference-game-grid{grid-template-columns:repeat(6,1fr);gap:10px}.reference-game-grid .game-card{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:none}.reference-game-grid .game-thumb{aspect-ratio:1/1}.reference-game-grid .game-card strong{font-size:11px;color:#1c1c1c}.reference-game-grid .game-card small{font-size:9px;color:#7c7c7c}.reference-game-grid .play-chip{border-radius:3px;height:26px;font-size:10px;background:#1596d7}.reference-game-grid .fav-chip{border-radius:3px;width:26px;height:26px}.reference-game-grid .badge-new{font-size:9px;font-weight:800;border-radius:3px;padding:4px 6px}
.provider-catalog-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.provider-catalog-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border:1px solid #dedede;border-radius:4px;background:#fff;color:#3f434b;min-height:118px;text-align:center}.provider-catalog-card:hover{border-color:#1596d7;transform:translateY(-1px)}.provider-catalog-card span:last-child{font-size:10px;font-weight:800;line-height:1.25}.provider-catalog-logo{width:70px;height:40px;display:grid;place-items:center;background:#fff;border-radius:4px}.provider-catalog-logo img{width:100%;height:100%;object-fit:contain}.provider-catalog-logo.fallback{font-size:22px;font-weight:900;color:#1596d7;border:1px solid #e8e8e8}
.mini-promo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-promo-card{border-radius:4px;overflow:hidden;border:1px solid #ddd;background:#fff}.mini-promo-card img{width:100%;height:100%;aspect-ratio:570/240;object-fit:cover}
.jackpot-ref-section{padding-top:12px}.jackpot-strip{overflow:hidden}.jackpot-strip>img{width:100%;height:auto;max-height:190px;object-fit:cover;border-radius:4px}.jackpot-number small{text-transform:uppercase;font-size:14px;color:#fff;font-weight:900}.jackpot-number strong{font-size:34px;color:#ffd84c}
.mirror-provider-grid{grid-template-columns:repeat(5,1fr)}
.stats-band{padding:16px 0;background:linear-gradient(180deg,#1797d7,#0a7dc0)}.stats-band-grid{display:grid;grid-template-columns:repeat(3,1fr)}.stats-band-grid>div{display:grid;grid-template-columns:52px auto;grid-template-rows:auto auto;align-items:center;padding:10px 20px;border-right:1px solid rgba(255,255,255,.3)}.stats-band-grid>div:last-child{border-right:0}.stat-icon{grid-row:1/3;font-size:28px}.stats-band-grid p{margin:0;font-size:12px;color:#fff;opacity:.9}.stats-band-grid strong{font-size:22px;color:#fff}
.guide-support-wrap{padding-top:18px}.support-links-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.support-links-row a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;background:#fff;border:1px solid #ddd;border-radius:4px;padding:12px;font-size:12px;font-weight:900;color:#2a2e35}.support-links-row small{font-size:10px;color:#7b7f88;font-weight:700}
.guide-grid-ref{grid-template-columns:repeat(4,1fr);gap:10px}.guide-card{background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden}.guide-card img{width:100%;aspect-ratio:560/240;object-fit:cover}.guide-card>div{padding:10px}.guide-card h3{font-size:13px;color:#2f2f2f;margin:0 0 8px}.guide-card a{font-size:11px;color:#1596d7;font-weight:900}
.api66-payment-grid{grid-template-columns:repeat(4,1fr);gap:10px}.payment-card{background:#fff;border:1px solid #ddd;border-radius:4px;padding:0;overflow:hidden}.payment-card img{width:100%;aspect-ratio:560/240;object-fit:cover}
.reference-footer{background:#24272c;color:#c8ccd4;padding:26px 0 0}.footer-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.footer-info-grid h4{font-size:12px;color:#fff;margin:0 0 10px}.footer-info-grid a{font-size:11px;color:#bfc4cd}.footer-info-grid a:hover{color:#fff}.browser-row{margin-top:18px;padding:16px 0;border-top:1px solid #3a3d43;display:flex;align-items:center;justify-content:space-between;gap:20px}.browser-title{font-size:12px;color:#fff;font-weight:800}.browser-icons{display:flex;gap:12px;flex-wrap:wrap}.browser-icons span{display:inline-flex;align-items:center;gap:6px;background:#2d3138;border:1px solid #3b4048;color:#dfe3eb;padding:8px 10px;border-radius:4px;font-size:11px;font-weight:700}.footer-bottom-ref{margin-top:0!important;padding:14px 0 16px!important;border-top:1px solid #3a3d43;color:#949aa4;font-size:11px}
.login-dialog{background:#fff;color:#333;border:1px solid #ddd;border-radius:5px}.login-dialog h2{margin:14px 0 12px;font-size:22px}.login-dialog input{border-radius:3px;padding:10px}
.register-reference{background:#f4f5f7}.member-benefits{background:linear-gradient(180deg,#1698d8,#097fc1);border-radius:4px}.register-panel{border-radius:4px;border:1px solid #ddd}.register-heading h1{font-size:24px}.step-track b{width:28px;height:28px}.register-form input,.register-form select{border-radius:3px}
.reference-catalog{background:#f4f5f7}.catalog-toolbar h1{font-size:24px;font-weight:900}.catalog-category-tabs a,.provider-catalog-row a{border-radius:3px}
@media(max-width:1100px){.provider-catalog-grid{grid-template-columns:repeat(6,1fr)}.reference-game-grid,.hot-live-grid.reference-game-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:800px){.category-nav-inner{grid-template-columns:repeat(3,1fr)}.api66-promo-grid,.mini-promo-strip,.guide-grid-ref,.api66-payment-grid{grid-template-columns:repeat(2,1fr)}.provider-catalog-grid{grid-template-columns:repeat(4,1fr)}.reference-game-grid,.hot-live-grid.reference-game-grid{grid-template-columns:repeat(4,1fr)}.mirror-provider-grid{grid-template-columns:repeat(3,1fr)}.footer-info-grid{grid-template-columns:repeat(2,1fr)}.browser-row{flex-direction:column;align-items:flex-start}.support-links-row{grid-template-columns:1fr}}
@media(max-width:520px){.reference-topbar-inner{align-items:flex-start;padding:8px 0}.quick-top-links,.top-right{gap:8px}.reference-header .reference-nav-wrap{height:58px}.api66-promo-grid,.mini-promo-strip{grid-template-columns:1fr 1fr;gap:8px}.provider-catalog-grid{grid-template-columns:repeat(3,1fr);gap:8px}.reference-game-grid,.hot-live-grid.reference-game-grid{grid-template-columns:repeat(3,1fr);gap:8px}.category-nav-inner a{min-height:62px}.stats-band-grid>div{padding:8px}.stats-band-grid strong{font-size:16px}.guide-grid-ref,.api66-payment-grid,.footer-info-grid{grid-template-columns:1fr 1fr;gap:8px}}

/* --- UI modernization refinement v1.3.0 --- */
body.public-body{
  background:
    radial-gradient(circle at top left, rgba(24,132,214,.09), transparent 28%),
    radial-gradient(circle at top right, rgba(29,185,84,.07), transparent 24%),
    linear-gradient(180deg,#f4f6fb 0%,#eef2f8 100%);
}
.reference-topbar{box-shadow:0 6px 14px rgba(18,22,32,.12)}
.top-complaint{box-shadow:0 8px 20px rgba(21,150,215,.24)}
.reference-header{box-shadow:0 10px 28px rgba(16,24,40,.08)}
.reference-header .brand img,.reference-header .brand-mark{filter:drop-shadow(0 10px 22px rgba(24,43,84,.12))}
.category-nav-inner a{
  position:relative;
  background:linear-gradient(180deg,#fff,#f4f7fb);
  transition:.18s ease;
}
.category-nav-inner a:hover{
  z-index:1;
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(20,34,60,.1);
  color:#0f82c2;
}
.category-nav-inner a::after{
  content:'';
  position:absolute;left:14px;right:14px;bottom:0;height:2px;
  background:linear-gradient(90deg,#1796d7,#16c7df);opacity:0;transition:.18s ease;
}
.category-nav-inner a:hover::after{opacity:1}
.provider-scroll a{
  background:linear-gradient(180deg,#fff,#f7f9fc);
  box-shadow:0 4px 10px rgba(19,33,68,.04);
}
.provider-scroll a:hover{box-shadow:0 12px 24px rgba(21,150,215,.12)}
.hero-slider{
  box-shadow:0 24px 46px rgba(18,34,73,.16);
  border:1px solid rgba(18,34,73,.08);
}
.hero-slide::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.06));
}
.white-bg-block .container{
  border:1px solid rgba(20,38,74,.08);
  box-shadow:0 16px 34px rgba(18,34,73,.06);
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.section-chip-title h2{letter-spacing:.02em}
.section-chip-title::after{background:linear-gradient(90deg,#1497d8,#d7dde6 28%,#d7dde6 100%)}
.promo-card,.mini-promo-card,.payment-card,.guide-card,.provider-catalog-card,.game-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.promo-card:hover,.mini-promo-card:hover,.payment-card:hover,.guide-card:hover,.provider-catalog-card:hover,.game-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 30px rgba(17,31,63,.12);
}
.promo-card img,.mini-promo-card img,.guide-card img,.payment-card img{filter:saturate(1.04) contrast(1.02)}
.provider-catalog-card{
  background:
    radial-gradient(circle at top right, rgba(23,150,215,.08), transparent 38%),
    linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 8px 18px rgba(18,34,73,.05);
}
.provider-catalog-card:hover{border-color:#9fd9f4}
.provider-catalog-logo{position:relative}
.provider-catalog-logo::after{
  content:'';position:absolute;inset:auto 10% -4px 10%;height:8px;border-radius:50%;
  background:radial-gradient(circle,rgba(20,151,215,.18),transparent 70%);
}
.reference-game-grid .game-card{
  overflow:hidden;
  border:1px solid rgba(18,34,73,.08);
  box-shadow:0 10px 18px rgba(18,34,73,.05);
}
.reference-game-grid .game-card:hover{border-color:#9fd9f4}
.reference-game-grid .game-thumb{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#122447,#0f86c8 60%,#12d1d6);
}
.reference-game-grid .game-thumb.has-image img{
  transform:scale(1);transition:transform .35s ease;
}
.reference-game-grid .game-card:hover .game-thumb.has-image img{transform:scale(1.06)}
.reference-game-grid .game-thumb::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.12));
  pointer-events:none;
}
.reference-game-grid .fallback-thumb{
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.18), transparent 18%),
    radial-gradient(circle at 80% 24%, rgba(255,194,46,.34), transparent 16%),
    radial-gradient(circle at 70% 75%, rgba(0,0,0,.22), transparent 22%),
    linear-gradient(135deg,#142447 0%,#0f78bd 52%,#16cedd 100%);
}
.thumb-fallback-art{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:10px}
.thumb-fallback-glow{position:absolute;right:10px;top:10px;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,73,.9) 0%,rgba(255,209,73,.55) 40%,transparent 72%)}
.thumb-fallback-chip{position:relative;z-index:1;display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.26);backdrop-filter:blur(8px);color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thumb-letter{position:relative;z-index:1;align-self:center;font-size:58px;font-weight:900;color:#fff;line-height:1;text-shadow:0 10px 25px rgba(0,0,0,.25)}
.thumb-fallback-name{position:relative;z-index:1;color:#fff;font-size:10px;font-weight:800;line-height:1.2;max-width:100%;text-shadow:0 2px 8px rgba(0,0,0,.25);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.reference-game-grid .play-bubble,.reference-game-grid .play-chip{
  box-shadow:0 8px 16px rgba(0,0,0,.18);
}
.reference-game-grid .play-bubble{
  background:linear-gradient(180deg,#16c5ff,#108dd1)!important;
}
.reference-game-grid .game-meta{padding:10px 10px 11px}
.reference-game-grid .game-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reference-game-grid .game-meta span{display:block;margin-top:2px;text-transform:uppercase;letter-spacing:.04em}
.mirror-provider-grid .provider-catalog-card{
  min-height:126px;
  border-radius:14px;
  background:
    radial-gradient(circle at top, rgba(21,150,215,.12), transparent 34%),
    linear-gradient(180deg,#ffffff,#f7fbff);
}
.stats-band{
  box-shadow:0 18px 32px rgba(16,62,112,.18);
}
.stats-band-grid>div{position:relative}
.stats-band-grid>div::after{content:'';position:absolute;inset:10px 10px auto auto;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 68%)}
.support-links-row a{
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  box-shadow:0 10px 20px rgba(18,34,73,.06);
}
.support-links-row a:hover{border-color:#9fd9f4;box-shadow:0 16px 30px rgba(17,31,63,.12)}
.guide-card,.payment-card{
  box-shadow:0 10px 22px rgba(18,34,73,.05);
}
.guide-card a::after{content:' ›'}
.reference-footer{margin-top:18px;box-shadow:0 -10px 24px rgba(18,34,73,.08)}
.browser-icons span{box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
@media(max-width:520px){
  .white-bg-block .container{padding:10px}
  .provider-catalog-card{min-height:104px}
  .thumb-letter{font-size:44px}
}