@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0c1325;--panel:#151f36;--line:#ffffff10;--text:#f3f6ff;--muted:#8996b2;--gold:#eac47c;--blue:#39a4ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.top{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:0 42px;background:#10192b;position:sticky;top:0;z-index:5}.logo{font:800 25px Outfit;letter-spacing:-1px}.logo b{color:var(--gold)}.logo small{display:block;font:9px 'DM Sans';letter-spacing:3px;color:#8c9ab5;margin-top:3px}.topnav{display:flex;gap:27px;margin-left:50px;color:#a6b0c6;font-size:13px}.topnav a:first-child{color:var(--gold)}.actions{margin-left:auto;display:flex;gap:12px;align-items:center}.btn{border:1px solid #ffffff25;border-radius:9px;background:transparent;color:white;padding:12px 22px;font-weight:600}.gold{background:linear-gradient(120deg,#f5d995,#d9aa60);color:#201a12;border:0}.shell{display:grid;grid-template-columns:208px minmax(0,1fr)}.side{border-right:1px solid var(--line);padding:28px 18px;position:sticky;top:86px;height:calc(100vh - 86px)}.tiny{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:700}.side button,.side a{display:flex;align-items:center;gap:12px;width:100%;padding:14px;margin:7px 0;background:none;border:0;border-radius:9px;color:#a7b3cc;text-align:left}.side button:hover,.side button.active{background:#243047;color:var(--gold)}.side .icon{font-size:19px;width:25px}.sideline{height:1px;background:var(--line);margin:24px 0}.support{border:1px solid #d5ae6030;border-radius:12px;padding:16px;font-size:12px;color:#a6b0c6;line-height:1.8}.support strong{color:var(--gold);display:block}.content{max-width:1540px;width:100%;padding:24px 36px 80px}.ticker{display:flex;gap:14px;color:#93a0b9;font-size:12px;margin-bottom:22px}.ticker span{color:var(--gold)}.hero{min-height:316px;border:1px solid #4f6b9c30;border-radius:20px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 40%,#354765 0,transparent 48%),linear-gradient(120deg,#1b2944,#10172d);padding:40px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;max-width:55%}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:3px;font-weight:700}.hero h1{font:600 clamp(32px,3.6vw,58px)/1.05 Outfit;margin:16px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{color:#a5b2cb;line-height:1.7;font-size:13px;max-width:360px}.hero .btn{margin-top:12px}.hero-art{position:absolute;right:6%;top:30px;width:270px;height:270px;transform:rotate(-12deg)}.coin{border:2px solid #f6d795;background:linear-gradient(135deg,#f8e5a5,#b58236);border-radius:50%;width:85px;height:85px;box-shadow:inset 0 0 0 7px #b98b4140,0 15px 35px #0005;color:#664718;display:grid;place-items:center;font:700 43px Outfit;position:absolute}.coin.one{right:-25px;top:0;transform:rotate(20deg)}.coin.two{bottom:0;left:-20px;width:65px;height:65px;font-size:30px}.playing{position:absolute;border-radius:16px;width:132px;height:190px;background:linear-gradient(135deg,#fffdf1,#d8dce7);color:#14223a;box-shadow:0 20px 40px #0006;padding:16px;font:600 32px Outfit;border:5px solid white;left:35px;top:45px;transform:rotate(-9deg)}.playing:after{content:'♠';font-size:88px;display:block;text-align:center}.playing.red{left:120px;top:66px;transform:rotate(17deg);color:#a72f48}.playing.red:after{content:'♦'}.quickcats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0 30px}.quickcats button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:17px;background:var(--panel);color:#abb6cc;text-align:left}.quickcats button.active{border-color:#dfb66580;background:#292b38;color:var(--gold)}.quickcats i{font-style:normal;font-size:23px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.sectionhead h2{font:500 24px Outfit;margin:0 0 5px}.sectionhead p{font-size:11px;color:var(--muted);margin:0}.pill{font-size:10px;letter-spacing:1px;color:var(--gold);border:1px solid #eac47c30;border-radius:30px;padding:8px 12px}.tools{display:flex;gap:12px;margin-bottom:20px}.tools input,.tools select,.field{padding:14px 16px;background:#141d32;border:1px solid #ffffff16;color:#f0f3ff;border-radius:9px;min-width:0}.tools input{flex:1}.tools select{max-width:220px}.games{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.tile{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:transform .2s}.tile:hover{transform:translateY(-5px);border-color:#eac47c55}.cover{aspect-ratio:4/4.4;position:relative;background:radial-gradient(circle at 50% 40%,#344568,#17223b);overflow:hidden;display:grid;place-items:center}.cover img{width:100%;height:100%;object-fit:cover}.cover .fallback{font:600 48px Outfit;color:#d1b87d}.tile .details{padding:12px}.tile h3{font:500 14px Outfit;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile p{color:var(--muted);font-size:10px;margin:0}.tile button{width:100%;margin-top:12px;border:1px solid #ffffff20;border-radius:6px;padding:8px;background:#202c44;color:#c0cadc;font-size:11px}.empty{grid-column:1/-1;min-height:210px;border:1px dashed #ffffff20;border-radius:14px;display:grid;place-content:center;text-align:center;padding:35px;color:#9ba8c0;line-height:1.8}.providers{display:flex;gap:12px;overflow:auto;margin:20px 0}.provider{white-space:nowrap;border:1px solid var(--line);background:#151f33;border-radius:10px;padding:20px 26px;font:600 17px Outfit;color:#8f9bb2}.testnotice{color:#a5b0c4;font-size:11px;line-height:1.8;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.foot{display:flex;justify-content:space-between;margin-top:24px;color:#71809b;font-size:11px}.mobilebar{display:none}dialog{width:min(440px,94vw);border:1px solid #ffffff20;border-radius:19px;background:#131e34;color:white;padding:30px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#030712c9;backdrop-filter:blur(8px)}dialog h2{font:600 29px Outfit;margin:10px 0}dialog p{color:#93a2bd;font-size:12px;line-height:1.8}.dialogclose{float:right;border:0;background:none;color:#b0bdd4;font-size:23px}.authform{display:grid;gap:15px;margin-top:22px}.authform label{font-size:12px;color:#aab6cf;display:grid;gap:7px}.authform input{width:100%}.authform .check{display:flex;align-items:center;gap:9px}.check input{width:auto}.switch{background:none;border:0;color:var(--gold);padding:12px;width:100%}.feedback{color:var(--gold);font-size:12px;line-height:1.7}.balance{font:600 40px Outfit;color:var(--gold);margin:22px 0}.transactions{padding:25px;border:1px dashed #ffffff20;border-radius:9px;text-align:center;color:#8e9bb4;font-size:12px}.more{display:block;margin:25px auto}#catalogmsg{color:var(--gold);font-size:12px}.hidden,[hidden]{display:none!important}@media(min-width:1700px){.games{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1100px){.topnav{display:none}.games{grid-template-columns:repeat(4,minmax(0,1fr))}.shell{grid-template-columns:175px 1fr}.content{padding:24px}.quickcats button{padding:13px;gap:8px}.quickcats i{font-size:18px}.hero-art{right:1%;transform:scale(.8) rotate(-12deg)}}@media(max-width:760px){.top{height:72px;padding:0 18px;gap:10px}.logo{font-size:22px}.top .btn{padding:10px 14px;font-size:12px}.shell{display:block}.side{display:none}.content{padding:20px 16px 100px}.hero{padding:24px;min-height:280px}.hero-copy{max-width:70%}.hero h1{font-size:37px}.hero-art{right:-70px;top:20px;transform:scale(.65) rotate(-12deg);opacity:.8}.hero p{max-width:210px;font-size:11px}.quickcats{gap:7px}.quickcats button{flex-direction:column;font-size:10px;padding:12px 5px}.games{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile .details{padding:9px}.tile h3{font-size:12px}.tools{flex-wrap:wrap}.tools input{flex-basis:100%}.tools select{flex:1;max-width:none}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#121c31f5;backdrop-filter:blur(12px);border-top:1px solid #ffffff15;justify-content:space-around;padding:12px 0 max(12px,env(safe-area-inset-bottom));z-index:6}.mobilebar button{background:none;border:0;color:#a6b3cd;font-size:10px}.mobilebar b{display:block;font-size:20px;margin-bottom:4px}.foot{gap:20px;line-height:1.7}}@media(max-width:390px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:32px}.logo small{font-size:7px}}

