@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10091c;--panel:#1c102e;--purple:#a855f7;--light:#d6adff;--muted:#a89bbd;--border:#583473;--text:#f6f1ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 10% 25%,#40116235,transparent 45%),radial-gradient(ellipse at 92% 5%,#6d28a52b,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 #e3c3ff;outline-offset:4px}input,select{min-width:0}input:focus,select:focus{outline:2px solid var(--purple);outline-offset:1px}a{color:inherit;text-decoration:none}.container{max-width:1280px;padding:0 16px;margin:auto}header{height:65px;background:#10091deb;backdrop-filter:blur(15px);border-bottom:1px solid #382046;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:#c084fc}.brand small{font-size:10px;font-style:normal;letter-spacing:2px;line-height:1.3;max-width:29px;border-left:1px solid #5d3a7b;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 #65417e;font-size:14px;font-weight:600;color:#faf7ff;transition:.2s;background:none}.btn:hover{filter:brightness(1.2);border-color:#be82f5}.primary{background:linear-gradient(110deg,#8b35d8,#b16aef);border-color:#c58aed;box-shadow:0 0 14px #9e38f42b}.outline{background:#21132e}.demo-pill{font-size:11px;font-weight:700;letter-spacing:1.3px;color:#a991bc;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 #9f63cf66;border-radius:50px;padding:3px 9px;color:#d7b2f8;background:linear-gradient(90deg,#8b35d82b,transparent);font-size:12px;font-weight:600;box-shadow:0 0 16px #a855f715}.live-tag>span{width:7px;height:7px;border-radius:50%;background:#cf9bff;box-shadow:0 0 10px #a855f7}.live-tag b{font-size:10px;padding-left:7px;border-left:1px solid #82559b}h1{font-size:48px;line-height:1.2;letter-spacing:-1.5px;margin:16px 0;background:linear-gradient(110deg,#d1a3ff,#ab65f5,#f0caff);background-clip:text;color:transparent}h1 span{white-space:nowrap}.intro{color:#c1b6cd;font-size:16px;line-height:1.65;margin:0 0 10px;max-width:576px}.hero h2{color:#c78fff;font-size:18px;margin:8px 0 15px}.form-panel{max-width:576px;background:linear-gradient(145deg,#231335dc,#160d22ed);border:1px solid #5d347e;border-radius:14px;padding:18px;box-shadow:inset 0 0 25px #903ec40a,0 0 22px #763ab31a}.form-panel label{display:block;font-size:13px;color:#beafcd;margin-bottom:5px}.form-panel label:not(:first-child){margin-top:11px}em{font-style:normal;color:#e795d3}.form-panel input{width:100%;background:#110a1c;border:1px solid #493056;border-radius:5px;padding:9px 12px;color:#f4eaff;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:#ac84c4;fill:none;stroke-width:1.6}input::placeholder{color:#7c6b91}.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 #da9bff;background:linear-gradient(0deg,#5b2094,#8f3ed6 50%,#bb79ee);box-shadow:0 0 20px #a84deb4d,inset 0 1px 0 #e6b7ff55;text-shadow:0 1px 2px #291037}.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:#a899b9;margin:11px 0 0;text-align:center}.updated{font-size:12px;color:#c492e9;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(#c280ff,#7d35d6,#e38aff,#5a2b9a,#c280ff);box-shadow:0 0 15px #bb5cfb70,0 0 45px #8239c447}.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 #77409966;border-radius:12px;background:linear-gradient(110deg,#291339,#170e25,#2b153e);display:flex;gap:12px;align-items:center;justify-content:center;min-height:82px;padding:12px;text-align:center;box-shadow:inset 0 1px 0 #a977ce20}.trust-strip strong{font-size:12px;letter-spacing:.6px}.trust-strip strong span{color:#d3a0ff}.trust-strip p{font-size:9px;letter-spacing:.4px;color:#b89acc;margin:5px 0 0}.trust-symbol{font-size:35px;color:#c797ef}.mobile-banner{display:none}.provider-panel{position:relative;margin:24px 0;border:1px solid #804db1;border-radius:15px;padding:29px 53px 19px;background:linear-gradient(125deg,#29143b,#160b23 55%,#2b153f);box-shadow:0 0 24px #8d3ee32a,inset 0 0 25px #9e40dc0d}.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(#7f45ae,#382044);border:1px solid #c38ee766;border-radius:7px;color:#f3dfff;box-shadow:0 0 15px #bc61ee40}.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 #543267;background:#160d2380;border-radius:12px;color:#bcadcb;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:#cb8eff;color:#d4a3ff;background:#4a226244;box-shadow:0 0 14px #a849dd33}.provider:hover{border-color:#b178d5}.scroll-provider{position:absolute;top:50%;transform:translateY(-35%);background:#221130;border:1px solid #623980;width:36px;height:36px;border-radius:50%;color:#d7bce9;font-size:27px;line-height:1}.previous{left:10px}.next{right:10px}.filter-panel{display:flex;gap:12px;padding:16px;border:1px solid #6a3f8a;border-radius:13px;background:linear-gradient(110deg,#2b193d,#170e23);box-shadow:0 0 18px #853cb321;margin-bottom:12px}.filter-panel select,.search-wrap{border:1px solid #624177;border-radius:7px;background:#140c20;color:#d9cce5;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:#a477c1;stroke-width:1.8;flex-shrink:0}.search-wrap input{width:100%;border:0;background:transparent;color:#f2eaff;font-size:14px;outline:none}.search-wrap:focus-within{outline:2px solid #a855f7}.catalog-meta{display:flex;justify-content:space-between;color:#9580aa;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 #794b9f;border-radius:12px;background:linear-gradient(#20112f,#160c22);box-shadow:0 0 13px #9845d321,0 7px 20px #0004;transition:transform .2s,border-color .2s}.game:hover{transform:translateY(-3px);border-color:#d397ff}.game-media{position:relative;aspect-ratio:1.24;overflow:hidden;background:#281637;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:#26113fe6;border:1px solid #c890ffa1;color:#edd9ff}.game-badges .hot{background:linear-gradient(100deg,#c15817,#dd932b);border-color:#f1b15d;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:#a18eb4}.rtp-row{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.rtp-row label{font-size:10px;letter-spacing:1px;color:#b498c8}.rtp-row strong{font-size:27px;line-height:1.2;color:#d4a0ff;text-shadow:0 0 15px #b04af373}.rtp-row strong small{font-size:13px}.rtp-track{height:7px;border:1px solid #714694;border-radius:9px;overflow:hidden;background:#0e0918;margin-top:7px}.rtp-track div{height:100%;border-radius:9px;background:linear-gradient(90deg,#7e38c4,#d19eff);box-shadow:0 0 10px #b560ff}.rtp-label{font-size:10px;display:flex;justify-content:space-between;color:#bda3d2;margin:6px 0 10px}.detail-button{border:1px solid #b37ddd;border-radius:6px;background:linear-gradient(#9346c9,#69289c);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 #68437f;border-radius:12px;text-align:center;padding:55px 15px;color:#bfa9d0}.empty h3{color:#e0cbed}.empty[hidden]{display:none}footer{display:flex;align-items:center;gap:25px;border-top:1px solid #392449;padding-top:25px!important;padding-bottom:30px!important;color:#82718f;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:#2d1742;border:1px solid #8b52b8;box-shadow:0 3px 15px #0007;color:#d9b1ff;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 #b979ed;border-radius:18px;background:radial-gradient(ellipse at top right,#52217455,transparent),#1a1029;color:#f3eafb;width:min(94%,490px);padding:30px;box-shadow:0 0 70px #812ac24d;max-height:90vh;overflow:auto}dialog::backdrop{background:#07030dd9;backdrop-filter:blur(7px)}.close{position:absolute;top:12px;right:16px;color:#c6acd9;background:none;border:0;font-size:28px}.modal-kicker{font-size:11px;letter-spacing:1.7px;color:#c186ee}dialog h2{font-size:25px;margin:10px 0 18px;line-height:1.3}dialog p{font-size:14px;color:#c1aecf}dialog .modal-done{width:100%;margin-top:20px}.result-card{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid #593770;border-radius:12px;background:#10091c;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:#b393cc}.result-card b{color:#dca6ff;font-size:24px}.detail-hero{display:block;width:100%;height:clamp(180px,35vh,280px);object-fit:contain;object-position:center;background:#10091c;border-radius:10px}.detail-data{display:flex;justify-content:space-between;margin:18px 0;border-bottom:1px solid #503362;padding-bottom:10px}.detail-data strong{color:#d29afa}.muted-note{padding:12px;border-radius:7px;background:#a460db13;border:1px solid #704c873d}.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 #b165f4;border-radius:12px;box-shadow:0 0 15px #a753e24d}.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:#aa91c1;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:#d1adf0;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 #c18aff;border-radius:6px;background:linear-gradient(110deg,#8034c7,#a753e6);color:#fff;font-size:15px;font-weight:700;box-shadow:0 0 18px #a04ee62b}.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 #8e52b8;border-radius:5px;color:#e3c4ff;background:#3b1b55;font-size:13px;font-weight:600}.pattern-dialog{width:min(94vw,448px);padding:20px;border:1px solid #a665d5;border-radius:12px;background:#23182f;box-shadow:0 14px 80px #0008;max-height:94dvh}.pattern-dialog .modal-kicker{font-size:10px;letter-spacing:1px;color:#c1a8d4}.pattern-dialog h2{font-size:20px;line-height:1.3;margin:8px 25px 6px 0;color:#c089ef}.pattern-dialog .close{top:10px;right:13px;font-size:26px}.pattern-dialog .pattern-game{font-size:14px;color:#aa9ab8;margin:0 0 15px}.pattern-game strong{color:#f4ebff}.pattern-panel{padding:16px;border:1px solid #573d69;border-radius:5px;background:#100b18}.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 #47354f;color:#c591ff}.pattern-intro strong{color:#f5edff}.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:#b19fbd;margin-bottom:3px}.pattern-stats strong{display:block;font-size:14px;color:#f7f1ff;overflow-wrap:anywhere}.pattern-stats .pattern-profit{color:#b78bf1}.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:#261b34;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}.pattern-steps li:last-child{border-color:#774897;background:#2b1b3a}.pattern-steps strong{display:block;color:#c58af7;font-weight:600}.pattern-steps span{display:block;color:#f2eaf9}.pattern-note{margin-top:16px;padding:10px;border-radius:4px;background:#08060d}.pattern-dialog .pattern-note p{font-size:12px;line-height:1.6;color:#b1a1c0;margin:0}.pattern-note strong{color:#d1a5ff}.pattern-dialog .pattern-note p+p{margin-top:9px;color:#a18dad;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:#c2abd3;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:#241a30}.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:#b597cb;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:#030205;border-radius:4px}.pattern-dialog .pattern-note p{font-size:10px;line-height:1.9;color:#b4a4c2;margin:0}.pattern-note strong,.pattern-note span{color:#c78eff}.pattern-dialog .pattern-note p+p{margin-top:10px;font-size:10px;color:#9986a7}.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:#a752ec;color:#10051b;font-size:16px;font-weight:700;line-height:1.25;letter-spacing:-.4px}.pattern-play:hover{background:#be7bf6}.pattern-play:focus-visible{outline:2px solid #f1dfff;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)}}

