@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090d1c;--panel:#10172e;--accent:#6081ec;--light:#b3c3f9;--muted:#9da4bb;--border:#38456f;--text:#f2f5fe}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 10% 25%,#17275c35,transparent 45%),radial-gradient(ellipse at 92% 5%,#314a9c2b,transparent 40%),var(--bg);color:var(--text);font-family:'Space Grotesk',Arial,sans-serif;font-size:16px;line-height:1.55}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c7d3fb;outline-offset:4px}input,select{min-width:0}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}a{color:inherit;text-decoration:none}.container{max-width:1280px;padding:0 16px;margin:auto}header{height:65px;background:#090e1deb;backdrop-filter:blur(15px);border-bottom:1px solid #202946;position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:30px;font-weight:700;font-style:italic;letter-spacing:-1.3px;line-height:1;display:inline-flex;align-items:center}.brand span{color:#8ca4f4}.brand small{font-size:10px;font-style:normal;letter-spacing:2px;line-height:1.3;max-width:29px;border-left:1px solid #3f4c76;padding-left:9px;margin-left:10px}.nav-actions{display:flex;align-items:center;gap:8px}.btn{border-radius:5px;padding:7px 19px;border:1px solid #45517a;font-size:14px;font-weight:600;color:#f8f9fe;transition:.2s;background:none}.btn:hover{filter:brightness(1.2);border-color:#8aa1ed}.primary{background:linear-gradient(110deg,#4061cd,#738ee6);border-color:#91a5e6;box-shadow:0 0 14px #456be72b}.outline{background:#13192e}.demo-pill{font-size:11px;font-weight:700;letter-spacing:1.3px;color:#949db9;margin-right:15px}.hero{display:grid;grid-template-columns:minmax(0,min(100%,42rem)) minmax(0,1fr);gap:32px;margin-top:24px;padding-top:40px;padding-bottom:40px}.hero-copy{min-width:0}.live-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid #6b80c766;border-radius:50px;padding:3px 9px;color:#b7c5f3;background:linear-gradient(90deg,#4061cd2b,transparent);font-size:12px;font-weight:600;box-shadow:0 0 16px #6081ec15}.live-tag>span{width:7px;height:7px;border-radius:50%;background:#a2b6f8;box-shadow:0 0 10px #6081ec}.live-tag b{font-size:10px;padding-left:7px;border-left:1px solid #5a6896}h1{font-size:48px;line-height:1.2;letter-spacing:-1.5px;margin:16px 0;background:linear-gradient(110deg,#a9bcf9,#6f8ceb,#ced8fb);background-clip:text;color:transparent}h1 span{white-space:nowrap}.intro{color:#b8bccb;font-size:16px;line-height:1.65;margin:0 0 10px;max-width:576px}.hero h2{color:#97adf7;font-size:18px;margin:8px 0 15px}.form-panel{max-width:576px;background:linear-gradient(145deg,#131b35dc,#0d1222ed);border:1px solid #394879;border-radius:14px;padding:18px;box-shadow:inset 0 0 25px #4762bb0a,0 0 22px #425aab1a}.form-panel label{display:block;font-size:13px;color:#b1b7cb;margin-bottom:5px}.form-panel label:not(:first-child){margin-top:11px}em{font-style:normal;color:#9babe1}.form-panel input{width:100%;background:#0a0e1c;border:1px solid #333a53;border-radius:5px;padding:9px 12px;color:#ebeffe;font-size:14px}.input-wrap{position:relative}.input-wrap input{padding-left:39px}.input-wrap svg{width:17px;height:17px;position:absolute;left:13px;top:12px;stroke:#8895c0;fill:none;stroke-width:1.6}input::placeholder{color:#6e758e}.generate{margin-top:15px;width:100%;display:flex;justify-content:center;gap:13px;align-items:center;padding:12px 8px;color:#fff;font-size:19px;letter-spacing:1px;font-weight:700;border-radius:11px;border:1px solid #a2b6f8;background:linear-gradient(0deg,#283f8c,#4967cb 50%,#8199e6);box-shadow:0 0 20px #5878e04d,inset 0 1px 0 #bccafa55;text-shadow:0 1px 2px #101937}.generate:hover{filter:brightness(1.15)}.generate:disabled{opacity:.7;cursor:progress}.generate span{font-size:25px;line-height:1}.form-note{font-size:11px;color:#9ba2b7;margin:11px 0 0;text-align:center}.updated{font-size:12px;color:#98aae3;margin:16px 0 0}.hero-art{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.neon-frame{width:100%;max-width:352px;padding:4px;border-radius:17px;background:conic-gradient(#89a2f6,#4060cb,#92aaf7,#334992,#89a2f6);box-shadow:0 0 15px #6787f070,0 0 45px #435fba47}.neon-frame img{width:100%;height:auto;aspect-ratio:1;display:block;object-fit:cover;border-radius:13px}.trust-strip{width:100%;border:1px solid #46589366;border-radius:12px;background:linear-gradient(110deg,#131c39,#0e1325,#151f3e);display:flex;gap:12px;align-items:center;justify-content:center;min-height:82px;padding:12px;text-align:center;box-shadow:inset 0 1px 0 #7d8ec820}.trust-strip strong{font-size:12px;letter-spacing:.6px}.trust-strip strong span{color:#a7baf8}.trust-strip p{font-size:9px;letter-spacing:.4px;color:#9ea8c8;margin:5px 0 0}.trust-symbol{font-size:35px;color:#9dafe9}.mobile-banner{display:none}.provider-panel{position:relative;margin:24px 0;border:1px solid #5468aa;border-radius:15px;padding:29px 53px 19px;background:linear-gradient(125deg,#141d3b,#0b1123 55%,#151f3f);box-shadow:0 0 24px #4a6bd72a,inset 0 0 25px #4b6ad10d}.provider-panel>h2{position:absolute;top:-15px;left:50%;transform:translateX(-50%);margin:0;font-size:13px;font-weight:700;letter-spacing:2px;white-space:nowrap;padding:5px 28px;background:linear-gradient(#4c61a7,#202844);border:1px solid #94a6e166;border-radius:7px;color:#e1e8fd;box-shadow:0 0 15px #6b87e440}.providers{display:flex;gap:14px;overflow:auto;scrollbar-width:none;scroll-behavior:smooth}.providers::-webkit-scrollbar{display:none}.provider{flex-shrink:0;min-width:110px;height:64px;border:1px solid #364063;background:#0d122380;border-radius:12px;color:#afb5c9;display:flex;justify-content:center;align-items:center;padding:8px 18px;font-size:14px;font-weight:700;transition:.2s}.provider img{height:42px;max-width:126px;object-fit:contain}.provider.active{border-color:#96adf7;color:#a9bcf9;background:#26335e44;box-shadow:0 0 14px #5371d333}.provider:hover{border-color:#7f91ce}.scroll-provider{position:absolute;top:50%;transform:translateY(-35%);background:#111830;border:1px solid #3e4c7b;width:36px;height:36px;border-radius:50%;color:#bfc8e6;font-size:27px;line-height:1}.previous{left:10px}.next{right:10px}.filter-panel{display:flex;gap:12px;padding:16px;border:1px solid #445385;border-radius:13px;background:linear-gradient(110deg,#19213d,#0e1323);box-shadow:0 0 18px #445cab21;margin-bottom:12px}.filter-panel select,.search-wrap{border:1px solid #455073;border-radius:7px;background:#0c1120;color:#ced3e3;height:44px;font-size:14px}.filter-panel select{flex:0 1 260px;padding:0 13px}.search-wrap{flex:1;display:flex;gap:11px;align-items:center;padding:0 13px;min-width:0}.search-wrap svg{width:18px;height:18px;fill:none;stroke:#7c8bbc;stroke-width:1.8;flex-shrink:0}.search-wrap input{width:100%;border:0;background:transparent;color:#ebeffe;font-size:14px;outline:none}.search-wrap:focus-within{outline:2px solid #6081ec}.catalog-meta{display:flex;justify-content:space-between;color:#838ba7;font-size:12px;padding:0 2px;margin:12px 0}.games{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.game{overflow:hidden;border:1px solid #516299;border-radius:12px;background:linear-gradient(#11182f,#0c1122);box-shadow:0 0 13px #4f6bc921,0 7px 20px #0004;transition:transform .2s,border-color .2s}.game:hover{transform:translateY(-3px);border-color:#9eb3f8}.game-media{position:relative;aspect-ratio:1.24;overflow:hidden;background:#161e37;display:block;width:100%;border:0;padding:0}.game-media>img{height:100%;width:100%;object-fit:contain;transition:transform .3s}.game-media:hover>img{transform:scale(1.06)}.game-badges{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:flex-start;gap:3px}.game-badges span{font-size:10px;border-radius:20px;padding:2px 7px;font-weight:700;background:#111c3fe6;border:1px solid #98aef7a1;color:#dce3fc}.game-badges .hot{background:linear-gradient(100deg,#173fc1,#2b55dd);border-color:#5d80f1;color:white}.game-info{padding:11px}.game-info h3{font-size:14px;line-height:1.35;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-name{font-size:11px;color:#9198b1}.rtp-row{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.rtp-row label{font-size:10px;letter-spacing:1px;color:#9ba5c5}.rtp-row strong{font-size:27px;line-height:1.2;color:#a7baf8;text-shadow:0 0 15px #5678e773}.rtp-row strong small{font-size:13px}.rtp-track{height:7px;border:1px solid #4b5b8f;border-radius:9px;overflow:hidden;background:#090c18;margin-top:7px}.rtp-track div{height:100%;border-radius:9px;background:linear-gradient(90deg,#425eba,#a5b8f8);box-shadow:0 0 10px #6b8bf4}.rtp-label{font-size:10px;display:flex;justify-content:space-between;color:#a6b0cf;margin:6px 0 10px}.detail-button{border:1px solid #8497d6;border-radius:6px;background:linear-gradient(#4f69c0,#304794);color:#fff;font-size:12px;font-weight:700;width:100%;padding:7px 3px}.detail-button:hover{filter:brightness(1.2)}.load-wrap{text-align:center;margin:30px 0 38px}.load-wrap .btn{padding:10px 24px}.load-wrap span{margin-left:12px}.empty{border:1px dashed #47537b;border-radius:12px;text-align:center;padding:55px 15px;color:#acb4cd}.empty h3{color:#cdd4eb}.empty[hidden]{display:none}footer{display:flex;align-items:center;gap:25px;border-top:1px solid #242d49;padding-top:25px!important;padding-bottom:30px!important;color:#73798d;font-size:11px}footer .brand{font-size:25px}footer p{max-width:650px;flex:1}footer>span{white-space:nowrap}#to-top{position:fixed;bottom:25px;right:23px;background:#172142;border:1px solid #596eb1;box-shadow:0 3px 15px #0007;color:#b6c6fa;border-radius:50%;height:45px;width:45px;font-size:22px;z-index:10;opacity:0;pointer-events:none}#to-top.visible{opacity:1;pointer-events:auto}dialog{border:1px solid #8198e5;border-radius:18px;background:radial-gradient(ellipse at top right,#27386e55,transparent),#101629;color:#ebeefa;width:min(94%,490px);padding:30px;box-shadow:0 0 70px #3553b74d;max-height:90vh;overflow:auto}dialog::backdrop{background:#03050dd9;backdrop-filter:blur(7px)}.close{position:absolute;top:12px;right:16px;color:#afb8d6;background:none;border:0;font-size:28px}.modal-kicker{font-size:11px;letter-spacing:1.7px;color:#8da2e7}dialog h2{font-size:25px;margin:10px 0 18px;line-height:1.3}dialog p{font-size:14px;color:#b0b7cd}dialog .modal-done{width:100%;margin-top:20px}.result-card{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid #3b466c;border-radius:12px;background:#090d1c;margin-top:10px}.result-card img{width:70px;height:70px;object-fit:cover;border-radius:8px}.result-card strong{display:block;font-size:15px}.result-card span{display:block;font-size:12px;color:#97a2c8}.result-card b{color:#acbef9;font-size:24px}.detail-hero{display:block;width:100%;height:clamp(180px,35vh,280px);object-fit:contain;object-position:center;background:#090d1c;border-radius:10px}.detail-data{display:flex;justify-content:space-between;margin:18px 0;border-bottom:1px solid #36405f;padding-bottom:10px}.detail-data strong{color:#a1b4f3}.muted-note{padding:12px;border-radius:7px;background:#6982d213;border:1px solid #505c833d}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){.hero{padding-top:48px;padding-bottom:48px}}@media(max-width:1023px){.hero{grid-template-columns:1.25fr 1fr;gap:25px}h1{font-size:40px}.trust-symbol{display:none}.filter-panel select{flex-basis:220px}.game-info{padding:9px}.rtp-row strong{font-size:24px}}@media(max-width:767px){.container{padding-left:14px;padding-right:14px}header{height:60px}.brand{font-size:27px}.demo-pill{display:none}.nav-actions .btn{padding:6px 14px}.hero{display:block;margin-top:8px;padding-top:22px;padding-bottom:10px}.hero-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.hero-heading>div{min-width:0;flex:1}.mobile-banner{display:block;width:110px;height:110px;object-fit:cover;border:2px solid #6f8cea;border-radius:12px;box-shadow:0 0 15px #5d7ad84d}.live-tag{font-size:10px;padding:3px 7px;gap:5px}.live-tag b{font-size:8px}h1{font-size:32px;letter-spacing:-1px;margin:12px 0}.hero-art{display:none}.intro{font-size:14px;margin:14px 0 10px}.hero h2{font-size:16px;margin:10px 0 13px}.form-panel{max-width:none;padding:15px}.form-panel input{font-size:16px}.generate{font-size:16px;padding:12px}.updated{font-size:11px;margin-top:13px}.provider-panel{margin:31px 0 18px;padding:26px 43px 15px;border-radius:12px}.provider-panel>h2{font-size:11px;padding:4px 17px;letter-spacing:1.5px;top:-13px}.providers{gap:9px}.provider{height:60px;min-width:92px;padding:6px 9px;border-radius:9px}.provider img{max-width:96px;height:36px}.scroll-provider{height:29px;width:29px;font-size:24px}.previous{left:7px}.next{right:7px}.filter-panel{flex-wrap:wrap;gap:9px;padding:11px}.search-wrap{flex-basis:100%;height:43px}.filter-panel select{flex:1 1 calc(50% - 5px);width:45%;font-size:12px;padding:0 7px}.games{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.game{border-radius:9px}.game-media{aspect-ratio:1}.game-info{padding:7px}.game-info h3{font-size:12px}.provider-name{font-size:10px}.game-badges{top:5px;left:5px;right:5px}.game-badges span{font-size:8px;padding:1px 4px}.game-badges .hot{display:none}.rtp-row{align-items:flex-end;gap:3px;margin-top:6px}.rtp-row label{font-size:8px;letter-spacing:0}.rtp-row strong{font-size:21px}.rtp-row strong small{font-size:10px}.rtp-label{font-size:8px;margin:5px 0 7px}.detail-button{font-size:10px;padding:6px 1px}.catalog-meta{font-size:10px;gap:8px}.rtp-track{height:6px}.form-note{font-size:10px}.load-wrap{margin:22px 0}footer{flex-wrap:wrap;gap:12px}footer p{flex-basis:65%;margin:0;font-size:10px}footer>span{font-size:10px}dialog{padding:25px 20px}}@media(max-width:359px){h1{font-size:27px}.mobile-banner{width:90px;height:90px}.brand{font-size:24px}.brand small{display:none}.game-info{padding:5px}.rtp-row strong{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.provider{position:relative;padding-bottom:15px}.provider-count{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:9px;font-weight:400;color:#949ebe;line-height:1}.game-media img[hidden]{display:none}.cover-unavailable{display:flex;align-items:center;justify-content:center;min-height:100px;padding:15px;font-size:15px;font-weight:700;color:#b2bfeb;text-align:center}.catalog-meta{align-items:center}
.pattern-open,.pattern-regenerate{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 15px;border:1px solid #92aaf7;border-radius:6px;background:linear-gradient(110deg,#3e5cbd,#5d7bdc);color:#fff;font-size:15px;font-weight:700;box-shadow:0 0 18px #5977db2b}.pattern-open:hover,.pattern-regenerate:hover{filter:brightness(1.14)}.pattern-open span:last-child{margin-left:auto}.pattern-open span:first-child{margin-right:auto}.sample-pattern{display:block;margin-top:6px;padding:5px 12px;border:1px solid #596eb1;border-radius:5px;color:#c8d4fb;background:#1b2955;font-size:13px;font-weight:600}.pattern-dialog{width:min(94vw,448px);padding:20px;border:1px solid #6d83cd;border-radius:12px;background:#181d2f;box-shadow:0 14px 80px #0008;max-height:94dvh}.pattern-dialog .modal-kicker{font-size:10px;letter-spacing:1px;color:#abb4d1}.pattern-dialog h2{font-size:20px;line-height:1.3;margin:8px 25px 6px 0;color:#90a5e8}.pattern-dialog .close{top:10px;right:13px;font-size:26px}.pattern-dialog .pattern-game{font-size:14px;color:#9ca2b6;margin:0 0 15px}.pattern-game strong{color:#ecf0fe}.pattern-panel{padding:16px;border:1px solid #404966;border-radius:5px;background:#0b0e18}.pattern-dialog .pattern-intro{font-size:14px;line-height:1.5;font-weight:600;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #373c4d;color:#99aff7}.pattern-intro strong{color:#eef2fe}.pattern-stats{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px;margin-bottom:18px}.pattern-stats div{min-width:0}.pattern-stats span{display:block;font-size:12px;color:#a1a7bb;margin-bottom:3px}.pattern-stats strong{display:block;font-size:14px;color:#f2f5fe;overflow-wrap:anywhere}.pattern-stats .pattern-profit{color:#92a7ea}.pattern-bet{grid-column:1/-1}.pattern-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.pattern-steps li{padding:10px 9px;border:1px solid transparent;border-radius:4px;background:#1b2134;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}.pattern-steps li:last-child{border-color:#4e5e91;background:#1b223a}.pattern-steps strong{display:block;color:#92a8ef;font-weight:600}.pattern-steps span{display:block;color:#ebeef8}.pattern-note{margin-top:16px;padding:10px;border-radius:4px;background:#06080d}.pattern-dialog .pattern-note p{font-size:12px;line-height:1.6;color:#a3a9be;margin:0}.pattern-note strong{color:#abbdf9}.pattern-dialog .pattern-note p+p{margin-top:9px;color:#8f96ab;font-size:11px}.pattern-regenerate{margin-top:16px;min-height:47px;border:0;border-radius:4px}.pattern-back{display:block;width:100%;margin-top:9px;padding:7px;border:0;background:transparent;color:#aeb6d0;font-size:13px}.pattern-back:hover{color:#fff}.modal-done[hidden]{display:none}@media(max-width:480px){.pattern-dialog{padding:17px;width:calc(100vw - 24px)}.pattern-panel{padding:13px}.pattern-dialog h2{font-size:19px}.pattern-stats{column-gap:10px}.pattern-stats strong{font-size:13px}.pattern-steps li{padding:9px}.pattern-steps{gap:10px}}@media(max-height:760px){.pattern-dialog{max-height:94dvh;overflow-y:auto}.pattern-dialog .pattern-note{margin-top:12px}.pattern-steps{gap:9px}}

/* Reference-matched popup footer and vertical rhythm. */
.pattern-dialog{padding:20px;width:min(94vw,448px);border-radius:12px;background:#1a1f30}.pattern-dialog .modal-kicker{display:none}.pattern-dialog h2{margin:0 24px 7px 0;font-size:20px;line-height:1.3}.pattern-dialog .pattern-game{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin:0 0 17px;font-size:14px}.pattern-demo-tag{margin-left:auto;color:#9ba5c7;font-size:10px;letter-spacing:1px}.pattern-panel{padding:16px}.pattern-dialog .pattern-intro{margin-bottom:14px;padding-bottom:9px}.pattern-stats{row-gap:12px;margin-bottom:18px}.pattern-stats span{font-size:11px;margin-bottom:2px}.pattern-stats .pattern-profit{color:#00bd96}.pattern-stats strong{font-size:14px}.pattern-steps{gap:12px}.pattern-steps li{padding:8px 7px;border-radius:4px;font-size:12px;line-height:1.5}.pattern-steps strong{font-weight:500}.pattern-dialog .pattern-note{margin-top:16px;padding:10px 8px;background:#020305;border-radius:4px}.pattern-dialog .pattern-note p{font-size:10px;line-height:1.9;color:#a6acc0;margin:0}.pattern-note strong,.pattern-note span{color:#96adf7}.pattern-dialog .pattern-note p+p{margin-top:10px;font-size:10px;color:#888fa5}.pattern-note em{font-style:italic;color:inherit}.pattern-play{display:block;width:100%;min-height:48px;margin-top:16px;padding:12px 8px;border:0;border-radius:4px;background:#5d7ce1;color:#050a1b;font-size:16px;font-weight:700;line-height:1.25;letter-spacing:-.4px}.pattern-play:hover{background:#849ced}.pattern-play:focus-visible{outline:2px solid #e1e8fd;outline-offset:3px}@media(max-width:480px){.pattern-dialog{padding:20px;width:calc(100vw - 24px)}.pattern-panel{padding:14px}.pattern-dialog h2{font-size:19px}.pattern-stats strong{font-size:13px}.pattern-steps li{font-size:11px}}@media(max-width:359px){.pattern-dialog{padding:14px}.pattern-panel{padding:11px}.pattern-dialog h2{font-size:18px}.pattern-demo-tag{font-size:9px}}

/* Replaceable logo: preserve aspect ratio and reserve space for the header controls. */
.brand .brand-image{display:block;width:auto;height:var(--brand-logo-height,32px);max-width:190px;object-fit:contain;object-position:left center}footer .brand .brand-image{height:calc(var(--brand-logo-height,32px)*.82);max-width:160px}@media(max-width:767px){header .brand{min-width:0;max-width:calc(100% - 156px)}header .brand .brand-image{max-width:100%;max-height:40px}.nav-actions{flex-shrink:0}}@media(max-width:359px){header .brand{max-width:calc(100% - 148px)}}

/* GACOR88: dark blue front page. */
:root{--gold:#1b50ff;--bg:#090c14}
body{background:radial-gradient(ellipse at 15% 0%,#202b5060,transparent 50%),#090c14}
header{height:76px;background:#0b0e17ed;border-bottom:1px solid #ffffff12}
header .brand{font-size:30px}header .brand span{color:var(--gold)}
header .btn{min-height:42px;border-radius:9px;padding:9px 22px}
header .outline{background:transparent;border-color:#ffffff25}
header .primary{background:var(--gold);border-color:var(--gold);color:#070d21;box-shadow:none}
.demo-pill{color:#b2b7c8;font-size:11px;letter-spacing:1.4px}
.hero{width:calc(100% - 32px);max-width:1248px;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);grid-template-areas:"art heading" "art intro" "art form" "art updated";gap:0 44px;align-items:start;margin:32px auto 36px;padding:32px;border:1px solid #ffffff19;border-radius:28px;background:linear-gradient(125deg,#171d2f80,#101420 62%,#151b2e);box-shadow:0 24px 65px #0003;position:relative;overflow:hidden}
.hero-copy{grid-area:heading;align-self:end;min-width:0}
.hero-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#b9c3e5;font-size:11px;font-weight:700;letter-spacing:2px;margin:5px 0 12px}
.hero-eyebrow>span{padding:4px 7px;border:1px solid #9aa7d22d;border-radius:5px;color:#a5acc1;font-size:9px;letter-spacing:1px;white-space:nowrap}
.hero h1{font-size:clamp(34px,3.5vw,49px);font-weight:750;line-height:1.08;letter-spacing:-2px;margin:0 0 15px;color:#f8f9fe;background:none}
.hero h1>span{color:var(--gold)}.title-dot{color:#8197e0}
.hero>.intro{grid-area:intro;max-width:none;color:#b3b8c9;line-height:1.7;font-size:14px;margin:0 0 24px}
.hero .hero-art{grid-area:art;display:flex;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;margin:0;padding:0;background:none;gap:15px}
.hero .neon-frame{width:100%;max-width:none;aspect-ratio:1;overflow:hidden;border:1px solid #8799d466;border-radius:19px;padding:0;box-shadow:0 12px 36px #0004;transform:none;background:#0b1125}
.hero .neon-frame img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}
.hero figcaption{display:flex;align-items:center;justify-content:space-between;color:#9ea8cb;font-size:10px;letter-spacing:2px;padding:0 3px}
.hero figcaption>span:last-child{font-size:16px;color:var(--gold)}
.hero .form-panel{grid-area:form;max-width:none;width:100%;margin:0;padding:22px;background:#090c1680;border:1px solid #ffffff16;border-radius:17px;box-shadow:none}
.generator-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.form-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#90a0d6}
.hero .generator-heading h2{margin:5px 0 0;color:#f2f4fb;font-size:21px;line-height:1.25;letter-spacing:-.5px;font-weight:600}
.generator-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #58648a5c;background:#7f91cd1a;border-radius:12px;color:#acbcf0;font-size:28px}
.generator-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.field-group{min-width:0}
.hero .form-panel label{display:block;color:#ced2e0;font-size:13px;line-height:1.4;margin:0 0 8px;font-weight:500}
.hero .form-panel label em{color:#9ba6ca;font-style:normal}
.hero .input-wrap,.hero .amount-input{display:flex;align-items:center;gap:9px;position:relative;height:48px;margin:0;padding:0 12px;border:1px solid #464c61;border-radius:8px;background:#080a12}
.hero .input-wrap:focus-within,.hero .amount-input:focus-within{border-color:#a0add6;outline:2px solid #7f8fc33b;outline-offset:2px}
.hero .input-wrap svg{position:static;transform:none;width:16px;height:16px;flex-shrink:0;stroke:#99a3c2;fill:none;stroke-width:1.5}
.hero .amount-input>span{font-size:14px;color:#a8afc6}
.hero .form-panel input{display:block;width:100%;min-width:0;height:100%;border:0;outline:0;border-radius:0;background:transparent;color:#f2f4fb;padding:0;margin:0;box-shadow:none;font-size:16px}
.hero .form-panel input::placeholder{color:#878c9d;font-size:14px;opacity:1}
.hero .generate{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:51px;margin:0;padding:13px 16px;border:1px solid #9db2f9;border-radius:9px;background:linear-gradient(110deg,#6e8bea,#a4b9ff);color:#040c26;box-shadow:0 5px 18px #4c70e816;font-size:14px;font-weight:750;letter-spacing:.4px;transition:filter .2s,transform .2s}
.hero .generate>span:last-child{margin-left:auto;font-size:20px}.hero .generate>span:first-child{margin-right:auto;font-size:20px}.hero .generate:hover{filter:brightness(1.07);transform:translateY(-1px)}.hero .generate:disabled{opacity:.7;transform:none;cursor:wait}.hero .generate:focus-visible{outline:2px solid #ccd8ff;outline-offset:4px}
.hero .form-note{font-size:11px;line-height:1.6;color:#a2a8bb;margin:13px 0 0;text-align:center}
.hero>.updated{grid-area:updated;color:#8c92a6;font-size:11px;margin:14px 0 0;line-height:1.5}
.provider-panel{border-color:#ffffff1b;background:#111420;box-shadow:none;border-radius:18px;margin-top:0;padding-top:36px}
.provider-panel>h2{border-color:#565f7c;background:#181e32;box-shadow:none;font-size:11px;letter-spacing:2px;border-radius:6px}
.provider{border-color:#ffffff17;background:#0b0e19}.provider.active{border-color:#617bd2;color:#7391f2;background:#3d539d13;box-shadow:none}
.filter-panel{border-color:#ffffff1c;background:#10141f;box-shadow:none}
@media(min-width:1600px){.hero{padding:36px;gap:0 48px}}
@media(max-width:1023px){.hero{gap:0 26px;padding:24px;grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}.hero h1{font-size:37px}.hero-eyebrow{letter-spacing:1px;font-size:10px}.hero-eyebrow>span{font-size:8px}.hero .form-panel{padding:18px}.generator-fields{gap:10px}.hero>.intro{font-size:14px;margin-bottom:18px}.hero .generator-heading h2{font-size:19px}}
@media(max-width:767px){header{height:64px}header .btn{min-height:38px;padding:7px 14px}.hero{grid-template-columns:minmax(0,1fr) 112px;grid-template-areas:"heading art" "intro intro" "form form" "updated updated";width:calc(100% - 28px);margin:20px auto 30px;padding:20px;border-radius:22px;gap:0 14px}.hero-copy{align-self:center}.hero-eyebrow{display:block;font-size:9px;letter-spacing:1.2px;margin:0 0 12px}.hero-eyebrow>span{display:table;margin-top:7px;padding:3px 5px;font-size:8px}.hero h1{font-size:33px;line-height:1.08;margin:0;letter-spacing:-1.1px}.hero h1>span{display:block;margin-top:4px}.hero .hero-art{align-self:center;gap:0}.hero .neon-frame{border-radius:13px}.hero figcaption{display:none}.hero>.intro{font-size:14px;margin:18px 0 20px;line-height:1.7}.hero .form-panel{padding:18px;border-radius:14px}.generator-heading{margin-bottom:18px}.hero .generator-heading h2{font-size:21px}.generator-fields{gap:12px}.hero .form-note{font-size:11px}.hero>.updated{font-size:10px;margin-top:12px}.provider-panel{margin-top:0}.hero .form-panel label{font-size:12px}}
@media(max-width:400px){.hero{padding:16px;grid-template-columns:minmax(0,1fr) 96px;gap:0 10px}.hero h1{font-size:29px}.hero .form-panel{padding:15px}.generator-fields{grid-template-columns:1fr}.hero .generate{font-size:13px}.hero .generator-heading h2{font-size:19px}.hero .form-panel label{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero .generate{transition:none}.hero .generate:hover{transform:none}}

/* Cancellable preparation state for every visible Pola AI entry point. */
.pattern-loading-dialog{width:min(94vw,448px);padding:34px 30px 30px;border:1px solid #7085ca;border-radius:14px;background:#161c2e;box-shadow:0 20px 80px #0008;overflow:hidden}
.pattern-loading-dialog .modal-kicker{display:none}
.pattern-loading-dialog h2{position:relative;margin:80px 10px 7px;text-align:center;font-size:16px;color:#ebeffd;line-height:1.4}
.pattern-loading-dialog .close{top:8px;right:12px}
.pattern-loading-content{text-align:center}
.pattern-spinner{position:absolute;top:30px;left:calc(50% - 23px);width:46px;height:46px;border:3px solid #ffffff0c;border-top-color:#91a7ee;border-right-color:#7391f2;border-radius:50%;animation:pattern-spin .9s linear infinite}
.pattern-spinner::after{content:"";position:absolute;inset:5px;border:2px solid transparent;border-bottom-color:#7388cf;border-radius:50%}
.pattern-loading-dialog .loading-game{font-size:14px;color:#afb8d6;margin:0 0 5px;overflow-wrap:anywhere}
.pattern-loading-dialog .loading-status{font-size:12px;color:#9da4bb;margin:0 0 21px;min-height:19px}
.pattern-progress{display:block;width:100%;height:6px;border:0;border-radius:20px;overflow:hidden;background:#080b14;appearance:none}
.pattern-progress::-webkit-progress-bar{background:#080b14;border-radius:20px}
.pattern-progress::-webkit-progress-value{background:linear-gradient(90deg,#5a77d8,#839ced);border-radius:20px;transition:width .35s ease}
.pattern-progress::-moz-progress-bar{background:linear-gradient(90deg,#5a77d8,#839ced);border-radius:20px}
@keyframes pattern-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.pattern-spinner{animation:none}.pattern-progress::-webkit-progress-value{transition:none}}

/* One readable disclosure instead of repeated status badges. */
footer.container p{font-size:13px;line-height:1.6;color:#aab0c3}

/* RTP meter: length follows percentage; colors follow the five bands. */
.game .rtp-row strong{color:var(--rtp-color);text-shadow:none}
.rtp-status .rtp-track{border-color:#ffffff18;background:#06080d}
.rtp-status .rtp-track>div{background:var(--rtp-color);box-shadow:none;transition:width .45s ease,background-color .45s ease}
.rtp-status .rtp-label{color:var(--rtp-color);font-weight:600}
.rtp-status .rtp-label span{display:inline-flex;align-items:center;gap:5px}
.rtp-status .rtp-label span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.catalog-meta{flex-wrap:wrap}
#rtp-update{color:var(--muted)}

/* GACOR88 brand: charcoal surfaces, blue actions and warm readable text. */
:root{--bg:#0a0b0e;--panel:#10121a;--accent:#003bff;--gold:#1b50ff;--light:#6b8eff;--muted:#969eb7;--border:#162b70;--text:#e8edff;--brand-logo-height:40px}
body{background:radial-gradient(ellipse at 15% 0%,#162c7430,transparent 50%),var(--bg)}
header{background:#0c0d10ed;border-bottom-color:#627dd722}
.hero{background:linear-gradient(125deg,#151b3090,#0f1015 62%,#131725);border-color:#5773cf33}
.hero .neon-frame{background:#0c0d12;border-color:#4865c55c}
.hero .form-panel{background:#08090b8c;border-color:#5773cf24}
.provider-panel,.filter-panel{background:#101219;border-color:#4f6bc82c}
.primary,.pattern-open,.pattern-regenerate,.pattern-play,.detail-button{background:linear-gradient(110deg,#4668d6,#8ba3f4);border-color:#6583e4;color:#060c20;box-shadow:none;text-shadow:none}
.pattern-play:hover{background:#a0b6ff}
.sample-pattern{background:#121a33;border-color:#334990;color:#90a7f3}
.game{background:linear-gradient(#121521,#0d0f15);border-color:#2d3b6a}
.game:hover{border-color:#5c7adc}
.game-media{background:#0e1017}
.hero .generate{text-shadow:none}
@media(min-width:768px){.hero h1{font-size:clamp(30px,3.05vw,44px);letter-spacing:-1.5px}}
@media(max-width:767px){.hero h1{font-size:clamp(24px,5.8vw,33px);letter-spacing:-1px}}

/* Royal blue branding. */
:root{--gold:#1b50ff;--gold-deep:#0039f5;--accent:#003bff}
header{border-bottom-color:#003bff29}
.hero{border-color:#003bff35;background:linear-gradient(125deg,#0d173966,#0b0d14 62%,#0b1228)}
.hero .neon-frame{border-color:#003bff78;box-shadow:0 12px 36px #0005}
.hero h1>span{color:var(--gold);background:linear-gradient(180deg,#3d6aff 15%,#144bff 58%,#003bff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero .title-dot{color:#003bff}
.hero .generate,header .primary,.primary,.pattern-open,.pattern-regenerate,.pattern-play,.detail-button{background:linear-gradient(125deg,#2b5cff,#144bff 48%,#003bff);border-color:#3766ff;color:#000821;box-shadow:0 3px 14px #003bff18;text-shadow:none}
.pattern-play:hover{background:linear-gradient(125deg,#5079ff,#144bff)}
.hero .generate:focus-visible,button:focus-visible,a:focus-visible{outline-color:#3866ff}
.hero .input-wrap:focus-within,.hero .amount-input:focus-within{border-color:#003bff;outline-color:#003bff36}
.hero-eyebrow,.form-eyebrow,.hero figcaption,.modal-kicker,.pattern-dialog h2,.pattern-dialog .pattern-intro,.pattern-steps strong,.pattern-note strong,.pattern-note span{color:#1b50ff}
.generator-icon{color:#1b50ff;border-color:#003bff55;background:#003bff12}
.provider.active{border-color:#003bff;color:#3161ff;background:#003bff14}
.provider-panel>h2{color:#3665ff;border-color:#1d3994;background:#0e152b}
.provider:hover,.game:hover{border-color:#003bff}
.sample-pattern{color:#295bff;border-color:#1638a8;background:#0b1432}
.scroll-provider,#to-top{color:#295bff;border-color:#1c378f;background:#0d1223}
.pattern-steps li:last-child{border-color:#1238b4}
.pattern-spinner{border-top-color:#2256ff;border-right-color:#003bff}
.pattern-spinner::after{border-bottom-color:#003bff}
.pattern-progress::-webkit-progress-value{background:linear-gradient(90deg,#003bff,#2b5cff)}
.pattern-progress::-moz-progress-bar{background:linear-gradient(90deg,#003bff,#2b5cff)}


/* GACOR88 — royal blue #1130a5 and navy surfaces. */
:root{--bg:#080d20;--panel:#111b39;--accent:#1130a5;--gold:#8faaff;--gold-deep:#1130a5;--light:#c6d3ff;--muted:#a6b0cb;--border:#334677;--text:#f4f7ff}
body{background:radial-gradient(ellipse at 10% 0%,#1130a533,transparent 48%),var(--bg)}
header{background:#080d20f2;border-bottom-color:#6688ef29}
.brand-image{max-width:min(220px,42vw);object-fit:contain}
.hero{background:linear-gradient(125deg,#1130a52e,#0d142a 60%,#142047);border-color:#5b7ce447}
.hero .neon-frame{background:#080e24;border-color:#527aff88}
.hero .form-panel{background:#080d208f;border-color:#5b7ce438}
.hero h1>span{color:#a5baff;background:none;-webkit-text-fill-color:currentColor}.hero .title-dot{color:#547cff}
.hero .generate,header .primary,.primary,.pattern-open,.pattern-regenerate,.pattern-play,.detail-button{background:linear-gradient(115deg,#2148c6,#1130a5);border-color:#5274df;color:#fff;box-shadow:0 3px 18px #1130a538;text-shadow:none}
.pattern-play:hover{background:#2148c6}
button:focus-visible,a:focus-visible,.hero .generate:focus-visible{outline-color:#9eb8ff}
.hero .input-wrap:focus-within,.hero .amount-input:focus-within{border-color:#668cff;outline-color:#668cff44}
.hero .input-wrap,.hero .amount-input,.filter-panel select,.search-wrap{background:#080f25;border-color:#354878}
.hero-eyebrow,.form-eyebrow,.hero figcaption,.modal-kicker,.pattern-dialog h2,.pattern-dialog .pattern-intro,.pattern-steps strong,.pattern-note strong,.pattern-note span{color:#a4baff}
.generator-icon{color:#9db7ff;border-color:#6080df55;background:#1130a533}
.provider-panel,.filter-panel{background:#101831;border-color:#5475c844}
.provider{background:#0a1127;border-color:#33416a}.provider.active{border-color:#648aff;color:#cad8ff;background:#1130a547}
.provider-panel>h2{color:#c5d3ff;border-color:#4561a8;background:#16234a}
.provider:hover,.game:hover{border-color:#648aff}
.game{background:linear-gradient(#14203e,#0c1329);border-color:#354773}.game-media,.detail-hero,.result-card{background:#0a1125}
.sample-pattern{color:#c1d1ff;border-color:#526dbc;background:#162859}
.scroll-provider,#to-top{color:#b4caff;border-color:#415c9f;background:#132246}
.outline{background:#131d37;border-color:#41567f}
dialog,.pattern-dialog,.pattern-loading-dialog{background:radial-gradient(ellipse at top right,#1130a533,transparent),#111a34;border-color:#5a7adc;color:#f4f7ff;box-shadow:0 20px 80px #0008}
.pattern-panel{background:#0a1023;border-color:#344b80}.pattern-steps li{background:#1a294c}.pattern-steps li:last-child{background:#1c2d55;border-color:#5374cf}
.pattern-dialog .pattern-note{background:#060b19}
.pattern-spinner{border-top-color:#80a3ff;border-right-color:#456cff}.pattern-spinner::after{border-bottom-color:#365cdf}
.pattern-progress::-webkit-progress-value{background:linear-gradient(90deg,#1130a5,#7a9fff)}
.pattern-progress::-moz-progress-bar{background:linear-gradient(90deg,#1130a5,#7a9fff)}
.result-card{border-color:#3b528c}.detail-data{border-color:#334779}.detail-data strong{color:#a9c0ff}.close{color:#c1ceeb}
footer{border-color:#5274ca33}footer.container p{color:#b2bfd8}
@media(max-width:359px){.nav-actions .btn{padding:7px 9px}.brand-image{max-width:145px}}