.gameviewer{position:fixed;inset:0;z-index:30;background:#080d19;display:flex;flex-direction:column}.gameviewer header{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;border-bottom:1px solid #ffffff20}.gameviewer p{color:var(--gold);font-size:11px;padding:0 20px}.gameviewer iframe{border:0;flex:1;width:100%;min-height:0}.tools #source{max-width:230px}

.quickcats{grid-template-columns:repeat(4,1fr)}.selectedcover{background:radial-gradient(ellipse at 70% 15%,#6a4e36,#25334e 48%,#10192b);padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:20px}.selectedcover .fallback{font-size:60px}.cover-title{font:500 20px/1.3 Outfit;color:#ead8ad}.gameuid{margin-top:10px!important;overflow-wrap:anywhere;font-size:9px!important;line-height:1.5;color:#7184a6!important}

.quickcats{grid-template-columns:repeat(5,minmax(0,1fr))}.tools{grid-template-columns:180px 1fr 190px auto}@media(max-width:700px){.quickcats{grid-template-columns:repeat(3,minmax(0,1fr))}.tools{grid-template-columns:1fr 1fr}.tools input{grid-column:1/-1}}

#collection{scroll-margin-top:110px}
@media(max-width:600px){.top [data-auth="register"]{display:none}.top .actions{gap:6px}.top .btn{padding:10px;font-size:11px}.top .logo{font-size:20px}#authdialog{max-height:90dvh;overflow:auto}}#quicknotice{font-size:12px;line-height:1.7;color:var(--muted)}

/* Pink casino lobby, inspired by the supplied reference. */
:root{--bg:#110911;--panel:#21101f;--line:#f26bc22b;--text:#fff5fc;--muted:#bc9db6;--gold:#ffbedf;--blue:#f05ab9}
body{background:radial-gradient(ellipse at 50% 0,#37102b 0,transparent 38%),#110911}
.top{height:72px;background:linear-gradient(180deg,#a91569,#630b47);border-bottom:1px solid #f479c9;padding:0 30px;box-shadow:0 5px 24px #0005;gap:24px}.logo{color:#fff3d2;text-shadow:0 2px 10px #0006}.logo b{color:#ffcf5e}.logo small{color:#f7b6db;font-size:8px}.topnav{margin-left:25px;color:#ffd1ec}.topnav a:first-child{color:white}.topnav a:hover{color:#ffdf82}.btn{border-radius:8px;border-color:#d66ba875}.gold{background:linear-gradient(135deg,#ffe9a5,#e9b64a);color:#402000;box-shadow:0 3px 15px #ffc24422}.top .btn:not(.gold){background:#ffffff12}.shell{display:block}.side{display:none}.content{max-width:1460px;margin:auto;padding:14px 28px 70px}.ticker{font-size:11px;margin:0 0 14px;padding:9px 15px;border-bottom:1px solid #f16fc02b;color:#d0aec6}.ticker span{color:#ff61bb}
.featurestrip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1060px;margin:0 auto 20px}.featurestrip button,.featurestrip a{border:1px solid #b33a7c;background:linear-gradient(120deg,#822344,#a92c71 70%,#6a144e);color:#fff2f8;border-radius:8px;padding:12px 18px;font-weight:700;text-align:left;box-shadow:inset 0 1px #ffb9df33;display:block}.featurestrip span{float:left;font-size:29px;margin-right:13px;color:#ffe2a0}.featurestrip small{display:block;font-weight:400;color:#f9b6da;font-size:10px;margin-top:3px}.featurestrip button:hover,.featurestrip a:hover{filter:brightness(1.2)}
.hero{border:1px solid #b246824d;border-radius:12px;min-height:330px;padding:36px 6%;background:radial-gradient(ellipse at 78% 50%,#a72e7644,transparent 55%),linear-gradient(115deg,#230b21,#4d103b 58%,#190a1f);box-shadow:inset 0 0 90px #05000855}.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 60px,#f766bb08 61px 62px);pointer-events:none}.hero h1{font-size:clamp(34px,4vw,57px);font-weight:700}.hero h1 em{color:#ffd8a3}.hero p{color:#e3bad5;font-size:14px}.eyebrow{color:#ffaad7}.hero-copy{max-width:62%}.herostatus{display:block;font-size:9px;letter-spacing:2px;margin-top:18px;color:#d69abf}.hero-art{right:12%;top:20px;transform:rotate(-12deg)}.halo{position:absolute;width:320px;height:320px;left:-15px;top:-10px;border:2px solid #e9a7cf50;border-radius:50%;box-shadow:0 0 45px #ff42b033,inset 0 0 45px #ff42b033}.playing{box-shadow:0 12px 50px #0008}.coin{box-shadow:inset 0 0 0 7px #b98b4140,0 0 25px #ffbd4466}.artword{position:absolute;top:220px;left:50px;font:800 24px/1 Outfit;color:#fff;letter-spacing:6px;text-shadow:0 0 15px #ff2aa9}.artword b{font-size:36px;color:#ffdb85}.banner-dots{display:flex;justify-content:center;gap:7px;margin:16px}.banner-dots span{width:25px;height:4px;border-radius:8px;background:#69264c}.banner-dots span:first-child{background:#f66aba;width:40px}.lobbytitle{text-align:center;margin:26px 0 18px}.lobbytitle h2{font:600 23px Outfit;margin:0 0 7px}.lobbytitle p{font-size:12px;color:var(--muted);margin:0}.quickcats{grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0 30px}.quickcats button{flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(#321027,#210e1d);border:1px solid #7d295b;border-radius:9px;color:#e5bbd7;gap:7px;padding:16px}.quickcats i{font-size:31px;font-style:normal}.quickcats button.active{background:linear-gradient(135deg,#a54e22,#a41c70);border-color:#ffb569;color:#fff8e8;box-shadow:0 0 18px #ee3e9a22}.quickcats button:hover{border-color:#ff95ce}.sectionhead h2{font-weight:600}.pill{color:#e6adce;border-color:#b85b8e55}.tools input,.tools select,.field{background:#241220;border-color:#9c47704d}.tools .btn{background:#41132f}.games{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.tile{border-color:#8c34523d;background:#21101c;box-shadow:0 8px 18px #0002}.tile:hover{border-color:#ff84ca}.selectedcover{background:radial-gradient(ellipse at 70% 5%,#b261474d,#4b1b4133 48%,#170b16),linear-gradient(140deg,#431730,#170b16);gap:15px;padding:16px}.cover .fallback{color:#f3c380;text-shadow:0 0 28px #ff7eab88}.cover-title{color:#f4dbeb;font-size:17px}.tile button{background:#481b36;border-color:#ac59813d;color:#ddb1ca}.provider{background:linear-gradient(140deg,#3c1631,#20101e);color:#e8bcda;border-color:#92446e66}.gameuid{color:#a87e9b!important}.testnotice{color:#b28aa4}.foot{color:#b28aa4}.mobilebar{background:#400d30f5;border-top-color:#c45091}.mobilebar button{color:#ffd0ec}dialog{background:linear-gradient(145deg,#321329,#180b18);border-color:#a74e7b}dialog p,.authform label{color:#d3aec7}.switch{color:#ffbfdc}
@media(max-width:1100px){.games{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-art{right:7%;transform:scale(.85) rotate(-12deg)}.topnav{display:none}}
@media(max-width:760px){.top{height:68px;padding:0 14px}.content{padding:12px 14px 90px}.featurestrip{gap:7px;grid-template-columns:repeat(2,1fr);margin-bottom:14px}.featurestrip button,.featurestrip a{padding:10px 12px;font-size:11px}.featurestrip span{font-size:23px;margin-right:9px}.featurestrip small{font-size:9px}.hero{padding:24px;min-height:300px}.hero-copy{max-width:73%}.hero h1{font-size:33px}.hero p{font-size:12px}.hero-art{right:-83px;top:15px;transform:scale(.65) rotate(-12deg);opacity:.65}.hero-copy .btn{padding:11px 16px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.quickcats{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.quickcats button{font-size:9px;padding:12px 3px}.quickcats i{font-size:24px}.games{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cover-title{font-size:13px}.selectedcover{padding:8px}.lobbytitle h2{font-size:19px}.sectionhead h2{font-size:21px}.sectionhead{align-items:center}.pill{font-size:8px;padding:7px}.herostatus{font-size:8px;letter-spacing:1px}}
@media(max-width:390px){.hero h1{font-size:28px}.top .logo{font-size:17px}.top .btn{padding:9px 7px;font-size:10px}.top{gap:5px}.games{grid-template-columns:repeat(2,minmax(0,1fr))}}

.profilebar{display:flex;align-items:center;gap:24px;border:1px solid #d979a780;background:linear-gradient(120deg,#4c1637,#251020);border-radius:12px;margin:18px 0;padding:20px 25px}.profileidentity{display:flex;align-items:center;gap:13px;color:#fff;background:none;border:0;text-align:left}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffcf7e,#c856a0);color:#4a1632;font:700 24px Outfit}.profileidentity strong{font:600 21px Outfit}.profileidentity small{display:block;margin-top:4px;color:#dbb0ca}.profilefunds{margin-left:auto;display:grid;gap:4px}.profilefunds small,.balancelabel{color:#d5adc5;font-size:11px}.profilefunds strong{font:600 26px Outfit;color:#ffdea4}.profilefunds span{font-size:10px;color:#cda1ba}.balance{font-size:35px;margin:8px 0 20px}.creditpresets{display:flex;gap:8px}.creditpresets button{flex:1;border:1px solid #ae5482;border-radius:7px;background:#481831;color:#ffe1f3;padding:10px 5px}#creditmessage{color:#ffd996}#accountdialog .transactions{margin-top:20px}@media(max-width:600px){.profilebar{gap:12px;flex-wrap:wrap;padding:15px}.profileidentity strong{font-size:18px}.avatar{width:40px;height:40px}.profilefunds strong{font-size:20px}.profilebar>.btn{width:100%}.profileidentity{padding:0}.profileidentity small{font-size:10px}dialog{max-height:90dvh;overflow:auto}.top #accountbutton{font-size:10px;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.shan-feature{display:flex;align-items:center;gap:18px;border:1px solid #b1648e;background:linear-gradient(120deg,#471a35,#24111e);border-radius:12px;padding:20px 24px;margin-top:18px}.shan-cards{font-size:30px;color:#ffce83;letter-spacing:5px}.shan-feature strong{display:block;font:600 20px Outfit}.shan-feature small{display:block;color:#d3a9c2;margin-top:6px}.shan-feature>b{margin-left:auto;color:#ffe0a2;font-size:12px}@media(max-width:600px){.shan-feature{padding:16px;gap:12px;flex-wrap:wrap}.shan-feature strong{font-size:16px}.shan-feature small{font-size:10px}.shan-feature>b{margin-left:0}.shan-cards{font-size:24px}}