/* JITU77: a distinct violet-and-gold front page. */
:root{--gold:#f2cc73;--bg:#0d0914}
body{background:radial-gradient(ellipse at 15% 0%,#37205060,transparent 50%),#0d0914}
header{height:76px;background:#100b17ed;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:#211707;box-shadow:none}
.demo-pill{color:#bcb0ca;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,#24172f80,#171020 62%,#21152e);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:#cfb5e9;font-size:11px;font-weight:700;letter-spacing:2px;margin:5px 0 12px}
.hero-eyebrow>span{padding:4px 7px;border:1px solid #b996d62d;border-radius:5px;color:#b3a3c3;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:#fbf7ff;background:none}
.hero h1>span{color:var(--gold)}.title-dot{color:#ae79e8}
.hero>.intro{grid-area:intro;max-width:none;color:#beb1cb;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 #b581da66;border-radius:19px;padding:0;box-shadow:0 12px 36px #0004;transform:none;background:#170b25}
.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:#ba9acf;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:#0e091680;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:#b88adc}
.hero .generator-heading h2{margin:5px 0 0;color:#f7f1fc;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 #76548e5c;background:#a779d31a;border-radius:12px;color:#d3a6f6;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:#d7cce2;font-size:13px;line-height:1.4;margin:0 0 8px;font-weight:500}
.hero .form-panel label em{color:#b597ce;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 #584463;border-radius:8px;background:#0c0812}
.hero .input-wrap:focus-within,.hero .amount-input:focus-within{border-color:#c09cda;outline:2px solid #aa7ac83b;outline-offset:2px}
.hero .input-wrap svg{position:static;transform:none;width:16px;height:16px;flex-shrink:0;stroke:#b396c5;fill:none;stroke-width:1.5}
.hero .amount-input>span{font-size:14px;color:#b9a5c9}
.hero .form-panel input{display:block;width:100%;min-width:0;height:100%;border:0;outline:0;border-radius:0;background:transparent;color:#f7f1fc;padding:0;margin:0;box-shadow:none;font-size:16px}
.hero .form-panel input::placeholder{color:#94859f;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 #f9df9d;border-radius:9px;background:linear-gradient(110deg,#eac36e,#ffe5a4);color:#261904;box-shadow:0 5px 18px #e8b74c16;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 #fff4cc;outline-offset:4px}
.hero .form-note{font-size:11px;line-height:1.6;color:#b1a0bd;margin:13px 0 0;text-align:center}
.hero>.updated{grid-area:updated;color:#998aa8;font-size:11px;margin:14px 0 0;line-height:1.5}
.provider-panel{border-color:#ffffff1b;background:#191120;box-shadow:none;border-radius:18px;margin-top:0;padding-top:36px}
.provider-panel>h2{border-color:#6e537f;background:#261832;box-shadow:none;font-size:11px;letter-spacing:2px;border-radius:6px}
.provider{border-color:#ffffff17;background:#100b19}.provider.active{border-color:#d2ad61;color:#f2cc73;background:#9d783d13;box-shadow:none}
.filter-panel{border-color:#ffffff1c;background:#18101f;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 #a369d1;border-radius:14px;background:#21162e;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:#f3e9ff;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:#c18af5;border-right-color:#f2cc73;border-radius:50%;animation:pattern-spin .9s linear infinite}
.pattern-spinner::after{content:"";position:absolute;inset:5px;border:2px solid transparent;border-bottom-color:#a46cd6;border-radius:50%}
.pattern-loading-dialog .loading-game{font-size:14px;color:#c5acd9;margin:0 0 5px;overflow-wrap:anywhere}
.pattern-loading-dialog .loading-status{font-size:12px;color:#af9abe;margin:0 0 21px;min-height:19px}
.pattern-progress{display:block;width:100%;height:6px;border:0;border-radius:20px;overflow:hidden;background:#0d0814;appearance:none}
.pattern-progress::-webkit-progress-bar{background:#0d0814;border-radius:20px}
.pattern-progress::-webkit-progress-value{background:linear-gradient(90deg,#9d50e2,#edce83);border-radius:20px;transition:width .35s ease}
.pattern-progress::-moz-progress-bar{background:linear-gradient(90deg,#9d50e2,#edce83);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:#b7a8c5}

/* 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:#08060d}
.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)}
