:root{color-scheme:dark;--bg:#191b1e;--panel:#22252a;--line:#30343a;--muted:#90969c;--text:#f2f4f5;--green:#b3ed75;--green-dark:#26391f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{display:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:118px;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;z-index:20;background:#1b1d20;padding:26px 10px 16px}.brand{font-size:35px;font-weight:950;font-style:italic;letter-spacing:-3px;line-height:1;white-space:nowrap;transform:skew(-5deg)}.brand>span:first-child{color:var(--green);text-shadow:0 0 15px #b3ed7545}.brand-dot{color:var(--green)}.brand-sub{font-size:7px;letter-spacing:2px;color:#71777b;margin:8px 0 30px}.side-nav{width:100%;display:flex;flex-direction:column;gap:13px;overflow:auto;scrollbar-width:none}.nav-item{color:#90959b;display:flex;align-items:center;flex-direction:column;gap:9px;padding:12px 2px;width:100%;font-size:12px;font-weight:600;letter-spacing:.4px;border-radius:12px;min-height:76px}.nav-item svg{width:28px;height:28px}.nav-item:hover{background:#262a2d;color:#d9e8cd}.nav-item.active{color:var(--green);background:linear-gradient(135deg,#b3ed751c,#b3ed7506);box-shadow:inset 0 0 0 1px #b3ed7555}.side-bottom{margin-top:auto;padding-top:20px;white-space:nowrap;font-size:10px;color:#90978d}.side-bottom small{display:block;font-size:7px;letter-spacing:1px;margin-top:7px}.status-dot,.demo-tag i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px}.shell{margin-left:118px}.topbar{height:70px;padding:0 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#1b1d20}.breadcrumb{color:#878c91;display:flex;gap:15px;font-size:12px}.breadcrumb b{color:#d0d4d8;font-weight:500}.slash{color:#454b52}.top-actions{display:flex;align-items:center;gap:22px}.demo-tag{color:#b4d69a;background:#a8e86c0c;border:1px solid #b3ed7525;padding:4px 9px;border-radius:5px;font-size:10px;letter-spacing:1px;font-weight:600;white-space:nowrap}.language{display:flex;gap:8px;align-items:center;color:#b4babf}.language svg{width:18px}.language select{border:0;background:transparent;font-size:12px;color:#b4babf;cursor:pointer;padding:5px}.avatar{background:#303831;border:1px solid #a9dd7150;border-radius:50%;height:32px;width:32px;font-size:12px;color:var(--green)}main{max-width:1550px;margin:auto;padding:28px 38px 0}.hero{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(230px,1fr);gap:18px;margin-bottom:38px}.hero-card{position:relative;overflow:hidden;border-radius:14px;height:280px}.hero-main{background:linear-gradient(108deg,#263227 0%,#34452c 48%,#697d2a 100%);border:1px solid #a4cb5f20}.hero-copy{position:relative;z-index:3;padding:32px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:#97a18d}.hero-copy .eyebrow{color:#bcdf9c}.hero-copy h1{font-size:clamp(23px,2.2vw,37px);letter-spacing:-1.5px;font-weight:750;margin:15px 0 9px;line-height:1.2;max-width:60%}.hero-copy p{font-size:12px;color:#bbc6b6;line-height:1.8;margin-bottom:23px}.primary{display:inline-flex;align-items:center;gap:28px;background:var(--green);color:#223118;font-weight:700;border-radius:6px;padding:10px 14px;font-size:12px}.primary:hover{background:#c7ff91}.primary svg{width:17px}.hero-art{position:absolute;right:-20px;top:12px;width:46%;height:100%;display:flex;align-items:center;transform:rotate(-12deg);gap:12px;z-index:2;pointer-events:none}.hero-art img{width:44%;border-radius:12px;box-shadow:0 16px 35px #0006}.hero-art img:nth-child(1){transform:translateY(27px)}.hero-art img:nth-child(2){transform:translateY(-45px)}.hero-art img:nth-child(3){position:absolute;top:165px;left:47%}.hero-glow{position:absolute;width:260px;height:260px;background:#bedb5426;filter:blur(30px);border-radius:50%;right:0;top:80px}.hero-pagination{position:absolute;bottom:14px;left:50%;display:flex;gap:5px;z-index:4}.hero-pagination i{width:5px;height:5px;background:#fff3;border-radius:50%}.hero-pagination i:first-child{width:17px;background:#ccf49c;border-radius:10px}.hero-secondary{background:#253c2d;border:1px solid #adcc7430}.hero-secondary>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 34%;opacity:.85}.secondary-shade{position:absolute;inset:0;background:linear-gradient(90deg,#18291df2,#16271b20),linear-gradient(0deg,#14251dd9,transparent)}.secondary-copy{position:relative;padding:29px 24px}.secondary-copy .eyebrow{color:#bfd68f}.secondary-copy h2{font-size:30px;line-height:1.07;margin:55px 0 16px;letter-spacing:-.8px}.text-link{display:flex;align-items:center;gap:15px;color:#c2e89d;font-size:12px;padding:0}.text-link svg{width:17px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-size:24px;font-weight:650;margin:5px 0 0;letter-spacing:-.5px}.count{color:var(--green);font-size:12px;font-weight:500;padding:3px 8px;background:#b3ed750d;border:1px solid #b3ed7515;vertical-align:middle;margin-left:10px;border-radius:5px}.view-pills{display:flex;padding:4px;border:1px solid var(--line);border-radius:8px;gap:4px}.view-pills button{font-size:11px;color:var(--muted);padding:7px 12px;border-radius:5px;display:flex;align-items:center;gap:7px}.view-pills svg{width:14px;height:14px}.view-pills .selected{background:#333a2d;color:var(--green)}.filter-bar{display:flex;align-items:center;gap:14px;margin-bottom:27px}.search{display:flex;align-items:center;flex:1;min-width:160px;border:1px solid var(--line);border-radius:24px;height:43px;padding:0 15px;gap:9px;max-width:390px;background:#1b1e21}.search svg{width:17px;color:#747a81}.search:focus-within{border-color:#8fb667}.search input{width:100%;border:0;outline:0;background:transparent;color:#e4e8eb;font-size:12px}.search input::placeholder{color:#737b82}.search kbd{font-size:9px;color:#656b71;white-space:nowrap;border:1px solid #353b40;padding:1px 4px;border-radius:3px}.provider-filters{display:flex;gap:8px}.provider-filters button{border-radius:22px;min-width:87px;height:40px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #363c42;color:#92999f;font-size:11px}.provider-filters button.selected{color:#c4eda0;border-color:#93bc67;background:#b3ed750c}.provider-filters button span{font-size:10px;color:#747d70}.pg-logo{font-size:20px;letter-spacing:1px;line-height:1;font-family:monospace}.jili-logo{font-size:19px;letter-spacing:1px;font-weight:950}.filter-bar>select{margin-left:auto;background:#22262a;border:1px solid var(--line);border-radius:7px;color:#979fa5;padding:9px 12px;font-size:11px}.game-group{margin-bottom:32px}.group-heading{display:flex;align-items:center;margin-bottom:17px;gap:10px}.group-heading h3{font-size:16px;font-weight:650;margin:0}.group-heading .group-logo{display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;font-size:16px;font-weight:850;color:#ced6c7;background:#282e25;border-radius:5px;letter-spacing:-1px}.group-heading>span{font-size:11px;color:#9ab682}.group-heading .group-line{height:1px;flex:1;background:linear-gradient(90deg,#343a31,transparent);margin-left:9px}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.game-card{min-width:0;position:relative;transition:transform .2s}.game-card:hover{transform:translateY(-5px)}.cover-button{padding:0;border-radius:12px;overflow:hidden;position:relative;display:block;width:100%;background:#282a30;aspect-ratio:1 / 1.02;border:1px solid #ffffff0a}.cover-button>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.game-card:hover .cover-button>img{transform:scale(1.045)}.cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#0007);transition:.2s}.play-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:.2s;background:#09100555}.play-overlay svg{padding:11px;width:47px;height:47px;border-radius:50%;background:var(--green);stroke:#1d3014;fill:#1d3014;box-shadow:0 0 30px #c2fa8f38}.game-card:hover .play-overlay,.cover-button:focus-visible .play-overlay{opacity:1}.card-provider{position:absolute;left:10px;top:10px;font-size:9px;background:#0b0f0ba6;border:1px solid #ffffff28;border-radius:4px;padding:2px 6px;color:#e6eadf;font-weight:700;backdrop-filter:blur(5px)}.favorite{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:7px;border-radius:50%;background:#1013109e;border:1px solid #ffffff20;color:#fff8;z-index:2}.favorite svg{width:13px;height:13px}.favorite.on{color:var(--green);background:#182517d9}.favorite.on svg{fill:var(--green)}.card-title{display:block;font-size:12px;font-weight:600;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{display:flex;justify-content:space-between;color:#6f777f;font-size:10px;margin-top:3px}.card-sub span:last-child{color:#8f978a}.empty-state{padding:60px 20px;text-align:center;border:1px dashed #393f43;border-radius:12px;color:#8f989e}.empty-state svg{height:34px;width:34px;color:#88aa6c}.empty-state h3{font-size:18px;color:#d4dbd0;font-weight:500}.empty-state button{margin-top:10px;color:var(--green);font-size:12px}footer{border-top:1px solid #2c3135;margin-top:20px;padding:25px 0 28px;display:flex;align-items:center;gap:20px;color:#6d747b;font-size:10px}.brand-small{font-size:22px;opacity:.65;letter-spacing:-2px}footer>span{margin-left:auto;letter-spacing:1px;font-size:8px}dialog{border:1px solid #444d3a;background:#1b1e21;color:var(--text);border-radius:14px;padding:0}dialog::backdrop{background:#050807dc;backdrop-filter:blur(8px)}#player{width:min(1200px,96vw);height:94dvh;max-height:94dvh;max-width:96vw;overflow:hidden}#player[open]{display:flex;flex-direction:column}.player-toolbar{height:57px;min-height:57px;display:flex;align-items:center;gap:12px;padding:0 15px;border-bottom:1px solid #333a32;background:#202422}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#b8c1b3}.icon-button:hover{background:#ffffff0d}.icon-button svg{width:18px;height:18px}.player-name{display:flex;align-items:baseline;gap:12px}.player-name strong{font-size:13px;font-weight:600}.player-name span{font-size:10px;color:#7f8a7b}.player-actions{display:flex;gap:8px;margin-left:auto}.player-stage{position:relative;flex:1;min-height:0;background:#080908;display:flex;justify-content:center}.player-stage iframe{width:100%;height:100%;border:0}.player-note{text-align:center;padding:5px;color:#8a9485;background:#202422;font-size:10px}.spinner{display:block;width:34px;height:34px;border:2px solid #3d4537;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;margin:auto}#game-loader{position:absolute;inset:0;background:#131813;display:flex;flex-direction:column;align-items:center;justify-content:center}#game-loader[hidden]{display:none}#game-loader .spinner{margin:0 0 16px}#game-loader h3{font-size:17px;font-weight:500;margin:8px}#game-loader p{color:#7e8c78;font-size:12px}#info-dialog{width:500px;max-width:92vw;padding:28px;max-height:85dvh;overflow:auto}#close-info{position:absolute;right:10px;top:10px}#info-content h2{font-size:22px;margin:8px 0 20px}#info-content p{color:#98a18f;font-size:13px}#info-content .balance{font-size:36px;color:var(--green);font-variant-numeric:tabular-nums}#info-content table{width:100%;border-collapse:collapse;font-size:11px}#info-content td,#info-content th{padding:9px 4px;text-align:right;border-bottom:1px solid #323a30}#info-content td:first-child,#info-content th:first-child{text-align:left}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);background:#34402d;border:1px solid #688250;color:#d6ecc1;border-radius:8px;padding:11px 20px;z-index:100;opacity:0;pointer-events:none;transition:.2s;font-size:12px}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.category-strip{display:flex;gap:9px;margin:0 0 28px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.category-chip{min-width:78px;flex:1;border:1px solid #30363c;background:linear-gradient(#25282e,#202327);border-radius:12px;padding:12px 4px;font-size:11px;color:#8b9297;display:flex;gap:7px;align-items:center;flex-direction:column;white-space:nowrap}.category-chip svg{width:25px;height:25px}.category-chip.selected{color:var(--green);border-color:#afdf78;background:#334329}.category-chip:hover{border-color:#6c8157}.awaiting{margin-top:12px;color:#70786e;font-size:10px}.initial-loading{padding:50px;text-align:center;color:#a0a793}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1550px){.hero-card{height:320px}.hero-copy{padding:40px}.hero-copy p{margin-bottom:28px}.game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1150px){main{padding:24px}.topbar{padding:0 24px}.hero-copy{padding:26px}.hero-card{height:260px}.hero-copy h1{font-size:28px}.hero-art{right:-18px;opacity:.85}.hero-secondary .secondary-copy h2{font-size:27px;margin-top:50px}.game-grid{gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}.filter-bar{flex-wrap:wrap}.search{max-width:unset}.filter-bar>select{margin-left:0}}@media(max-width:800px){.sidebar{width:86px;padding:22px 7px}.brand{font-size:29px}.brand-sub{font-size:6px;letter-spacing:1px}.shell{margin-left:86px}.nav-item{font-size:10px;min-height:69px}.nav-item svg{width:25px;height:25px}.side-bottom{font-size:8px}.side-bottom small{font-size:6px}.hero{grid-template-columns:1fr}.hero-secondary{display:none}.hero-card{height:250px}.hero-copy h1{max-width:70%;font-size:32px}.hero-art{width:43%}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading h2{font-size:22px}.view-pills button{font-size:10px;padding:6px 8px}.filter-bar>select{display:none}.search{width:100%;flex-basis:100%}.provider-filters button{height:35px}.top-actions{gap:12px}.breadcrumb{font-size:11px;gap:8px}.topbar{height:60px}}@media(max-width:540px){.sidebar{width:0;border:0;padding:0;overflow:visible;top:auto;bottom:0;height:65px;background:none}.sidebar>.brand,.brand-sub,.side-bottom{display:none}.side-nav{position:fixed;left:0;bottom:0;width:100%;height:65px;flex-direction:row;background:#1d2124f5;border-top:1px solid #363e31;padding:3px 10px;gap:3px;overflow:auto;backdrop-filter:blur(12px)}.nav-item{font-size:9px;gap:3px;border-radius:7px;min-width:64px;min-height:55px;padding:7px 2px}.nav-item svg{width:21px;height:21px}.nav-item.active{box-shadow:none;background:#b3ed750b}.shell{margin-left:0;padding-bottom:65px}.topbar{padding:0 17px;height:57px}.breadcrumb{font-size:12px}.top-actions{gap:9px}.top-actions>.demo-tag{display:none}.avatar{width:28px;height:28px}.language select{font-size:10px;max-width:92px}.language{gap:4px}main{padding:17px 15px 0}.hero{margin-bottom:22px}.hero-card{height:225px;border-radius:10px}.hero-copy{padding:23px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.7px}.hero-copy h1{font-size:27px;letter-spacing:-1px;max-width:67%;margin-top:14px}.hero-copy p{font-size:10px;line-height:1.8;margin-bottom:18px;max-width:58%}.primary{font-size:11px;gap:16px;padding:8px 10px}.hero-art{right:-23px;width:47%;top:8px;gap:8px}.hero-art img{border-radius:8px;width:46%}.hero-art img:nth-child(3){top:145px}.category-strip{gap:7px;margin-bottom:22px}.category-chip{min-width:65px;font-size:10px;padding:9px 3px}.category-chip svg{width:22px;height:22px}.section-heading{margin-bottom:17px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.section-heading h2{font-size:20px}.view-pills{display:none}.filter-bar{gap:10px;margin-bottom:24px}.search{height:40px;padding:0 12px}.search input{font-size:11px}.search kbd{display:none}.provider-filters{gap:7px}.provider-filters button{min-width:90px;padding:0 15px;height:34px;font-size:10px}.pg-logo,.jili-logo{font-size:17px}.group-heading h3{font-size:14px}.group-heading{gap:8px;margin-bottom:13px}.group-heading>span{font-size:10px}.group-heading .group-logo{width:28px;height:24px;font-size:14px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 10px}.cover-button{border-radius:8px;aspect-ratio:.87}.card-title{font-size:10px;margin-top:8px}.card-sub{font-size:8px}.card-sub span:last-child{display:none}.card-provider{font-size:7px;left:6px;top:7px;padding:1px 4px}.favorite{width:24px;height:24px;padding:6px;right:5px;top:5px}.favorite svg{width:11px;height:11px}.game-group{margin-bottom:27px}footer{gap:12px;flex-wrap:wrap;padding:18px 0 23px}footer p{font-size:9px;max-width:220px;margin:0}footer>span{display:none}#player{max-width:100vw;width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}.player-toolbar{height:48px;min-height:48px;padding:0 7px;gap:6px}.player-name{display:block;min-width:0}.player-name strong{font-size:11px;display:block;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-name span{font-size:8px}.player-toolbar>.demo-tag{font-size:7px;padding:2px 4px}.player-actions{gap:0}.player-actions .icon-button{width:29px}.player-note{padding:4px 2px;font-size:8px}#info-dialog{padding:24px 18px}#toast{bottom:80px;min-width:180px;text-align:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}
.hero-pagination button{width:6px;height:6px;padding:0;border-radius:8px;background:#ffffff3d;transition:width .2s}.hero-pagination button.active{width:20px;background:var(--green)}.hero-pagination button::before{content:'';display:block;width:20px;height:20px;transform:translate(-6px,-7px)}
#player-error{padding:8px 14px;background:#49391e;color:#f5daa0;font-size:11px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}#player-error[hidden]{display:none}#player-error button{border:1px solid #a58a58;border-radius:4px;font-size:10px;padding:3px 6px}#player-error button:first-of-type{margin-left:auto}@media(max-width:540px){.section-heading{flex-wrap:wrap;gap:12px}.view-pills{display:flex;width:100%;justify-content:space-between}.view-pills button{font-size:10px;padding:6px 11px}.hero-copy h1{font-size:24px;max-width:87%;letter-spacing:-1px}}