:root{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#fff;background:#060611;--u:min(1vw,6.2px)}*{box-sizing:border-box}html,body{margin:0;min-width:320px}body{background:radial-gradient(circle at 50% 20%,#16234d,#050510 70%)}.page{position:relative;isolation:isolate;width:min(100%,620px);min-height:2600px;min-height:calc(271 * var(--u));margin:auto;overflow:hidden;background:#070717 url('assets/casino-background.webp') center top/100% auto no-repeat;box-shadow:0 0 50px #000}.page:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 0,transparent calc(90 * var(--u)),#0b082aee calc(121 * var(--u)),#0b0725 calc(193 * var(--u)),#170b46 calc(252 * var(--u)),#05050f 100%)}.topbar{height:calc(17 * var(--u));padding:calc(2.2 * var(--u)) calc(3 * var(--u));display:flex;align-items:center;gap:calc(2.5 * var(--u));position:relative;z-index:2;background:linear-gradient(#030305e8,#050505bc 75%,transparent);text-shadow:0 1px 3px #000}.wordmark{display:flex;align-items:center;gap:calc(1.3 * var(--u));flex:1;min-width:0}.wordmark__symbol{font-family:Arial,sans-serif;font-style:italic;letter-spacing:-.14em;padding-right:.15em;font-size:calc(6.2 * var(--u));line-height:1;font-weight:1000;background:linear-gradient(135deg,#fff,#dadcf3 54%,#7ccffc);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 2px #617dff)}.wordmark__site{font-size:calc(4 * var(--u));line-height:1;font-weight:900;color:#ff4699;white-space:nowrap}.wordmark__site>span{font-size:.75em;color:#4fdbfd}.wordmark__site small{display:block;font-size:calc(1.75 * var(--u));letter-spacing:.12em;color:#fff;margin-top:.6em}.topbar__split{height:calc(10 * var(--u));width:1px;background:#efdfb0b5}.topbar__award{display:flex;align-items:center;gap:calc(.5 * var(--u));white-space:nowrap}.topbar__award img{width:calc(9 * var(--u));height:calc(9 * var(--u))}.topbar__award strong{display:block;font-size:calc(3.2 * var(--u));background:linear-gradient(90deg,#d560f8,#62ecff);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar__award small{display:block;color:#67defc;font-size:calc(2 * var(--u));font-weight:700}.showcase{height:calc(86 * var(--u));position:relative}.showcase__glow{position:absolute;inset:14% 5% 0;background:radial-gradient(ellipse at 49% 43%,#ffa72a6e,transparent 43%);pointer-events:none}.showcase__host,.showcase__cat,.showcase__stage{position:absolute;display:block;object-fit:contain;filter:drop-shadow(0 0 8px #0c0828)}.showcase__host{width:62%;height:88%;left:7%;top:1%;object-position:center bottom;z-index:2}.showcase__cat{width:35%;height:50%;right:2%;bottom:8%;z-index:4}.showcase__stage{width:96%;height:33%;left:2%;bottom:-2%;z-index:5;filter:drop-shadow(0 0 13px #dc9b31)}.offers{position:relative;z-index:6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(1 * var(--u));padding:0 calc(3 * var(--u));margin-top:calc(-.5 * var(--u));height:calc(17 * var(--u))}.offer{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.3em;background:linear-gradient(115deg,#007cf7 0%,#0a197b 28%,#501070 66%,#fd632c 100%);border:1px solid #6bcbff;clip-path:polygon(10% 0,94% 0,100% 12%,100% 83%,91% 100%,7% 100%,0 88%,0 14%);box-shadow:inset 0 0 10px #64dfff,0 0 10px #166aff}.offer:before{content:"";position:absolute;inset:4px;border:1px solid #abdaff99;clip-path:inherit;pointer-events:none}.offer span{font-size:calc(2.35 * var(--u));font-weight:800;line-height:1.2;text-shadow:0 2px 3px #000}.offer b{font-size:calc(2.8 * var(--u));line-height:1.12;color:#ffe869;text-shadow:0 2px 4px #930000;white-space:nowrap}.reward{position:relative;text-align:center;padding:calc(3 * var(--u)) calc(4 * var(--u)) calc(2 * var(--u));background:radial-gradient(ellipse 75% 70% at center,#1c144b99,transparent)}.reward h1{margin:0;color:#f9e79a;font-size:calc(5 * var(--u));font-weight:1000;text-shadow:0 3px 0 #8c3516,0 0 11px #ff9d2c}.reward h1 em{font-size:1.8em;line-height:.7;font-style:normal;color:#ff3132;text-shadow:0 3px 0 #5f0506,0 0 10px #fe462e}.reward>p{margin:calc(1.3 * var(--u)) 0 calc(2.5 * var(--u));font-size:calc(5.3 * var(--u));font-weight:1000;text-shadow:0 0 9px #69afff,0 3px 3px #000}.reward__pair{display:grid;grid-template-columns:1fr 1fr;gap:calc(2.4 * var(--u));height:calc(13 * var(--u))}.reward__card{display:flex;align-items:center;justify-content:center;gap:.12em;background:linear-gradient(115deg,#003995,#147cfb 28%,#7204dc 85%);border:2px solid #6bdfff;box-shadow:inset 0 0 8px #39baff,0 0 12px #841bff;clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%);font-size:calc(3.9 * var(--u));font-weight:850;text-shadow:0 2px 3px #06245e;white-space:nowrap}.reward__card b{color:#5afffb}.official{position:relative;display:flex;align-items:center;min-height:calc(39 * var(--u));margin:calc(4 * var(--u)) calc(4 * var(--u)) 0;padding:calc(3 * var(--u));border:2px solid #69e2ff;border-radius:calc(3 * var(--u));background:linear-gradient(95deg,#0f39ac,#006ad8 55%,#1130a2);box-shadow:0 0 0 4px #114dbd99,inset 0 0 20px #53d7ff,0 0 23px #207dff}.official:before{content:"";position:absolute;inset:calc(1.2 * var(--u));border:1px solid #b1eaff7c;border-radius:calc(1.6 * var(--u));pointer-events:none}.official__copy{z-index:1;max-width:77%}.official h2{font-size:calc(4.3 * var(--u));line-height:1.23;margin:0 0 calc(2 * var(--u));color:#ffe6a1;text-shadow:0 2px 4px #36212f}.official__mark{display:inline-grid;place-items:center;width:calc(10 * var(--u));height:calc(9 * var(--u));background:linear-gradient(#071333,#08132c);border:1px solid #ffeabc;border-radius:5px;font-size:calc(3 * var(--u));color:#fff}.official p{font-size:calc(2.9 * var(--u));line-height:1.52;margin:0}.official img{position:absolute;z-index:2;width:33%;height:96%;right:-3%;bottom:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 3px 8px #151029)}.advantages{position:relative;height:calc(72 * var(--u));margin-top:calc(4 * var(--u));background:radial-gradient(ellipse at 16% 66%,#ce3acf86,transparent 40%),radial-gradient(ellipse at 90% 60%,#1b8fff8c,transparent 42%),linear-gradient(125deg,#1b0a43,#020c28 55%,#31105e);overflow:hidden}.advantages:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(105deg,#46baff22 0 1px,transparent 1px 24px);mask-image:linear-gradient(to bottom,transparent 10%,#000 100%)}.advantages__host{position:absolute;width:54%;height:92%;left:-3%;bottom:-1%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 10px #c96dff);z-index:1}.advantages__items{position:absolute;right:5%;top:5%;width:48%;height:91%;display:flex;flex-direction:column;justify-content:space-evenly;gap:calc(1.7 * var(--u));z-index:2}.advantages__items div{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;border:2px solid #26ddf6;clip-path:polygon(6% 0,94% 0,100% 12%,100% 88%,94% 100%,6% 100%,0 88%,0 12%);background:linear-gradient(145deg,#050d2ddd,#08142d,#180634dd);box-shadow:inset 0 0 13px #36d9f5,0 0 10px #12bde9;text-align:center}.advantages__items strong{font-size:calc(3.4 * var(--u));color:#ffe094;text-shadow:0 1px 4px #3e0c19}.advantages__items span{font-size:calc(3 * var(--u));line-height:1.35}.support-band{position:relative;z-index:3;margin:calc(-1.5 * var(--u)) calc(3 * var(--u)) 0;padding:calc(1.7 * var(--u)) calc(1 * var(--u));border:2px solid #b02bff;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);background:linear-gradient(90deg,#3c17b8,#1558b6 46%,#4e13b6);box-shadow:inset 0 0 16px #55abff,0 0 14px #a52bff;text-align:center;font-size:calc(4.6 * var(--u));font-weight:900;white-space:nowrap;text-shadow:0 2px 4px #140b52}.support-band strong{font-size:.94em}.bottom-space{height:calc(21 * var(--u))}.side-actions{position:fixed;z-index:20;top:39%;left:calc(50% + min(50vw,310px) - 73px);display:flex;flex-direction:column;gap:8px}.side-actions a{width:64px;height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fff;text-decoration:none;border:1px solid #b2a57b;border-radius:19px;background:#121018dd;box-shadow:0 2px 10px #0009;font-size:15px}.side-actions img{width:32px;height:32px}.action-bar{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,620px);display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:calc(4.7 * var(--u)) 2.5% max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#060817dc 27%,#070913 100%)}.action{position:relative;min-width:0}.action>span{position:absolute;bottom:calc(100% - 1px);left:50%;transform:translateX(-50%);max-width:100%;padding:calc(1.1 * var(--u)) calc(1.6 * var(--u));background:#e65243;border-radius:10px 10px 0 0;font-size:calc(2.5 * var(--u));white-space:nowrap}.action>a{display:block;width:100%;padding:calc(2.4 * var(--u)) 0;text-align:center;background:#147cf4;border-radius:calc(1.6 * var(--u));font-size:calc(3.8 * var(--u));color:white;text-decoration:none;box-shadow:0 3px 11px #0009}.action:last-child>a{background:#ffad00}.action a:hover,.side-actions a:hover{filter:brightness(1.17)}a:focus-visible{outline:3px solid white;outline-offset:2px}@media(min-width:621px){.side-actions{left:calc(50% + 237px)}}@media(max-width:380px){.wordmark__site{font-size:calc(3.6 * var(--u))}.topbar__award strong{font-size:calc(2.8 * var(--u))}.topbar__award small{font-size:calc(1.7 * var(--u))}.side-actions{left:auto;right:4px}.side-actions a{width:50px;height:55px;font-size:12px;border-radius:13px}.side-actions img{width:24px;height:24px}.action>span{font-size:9px}}@media(prefers-reduced-motion:no-preference){.showcase__glow{animation:glow 4s ease-in-out infinite alternate}@keyframes glow{to{opacity:.55}}}

/* Brand update: use the supplied original logo, with controlled mobile size. */
.topbar{height:calc(18 * var(--u));padding-block:calc(1.5 * var(--u))}
.wordmark{flex:0 0 55%;min-width:0}
.wordmark>img{display:block;width:100%;height:calc(15 * var(--u));object-fit:contain;object-position:left center;mix-blend-mode:screen}
.topbar__award{margin-left:auto}
.official__mark{width:calc(10 * var(--u));height:calc(9 * var(--u));background:#080b18;border-color:#f7d38d;overflow:hidden}
.official__mark img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
@media(max-width:380px){.wordmark{flex-basis:53%}.topbar__award img{width:calc(7.5 * var(--u))}}

/* Smaller, visually centered top logo with a clear trophy column. */
.topbar{position:relative;justify-content:center}
.wordmark{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:34%;flex:none;justify-content:center;
}
.wordmark>img{width:100%;height:auto;max-height:calc(10.4 * var(--u));object-fit:contain;object-position:center}
.topbar__split{display:none}
.topbar__award{position:absolute;right:calc(2.5 * var(--u));top:50%;transform:translateY(-50%);margin:0}
@media(max-width:380px){.wordmark{width:32%}.topbar__award img{width:calc(7 * var(--u));height:calc(7 * var(--u))}.topbar__award strong{font-size:calc(2.6 * var(--u))}}

/* Keep the brand inside its small inline badge; only the mascot floats over the banner. */
.official__mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:calc(18 * var(--u));height:calc(6 * var(--u));
  margin-right:calc(.6 * var(--u));vertical-align:middle;
  border:0;background:transparent;overflow:hidden;
}
.official__mark img{
  position:static;display:block;right:auto;bottom:auto;
  width:100%;height:100%;max-width:100%;
  object-fit:contain;object-position:center;
  filter:none;mix-blend-mode:screen;
}

/* Center the banner copy and keep both title phrases on one line. */
.official__copy{width:76%;max-width:76%;text-align:center}
.official__copy h2{white-space:nowrap;font-size:calc(3.9 * var(--u));letter-spacing:0;margin-bottom:calc(2 * var(--u))}

/* Two original brand marks in the header. The reference's domain is live text. */
.topbar{height:calc(14 * var(--u));padding:calc(1 * var(--u)) calc(3 * var(--u));justify-content:space-between;gap:calc(2 * var(--u))}
.pg-brand{position:relative;flex:0 0 51%;max-width:calc(51 * var(--u));aspect-ratio:147/37;min-width:0;overflow:hidden;background:#050507}
.pg-brand img{display:block;width:100%;height:100%;object-fit:fill}
.pg-brand strong{position:absolute;top:4%;left:38.8%;font:italic 900 calc(5.1 * var(--u))/1 Arial,sans-serif;letter-spacing:-.055em;white-space:nowrap;color:#f635ac;text-shadow:1px 1px #830950}
.wordmark{position:static;transform:none;width:auto;flex:0 1 43%;max-width:calc(43 * var(--u));justify-content:flex-end}
.wordmark>img{width:100%;max-height:calc(12 * var(--u));object-position:right center}
@media(max-width:380px){.wordmark{width:auto;flex-basis:43%}}

/* Matching black and gold artwork at the same visual height. */
.topbar{height:calc(16 * var(--u));padding:calc(1.1 * var(--u)) calc(2.2 * var(--u));gap:calc(2.4 * var(--u));background:linear-gradient(180deg,#030307 0%,#080713f5 86%,#0b0b1a66 100%);border-bottom:1px solid #ba8d4380}
.pg-brand,.wordmark{position:relative;flex:1 1 0;width:0;max-width:none;aspect-ratio:auto;min-width:0;height:100%;overflow:visible;background:#050508;display:flex;align-items:center;justify-content:center}
.pg-brand img,.wordmark>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}
.pg-brand strong{display:none}
@media(max-width:380px){.wordmark{width:0;flex:1 1 0}}

/* Explicit grid prevents legacy absolute logo offsets from moving the right mark. */
.topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.topbar .pg-brand,.topbar .wordmark{position:static;left:auto;top:auto;right:auto;bottom:auto;transform:none;width:100%;height:100%;min-width:0;max-width:none;overflow:hidden;flex:none}
.topbar .pg-brand img,.topbar .wordmark img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}
.topbar .wordmark img{width:86%;height:86%;margin:auto}