:root{--bg:#02040b;--bg2:#070a16;--card:rgba(10,16,35,.66);--card2:rgba(5,9,21,.78);--line:rgba(148,197,255,.15);--line2:rgba(124,215,255,.28);--text:#f7f9ff;--muted:#9aa8c4;--blue:#3ba7ff;--cyan:#66edff;--violet:#8d68ff;--gold:#ffd78a;--green:#65ffc0;--glow:0 0 42px rgba(61,160,255,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#4c74ff;color:white}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:80;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:100% 4px;mix-blend-mode:soft-light;opacity:.3}
#stars{position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 50% -10%,#111a3d 0,#050817 38%,#020309 74%)}.aurora{position:fixed;inset:-30%;z-index:-4;pointer-events:none;background:radial-gradient(circle at 28% 26%,rgba(47,117,255,.16),transparent 26%),radial-gradient(circle at 76% 42%,rgba(136,76,255,.14),transparent 26%),radial-gradient(circle at 52% 80%,rgba(47,225,255,.08),transparent 23%);filter:blur(60px);animation:aurora 13s ease-in-out infinite alternate}@keyframes aurora{to{transform:translate3d(4%,-3%,0) scale(1.07)}}
.cursor-glow{position:fixed;z-index:-1;width:380px;height:380px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(78,151,255,.09),transparent 68%);transform:translate(-50%,-50%);transition:opacity .3s;opacity:.8}
.boot-screen{position:fixed;inset:0;z-index:9999;display:grid;place-content:center;justify-items:center;gap:14px;background:#02040b;transition:opacity .65s ease,visibility .65s ease}.boot-screen.done{opacity:0;visibility:hidden}.boot-logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:950;letter-spacing:.2em}.boot-logo img{width:44px;height:44px;border-radius:50%;box-shadow:0 0 30px rgba(77,169,255,.45)}.boot-line{width:220px;height:2px;background:rgba(255,255,255,.08);overflow:hidden}.boot-line i{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet));animation:load 1s linear infinite}@keyframes load{from{transform:translateX(-110%)}to{transform:translateX(280%)}}.boot-screen small{font-size:9px;letter-spacing:.28em;color:#72809c}
.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:82px;display:flex;align-items:center;gap:34px;padding:0 clamp(18px,4vw,72px);border-bottom:1px solid transparent;transition:.32s;background:linear-gradient(to bottom,rgba(2,4,12,.78),transparent);backdrop-filter:blur(4px)}.topbar.scrolled{height:68px;background:rgba(3,6,15,.8);border-color:var(--line);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-orb{position:relative;display:grid;place-items:center}.brand-orb:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(101,218,255,.3);border-radius:50%;animation:spin 8s linear infinite}.brand img{border-radius:50%;box-shadow:0 0 24px rgba(66,160,255,.3)}.brand-copy{display:grid;line-height:1}.brand-copy b{font-size:13px;letter-spacing:.18em}.brand-copy em{font-style:normal;font-size:8px;letter-spacing:.31em;color:#8da0c3;margin-top:5px}.nav{display:flex;gap:28px;margin-left:auto}.nav a{position:relative;font-size:12px;color:#b6c0d7;transition:.2s}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:.25s}.nav a:hover{color:#fff}.nav a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:12px}.live-pill{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.16em;color:#88a0bd}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.82)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(147,186,255,.23);border-radius:999px;padding:14px 22px;font-weight:850;font-size:14px;letter-spacing:.02em;transition:.25s;backdrop-filter:blur(12px);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.18) 46%,transparent 67%);transform:translateX(-130%);transition:.55s}.btn:hover:before{transform:translateX(130%)}.btn:hover{transform:translateY(-2px);box-shadow:var(--glow)}.btn-small{padding:10px 17px;font-size:11px}.btn-primary{border-color:rgba(116,215,255,.46);background:linear-gradient(120deg,#315cff,#704cff 52%,#13b7e7);box-shadow:0 10px 44px rgba(50,94,255,.26)}.btn-ghost{background:rgba(255,255,255,.035)}.btn-large{padding:19px 30px;font-size:15px}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;padding:125px clamp(22px,7vw,120px) 130px;isolation:isolate;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-5;background:url('../img/hero.webp') center/cover no-repeat;opacity:.24;filter:saturate(1.3) contrast(1.08);transform:scale(1.05)}.hero-overlay{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,rgba(2,4,12,.985) 0%,rgba(2,4,12,.84) 38%,rgba(2,4,12,.34) 72%,rgba(2,4,12,.72) 100%),linear-gradient(0deg,#02040b 0%,transparent 24%)}.hero-grid{position:absolute;inset:0;z-index:-3;opacity:.12;background-image:linear-gradient(rgba(96,158,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(96,158,255,.15) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 70%,transparent)}.hero-copy{max-width:760px;position:relative;z-index:3}.signal{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(5,10,25,.42);font-size:9px;letter-spacing:.21em;color:#87a2c8;margin-bottom:22px}.signal span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.hero h1{font-size:clamp(52px,7.2vw,112px);line-height:.86;letter-spacing:-.06em;margin:0;max-width:880px;text-shadow:0 18px 60px rgba(0,0,0,.55)}.hero h1 span,.section-heading h2 span{display:inline-block;background:linear-gradient(98deg,#fff 5%,#8fe4ff 36%,#9b82ff 68%,#fff 94%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(89,162,255,.08))}.lead{max-width:650px;margin:28px 0 0;color:var(--muted);font-size:clamp(16px,1.5vw,20px);line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-meta{display:flex;gap:0;margin-top:34px;border-top:1px solid var(--line);max-width:630px}.hero-meta div{padding:17px 28px 0 0;margin-right:28px;border-right:1px solid var(--line)}.hero-meta div:last-child{border-right:0}.hero-meta strong{display:block;font-size:18px}.hero-meta span{display:block;margin-top:4px;color:#7886a3;font-size:9px;letter-spacing:.08em}.hero-orbit{position:relative;justify-self:end;width:min(45vw,620px);aspect-ratio:1;display:grid;place-items:center}.hero-orbit img{position:relative;z-index:4;width:76%;border-radius:50%;filter:drop-shadow(0 0 44px rgba(70,153,255,.38));animation:float 6s ease-in-out infinite}.portal-halo{position:absolute;border-radius:50%;border:1px solid rgba(96,177,255,.22);box-shadow:inset 0 0 50px rgba(97,110,255,.04)}.halo-1{inset:3%;animation:spin 19s linear infinite}.halo-2{inset:12%;border-style:dashed;border-color:rgba(166,103,255,.24);animation:spinback 14s linear infinite}.halo-3{inset:21%;border-color:rgba(101,228,255,.19);animation:spin 8s linear infinite}.portal-halo:before,.portal-halo:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#b8efff;box-shadow:0 0 22px #6adfff}.halo-1:before{left:10%;top:17%}.halo-1:after{right:11%;bottom:18%;background:#b690ff;box-shadow:0 0 22px #a266ff}.halo-2:before{right:4%;top:48%}.halo-2:after{left:19%;bottom:8%}.sat{position:absolute;z-index:6;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px var(--cyan)}.sat-a{top:8%;left:48%;animation:blink 1.9s infinite}.sat-b{right:5%;top:54%;animation:blink 2.4s .5s infinite}.sat-c{left:12%;bottom:19%;animation:blink 1.6s .2s infinite}@keyframes blink{50%{opacity:.3;transform:scale(.7)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinback{to{transform:rotate(-360deg)}}@keyframes float{50%{transform:translateY(-13px) scale(1.018)}}.core-label{position:absolute;z-index:8;right:2%;bottom:16%;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(4,8,20,.65);backdrop-filter:blur(12px);display:grid}.core-label small{font-size:8px;letter-spacing:.2em;color:#7e8ca6}.core-label b{font-size:10px;color:var(--green);margin-top:4px;letter-spacing:.15em}.comet{position:absolute;z-index:-1;width:120px;height:1px;background:linear-gradient(90deg,transparent,#6be6ff,white);filter:drop-shadow(0 0 6px #4fc9ff);transform:rotate(-28deg);opacity:0;animation:comet 8s linear infinite}.comet-one{top:18%;left:57%;animation-delay:1s}.comet-two{top:42%;left:83%;animation-delay:5.2s}@keyframes comet{0%{opacity:0;transform:translate(-180px,-80px) rotate(-28deg)}6%{opacity:1}18%{opacity:0;transform:translate(240px,160px) rotate(-28deg)}100%{opacity:0}}.hero-ticker{position:absolute;left:0;right:0;bottom:0;height:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(3,6,16,.64);backdrop-filter:blur(12px);overflow:hidden;display:flex;align-items:center}.ticker-track{white-space:nowrap;display:flex;align-items:center;gap:26px;min-width:max-content;animation:ticker 28s linear infinite}.ticker-track span{font-size:9px;letter-spacing:.22em;color:#8998b6}.ticker-track i{font-style:normal;color:#67dfff}@keyframes ticker{to{transform:translateX(-50%)}}.scroll-cue{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:8px}.scroll-cue span{font-size:8px;letter-spacing:.28em;color:#697691}.scroll-cue i{width:1px;height:26px;background:linear-gradient(#74dfff,transparent);animation:scrollLine 1.7s infinite}@keyframes scrollLine{50%{transform:translateY(6px);opacity:.35}}
.section{padding:125px clamp(22px,7vw,120px);position:relative}.section-heading{max-width:860px}.eyebrow{margin:0 0 17px;color:#70d4ff;font-size:10px;font-weight:900;letter-spacing:.28em}.section-heading h2{font-size:clamp(40px,5vw,74px);line-height:1;letter-spacing:-.048em;margin:0}.section-heading>p:last-child{color:var(--muted);font-size:17px;line-height:1.75;max-width:730px}.intro{display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:center}.universe-console{border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(15,24,54,.7),rgba(5,8,19,.78));box-shadow:0 30px 90px rgba(0,0,0,.3);overflow:hidden}.console-top{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.16em;color:#8190ae}.console-top i{font-style:normal;color:var(--green)}.console-core{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;padding:32px}.mini-orbit{position:relative;width:132px;aspect-ratio:1;border:1px solid rgba(101,194,255,.25);border-radius:50%;animation:spin 10s linear infinite}.mini-orbit:before,.mini-orbit:after{content:"";position:absolute;border:1px solid rgba(156,105,255,.22);border-radius:50%}.mini-orbit:before{inset:18%;transform:rotate(33deg)}.mini-orbit:after{inset:36%;background:radial-gradient(circle,#67e9ff,rgba(89,99,255,.5),transparent 69%);box-shadow:0 0 40px rgba(81,174,255,.35)}.mini-orbit span,.mini-orbit i,.mini-orbit b{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 14px #5de2ff}.mini-orbit span{top:-4px;left:49%}.mini-orbit i{right:12px;bottom:19px}.mini-orbit b{left:7px;top:58%;background:#a477ff;box-shadow:0 0 14px #9a66ff}.console-data{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.console-data small{color:#6d7c99;font-size:8px;letter-spacing:.14em}.console-data strong{color:#dce8ff;font-size:11px;letter-spacing:.13em}.console-lines{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 20px 18px}.console-lines span{height:3px;background:linear-gradient(90deg,rgba(65,149,255,.15),rgba(102,229,255,.8));border-radius:10px;animation:dataPulse 2.3s ease-in-out infinite}.console-lines span:nth-child(2){animation-delay:.4s}.console-lines span:nth-child(3){animation-delay:.8s}.console-lines span:nth-child(4){animation-delay:1.2s}@keyframes dataPulse{50%{opacity:.22;transform:scaleX(.72)}}
.systems{padding-top:80px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px}.feature-card{position:relative;min-height:270px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(15,24,51,.67),rgba(5,8,18,.79));overflow:hidden;transition:transform .2s,border-color .3s,box-shadow .3s;transform-style:preserve-3d}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(83,176,255,.18),transparent 32%);opacity:0;transition:.3s}.feature-card:hover{border-color:rgba(105,208,255,.34);box-shadow:0 25px 70px rgba(0,0,0,.28)}.feature-card:hover:before{opacity:1}.feature-main{background:radial-gradient(circle at 20% 0,rgba(55,134,255,.18),transparent 40%),linear-gradient(145deg,rgba(15,24,51,.7),rgba(5,8,18,.8))}.card-no{position:absolute;right:20px;top:18px;font-size:10px;letter-spacing:.18em;color:#50617e}.icon{font-size:28px;color:#73d7ff;text-shadow:0 0 20px rgba(82,185,255,.6)}.feature-card h3{margin:24px 0 10px;font-size:22px}.feature-card p{margin:0;color:#97a5c2;line-height:1.68;font-size:14px}.card-foot{position:absolute;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;align-items:center}.tag{font-size:8px;letter-spacing:.18em;color:#6fc9ff;font-weight:900}.card-foot i{font-style:normal;font-size:8px;letter-spacing:.12em;color:#5cffb9}.games-section{position:relative;min-height:780px;display:flex;align-items:center;padding:120px clamp(22px,7vw,120px);overflow:hidden}.games-bg{position:absolute;inset:0;background:url('../img/gaming.webp') center/cover no-repeat;filter:saturate(.92) contrast(1.08);transform:scale(1.025)}.games-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,12,.98),rgba(2,4,12,.68) 52%,rgba(2,4,12,.76)),linear-gradient(0deg,#02040b,transparent 18%,transparent 82%,#02040b)}.game-scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,rgba(93,217,255,.07) 50%,transparent 51%);background-size:100% 14px;mix-blend-mode:screen;opacity:.18}.games-inner{position:relative;z-index:2;max-width:850px}.game-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.game-chips span{padding:11px 15px;border-radius:999px;border:1px solid rgba(151,192,255,.19);background:rgba(5,10,25,.66);backdrop-filter:blur(12px);font-size:11px;color:#c6d0e7;transition:.25s}.game-chips span:hover{border-color:rgba(96,220,255,.4);color:white;transform:translateY(-2px)}.games-sidecard{position:absolute;z-index:3;right:6vw;bottom:8%;width:min(330px,30vw);padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(4,8,20,.66);backdrop-filter:blur(18px)}.games-sidecard small{font-size:8px;letter-spacing:.19em;color:#6f7e99}.games-sidecard strong{display:block;margin:14px 0;font-size:17px;line-height:1.5;letter-spacing:.08em}.games-sidecard div{display:flex;align-items:center;gap:8px;color:#8492ad;font-size:9px;letter-spacing:.12em}.games-sidecard i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.roadmap{padding-top:140px}.roadmap-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid var(--line)}.roadmap-line article{position:relative;padding:28px 30px 20px 0;border-right:1px solid var(--line)}.roadmap-line article:last-child{border-right:0;padding-left:30px}.roadmap-line article:not(:first-child){padding-left:30px}.roadmap-line article:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#6ae2ff;box-shadow:0 0 18px #51cbff}.roadmap-line span{font-size:9px;color:#63728f;letter-spacing:.15em}.roadmap-line b{display:block;margin-top:13px;font-size:18px}.roadmap-line p{color:#8492ad;font-size:13px;line-height:1.65}.community{padding-top:150px;padding-bottom:150px}.community-card{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:45px;padding:56px;border:1px solid rgba(130,190,255,.2);border-radius:34px;background:radial-gradient(circle at 12% 0,rgba(43,110,255,.22),transparent 35%),radial-gradient(circle at 90% 100%,rgba(131,70,255,.2),transparent 30%),rgba(8,12,27,.74);box-shadow:0 30px 100px rgba(0,0,0,.36);backdrop-filter:blur(20px);overflow:hidden;position:relative}.community-card:after{content:"";position:absolute;right:-100px;top:-100px;width:330px;height:330px;border:1px solid rgba(112,211,255,.13);border-radius:50%;box-shadow:0 0 0 35px rgba(110,115,255,.025),0 0 0 70px rgba(110,115,255,.02)}.community-copy{position:relative;z-index:2}.community-card h2{margin:4px 0 12px;font-size:clamp(34px,4vw,62px);letter-spacing:-.045em}.community-card p:not(.eyebrow){color:var(--muted);max-width:650px;line-height:1.7}.access-code{display:flex;align-items:center;gap:16px;margin-top:24px}.access-code span{font-size:8px;letter-spacing:.18em;color:#63718d}.access-code b{font-size:10px;letter-spacing:.14em;color:#7bdfff}.community-card .btn{z-index:2;min-width:190px}
footer{padding:55px 22px 115px;text-align:center;border-top:1px solid var(--line);color:#7e8aa4}.footer-mark{display:flex;justify-content:center;align-items:center;gap:10px}.footer-mark img{width:34px;height:34px;border-radius:50%}.footer-brand{font-size:20px;font-weight:950;letter-spacing:.12em;color:#fff}.footer-brand span{color:#79caff}.copyright{font-size:10px}.dock{position:fixed;z-index:45;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:3px;padding:7px;border:1px solid rgba(128,179,255,.18);border-radius:20px;background:rgba(4,7,16,.75);backdrop-filter:blur(22px);box-shadow:0 14px 60px rgba(0,0,0,.4)}.dock a{min-width:66px;padding:8px 10px;border-radius:14px;text-align:center;transition:.2s}.dock a:hover{background:rgba(86,144,255,.13)}.dock span{display:block;color:#74caff;font-size:15px}.dock small{display:block;margin-top:3px;color:#9ca8bf;font-size:8px;letter-spacing:.05em}.toast{position:fixed;z-index:100;left:50%;bottom:96px;transform:translate(-50%,18px);display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid var(--line2);border-radius:14px;background:rgba(5,9,21,.9);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.25s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.toast b{font-size:10px;letter-spacing:.16em;color:#75dcff}.toast span{font-size:11px;color:#c6d0e5}.reveal{opacity:0;transform:translateY(22px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1080px){.games-sidecard{display:none}.nav{display:none}.hero{grid-template-columns:1fr;min-height:100svh}.hero-copy{z-index:5}.hero-orbit{position:absolute;right:-18vw;top:15vh;width:72vw;opacity:.48}.hero-overlay{background:linear-gradient(90deg,rgba(2,4,12,.98),rgba(2,4,12,.72)),linear-gradient(0deg,#02040b,transparent 24%)}.intro{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.roadmap-line{grid-template-columns:1fr 1fr}.roadmap-line article:nth-child(2){border-right:0}.community-card{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.cursor-glow,.live-pill{display:none}.topbar{height:68px;padding:0 15px}.topbar .btn-small{display:none}.brand img{width:35px;height:35px}.hero{padding:108px 18px 128px;align-items:start}.hero h1{font-size:52px}.signal{font-size:7px;letter-spacing:.15em}.lead{font-size:15px}.hero-orbit{width:98vw;right:-48vw;top:130px;opacity:.35}.hero-meta div{padding-right:12px;margin-right:12px}.hero-meta strong{font-size:15px}.hero-meta span{font-size:7px}.section{padding:88px 18px}.section-heading h2{font-size:42px}.intro{gap:40px}.universe-console{border-radius:20px}.console-core{grid-template-columns:95px 1fr;padding:22px 18px;gap:18px}.mini-orbit{width:92px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:245px}.games-section{padding:95px 18px;min-height:660px}.roadmap-line{grid-template-columns:1fr;border-top:0}.roadmap-line article,.roadmap-line article:not(:first-child),.roadmap-line article:last-child{padding:24px 0;border-right:0;border-top:1px solid var(--line)}.roadmap-line article:before{top:-5px}.community{padding-top:90px;padding-bottom:120px}.community-card{padding:32px 22px;border-radius:24px}.btn-large{width:100%}.dock{width:calc(100% - 22px);justify-content:space-around}.dock a{min-width:0;flex:1;padding:7px 4px}.toast{width:calc(100% - 36px);bottom:92px}.access-code{align-items:flex-start;flex-direction:column;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aurora,.hero-orbit img,.portal-halo,.mini-orbit,.ticker-track,.comet,.boot-line i{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.boot-screen{display:none}}


/* =========================================================
   ST4R UNIVERSE — CINEMATIC COSMIC BACKDROP v2
   Adds nebulae, distant planets, orbital rings and deeper
   star fields behind the existing particles without hurting
   readability or performance.
   ========================================================= */
.section{
  isolation:isolate;
  overflow:hidden;
}
.section > *{
  position:relative;
  z-index:2;
}

/* Fine two-depth star field for all premium content sections */
.section::after{
  content:"";
  position:absolute;
  inset:-12%;
  z-index:-1;
  pointer-events:none;
  opacity:.55;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.84) 0 1px,transparent 1.35px),
    radial-gradient(circle,rgba(112,203,255,.72) 0 1px,transparent 1.4px),
    radial-gradient(circle,rgba(169,130,255,.48) 0 1px,transparent 1.5px);
  background-size:117px 117px,183px 183px,257px 257px;
  background-position:17px 31px,76px 112px,149px 39px;
  mask-image:linear-gradient(to bottom,transparent 0,black 12%,black 88%,transparent 100%);
  animation:deepStarDrift 42s linear infinite;
}

/* Base cosmic painting: nebula haze + distant world */
.section::before{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:-2;
  pointer-events:none;
  opacity:.82;
  background:
    radial-gradient(ellipse at 78% 24%,rgba(93,73,255,.18) 0 5%,rgba(65,72,190,.10) 17%,transparent 39%),
    radial-gradient(ellipse at 64% 40%,rgba(32,161,255,.12),transparent 34%),
    radial-gradient(circle at 12% 78%,rgba(74,124,255,.12) 0 6%,rgba(19,47,95,.18) 7% 12%,rgba(4,8,18,.1) 13% 15%,transparent 16%),
    radial-gradient(ellipse at 42% 78%,rgba(109,49,255,.09),transparent 36%);
  filter:saturate(1.2);
  transform:scale(1.05);
  animation:cosmicBreath 18s ease-in-out infinite alternate;
}

/* ABOUT: a giant half-lit planet behind mission control */
.intro::before{
  background:
    radial-gradient(circle at 86% 45%,rgba(10,19,42,.1) 0 12%,rgba(52,126,255,.18) 12.4%,rgba(50,91,176,.11) 14%,rgba(1,3,9,.9) 14.5% 23%,transparent 23.5%),
    radial-gradient(ellipse at 78% 38%,rgba(69,126,255,.17),transparent 32%),
    radial-gradient(ellipse at 22% 68%,rgba(140,72,255,.10),transparent 35%),
    linear-gradient(115deg,transparent 0 54%,rgba(102,216,255,.035) 55%,transparent 58%);
}

/* SYSTEMS: blue-violet nebula, galaxy core and orbit traces */
.systems::before{
  opacity:.94;
  background:
    radial-gradient(circle at 82% 18%,rgba(238,248,255,.36) 0 .45%,rgba(133,210,255,.28) .8%,rgba(103,97,255,.19) 3.4%,rgba(78,47,188,.12) 8%,transparent 22%),
    conic-gradient(from 218deg at 82% 18%,transparent 0 8%,rgba(108,198,255,.10) 10%,transparent 16%,rgba(148,84,255,.09) 20%,transparent 29%,rgba(64,174,255,.08) 34%,transparent 46%),
    radial-gradient(ellipse at 82% 18%,rgba(86,120,255,.15),transparent 32%),
    radial-gradient(circle at 8% 74%,rgba(9,16,36,.2) 0 8%,rgba(62,120,240,.11) 8.5% 10%,rgba(3,6,14,.75) 10.5% 17%,transparent 17.5%),
    radial-gradient(ellipse at 35% 80%,rgba(124,61,255,.12),transparent 42%);
  filter:saturate(1.25) blur(.15px);
}
.systems .feature-grid{position:relative;z-index:3}
.systems .feature-grid::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:42vw;
  height:1px;
  right:-18vw;
  top:23%;
  transform:rotate(-22deg);
  background:linear-gradient(90deg,transparent,rgba(91,199,255,.12),rgba(220,248,255,.58),rgba(92,166,255,.12),transparent);
  box-shadow:0 0 16px rgba(92,190,255,.28);
  animation:meteorSweep 11s ease-in-out infinite;
}

/* ROADMAP: distant ringed planet */
.roadmap::before{
  background:
    radial-gradient(ellipse at 88% 64%,transparent 0 10%,rgba(97,151,255,.12) 10.4% 10.8%,transparent 11.3% 14%,rgba(124,94,255,.09) 14.4% 14.8%,transparent 15.3%),
    radial-gradient(circle at 88% 64%,rgba(15,28,62,.35) 0 7%,rgba(93,143,255,.12) 7.4% 8.2%,rgba(3,6,16,.88) 8.6% 14%,transparent 14.5%),
    radial-gradient(ellipse at 72% 40%,rgba(56,142,255,.10),transparent 35%),
    radial-gradient(ellipse at 18% 72%,rgba(120,65,255,.08),transparent 35%);
}

/* COMMUNITY: brighter horizon glow toward the final CTA */
.community::before{
  background:
    radial-gradient(ellipse at 50% 112%,rgba(75,171,255,.24) 0 8%,rgba(87,90,255,.12) 20%,transparent 46%),
    radial-gradient(ellipse at 88% 12%,rgba(132,63,255,.15),transparent 34%),
    radial-gradient(circle at 12% 22%,rgba(75,168,255,.10),transparent 24%);
}

/* Subtle cosmic glass so cards stay readable above the universe */
.feature-card,.universe-console,.community-card{
  box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025);
}
.feature-card{
  backdrop-filter:blur(7px) saturate(1.08);
}

@keyframes deepStarDrift{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-58px,38px,0)}
}
@keyframes cosmicBreath{
  0%{transform:scale(1.04) translate3d(-.8%,.4%,0);opacity:.72}
  100%{transform:scale(1.09) translate3d(1.2%,-1.1%,0);opacity:.92}
}
@keyframes meteorSweep{
  0%,63%,100%{opacity:0;transform:translate3d(22vw,-8vw,0) rotate(-22deg)}
  68%{opacity:1}
  79%{opacity:.28;transform:translate3d(-48vw,18vw,0) rotate(-22deg)}
  82%{opacity:0}
}

@media(max-width:650px){
  .section::before{opacity:.64;inset:-26%}
  .section::after{opacity:.42}
  .systems::before{background:
    radial-gradient(circle at 86% 13%,rgba(211,241,255,.28) 0 .5%,rgba(101,164,255,.17) 2.8%,rgba(111,69,255,.10) 8%,transparent 24%),
    radial-gradient(ellipse at 68% 22%,rgba(67,118,255,.12),transparent 35%),
    radial-gradient(ellipse at 20% 72%,rgba(130,66,255,.08),transparent 38%)}
  .systems .feature-grid::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .section::before,.section::after,.systems .feature-grid::before{animation:none!important}
}

/* =========================================================
   ST4R UNIVERSE — REAL COSMIC DEPTH v3
   Replaces the dotted wallpaper feeling with a visible,
   moving universe: nebulae, galaxy, planets, rings and meteors.
   ========================================================= */

/* Remove the repeated tiny-dot pattern from content sections. The canvas
   still provides twinkling, drifting stars globally. */
.section::after{
  opacity:0 !important;
  background:none !important;
  animation:none !important;
}

.cosmic-scene{
  position:fixed;
  inset:0;
  z-index:-4;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 110%,rgba(44,127,255,.11),transparent 46%),
    linear-gradient(#02040b,#040817 48%,#02030a);
}
.cosmic-scene::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,4,11,.05),rgba(2,4,11,.28) 50%,rgba(2,4,11,.55));
}
.cosmic-nebula{
  position:absolute;
  border-radius:50%;
  filter:blur(52px) saturate(1.35);
  opacity:.65;
  mix-blend-mode:screen;
  will-change:transform;
}
.nebula-a{
  width:72vw;height:54vw;min-width:760px;min-height:560px;
  left:-14vw;top:20vh;
  background:
    radial-gradient(ellipse at 48% 52%,rgba(52,175,255,.28),transparent 23%),
    radial-gradient(ellipse at 62% 42%,rgba(99,75,255,.27),transparent 34%),
    radial-gradient(ellipse at 34% 60%,rgba(160,65,255,.16),transparent 40%);
  animation:nebulaDriftA 26s ease-in-out infinite alternate;
}
.nebula-b{
  width:60vw;height:48vw;min-width:680px;min-height:520px;
  right:-12vw;bottom:-12vh;
  background:
    radial-gradient(ellipse at 44% 48%,rgba(40,117,255,.25),transparent 26%),
    radial-gradient(ellipse at 62% 58%,rgba(121,61,255,.22),transparent 38%),
    radial-gradient(ellipse at 42% 28%,rgba(29,225,255,.10),transparent 36%);
  animation:nebulaDriftB 31s ease-in-out infinite alternate;
}
.cosmic-galaxy{
  position:absolute;
  width:min(58vw,900px);aspect-ratio:1;
  left:10vw;top:56vh;
  border-radius:50%;
  opacity:.62;
  filter:blur(.2px) drop-shadow(0 0 45px rgba(80,105,255,.18));
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.85) 0 .6%,rgba(142,214,255,.55) 1%,rgba(127,103,255,.32) 3%,transparent 11%),
    repeating-conic-gradient(from 24deg,rgba(132,206,255,.00) 0 7deg,rgba(124,155,255,.16) 9deg 13deg,rgba(148,72,255,.10) 14deg 19deg,transparent 21deg 31deg),
    radial-gradient(ellipse at 50% 50%,rgba(67,131,255,.12) 0 20%,rgba(110,57,255,.08) 34%,transparent 63%);
  transform:rotate(-14deg) scaleY(.56);
  animation:galaxyRotate 70s linear infinite;
}
.cosmic-galaxy::before,.cosmic-galaxy::after{
  content:"";position:absolute;inset:8%;border-radius:50%;
  border:1px solid rgba(119,181,255,.12);
  box-shadow:0 0 30px rgba(104,104,255,.10),inset 0 0 34px rgba(95,143,255,.08);
}
.cosmic-galaxy::after{inset:22%;border-color:rgba(175,103,255,.12)}

.cosmic-planet{
  position:absolute;
  border-radius:50%;
  box-shadow:inset -55px -32px 90px rgba(0,0,0,.78),inset 22px 14px 42px rgba(91,170,255,.18),0 0 70px rgba(53,113,255,.12);
  will-change:transform;
}
.planet-main{
  width:min(34vw,560px);aspect-ratio:1;
  right:-7vw;top:16vh;
  background:
    radial-gradient(circle at 29% 24%,rgba(152,211,255,.34),transparent 5%),
    radial-gradient(circle at 43% 38%,rgba(46,92,156,.34),transparent 18%),
    radial-gradient(circle at 64% 57%,rgba(37,64,117,.46),transparent 16%),
    radial-gradient(circle at 38% 72%,rgba(77,88,166,.26),transparent 20%),
    linear-gradient(140deg,#14264a 0%,#091226 42%,#020713 76%);
  animation:planetFloat 18s ease-in-out infinite alternate;
}
.planet-main::after{
  content:"";position:absolute;inset:-2%;border-radius:50%;
  border-left:2px solid rgba(118,212,255,.32);
  filter:drop-shadow(-7px 0 17px rgba(82,178,255,.34));
}
.planet-ring{
  position:absolute;left:50%;top:50%;width:158%;height:38%;
  border:2px solid rgba(112,159,255,.20);border-radius:50%;
  transform:translate(-50%,-50%) rotate(-14deg);
  box-shadow:0 0 20px rgba(102,111,255,.12);
}
.ring-b{width:183%;height:48%;border-color:rgba(150,98,255,.10);transform:translate(-50%,-50%) rotate(-14deg)}
.planet-small{
  width:150px;height:150px;left:7vw;top:36vh;
  opacity:.74;
  background:radial-gradient(circle at 34% 28%,#4b78b0 0 4%,#182b50 20%,#070d1b 68%);
  animation:smallPlanetFloat 21s ease-in-out infinite alternate;
}
.planet-small::before{
  content:"";position:absolute;inset:-24%;border-radius:50%;
  border:1px solid rgba(97,181,255,.16);
}

.asteroid-belt{
  position:absolute;right:3vw;bottom:6vh;width:36vw;height:18vw;
  opacity:.48;transform:rotate(-12deg);
  background:
    radial-gradient(circle at 8% 60%,#26304a 0 4px,transparent 5px),
    radial-gradient(circle at 19% 43%,#30384e 0 7px,transparent 8px),
    radial-gradient(circle at 31% 69%,#1f2840 0 5px,transparent 6px),
    radial-gradient(circle at 47% 38%,#343e58 0 10px,transparent 11px),
    radial-gradient(circle at 62% 62%,#1e263a 0 7px,transparent 8px),
    radial-gradient(circle at 76% 39%,#2d3751 0 5px,transparent 6px),
    radial-gradient(circle at 91% 65%,#202a40 0 9px,transparent 10px);
  animation:asteroidDrift 23s ease-in-out infinite alternate;
}
.cosmic-streak{
  position:absolute;width:250px;height:2px;opacity:0;
  background:linear-gradient(90deg,transparent,rgba(85,204,255,.4),#fff);
  filter:drop-shadow(0 0 7px #65cfff);
  transform:rotate(-26deg);
}
.streak-a{top:22vh;left:30vw;animation:spaceStreak 9s linear infinite 1.2s}
.streak-b{top:68vh;left:65vw;animation:spaceStreak 13s linear infinite 6.2s}

/* Turn section pseudo backgrounds into readability veils instead of fake stars. */
.section::before{
  opacity:1 !important;
  inset:0 !important;
  filter:none !important;
  transform:none !important;
  animation:none !important;
  background:linear-gradient(180deg,rgba(3,6,16,.34),rgba(3,6,16,.62)) !important;
}
.intro::before{
  background:linear-gradient(90deg,rgba(3,6,16,.52),rgba(3,6,16,.20) 58%,rgba(3,6,16,.48)) !important;
}
.systems::before{
  background:linear-gradient(180deg,rgba(2,5,13,.48),rgba(4,6,18,.66)) !important;
}
.roadmap::before,.community::before{
  background:linear-gradient(180deg,rgba(2,5,13,.44),rgba(3,5,15,.70)) !important;
}

@keyframes nebulaDriftA{to{transform:translate3d(8vw,-4vh,0) scale(1.08) rotate(5deg)}}
@keyframes nebulaDriftB{to{transform:translate3d(-7vw,-4vh,0) scale(1.07) rotate(-6deg)}}
@keyframes galaxyRotate{to{transform:rotate(346deg) scaleY(.56)}}
@keyframes planetFloat{to{transform:translate3d(-2.4vw,3.2vh,0) rotate(3deg)}}
@keyframes smallPlanetFloat{to{transform:translate3d(3vw,-2vh,0) scale(1.06)}}
@keyframes asteroidDrift{to{transform:translate3d(-4vw,2vh,0) rotate(-8deg)}}
@keyframes spaceStreak{
  0%,70%,100%{opacity:0;transform:translate3d(-25vw,-18vh,0) rotate(-26deg)}
  73%{opacity:.95}
  84%{opacity:0;transform:translate3d(58vw,34vh,0) rotate(-26deg)}
}

@media(max-width:700px){
  .planet-main{width:62vw;right:-22vw;top:22vh;opacity:.72}
  .planet-small{width:90px;height:90px;left:-16px;top:45vh;opacity:.48}
  .cosmic-galaxy{width:110vw;left:-36vw;top:62vh;opacity:.42}
  .asteroid-belt{width:72vw;height:34vw;right:-18vw;bottom:12vh;opacity:.32}
  .cosmic-nebula{opacity:.48}
}
@media(prefers-reduced-motion:reduce){
  .cosmic-nebula,.cosmic-galaxy,.cosmic-planet,.asteroid-belt,.cosmic-streak{animation:none!important}
}

/* =========================================================
   ST4R GAMING COMMAND UPDATE // 2026-09-17
   Premium player HUD, missions, radar, achievements + daily drop
   ========================================================= */
.command-center{padding-top:145px;padding-bottom:145px;overflow:hidden}
.command-center::before{background:linear-gradient(180deg,rgba(2,5,13,.42),rgba(4,7,19,.72))!important}
.command-heading{max-width:880px}
.command-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.02fr .98fr;gap:16px;margin-top:52px}
.player-hud,.mission-board,.achievement-vault,.radar-panel,.daily-drop{position:relative;border:1px solid rgba(137,195,255,.17);background:linear-gradient(145deg,rgba(12,19,41,.78),rgba(5,8,19,.86));box-shadow:0 26px 80px rgba(0,0,0,.24);backdrop-filter:blur(20px);overflow:hidden}
.player-hud:before,.mission-board:before,.radar-panel:before,.daily-drop:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx,55%) var(--my,20%),rgba(75,172,255,.12),transparent 31%)}
.player-hud{min-height:420px;padding:26px;border-radius:28px;transform-style:preserve-3d}
.hud-topline,.mission-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px}
.hud-topline span,.mission-head small,.vault-copy small,.reset-chip span{font-size:8px;letter-spacing:.19em;color:#6d7d9c}
.hud-topline i{font-style:normal;font-size:8px;letter-spacing:.15em;color:var(--green)}
.hud-profile{position:relative;z-index:2;display:grid;grid-template-columns:132px 1fr;align-items:center;gap:26px;margin-top:36px}
.hud-avatar{position:relative;width:126px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(112,219,255,.25);background:radial-gradient(circle at 50% 42%,rgba(83,154,255,.32),rgba(12,19,45,.84) 47%,rgba(4,8,20,.9) 70%);box-shadow:inset 0 0 45px rgba(74,129,255,.15),0 0 55px rgba(62,131,255,.12)}
.hud-avatar:before,.hud-avatar:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(112,214,255,.22);inset:-10px;animation:spin 18s linear infinite}.hud-avatar:after{inset:13px;border-color:rgba(152,104,255,.18);animation:spinback 11s linear infinite}.hud-avatar span{font-weight:950;font-size:18px;letter-spacing:.12em;text-shadow:0 0 24px rgba(104,212,255,.5)}.hud-avatar i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);right:8px;bottom:22px;box-shadow:0 0 18px var(--green)}
.hud-identity small{font-size:8px;letter-spacing:.2em;color:#6c7d9e}.hud-identity h3{margin:7px 0 17px;font-size:30px;letter-spacing:-.035em}.level-line{display:flex;justify-content:space-between;gap:15px;align-items:center}.level-line b{font-size:11px;color:#8ee7ff;letter-spacing:.14em}.level-line span{font-size:8px;letter-spacing:.11em;color:#667692}.xp-track{height:7px;border-radius:999px;margin-top:9px;background:rgba(255,255,255,.055);overflow:hidden;border:1px solid rgba(148,192,255,.08)}.xp-track i{display:block;width:var(--xp);height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f62ff,#5edfff,#9a73ff);box-shadow:0 0 20px rgba(81,188,255,.38)}
.hud-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:36px}.hud-stats div{padding:16px 17px;border:1px solid rgba(144,193,255,.11);border-radius:16px;background:rgba(3,7,18,.45)}.hud-stats small{display:block;font-size:7px;letter-spacing:.18em;color:#687793}.hud-stats strong{display:block;margin-top:7px;font-size:21px}.hud-frequency{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-top:13px;padding:11px 14px;border:1px solid rgba(110,200,255,.11);border-radius:14px;background:rgba(4,8,20,.42)}.hud-frequency span{font-size:7px;letter-spacing:.16em;color:#64d6ff}.hud-frequency b{font-size:8px;letter-spacing:.12em;color:#8f9db8}.hud-frequency i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.mission-board{min-height:420px;padding:26px;border-radius:28px}.mission-head h3{margin:5px 0 0;font-size:27px}.reset-chip{display:grid;justify-items:end;padding:9px 12px;border:1px solid rgba(137,196,255,.12);border-radius:12px;background:rgba(3,7,18,.4)}.reset-chip b{font-size:10px;letter-spacing:.13em;color:#8adfff;margin-top:3px}.mission-list{position:relative;z-index:2;display:grid;gap:10px;margin-top:24px}.mission-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:15px;border:1px solid rgba(143,193,255,.10);border-radius:17px;background:rgba(3,7,18,.45);transition:.25s}.mission-row:hover{border-color:rgba(94,215,255,.27);transform:translateX(3px);background:rgba(7,13,30,.63)}.mission-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(109,211,255,.17);background:linear-gradient(145deg,rgba(50,113,255,.18),rgba(134,75,255,.09));font-size:9px;color:#78ddff;font-weight:900}.mission-copy b{display:block;font-size:12px}.mission-copy span{display:block;margin-top:4px;font-size:10px;line-height:1.4;color:#7e8ca8}.mission-row>strong{font-size:9px;color:#77f1be;letter-spacing:.08em}.mission-progress{height:4px;margin-top:9px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}.mission-progress i{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,#3869ff,#69e4ff);border-radius:inherit}
.achievement-vault{position:relative;z-index:3;display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center;margin-top:16px;padding:22px 24px;border-radius:24px}.vault-copy strong{display:block;font-size:14px;margin-top:7px}.badge-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.achievement{min-width:0;text-align:center;padding:14px 8px;border:1px solid rgba(140,191,255,.09);border-radius:15px;background:rgba(3,7,18,.38);opacity:.55;filter:saturate(.65);transition:.25s}.achievement:hover{opacity:1;transform:translateY(-3px);filter:none;border-color:rgba(117,213,255,.24)}.achievement.unlocked{opacity:1;filter:none;background:linear-gradient(145deg,rgba(40,101,255,.12),rgba(5,9,22,.54))}.achievement span{display:block;font-size:23px;color:#6edfff;text-shadow:0 0 18px rgba(92,206,255,.38)}.achievement b{display:block;margin-top:8px;font-size:8px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement small{display:block;margin-top:4px;font-size:6px;letter-spacing:.12em;color:#5f6d87}.achievement.unlocked small{color:#5fffc1}
.radar-panel{position:relative;z-index:3;display:grid;grid-template-columns:1fr .78fr;gap:28px;min-height:510px;margin-top:16px;padding:38px;border-radius:30px;background:radial-gradient(circle at 85% 45%,rgba(34,141,255,.14),transparent 31%),linear-gradient(145deg,rgba(10,17,37,.83),rgba(4,8,18,.9))}.radar-controls{position:relative;z-index:3;align-self:center}.radar-controls h3{font-size:clamp(31px,3.5vw,54px);margin:5px 0 12px;letter-spacing:-.04em}.radar-intro{max-width:540px;color:#8594af;line-height:1.65;font-size:13px}.radar-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.radar-tab{appearance:none;border:1px solid rgba(143,194,255,.14);border-radius:999px;padding:10px 14px;background:rgba(4,8,20,.54);color:#8d9bb6;font:inherit;font-size:10px;font-weight:800;cursor:pointer;transition:.22s}.radar-tab:hover,.radar-tab.active{color:white;border-color:rgba(104,219,255,.36);background:linear-gradient(110deg,rgba(49,91,255,.33),rgba(112,74,255,.25));box-shadow:0 0 24px rgba(67,135,255,.10)}.radar-copy{margin-top:27px;padding:20px;border-left:1px solid rgba(107,214,255,.23);background:linear-gradient(90deg,rgba(53,108,255,.065),transparent 62%)}.radar-copy small{font-size:7px;letter-spacing:.2em;color:#65dcff}.radar-copy strong{display:block;margin-top:7px;font-size:19px}.radar-copy p{margin:8px 0 0;max-width:620px;color:#8493ae;line-height:1.6;font-size:12px}.radar-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.radar-tags span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(143,192,255,.1);font-size:8px;color:#a9b6cd}.radar-visual{position:relative;display:grid;place-items:center;min-height:380px}.radar-scope{position:relative;width:min(32vw,360px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(98,218,255,.27);background:radial-gradient(circle at 50% 50%,rgba(53,148,255,.08),rgba(3,9,21,.24) 35%,rgba(2,7,17,.56) 70%),linear-gradient(rgba(78,179,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(78,179,255,.08) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;box-shadow:inset 0 0 55px rgba(46,133,255,.12),0 0 70px rgba(34,104,255,.09);overflow:hidden}.radar-scope:before,.radar-scope:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(111,213,255,.10)}.radar-scope:after{left:0;right:0;top:50%;bottom:auto;width:auto;height:1px}.radar-scope .ring{position:absolute;border:1px solid rgba(106,209,255,.14);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.radar-scope .r1{width:32%;height:32%}.radar-scope .r2{width:59%;height:59%}.radar-scope .r3{width:84%;height:84%}.radar-scope .sweep{position:absolute;left:50%;top:50%;width:48%;height:48%;transform-origin:0 0;background:conic-gradient(from 270deg,rgba(92,224,255,.22),transparent 28%);animation:radarSweep 4.5s linear infinite}.radar-scope b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;letter-spacing:.18em;text-shadow:0 0 20px #4cdcff}.blip{position:absolute;width:7px;height:7px;border-radius:50%;background:#77f1ff;box-shadow:0 0 5px #fff,0 0 18px #5de5ff;animation:radarPulse 1.9s ease-in-out infinite}.b1{left:65%;top:28%}.b2{left:27%;top:43%;animation-delay:.5s}.b3{left:70%;top:67%;animation-delay:1s}.b4{left:42%;top:76%;animation-delay:1.45s}.radar-readout{position:absolute;right:0;bottom:12px;padding:10px 13px;border-radius:12px;border:1px solid rgba(116,208,255,.14);background:rgba(3,8,18,.61);display:grid;gap:3px}.radar-readout span{font-size:6px;letter-spacing:.16em;color:#677793}.radar-readout strong{font-size:8px;letter-spacing:.12em;color:#64e1ff}@keyframes radarSweep{to{transform:rotate(360deg)}}@keyframes radarPulse{50%{opacity:.25;transform:scale(.65)}}
.daily-drop{position:relative;z-index:3;display:grid;grid-template-columns:1fr .72fr;gap:40px;align-items:center;min-height:400px;margin-top:16px;padding:42px;border-radius:30px;background:radial-gradient(circle at 78% 50%,rgba(120,67,255,.16),transparent 28%),radial-gradient(circle at 20% 0,rgba(30,151,255,.14),transparent 34%),linear-gradient(145deg,rgba(11,18,40,.84),rgba(4,7,18,.92))}.drop-copy{position:relative;z-index:4}.drop-copy h3{margin:6px 0 12px;font-size:clamp(29px,3.2vw,49px);letter-spacing:-.04em}.drop-copy>p:not(.eyebrow){max-width:620px;color:#8796b1;line-height:1.7;font-size:13px}.drop-copy .btn{margin-top:12px}.drop-result{display:grid;gap:4px;margin-top:16px;max-width:390px;padding:13px 15px;border:1px solid rgba(137,195,255,.12);border-radius:13px;background:rgba(3,7,18,.45)}.drop-result small{font-size:7px;letter-spacing:.17em;color:#687793}.drop-result strong{font-size:11px;letter-spacing:.08em;color:#8be8ff}.drop-capsule{position:relative;justify-self:center;width:260px;aspect-ratio:1;display:grid;place-items:center}.capsule-ring{position:absolute;inset:4%;border-radius:50%;border:1px dashed rgba(103,211,255,.2);box-shadow:0 0 0 24px rgba(96,86,255,.025),0 0 0 48px rgba(96,86,255,.018);animation:spin 15s linear infinite}.capsule-core{position:relative;width:120px;aspect-ratio:1;border-radius:31px;display:grid;place-items:center;transform:rotate(45deg);background:linear-gradient(145deg,rgba(65,107,255,.72),rgba(121,68,255,.55),rgba(32,207,239,.58));box-shadow:0 0 55px rgba(70,115,255,.32),inset 0 0 28px rgba(255,255,255,.12);border:1px solid rgba(170,224,255,.48);transition:.55s}.capsule-core:before{content:"";position:absolute;inset:10px;border-radius:24px;border:1px solid rgba(255,255,255,.14)}.capsule-core span{transform:rotate(-45deg);font-size:42px;font-weight:950;text-shadow:0 0 24px rgba(255,255,255,.6)}.drop-capsule.open .capsule-core{transform:rotate(405deg) scale(1.08);box-shadow:0 0 90px rgba(95,140,255,.52),0 0 130px rgba(123,78,255,.26)}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:white;box-shadow:0 0 14px #6cecff;animation:dropSpark 2.5s ease-in-out infinite}.s1{left:20%;top:22%}.s2{right:17%;top:38%;animation-delay:.7s}.s3{left:31%;bottom:14%;animation-delay:1.3s}@keyframes dropSpark{50%{opacity:.2;transform:scale(.55) translateY(8px)}}
@media(max-width:980px){.command-grid,.radar-panel,.daily-drop{grid-template-columns:1fr}.badge-strip{grid-template-columns:repeat(5,minmax(110px,1fr));overflow-x:auto;padding-bottom:5px}.achievement-vault{grid-template-columns:1fr}.radar-visual{min-height:350px}.radar-scope{width:min(70vw,350px)}.drop-capsule{order:-1;width:230px}}
@media(max-width:650px){.command-center{padding-top:95px;padding-bottom:95px}.command-grid{margin-top:34px}.player-hud,.mission-board{padding:20px;border-radius:22px}.hud-profile{grid-template-columns:86px 1fr;gap:17px}.hud-avatar{width:84px}.hud-avatar span{font-size:12px}.hud-identity h3{font-size:22px}.level-line{align-items:flex-start;flex-direction:column;gap:6px}.hud-stats div{padding:13px 10px}.hud-stats strong{font-size:17px}.hud-frequency b{font-size:7px}.mission-head h3{font-size:23px}.mission-row{grid-template-columns:38px 1fr;padding:12px}.mission-row>strong{grid-column:2}.mission-copy span{font-size:9px}.achievement-vault{padding:18px;border-radius:20px}.badge-strip{grid-template-columns:repeat(5,112px)}.radar-panel,.daily-drop{padding:25px 20px;border-radius:23px}.radar-tabs{display:grid;grid-template-columns:1fr 1fr}.radar-tab{width:100%}.radar-copy{padding:15px}.radar-visual{min-height:300px}.radar-scope{width:min(78vw,300px)}.radar-readout{bottom:-4px}.daily-drop{gap:20px}.drop-capsule{width:190px}.capsule-core{width:92px;border-radius:24px}.capsule-core span{font-size:32px}.drop-copy .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.hud-avatar:before,.hud-avatar:after,.radar-scope .sweep,.blip,.capsule-ring,.spark{animation:none!important}.drop-capsule.open .capsule-core{transform:rotate(45deg) scale(1.05)}}

/* =========================================================
   ST4R UNIVERSE — LIVE BOT DATA HUB v1
   All numeric values are populated from st4r-live.json.
   ========================================================= */
.live-pill.offline i{background:#ff6b80;box-shadow:0 0 14px rgba(255,107,128,.75)}
.live-hub{padding-top:110px}
.live-heading{max-width:920px}
.live-sync-line{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(5,10,24,.58);font-size:10px;letter-spacing:.08em;color:#9bb0ce}
.live-sync-line i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px rgba(101,255,192,.8)}
.live-sync-line i.offline{background:#ff6b80;box-shadow:0 0 15px rgba(255,107,128,.72)}
.live-overview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:34px}
.live-stat{min-height:132px;padding:20px 18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,rgba(10,18,39,.82),rgba(5,9,21,.56));backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.live-stat small{display:block;font-size:8px;letter-spacing:.16em;color:#6f86aa}.live-stat strong{display:block;margin-top:10px;font-size:clamp(25px,2.5vw,38px);letter-spacing:-.04em}.live-stat span{display:block;margin-top:8px;font-size:9px;line-height:1.45;color:#71819e}
.live-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:14px;margin-top:14px}.lower-live-layout{grid-template-columns:1.2fr .8fr}
.live-panel{position:relative;border:1px solid var(--line);border-radius:24px;padding:24px;background:linear-gradient(145deg,rgba(8,14,31,.88),rgba(4,8,20,.7));backdrop-filter:blur(16px);box-shadow:0 28px 80px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}.live-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0,rgba(83,154,255,.07),transparent 35%)}
.live-panel-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.live-panel-head small{display:block;font-size:8px;letter-spacing:.18em;color:#6e83a5}.live-panel-head h3{margin:5px 0 0;font-size:23px;letter-spacing:-.03em}.live-panel-head p{max-width:650px;margin:8px 0 0;color:#8290aa;font-size:11px;line-height:1.6}.live-source{white-space:nowrap;padding:7px 9px;border:1px solid rgba(102,211,255,.18);border-radius:999px;background:rgba(38,114,172,.08);font-size:7px!important;letter-spacing:.13em!important;color:#7fdcff!important}
.system-list,.leaderboard,.announcement-feed,.radio-list,.purchase-feed{position:relative;z-index:2}.system-row{display:grid;grid-template-columns:11px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(137,183,255,.08)}.system-row:last-child{border-bottom:0}.system-led{width:8px;height:8px;border-radius:50%}.system-led.online{background:var(--green);box-shadow:0 0 14px rgba(101,255,192,.7)}.system-led.offline{background:#ff637e;box-shadow:0 0 14px rgba(255,99,126,.6)}.system-led.waiting{background:#7d8aa3}.system-row b{display:block;font-size:11px}.system-row small{display:block;margin-top:4px;color:#6f7f9d;font-size:8px}.system-row>strong{font-size:8px;letter-spacing:.11em;color:#9db2d0}
.leader-row{display:grid;grid-template-columns:76px minmax(0,1fr) 90px 90px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(137,183,255,.08)}.leader-row:last-child{border-bottom:0}.leader-rank{display:flex;align-items:center;gap:9px}.leader-rank>b{width:24px;color:#6e7f9d;font-size:9px}.rank-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(122,196,255,.25);background:linear-gradient(135deg,rgba(49,92,255,.4),rgba(111,76,255,.25));font-size:8px;font-weight:900}.rank-avatar img{width:100%;height:100%;object-fit:cover}.rank-avatar.fallback{color:#cbeeff}.leader-name strong{display:block;font-size:11px}.leader-name span{display:block;margin-top:3px;color:#74839f;font-size:8px}.leader-score,.leader-points{text-align:right}.leader-score small,.leader-points small{display:block;font-size:7px;letter-spacing:.12em;color:#60718f}.leader-score b,.leader-points b{display:block;margin-top:3px;font-size:12px}.leader-points b{color:var(--gold)}
.shop-panel,.purchases-panel{margin-top:14px}.live-shop-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.live-product{min-width:0;border:1px solid rgba(130,184,255,.13);border-radius:17px;overflow:hidden;background:rgba(4,8,18,.66);transition:.24s}.live-product:hover{transform:translateY(-3px);border-color:rgba(97,205,255,.28);box-shadow:0 18px 50px rgba(25,85,177,.13)}.product-art{position:relative;height:118px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(75,139,255,.2),rgba(8,12,25,.8));overflow:hidden}.product-art img{width:100%;height:100%;object-fit:cover}.product-art>span{font-size:30px;color:#7edfff}.product-art i{position:absolute;left:9px;bottom:9px;padding:5px 7px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(3,6,14,.74);backdrop-filter:blur(8px);font-style:normal;font-size:6px;letter-spacing:.12em}.product-body{padding:13px}.product-body>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6e7f9c;font-size:7px}.product-body h4{height:34px;margin:5px 0 12px;font-size:12px;line-height:1.35}.product-body>div{display:flex;align-items:end;justify-content:space-between;gap:10px}.product-body strong{font-size:12px;color:var(--gold)}.product-body strong em{font-style:normal;font-size:7px}.product-body span{font-size:7px;color:#8292ad}.shop-note{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-top:15px;padding:11px 13px;border:1px solid rgba(255,215,138,.12);border-radius:14px;background:rgba(255,215,138,.035)}.shop-note>span{color:var(--gold)}.shop-note p{margin:0;color:#8291aa;font-size:9px}.shop-note b{color:#fff}
.announce-item{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:13px 0;border-bottom:1px solid rgba(137,183,255,.08)}.announce-item:last-child{border-bottom:0}.announce-item>img{width:92px;height:68px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}.announce-meta{display:flex;gap:8px;align-items:center}.announce-meta span{padding:4px 6px;border-radius:999px;background:rgba(70,121,255,.1);color:#79caff;font-size:6px;letter-spacing:.12em}.announce-meta time{color:#63738f;font-size:7px}.announce-item h4{margin:6px 0 5px;font-size:12px}.announce-item p{max-height:72px;overflow:hidden;margin:0;color:#7f8ea7;font-size:9px;line-height:1.55}
.radio-row{display:grid;grid-template-columns:28px 1fr 10px;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(137,183,255,.08)}.radio-row>span{font-size:8px;color:#657691}.radio-row b{display:block;font-size:11px}.radio-row small{display:block;margin-top:3px;color:#697a98;font-size:7px}.radio-row>i{width:7px;height:7px;border-radius:50%}.radio-row>i.online{background:var(--green);box-shadow:0 0 12px var(--green)}.radio-row>i.offline{background:#ff637e}.radio-row>i.waiting{background:#7d8aa3}.music-live-card{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-top:17px;padding:14px;border:1px solid rgba(109,210,255,.12);border-radius:16px;background:rgba(30,97,152,.06)}.media-wave{height:34px;display:flex;align-items:center;gap:3px}.media-wave i{display:block;width:3px;height:10px;border-radius:3px;background:#72e7ff;animation:mediaWave 1s ease-in-out infinite alternate}.media-wave i:nth-child(2){height:25px;animation-delay:.15s}.media-wave i:nth-child(3){height:18px;animation-delay:.3s}.media-wave i:nth-child(4){height:30px;animation-delay:.45s}@keyframes mediaWave{to{height:7px;opacity:.45}}.music-live-card small{display:block;color:#6f84a6;font-size:7px;letter-spacing:.14em}.music-live-card strong{display:block;margin-top:3px;font-size:12px}.music-live-card div>span{display:block;margin-top:4px;color:#7384a0;font-size:8px}
.purchase-feed{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.purchase-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(137,183,255,.08)}.purchase-row strong{display:block;font-size:10px}.purchase-row div span{display:block;margin-top:3px;color:#74839e;font-size:8px}.purchase-row>b{font-size:8px;color:var(--gold)}.purchase-row time{font-size:7px;color:#62728e}.live-empty{padding:24px 12px;text-align:center;color:#6f7f9b;font-size:9px;letter-spacing:.04em}

@media(max-width:1180px){.live-overview{grid-template-columns:repeat(3,1fr)}.live-shop-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.live-layout,.lower-live-layout{grid-template-columns:1fr}.live-shop-grid{grid-template-columns:repeat(2,1fr)}.purchase-feed{grid-template-columns:1fr}.leader-row{grid-template-columns:68px minmax(0,1fr) 72px}.leader-points{display:none}}
@media(max-width:650px){.live-hub{padding-top:88px}.live-overview{grid-template-columns:1fr 1fr}.live-stat{min-height:112px;padding:16px 14px}.live-stat strong{font-size:27px}.live-panel{padding:18px;border-radius:19px}.live-panel-head{align-items:flex-start}.live-source{display:none}.live-shop-grid{grid-template-columns:1fr 1fr;gap:8px}.product-art{height:90px}.product-body{padding:10px}.leader-row{grid-template-columns:55px minmax(0,1fr) 60px;gap:8px}.leader-rank>b{display:none}.rank-avatar{width:31px;height:31px}.announce-item{grid-template-columns:1fr}.announce-item>img{width:100%;height:145px}.purchase-row{grid-template-columns:31px minmax(0,1fr) auto}.purchase-row time{display:none}}
@media(max-width:410px){.live-overview{grid-template-columns:1fr}.live-shop-grid{grid-template-columns:1fr}.product-art{height:130px}}
@media(prefers-reduced-motion:reduce){.media-wave i{animation:none}}


/* ST4R real-time member arrivals */
.arrivals-panel{margin-top:14px}
.live-source.offline{color:#ff8093!important;border-color:rgba(255,99,126,.2);background:rgba(255,99,126,.05)}
.member-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.member-card{position:relative;min-width:0;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(130,184,255,.12);border-radius:16px;background:linear-gradient(145deg,rgba(8,15,32,.7),rgba(4,8,18,.62));overflow:hidden}
.member-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 0 0,rgba(99,211,255,.06),transparent 46%)}
.member-avatar{position:relative;z-index:1;width:38px;height:38px;flex:0 0 38px;border-radius:50%;overflow:hidden;border:1px solid rgba(111,220,255,.22);background:rgba(65,135,211,.11);display:grid;place-items:center;font-size:12px;font-weight:800;color:#94e9ff}
.member-avatar img{width:100%;height:100%;object-fit:cover}.member-card>div{position:relative;z-index:1;min-width:0}.member-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.member-card span{display:block;margin-top:4px;color:#7183a2;font-size:7px}.member-card>i{position:absolute;right:8px;top:8px;padding:4px 6px;border:1px solid rgba(101,255,192,.2);border-radius:999px;background:rgba(101,255,192,.06);font-style:normal;font-size:6px;letter-spacing:.12em;color:#7fffcf}
@media(max-width:860px){.member-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.member-strip{grid-template-columns:1fr}.member-card{padding:11px}.member-avatar{width:35px;height:35px;flex-basis:35px}}

/* =========================================================
   ST4R UNIVERSE // COMPACT LIVE LAYOUT V2 // 2026-09-17
   Less dead space, shorter scroll, premium arrivals rail.
   ========================================================= */
.compact-site .hero{min-height:88svh;padding-top:104px;padding-bottom:96px}
.compact-site .hero h1{font-size:clamp(50px,6.65vw,104px)}
.compact-site .lead{margin-top:21px;line-height:1.62}
.compact-site .hero-actions{margin-top:27px}
.compact-site .hero-meta{margin-top:27px}
.compact-site .scroll-cue{display:none}
.compact-site .section{padding:78px clamp(22px,7vw,120px)}
.compact-site .section-heading .eyebrow{margin-bottom:12px}
.compact-site .section-heading h2{font-size:clamp(38px,4.5vw,66px)}
.compact-site .section-heading>p:last-child{margin-top:15px;font-size:15px;line-height:1.62}
.compact-site .intro{gap:52px;padding-top:72px;padding-bottom:62px}
.compact-site .universe-console{border-radius:22px}
.compact-site .console-core{grid-template-columns:112px 1fr;gap:22px;padding:22px 26px}
.compact-site .mini-orbit{width:104px}
.compact-site .console-top{padding:13px 16px}
.compact-site .console-lines{padding-bottom:14px}
.compact-site .systems{padding-top:48px;padding-bottom:70px}
.compact-site .systems .section-heading{max-width:760px}
.compact-site .feature-grid{margin-top:30px;gap:11px}
.compact-site .feature-card{min-height:214px;padding:22px;border-radius:20px}
.compact-site .feature-card .icon{font-size:22px}
.compact-site .feature-card h3{margin:17px 0 8px;font-size:19px}
.compact-site .feature-card p{font-size:12px;line-height:1.55;padding-right:4px}
.compact-site .card-foot{left:22px;right:22px;bottom:18px}
.compact-site .games-section{min-height:590px;padding-top:76px;padding-bottom:76px}
.compact-site .games-inner{max-width:760px}
.compact-site .game-chips{margin-top:25px}
.compact-site .games-sidecard{bottom:7%;padding:18px}
.compact-site .live-hub{padding-top:68px;padding-bottom:68px}
.compact-site .live-heading{max-width:980px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:26px;align-items:end}
.compact-site .live-heading .eyebrow,.compact-site .live-heading h2,.compact-site .live-heading>p{grid-column:1}
.compact-site .live-heading .live-sync-line{grid-column:2;grid-row:1/4;align-self:center;margin:0}
.compact-site .live-heading h2{font-size:clamp(36px,4vw,58px)}
.compact-site .live-heading>p{max-width:780px}
.compact-site .live-overview{margin-top:24px;gap:8px}
.compact-site .live-stat{min-height:104px;padding:16px 15px;border-radius:18px}
.compact-site .live-stat strong{margin-top:8px;font-size:28px}
.compact-site .live-stat span{margin-top:5px;font-size:7px}
.compact-site .arrivals-panel{margin-top:10px}
.compact-site .live-layout{gap:10px;margin-top:10px}
.compact-site .shop-panel,.compact-site .purchases-panel{margin-top:10px}
.compact-site .live-panel{padding:18px;border-radius:20px}
.compact-site .live-panel-head{margin-bottom:13px}
.compact-site .live-panel-head h3{font-size:20px}
.compact-site .live-panel-head p{margin-top:5px;font-size:9px;line-height:1.5}
.compact-site .system-row{padding:9px 0}
.compact-site .leader-row{padding:7px 0}
.compact-site .rank-avatar{width:30px;height:30px}
.compact-site .leader-name strong{font-size:10px}
.compact-site .leader-score b,.compact-site .leader-points b{font-size:11px}
.compact-site .live-shop-grid{gap:8px}
.compact-site .product-art{height:96px}
.compact-site .product-body{padding:10px 11px}
.compact-site .product-body h4{height:30px;margin:4px 0 8px;font-size:11px}
.compact-site .shop-note{margin-top:10px;padding:8px 11px}
.compact-site .announce-item{padding:8px 0;grid-template-columns:1fr}
.compact-site .announce-item>img{display:none!important}
.compact-site .announce-item h4{margin:4px 0 3px;font-size:11px}
.compact-site .announce-item p{max-height:46px;font-size:8px;line-height:1.42}
.compact-site .radio-row{padding:8px 0}
.compact-site .music-live-card{margin-top:10px;padding:10px 12px}
.compact-site .purchase-row{padding:7px 0}
.compact-site .roadmap{padding-top:54px;padding-bottom:54px}
.compact-site .roadmap-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:none}
.compact-site .roadmap-heading .eyebrow{margin:0 0 6px}
.compact-site .roadmap-heading h2{font-size:clamp(32px,3.3vw,48px)}
.compact-site .roadmap-line{margin-top:24px}
.compact-site .roadmap-line article{padding-top:20px;padding-bottom:8px}
.compact-site .roadmap-line b{margin-top:9px;font-size:15px}
.compact-site .roadmap-line p{font-size:11px;line-height:1.5;margin-bottom:0}
.compact-site .community{padding-top:54px;padding-bottom:64px}
.compact-site .community-card{padding:38px 42px;border-radius:28px}
.compact-site .community-card h2{font-size:clamp(32px,3.5vw,52px)}
.compact-site .community-card p:not(.eyebrow){margin-bottom:0;line-height:1.55}
.compact-site .access-code{margin-top:16px}
.compact-site footer{padding-top:32px;padding-bottom:86px}

/* Premium compact arrivals: newest member + horizontal recent rail */
.compact-site .member-strip{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.9fr);gap:10px;align-items:stretch}
.compact-site .member-feature-card{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:14px 16px;border:1px solid rgba(101,255,192,.18);border-radius:16px;background:radial-gradient(circle at 0 0,rgba(101,255,192,.09),transparent 48%),linear-gradient(145deg,rgba(9,20,33,.88),rgba(5,9,20,.72));overflow:hidden}
.compact-site .member-feature-card:after{content:"NEW SIGNAL";position:absolute;right:12px;top:10px;font-size:6px;letter-spacing:.16em;color:#7fffcf}
.compact-site .member-feature-card .member-avatar{width:52px;height:52px;flex:0 0 52px;box-shadow:0 0 24px rgba(93,224,255,.08)}
.compact-site .member-feature-copy{min-width:0}
.compact-site .member-feature-copy small{display:block;color:#69ffd0;font-size:6px;letter-spacing:.15em;margin-bottom:5px}
.compact-site .member-feature-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.compact-site .member-feature-copy span{display:block;margin-top:5px;color:#7183a2;font-size:8px}
.compact-site .member-mini-rail{display:flex;gap:8px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:1px;scroll-snap-type:x proximity}
.compact-site .member-mini-rail::-webkit-scrollbar{display:none}
.compact-site .member-mini-card{position:relative;flex:0 0 158px;min-width:0;display:flex;align-items:center;gap:9px;padding:11px;border:1px solid rgba(130,184,255,.11);border-radius:15px;background:linear-gradient(145deg,rgba(8,15,32,.68),rgba(4,8,18,.6));scroll-snap-align:start}
.compact-site .member-mini-card .member-avatar{width:34px;height:34px;flex:0 0 34px}
.compact-site .member-mini-card>div{min-width:0}
.compact-site .member-mini-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}
.compact-site .member-mini-card span{display:block;margin-top:3px;color:#7183a2;font-size:6px}
.compact-site .member-mini-rail:after{content:"";flex:0 0 1px}

@media(max-width:980px){
  .compact-site .hero{min-height:auto;padding-top:120px;padding-bottom:88px}
  .compact-site .section{padding-top:64px;padding-bottom:64px}
  .compact-site .intro{gap:32px}
  .compact-site .feature-card{min-height:220px}
  .compact-site .member-strip{grid-template-columns:1fr}
  .compact-site .member-feature-card{min-height:80px}
  .compact-site .live-heading{display:block}
  .compact-site .live-heading .live-sync-line{margin-top:14px}
}
@media(max-width:650px){
  .compact-site .hero{padding-top:102px;padding-bottom:76px}
  .compact-site .section{padding-top:52px;padding-bottom:52px}
  .compact-site .intro{padding-top:52px;padding-bottom:44px}
  .compact-site .systems{padding-top:36px;padding-bottom:52px}
  .compact-site .feature-grid{margin-top:22px}
  .compact-site .feature-card{min-height:190px;padding:18px}
  .compact-site .card-foot{left:18px;right:18px;bottom:15px}
  .compact-site .games-section{min-height:500px;padding-top:60px;padding-bottom:60px}
  .compact-site .live-hub{padding-top:52px;padding-bottom:52px}
  .compact-site .live-overview{grid-template-columns:repeat(3,1fr)}
  .compact-site .live-stat{min-height:92px;padding:13px 11px}
  .compact-site .live-stat strong{font-size:23px}
  .compact-site .member-mini-card{flex-basis:145px}
  .compact-site .community-card{padding:28px 24px}
}
@media(max-width:430px){
  .compact-site .live-overview{grid-template-columns:repeat(2,1fr)}
  .compact-site .member-feature-card .member-avatar{width:46px;height:46px;flex-basis:46px}
}

/* =========================================================
   ST4R UNIVERSE // COSMIC DAILY ROULETTE V4 // 2026-09-17
   Real 24h Discord-linked rewards, compact hero integration.
   ========================================================= */
.compact-site .hero{grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);padding-top:92px;padding-bottom:72px;min-height:92svh}
.compact-site .hero-copy{max-width:720px}
.compact-site .hero-side{position:relative;z-index:4;justify-self:end;width:min(40vw,520px);display:grid;justify-items:center;align-content:center;gap:10px}
.compact-site .hero-side .hero-orbit{justify-self:center;width:min(100%,430px)}
.compact-site .hero-side .core-label{right:0;bottom:12%}
.daily-hub{position:relative;width:100%;min-height:148px;display:grid;grid-template-columns:116px minmax(0,1fr) 132px;align-items:center;gap:14px;padding:14px 15px;border:1px solid rgba(126,187,255,.18);border-radius:22px;background:radial-gradient(circle at 12% 50%,rgba(80,183,255,.12),transparent 36%),radial-gradient(circle at 88% 16%,rgba(139,92,255,.12),transparent 36%),linear-gradient(145deg,rgba(8,14,31,.88),rgba(4,7,18,.9));box-shadow:0 24px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(18px);overflow:hidden}
.daily-hub:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 35%,rgba(114,220,255,.035) 42%,transparent 50%),radial-gradient(circle at 80% 100%,rgba(93,75,255,.08),transparent 38%)}
.daily-hub:after{content:"1 SPIN / 24H";position:absolute;right:14px;top:10px;font-size:5px;letter-spacing:.18em;color:#6c7e9f}
.daily-wheel-wrap{position:relative;z-index:2;width:104px;height:104px;display:grid;place-items:center}
.daily-wheel{position:relative;width:94px;height:94px;border-radius:50%;background:conic-gradient(from 0deg,#2469d8 0 45%,#4ca7e7 45% 75%,#735ee8 75% 92%,#b06af0 92% 99%,#ffd35a 99% 100%);border:2px solid rgba(187,232,255,.34);box-shadow:0 0 30px rgba(70,158,255,.20),inset 0 0 22px rgba(3,7,18,.4);transition:transform 4.2s cubic-bezier(.08,.72,.1,1);will-change:transform}
.daily-wheel:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px dashed rgba(255,255,255,.17)}
.daily-pointer{position:absolute;z-index:6;top:-2px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:13px solid #c5f4ff;filter:drop-shadow(0 0 7px #6bdfff)}
.wheel-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#0b1834,#050916);border:1px solid rgba(166,225,255,.26);box-shadow:0 0 18px rgba(89,191,255,.18)}
.wheel-core b{font-size:8px;letter-spacing:.08em}.wheel-core small{margin-top:2px;font-size:4px;letter-spacing:.15em;color:#74dfff}
.wheel-label{position:absolute;z-index:2;font-size:6px;font-weight:950;color:#fff;text-shadow:0 1px 7px rgba(0,0,0,.55)}
.wl100{left:64%;top:18%}.wl150{right:15%;bottom:24%}.wl300{left:18%;bottom:18%}.wl500{left:18%;top:24%}.wl1000{left:48%;top:5%;transform:translateX(-50%);font-size:4px;color:#ffe98b;text-shadow:0 0 7px #ffd35a,0 1px 7px rgba(0,0,0,.7)}
.daily-copy{position:relative;z-index:2;min-width:0}
.daily-kicker{display:flex;align-items:center;gap:7px;font-size:5px;letter-spacing:.16em;color:#76dfff}.daily-kicker i{width:5px;height:5px;border-radius:50%;background:#6effc2;box-shadow:0 0 10px #6effc2}
.daily-copy h3{margin:5px 0 5px;font-size:19px;letter-spacing:-.03em}.daily-copy>p{margin:0;max-width:300px;color:#8795af;font-size:8px;line-height:1.45}
.daily-user{display:flex;align-items:center;gap:8px;margin-top:8px}.daily-user img{width:27px;height:27px;border-radius:50%;object-fit:cover;border:1px solid rgba(116,219,255,.25);background:#0a1226}.daily-user>div{min-width:0}.daily-user b{display:block;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}.daily-user small{display:block;margin-top:2px;color:#7183a3;font-size:6px}.daily-user small span:first-child{color:#ffd86d;font-weight:900}
.daily-odds{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.daily-odds span{padding:3px 5px;border:1px solid rgba(134,190,255,.09);border-radius:999px;background:rgba(255,255,255,.025);font-size:5px;color:#91a0ba}.daily-odds b{color:#69dcff;font-size:5px}.daily-odds .jackpot{border-color:rgba(255,211,90,.22);background:rgba(255,211,90,.06);color:#ffe7a0;box-shadow:0 0 14px rgba(255,211,90,.06)}.daily-odds .jackpot b{color:#ffd35a;text-shadow:0 0 8px rgba(255,211,90,.25)}
.daily-actions{position:relative;z-index:2;display:grid;justify-items:stretch;gap:7px}.daily-cooldown{display:block;text-align:center;font-size:5px;letter-spacing:.11em;color:#70dfff}.daily-cooldown.ready{color:#76ffc9}.daily-cooldown.cooling{color:#a4b0c6}.daily-btn{min-width:0;width:100%;padding:10px 8px;font-size:7px;letter-spacing:.04em;cursor:pointer}.daily-btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5)}.daily-logout{text-align:center;font-size:5px;letter-spacing:.08em;color:#71819d;text-decoration:none}.daily-logout:hover{color:#9db5d8}
.daily-hub.spinning{border-color:rgba(113,221,255,.34);box-shadow:0 24px 90px rgba(0,0,0,.42),0 0 46px rgba(71,144,255,.10),inset 0 1px 0 rgba(255,255,255,.03)}
.daily-hub.win{animation:dailyWin .9s ease both}.daily-hub.win .wheel-core{box-shadow:0 0 32px rgba(115,230,255,.55)}
@keyframes dailyWin{0%,100%{transform:translateY(0)}35%{transform:translateY(-3px)}65%{transform:translateY(1px)}}

@media(max-width:1080px){
  .compact-site .hero{grid-template-columns:1fr;min-height:auto;padding-top:108px;padding-bottom:80px}
  .compact-site .hero-side{width:100%;justify-self:stretch;justify-items:start;margin-top:22px}
  .compact-site .hero-side .hero-orbit{position:absolute;right:-18vw;top:12vh;width:68vw;opacity:.38}
  .daily-hub{max-width:650px;grid-template-columns:108px minmax(0,1fr) 132px}
}
@media(max-width:650px){
  .compact-site .hero{padding-top:94px;padding-bottom:72px}
  .compact-site .hero-side{margin-top:18px}
  .compact-site .hero-side .hero-orbit{right:-44vw;top:120px;width:94vw;opacity:.28}
  .daily-hub{grid-template-columns:88px minmax(0,1fr);gap:11px;padding:12px;border-radius:19px}
  .daily-wheel-wrap{width:82px;height:82px}.daily-wheel{width:74px;height:74px}.wheel-core{width:34px;height:34px}.wheel-core b{font-size:7px}.wheel-label{font-size:5px}.daily-pointer{border-left-width:5px;border-right-width:5px;border-top-width:10px}
  .daily-copy h3{font-size:16px}.daily-copy>p{font-size:7px}.daily-odds{display:none}.daily-user{margin-top:6px}.daily-actions{grid-column:1/-1;grid-template-columns:1fr 1.35fr auto;align-items:center;gap:7px}.daily-cooldown{text-align:left}.daily-logout{padding:8px 4px}
}
@media(max-width:430px){
  .daily-hub{grid-template-columns:72px minmax(0,1fr)}.daily-wheel-wrap{width:68px;height:68px}.daily-wheel{width:62px;height:62px}.wheel-core{width:29px;height:29px}.wheel-core b{font-size:6px}.daily-copy h3{font-size:14px}.daily-copy>p{font-size:6.5px}.daily-user img{width:24px;height:24px}.daily-actions{grid-template-columns:1fr}.daily-cooldown{text-align:center}.daily-logout{display:none}
}
@media(prefers-reduced-motion:reduce){.daily-wheel{transition:none!important}.daily-hub.win{animation:none!important}}

/* =========================================================
   ST4R UNIVERSE // COSMIC DAILY ROULETTE V5
   Big centered premium daily arena with visible universe bg.
   ========================================================= */
.compact-site .hero{
  grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:clamp(28px,4vw,70px);
  row-gap:clamp(18px,2.4vh,28px);
  min-height:100svh;
  padding-top:96px;
  padding-bottom:74px;
}
.compact-site .hero-copy{align-self:center;max-width:760px}
.compact-site .hero-side{align-self:center;width:min(38vw,500px);justify-self:end}
.compact-site .hero-side .hero-orbit{width:min(100%,420px)}

.daily-stage{
  position:relative;
  z-index:6;
  grid-column:1/-1;
  width:min(100%,1320px);
  min-height:292px;
  justify-self:center;
  border:1px solid rgba(135,203,255,.24);
  border-radius:32px;
  overflow:hidden;
  isolation:isolate;
  box-shadow:0 34px 110px rgba(0,0,0,.48),0 0 60px rgba(61,108,255,.08),inset 0 1px 0 rgba(255,255,255,.04);
  background:#050918;
}
.daily-stage:before{
  content:"";
  position:absolute;
  inset:-10%;
  z-index:-3;
  background:url('../img/hero.webp') center 56%/cover no-repeat;
  filter:saturate(1.45) contrast(1.08) brightness(.72);
  transform:scale(1.05);
  opacity:.72;
}
.daily-stage:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,5,15,.82) 0%,rgba(3,6,18,.56) 42%,rgba(4,6,17,.68) 100%),
    radial-gradient(circle at 18% 44%,rgba(66,189,255,.18),transparent 29%),
    radial-gradient(circle at 82% 30%,rgba(126,77,255,.22),transparent 31%),
    linear-gradient(0deg,rgba(2,4,12,.72),rgba(2,4,12,.08) 52%,rgba(2,4,12,.54));
}
.daily-stage-orbit{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;border:1px solid rgba(118,209,255,.15)}
.daily-stage .orbit-one{width:430px;height:430px;left:-150px;top:-72px;box-shadow:0 0 80px rgba(67,156,255,.10);animation:spin 28s linear infinite}
.daily-stage .orbit-two{width:520px;height:520px;right:-210px;bottom:-265px;border-style:dashed;border-color:rgba(159,106,255,.16);animation:spinback 34s linear infinite}

.daily-stage .daily-hub{
  width:100%;
  min-height:292px;
  display:grid;
  grid-template-columns:260px minmax(0,1fr) 270px;
  align-items:center;
  gap:clamp(24px,3vw,48px);
  padding:30px clamp(28px,4vw,58px);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  overflow:visible;
}
.daily-stage .daily-hub:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 36%,rgba(126,224,255,.055) 43%,transparent 50%),
    linear-gradient(90deg,rgba(89,183,255,.045),transparent 23%,transparent 75%,rgba(125,91,255,.05));
}
.daily-stage .daily-hub:after{
  content:"1 SPIN / 24H  •  DISCORD VERIFIED  •  REAL ST4R POINTS";
  position:absolute;
  left:50%;
  right:auto;
  top:16px;
  transform:translateX(-50%);
  padding:7px 13px;
  border:1px solid rgba(124,214,255,.15);
  border-radius:999px;
  background:rgba(3,8,22,.48);
  backdrop-filter:blur(10px);
  font-size:7px;
  letter-spacing:.19em;
  color:#8bdfff;
  white-space:nowrap;
}

.daily-stage .daily-wheel-wrap{
  width:238px;
  height:238px;
  justify-self:center;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.38));
}
.daily-stage .daily-wheel{
  width:218px;
  height:218px;
  border:4px solid rgba(195,237,255,.52);
  box-shadow:
    0 0 0 9px rgba(79,157,255,.06),
    0 0 58px rgba(65,162,255,.30),
    0 0 100px rgba(111,74,255,.16),
    inset 0 0 42px rgba(2,6,18,.52);
}
.daily-stage .daily-wheel:before{inset:15px;border-width:1px;border-color:rgba(255,255,255,.20)}
.daily-stage .daily-wheel:after{
  content:"";
  position:absolute;
  inset:-13px;
  border-radius:50%;
  border:1px dashed rgba(121,219,255,.24);
  animation:spinback 18s linear infinite;
}
.daily-stage .daily-pointer{
  top:-4px;
  border-left-width:11px;
  border-right-width:11px;
  border-top-width:24px;
  filter:drop-shadow(0 0 12px #75e6ff) drop-shadow(0 0 20px rgba(117,230,255,.45));
}
.daily-stage .wheel-core{
  width:84px;
  height:84px;
  border:2px solid rgba(169,231,255,.33);
  box-shadow:0 0 34px rgba(82,191,255,.34),inset 0 0 24px rgba(102,94,255,.13);
}
.daily-stage .wheel-core b{font-size:15px;letter-spacing:.1em}
.daily-stage .wheel-core small{font-size:7px;margin-top:4px}
.daily-stage .wheel-label{font-size:11px;text-shadow:0 2px 12px rgba(0,0,0,.75),0 0 7px rgba(255,255,255,.18)}
.daily-stage .wl100{left:66%;top:18%}
.daily-stage .wl150{right:14%;bottom:24%}
.daily-stage .wl300{left:18%;bottom:18%}
.daily-stage .wl500{left:17%;top:24%}
.daily-stage .wl1000{left:50%;top:4%;font-size:8px;padding:3px 6px;border-radius:999px;background:rgba(255,211,90,.10);border:1px solid rgba(255,211,90,.24);box-shadow:0 0 18px rgba(255,211,90,.14)}

.daily-stage .daily-copy{padding-top:12px}
.daily-stage .daily-kicker{font-size:8px;letter-spacing:.2em;gap:9px;color:#80e5ff}
.daily-stage .daily-kicker i{width:7px;height:7px}
.daily-stage .daily-copy h3{
  margin:10px 0 8px;
  font-size:clamp(30px,3vw,44px);
  line-height:.98;
  letter-spacing:-.045em;
  text-shadow:0 12px 34px rgba(0,0,0,.52);
}
.daily-stage .daily-copy>p{max-width:540px;font-size:12px;line-height:1.55;color:#b0bdd3}
.daily-stage .daily-user{gap:12px;margin-top:14px;padding:10px 12px;width:max-content;max-width:100%;border:1px solid rgba(129,200,255,.12);border-radius:15px;background:rgba(3,8,22,.42);backdrop-filter:blur(10px)}
.daily-stage .daily-user img{width:42px;height:42px}
.daily-stage .daily-user b{max-width:290px;font-size:12px}
.daily-stage .daily-user small{font-size:8px;margin-top:4px}
.daily-stage .daily-odds{gap:7px;margin-top:14px}
.daily-stage .daily-odds span{padding:7px 9px;font-size:7px;background:rgba(2,7,20,.44);border-color:rgba(129,197,255,.14);backdrop-filter:blur(9px)}
.daily-stage .daily-odds b{font-size:7px}
.daily-stage .daily-odds .jackpot{padding-inline:11px;box-shadow:0 0 24px rgba(255,211,90,.10),inset 0 0 18px rgba(255,211,90,.04)}

.daily-stage .daily-actions{
  position:relative;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  padding:22px;
  border:1px solid rgba(135,196,255,.15);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(5,12,29,.70),rgba(5,8,21,.54));
  backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 44px rgba(0,0,0,.18);
}
.daily-stage .daily-actions:before{content:"DAILY ACCESS";display:block;text-align:center;margin-bottom:2px;font-size:7px;letter-spacing:.20em;color:#7284a6}
.daily-stage .daily-cooldown{font-size:8px;line-height:1.4;letter-spacing:.13em}
.daily-stage .daily-btn{min-height:50px;padding:15px 16px;font-size:11px;box-shadow:0 14px 40px rgba(66,91,255,.22)}
.daily-stage .daily-logout{font-size:7px;padding:4px}
.daily-stage .daily-actions:after{content:"1000 PTS JACKPOT";display:block;text-align:center;margin-top:2px;font-size:7px;font-weight:900;letter-spacing:.13em;color:#ffd75c;text-shadow:0 0 12px rgba(255,215,92,.25)}

.daily-stage .daily-hub.spinning{box-shadow:none}
.daily-stage .daily-hub.win{animation:dailyWinV5 1s ease both}
@keyframes dailyWinV5{0%,100%{transform:scale(1)}35%{transform:scale(1.008)}65%{transform:scale(.998)}}

@media(max-width:1080px){
  .compact-site .hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:106px;padding-bottom:78px;row-gap:20px}
  .compact-site .hero-side{position:absolute;right:-8vw;top:105px;width:48vw;opacity:.42;pointer-events:none}
  .compact-site .hero-copy{max-width:780px}
  .daily-stage{grid-column:1;min-height:unset;margin-top:6px}
  .daily-stage .daily-hub{grid-template-columns:220px minmax(0,1fr);padding:42px 28px 26px;gap:24px}
  .daily-stage .daily-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;padding:13px 16px}
  .daily-stage .daily-actions:before,.daily-stage .daily-actions:after{display:none}
  .daily-stage .daily-wheel-wrap{width:205px;height:205px}
  .daily-stage .daily-wheel{width:188px;height:188px}
  .daily-stage .wheel-core{width:72px;height:72px}
}
@media(max-width:650px){
  .compact-site .hero{padding-top:92px;padding-bottom:68px}
  .compact-site .hero-side{right:-42vw;top:130px;width:92vw;opacity:.25}
  .daily-stage{border-radius:24px}
  .daily-stage:before{background-position:56% center;opacity:.62}
  .daily-stage .daily-hub{grid-template-columns:1fr;justify-items:center;text-align:center;padding:48px 18px 20px;gap:16px}
  .daily-stage .daily-hub:after{top:12px;font-size:5.5px;letter-spacing:.13em}
  .daily-stage .daily-wheel-wrap{width:190px;height:190px}
  .daily-stage .daily-wheel{width:174px;height:174px}
  .daily-stage .wheel-core{width:68px;height:68px}
  .daily-stage .wheel-core b{font-size:12px}
  .daily-stage .daily-copy{padding-top:0}
  .daily-stage .daily-copy h3{font-size:29px}
  .daily-stage .daily-copy>p{font-size:10px;margin-inline:auto}
  .daily-stage .daily-user{margin-inline:auto;text-align:left}
  .daily-stage .daily-odds{justify-content:center}
  .daily-stage .daily-actions{width:100%;grid-column:auto;display:grid;grid-template-columns:1fr;padding:14px}
  .daily-stage .daily-cooldown{text-align:center}
  .daily-stage .daily-logout{display:block}
}
@media(max-width:430px){
  .daily-stage .daily-wheel-wrap{width:168px;height:168px}
  .daily-stage .daily-wheel{width:154px;height:154px}
  .daily-stage .wheel-core{width:60px;height:60px}
  .daily-stage .daily-copy h3{font-size:25px}
  .daily-stage .daily-odds span{padding:5px 7px;font-size:6px}
}
@media(prefers-reduced-motion:reduce){.daily-stage .daily-wheel:after,.daily-stage .orbit-one,.daily-stage .orbit-two{animation:none!important}}

/* =========================================================
   ST4R DAILY V6 — FULL-WIDTH COSMIC ARENA
   Standalone, centered, intentionally oversized.
   ========================================================= */
.daily-arena{
  position:relative;
  isolation:isolate;
  min-height:940px;
  padding:92px clamp(22px,4vw,72px) 110px;
  overflow:hidden;
  border-top:1px solid rgba(129,201,255,.14);
  border-bottom:1px solid rgba(129,201,255,.14);
  background:#02050f;
}
.daily-cosmos{
  position:absolute;inset:0;z-index:-4;overflow:hidden;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(1,3,10,.82) 0%,rgba(2,5,15,.58) 18%,rgba(2,4,13,.54) 62%,rgba(1,3,10,.90) 100%),
    url('../img/hero.webp') center 42%/cover no-repeat;
  filter:saturate(1.34) contrast(1.04);
}
.daily-cosmos:before{
  content:"";position:absolute;inset:-18%;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(56,128,255,.18),transparent 22%),
    radial-gradient(ellipse at 37% 38%,rgba(54,213,255,.13),transparent 21%),
    radial-gradient(ellipse at 70% 46%,rgba(130,72,255,.18),transparent 24%),
    conic-gradient(from 205deg at 50% 46%,transparent 0 30%,rgba(54,117,255,.07) 35%,transparent 42% 65%,rgba(135,69,255,.06) 71%,transparent 77%);
  filter:blur(10px);
  animation:dailyCosmosDrift 18s ease-in-out infinite alternate;
}
.daily-cosmos:after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 50% 36%,transparent 0 19%,rgba(1,4,13,.08) 31%,rgba(1,3,10,.60) 70%),
    linear-gradient(90deg,rgba(1,3,10,.68),transparent 20% 80%,rgba(1,3,10,.68));
}
@keyframes dailyCosmosDrift{from{transform:scale(1.02) translate3d(-1%,0,0)}to{transform:scale(1.08) translate3d(1%,1%,0)}}
.daily-nebula{position:absolute;border-radius:50%;filter:blur(72px);opacity:.5;mix-blend-mode:screen}
.daily-nebula-a{width:520px;height:360px;left:6%;top:18%;background:rgba(30,157,255,.22);animation:floaty 13s ease-in-out infinite alternate}
.daily-nebula-b{width:620px;height:400px;right:2%;bottom:7%;background:rgba(126,71,255,.23);animation:floaty 16s ease-in-out infinite alternate-reverse}
.daily-planet{position:absolute;border-radius:50%;opacity:.55;box-shadow:inset -24px -18px 50px rgba(0,0,0,.55),0 0 70px rgba(81,123,255,.12)}
.daily-planet-a{width:180px;height:180px;right:6%;top:14%;background:radial-gradient(circle at 35% 30%,#6079d7 0 3%,#203469 28%,#0b132a 64%,#050816 100%)}
.daily-planet-a:after{content:"";position:absolute;left:-54px;right:-54px;top:80px;height:36px;border:1px solid rgba(157,193,255,.24);border-radius:50%;transform:rotate(-13deg)}
.daily-planet-b{width:86px;height:86px;left:8%;bottom:19%;background:radial-gradient(circle at 35% 30%,#70d9ff,#233f78 35%,#071122 74%)}
.daily-starfield{position:absolute;inset:0;opacity:.65;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,#77ddff 0 1px,transparent 1.4px);background-size:113px 113px,167px 167px;background-position:0 0,52px 38px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 88%,transparent)}

.daily-arena-head{position:relative;z-index:2;width:min(980px,100%);margin:0 auto 48px;text-align:center}
.daily-arena-kicker{display:flex;justify-content:center;align-items:center;gap:13px;color:#86e7ff;font-size:9px;font-weight:800;letter-spacing:.27em;text-transform:uppercase}
.daily-arena-kicker i{width:34px;height:1px;background:linear-gradient(90deg,transparent,#7de7ff);box-shadow:0 0 14px rgba(125,231,255,.55)}
.daily-arena-kicker i:last-child{transform:scaleX(-1)}
.daily-arena-head h2{margin:18px 0 14px;font-size:clamp(46px,6vw,88px);line-height:.92;letter-spacing:-.055em;text-shadow:0 18px 65px rgba(0,0,0,.7)}
.daily-arena-head h2 span{background:linear-gradient(90deg,#8ce7ff 0%,#7bbcff 32%,#9b82ff 65%,#d18cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.daily-arena-head p{max-width:760px;margin:0 auto;color:#9eabc3;font-size:14px;line-height:1.75}

.daily-arena .daily-stage{
  position:relative;z-index:2;width:min(1120px,100%);min-height:610px;margin:0 auto;
  border:1px solid rgba(137,207,255,.22);border-radius:42px;overflow:hidden;isolation:isolate;
  background:radial-gradient(circle at 50% 37%,rgba(68,137,255,.10),transparent 28%),linear-gradient(180deg,rgba(5,10,26,.58),rgba(3,6,17,.80));
  box-shadow:0 46px 150px rgba(0,0,0,.58),0 0 100px rgba(74,102,255,.10),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(12px);
}
.daily-arena .daily-stage:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 48%,rgba(104,173,255,.11),transparent 31%),linear-gradient(115deg,rgba(109,224,255,.03),transparent 35% 65%,rgba(156,92,255,.04))}
.daily-arena .daily-stage:after{content:"";position:absolute;inset:18px;z-index:-1;border:1px solid rgba(144,208,255,.07);border-radius:31px;pointer-events:none}
.daily-arena .daily-stage .orbit-one{width:610px;height:610px;left:50%;top:88px;transform:translateX(-50%);border-color:rgba(113,213,255,.14);box-shadow:0 0 110px rgba(66,144,255,.07);animation:dailyOrbitOne 36s linear infinite}
.daily-arena .daily-stage .orbit-two{width:760px;height:760px;left:50%;right:auto;bottom:auto;top:11px;transform:translateX(-50%);border-color:rgba(167,100,255,.10);border-style:dashed;animation:dailyOrbitTwo 48s linear infinite}
@keyframes dailyOrbitOne{to{transform:translateX(-50%) rotate(360deg)}}
@keyframes dailyOrbitTwo{to{transform:translateX(-50%) rotate(-360deg)}}

.daily-arena .daily-hub{
  position:relative;width:100%;min-height:610px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:0;padding:44px 36px 38px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible;text-align:center;
}
.daily-arena .daily-hub:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 37%,rgba(81,176,255,.08),transparent 24%)}
.daily-arena .daily-hub:after{content:"1 SPIN / 24H   •   DISCORD VERIFIED   •   REAL ST4R POINTS";position:relative;order:-4;left:auto;right:auto;top:auto;transform:none;margin:0 0 24px;padding:9px 16px;border:1px solid rgba(124,214,255,.16);border-radius:999px;background:rgba(3,8,22,.50);font-size:8px;letter-spacing:.19em;color:#8de4ff;white-space:nowrap}

.daily-arena .daily-wheel-wrap{order:-3;position:relative;width:440px;height:440px;display:grid;place-items:center;margin:0 auto 8px;filter:drop-shadow(0 30px 60px rgba(0,0,0,.55))}
.daily-arena .daily-wheel-wrap:before{content:"";position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,rgba(61,166,255,.13),transparent 62%);box-shadow:0 0 110px rgba(65,143,255,.20),0 0 180px rgba(123,70,255,.12);animation:pulseGlow 3.8s ease-in-out infinite alternate}
@keyframes pulseGlow{from{opacity:.65;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}
.daily-arena .daily-wheel{width:404px;height:404px;border:6px solid rgba(204,241,255,.58);box-shadow:0 0 0 12px rgba(83,160,255,.055),0 0 0 22px rgba(113,95,255,.025),0 0 88px rgba(64,165,255,.34),0 0 150px rgba(124,74,255,.18),inset 0 0 64px rgba(2,5,16,.58);background:conic-gradient(from 0deg,#2267d6 0 45%,#48a4e8 45% 75%,#705ce7 75% 92%,#b66beb 92% 99%,#ffd45f 99% 100%)}
.daily-arena .daily-wheel:before{inset:25px;border-color:rgba(255,255,255,.20)}
.daily-arena .daily-wheel:after{inset:-22px;border-color:rgba(124,223,255,.24);box-shadow:0 0 50px rgba(124,223,255,.06)}
.daily-arena .daily-pointer{top:-11px;border-left-width:17px;border-right-width:17px;border-top-width:36px;filter:drop-shadow(0 0 14px #86edff) drop-shadow(0 0 30px rgba(134,237,255,.58))}
.daily-arena .wheel-core{width:142px;height:142px;border:3px solid rgba(179,235,255,.36);background:radial-gradient(circle at 50% 35%,rgba(40,91,171,.95),rgba(8,18,43,.98) 67%);box-shadow:0 0 54px rgba(82,191,255,.34),inset 0 0 34px rgba(103,94,255,.17)}
.daily-arena .wheel-core b{font-size:25px;letter-spacing:.12em}.daily-arena .wheel-core small{font-size:9px;margin-top:7px;letter-spacing:.2em}
.daily-arena .wheel-label{font-size:16px;font-weight:950;text-shadow:0 3px 18px rgba(0,0,0,.92),0 0 8px rgba(255,255,255,.22)}
.daily-arena .wl100{left:67%;top:19%}.daily-arena .wl150{right:12%;bottom:25%}.daily-arena .wl300{left:17%;bottom:18%}.daily-arena .wl500{left:15%;top:24%}.daily-arena .wl1000{left:50%;top:3%;font-size:11px;padding:5px 9px}

.daily-arena .daily-copy{order:-2;width:min(780px,100%);padding:0;margin:2px auto 0;text-align:center}
.daily-arena .daily-kicker{justify-content:center;font-size:8px;letter-spacing:.2em}.daily-arena .daily-copy h3{margin:10px 0 8px;font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.045em}.daily-arena .daily-copy>p{max-width:680px;margin:0 auto;color:#aab8cf;font-size:12px;line-height:1.6}
.daily-arena .daily-user{justify-content:center;margin:14px auto 0;padding:11px 15px;width:max-content;max-width:100%;border-radius:17px;background:rgba(2,7,20,.62);border:1px solid rgba(131,206,255,.15)}
.daily-arena .daily-user img{width:46px;height:46px}.daily-arena .daily-user b{font-size:12px;text-align:left}.daily-arena .daily-user small{font-size:8px;text-align:left}
.daily-arena .daily-odds{justify-content:center;gap:8px;margin:14px auto 0}.daily-arena .daily-odds span{padding:7px 10px;font-size:7px}.daily-arena .daily-odds b{font-size:7px}

.daily-arena .daily-actions{order:-1;position:relative;align-self:auto;width:min(520px,100%);display:flex;flex-direction:column;justify-content:center;gap:12px;margin:22px auto 0;padding:18px 20px;border:1px solid rgba(135,196,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(4,11,28,.78),rgba(4,8,21,.67));backdrop-filter:blur(18px);box-shadow:0 20px 54px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.025)}
.daily-arena .daily-actions:before{content:"DAILY ACCESS";font-size:7px;letter-spacing:.2em;color:#7789aa}.daily-arena .daily-actions:after{content:"1000 PTS JACKPOT • 1%";font-size:8px;font-weight:950;letter-spacing:.15em;color:#ffd75c;text-shadow:0 0 15px rgba(255,215,92,.32)}
.daily-arena .daily-cooldown{font-size:9px;letter-spacing:.13em}.daily-arena .daily-btn{width:100%;min-height:64px;padding:18px 22px;font-size:14px;border-radius:18px;box-shadow:0 18px 48px rgba(66,91,255,.28)}.daily-arena .daily-logout{font-size:7px}
.daily-arena .daily-hub.win .daily-wheel-wrap:before{animation:jackpotFlash .8s ease 2}@keyframes jackpotFlash{50%{opacity:1;transform:scale(1.09);box-shadow:0 0 170px rgba(108,222,255,.38),0 0 240px rgba(135,77,255,.30)}}

@media(max-width:900px){
  .daily-arena{min-height:840px;padding:76px 18px 88px}.daily-arena-head{margin-bottom:34px}.daily-arena .daily-stage{min-height:570px;border-radius:30px}.daily-arena .daily-hub{min-height:570px;padding:36px 18px 28px}.daily-arena .daily-wheel-wrap{width:360px;height:360px}.daily-arena .daily-wheel{width:330px;height:330px}.daily-arena .wheel-core{width:118px;height:118px}.daily-arena .wheel-core b{font-size:20px}.daily-arena .wheel-label{font-size:13px}
}
@media(max-width:520px){
  .daily-arena{min-height:760px;padding:62px 12px 74px}.daily-arena-head h2{font-size:42px}.daily-arena-head p{font-size:11px}.daily-arena-kicker{font-size:7px;letter-spacing:.18em}.daily-arena .daily-stage{border-radius:24px}.daily-arena .daily-hub{padding:30px 12px 22px}.daily-arena .daily-hub:after{font-size:5.5px;letter-spacing:.11em;padding:7px 10px;margin-bottom:16px}.daily-arena .daily-wheel-wrap{width:300px;height:300px}.daily-arena .daily-wheel{width:274px;height:274px}.daily-arena .wheel-core{width:96px;height:96px}.daily-arena .wheel-core b{font-size:16px}.daily-arena .wheel-core small{font-size:7px}.daily-arena .wheel-label{font-size:11px}.daily-arena .daily-copy h3{font-size:32px}.daily-arena .daily-copy>p{font-size:10px}.daily-arena .daily-odds{gap:5px}.daily-arena .daily-odds span{padding:5px 7px;font-size:6px}.daily-arena .daily-actions{margin-top:17px;padding:15px}.daily-arena .daily-btn{min-height:56px;font-size:12px}
}

/* V6 hero no longer contains the roulette; keep the hero compact. */
.compact-site .hero{grid-template-rows:auto;min-height:88svh;padding-top:96px;padding-bottom:92px}
@media(max-width:1080px){.compact-site .hero{grid-template-rows:auto;min-height:auto;padding-top:106px;padding-bottom:92px}}
@media(max-width:650px){.compact-site .hero{grid-template-rows:auto;padding-top:92px;padding-bottom:82px}}

/* =========================================================
   ST4R DAILY V7 — HUGE CENTERED COSMIC PORTAL
   No public odds. Standalone full-width experience.
   ========================================================= */
.daily-v7{
  min-height:1120px;
  padding:110px clamp(18px,4vw,74px) 128px;
  background:#01040d;
}
.daily-v7 .daily-cosmos{
  background:
    linear-gradient(180deg,rgba(1,3,11,.88),rgba(2,6,19,.56) 24%,rgba(2,5,18,.52) 70%,rgba(1,3,10,.93)),
    url('../img/hero.webp') center 46%/cover no-repeat;
  filter:saturate(1.55) contrast(1.08);
}
.daily-v7 .daily-cosmos:before{
  inset:-12%;
  background:
    radial-gradient(ellipse at 50% 43%,rgba(67,152,255,.24),transparent 20%),
    radial-gradient(ellipse at 36% 46%,rgba(30,207,255,.15),transparent 25%),
    radial-gradient(ellipse at 69% 48%,rgba(139,72,255,.22),transparent 26%),
    conic-gradient(from 215deg at 50% 47%,transparent 0 26%,rgba(59,132,255,.09) 34%,transparent 42% 62%,rgba(151,75,255,.08) 69%,transparent 78%);
  filter:blur(8px);
}
.daily-v7 .daily-arena-head{width:min(1100px,100%);margin-bottom:54px}
.daily-v7 .daily-arena-head h2{font-size:clamp(58px,7vw,104px);letter-spacing:-.06em;margin-top:20px}
.daily-v7 .daily-arena-head p{max-width:810px;font-size:15px;color:#aab6ca}

.daily-v7 .daily-stage{
  width:min(1280px,100%);
  min-height:760px;
  border-radius:54px;
  background:
    radial-gradient(circle at 50% 40%,rgba(69,149,255,.13),transparent 30%),
    radial-gradient(circle at 50% 72%,rgba(112,73,255,.09),transparent 34%),
    linear-gradient(180deg,rgba(4,9,25,.58),rgba(2,5,15,.84));
  box-shadow:0 58px 180px rgba(0,0,0,.66),0 0 130px rgba(75,118,255,.10),inset 0 1px 0 rgba(255,255,255,.055);
}
.daily-v7 .daily-stage:after{inset:22px;border-radius:39px}
.daily-v7 .daily-stage .orbit-one{width:770px;height:770px;top:10px}
.daily-v7 .daily-stage .orbit-two{width:940px;height:940px;top:-76px}

.daily-v7 .daily-hub{
  min-height:760px;
  padding:42px 38px 46px;
  justify-content:flex-start;
}
.daily-v7 .daily-hub:before{
  background:
    radial-gradient(circle at 50% 38%,rgba(92,185,255,.12),transparent 27%),
    radial-gradient(circle at 50% 47%,rgba(127,83,255,.07),transparent 46%);
}
.daily-v7 .daily-hub:after{
  content:"1 SPIN / 24H   •   DISCORD VERIFIED   •   REAL ST4R POINTS";
  margin-bottom:20px;
  padding:10px 18px;
  font-size:8px;
}

.daily-v7 .daily-wheel-wrap{
  width:560px;
  height:560px;
  margin:0 auto 14px;
  filter:drop-shadow(0 40px 80px rgba(0,0,0,.62));
}
.daily-v7 .daily-wheel-wrap:before{
  inset:-4px;
  box-shadow:0 0 130px rgba(59,154,255,.28),0 0 230px rgba(130,72,255,.18);
}
.daily-v7 .daily-wheel-aura{
  position:absolute;
  inset:36px;
  border-radius:50%;
  background:conic-gradient(from 0deg,rgba(105,227,255,.0),rgba(105,227,255,.22),rgba(135,92,255,.10),rgba(105,227,255,.0));
  filter:blur(26px);
  opacity:.9;
  animation:v7Aura 8s linear infinite;
}
@keyframes v7Aura{to{transform:rotate(360deg)}}

.daily-v7 .daily-wheel{
  width:520px;
  height:520px;
  border:8px solid rgba(211,244,255,.68);
  background:conic-gradient(from 0deg,#1e60d0 0 45%,#469fe2 45% 75%,#6d59df 75% 92%,#a85fdd 92% 99%,#efbf42 99% 100%);
  box-shadow:
    0 0 0 13px rgba(83,160,255,.06),
    0 0 0 26px rgba(113,95,255,.028),
    0 0 108px rgba(64,165,255,.40),
    0 0 190px rgba(124,74,255,.20),
    inset 0 0 85px rgba(2,5,16,.62);
}
.daily-v7 .daily-wheel:before{inset:31px;border-color:rgba(255,255,255,.21)}
.daily-v7 .daily-wheel:after{inset:-27px;border-color:rgba(124,223,255,.28);box-shadow:0 0 72px rgba(124,223,255,.09)}
.daily-v7 .daily-pointer{
  top:-14px;
  border-left-width:21px;
  border-right-width:21px;
  border-top-width:45px;
  filter:drop-shadow(0 0 16px #8defff) drop-shadow(0 0 36px rgba(134,237,255,.64));
}
.daily-v7 .wheel-label{
  font-size:19px;
  font-weight:950;
  letter-spacing:.02em;
  text-shadow:0 4px 22px rgba(0,0,0,.94),0 0 10px rgba(255,255,255,.20);
}
.daily-v7 .wl100{left:68%;top:19%}
.daily-v7 .wl150{right:12%;bottom:25%}
.daily-v7 .wl300{left:17%;bottom:18%}
.daily-v7 .wl500{left:14%;top:24%}
.daily-v7 .wl1000{left:50%;top:3%;font-size:13px;padding:5px 10px}

/* Universe inside the roulette */
.daily-v7 .wheel-core.cosmic-core{
  width:190px;
  height:190px;
  overflow:hidden;
  border:4px solid rgba(197,237,255,.48);
  background:
    radial-gradient(circle at 48% 50%,rgba(129,209,255,.28),transparent 11%),
    radial-gradient(circle at 42% 42%,rgba(57,132,255,.62),transparent 23%),
    radial-gradient(circle at 64% 62%,rgba(149,74,255,.45),transparent 27%),
    radial-gradient(circle at 50% 50%,#071329 0 36%,#020713 72%,#01030a 100%);
  box-shadow:0 0 78px rgba(83,190,255,.44),inset 0 0 58px rgba(71,86,255,.22),inset 0 0 8px rgba(255,255,255,.18);
}
.daily-v7 .cosmic-core:before{
  content:"";
  position:absolute;
  inset:-32%;
  background:conic-gradient(from 30deg,transparent 0 14%,rgba(93,194,255,.18) 20%,transparent 27% 44%,rgba(135,83,255,.20) 53%,transparent 62% 78%,rgba(64,167,255,.12) 86%,transparent 94%);
  filter:blur(8px);
  animation:v7GalaxySpin 15s linear infinite;
}
.daily-v7 .cosmic-core:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,transparent 0 52%,rgba(0,0,0,.22) 76%,rgba(0,0,0,.58) 100%);
  pointer-events:none;
}
@keyframes v7GalaxySpin{to{transform:rotate(360deg)}}
.daily-v7 .core-nebula{position:absolute;border-radius:50%;filter:blur(13px);mix-blend-mode:screen;opacity:.78}
.daily-v7 .core-nebula-a{width:84px;height:50px;left:20px;top:39px;background:rgba(48,180,255,.55);transform:rotate(-24deg)}
.daily-v7 .core-nebula-b{width:92px;height:58px;right:9px;bottom:33px;background:rgba(137,72,255,.50);transform:rotate(21deg)}
.daily-v7 .core-galaxy{position:absolute;width:76px;height:76px;left:57px;top:57px;border-radius:50%;background:radial-gradient(circle,#f4fbff 0 3%,#9fe4ff 4% 8%,rgba(87,158,255,.72) 13%,rgba(82,94,255,.25) 31%,transparent 65%);box-shadow:0 0 24px rgba(135,220,255,.55);z-index:3}
.daily-v7 .core-planet{position:absolute;width:35px;height:35px;right:36px;top:43px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#b7efff 0 6%,#4e8ed1 23%,#182d62 58%,#080f25 100%);box-shadow:-10px 10px 20px rgba(0,0,0,.35),0 0 14px rgba(99,189,255,.38);z-index:4}
.daily-v7 .core-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(147,219,255,.30);border-radius:50%;z-index:5;pointer-events:none}
.daily-v7 .core-orbit-a{width:135px;height:66px;transform:translate(-50%,-50%) rotate(-21deg)}
.daily-v7 .core-orbit-b{width:108px;height:154px;transform:translate(-50%,-50%) rotate(34deg);border-color:rgba(167,127,255,.23)}
.daily-v7 .core-stars{position:absolute;inset:8px;border-radius:50%;z-index:6;opacity:.95;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,#8ddfff 0 1px,transparent 1.5px),radial-gradient(circle,#b29cff 0 1px,transparent 1.5px);background-size:31px 31px,43px 43px,57px 57px;background-position:3px 8px,15px 2px,4px 21px;mask-image:radial-gradient(circle,black 0 72%,transparent 96%)}

.daily-v7 .daily-copy{width:min(850px,100%);margin-top:2px}
.daily-v7 .daily-copy h3{font-size:clamp(38px,4.5vw,62px);margin:9px 0 8px}
.daily-v7 .daily-copy>p{font-size:13px;max-width:720px}
.daily-v7 .daily-user{margin-top:15px;padding:12px 17px;border-radius:19px}
.daily-v7 .daily-user img{width:50px;height:50px}

/* Public odds are intentionally hidden in V7. */
.daily-v7 .daily-odds{display:none!important}
.daily-v7 .daily-actions{
  width:min(610px,100%);
  margin-top:22px;
  padding:20px 24px 19px;
  border-radius:26px;
  background:linear-gradient(145deg,rgba(4,12,31,.82),rgba(3,7,21,.72));
  box-shadow:0 24px 68px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.03);
}
.daily-v7 .daily-actions:before{content:"DAILY ACCESS"}
.daily-v7 .daily-actions:after{content:none!important;display:none!important}
.daily-v7 .daily-btn{
  min-height:74px;
  font-size:16px;
  border-radius:21px;
  box-shadow:0 22px 58px rgba(66,91,255,.34);
}
.daily-v7 .daily-credit-note{display:block;color:#7587a6;font-size:8px;letter-spacing:.08em;line-height:1.45}
.daily-v7 .daily-cooldown{font-size:10px}

@media(max-width:900px){
  .daily-v7{min-height:980px;padding:86px 18px 96px}
  .daily-v7 .daily-arena-head h2{font-size:58px}
  .daily-v7 .daily-stage{min-height:690px;border-radius:38px}
  .daily-v7 .daily-hub{min-height:690px;padding:36px 18px 32px}
  .daily-v7 .daily-wheel-wrap{width:460px;height:460px}
  .daily-v7 .daily-wheel{width:424px;height:424px}
  .daily-v7 .wheel-core.cosmic-core{width:160px;height:160px}
  .daily-v7 .core-galaxy{width:64px;height:64px;left:48px;top:48px}
  .daily-v7 .core-planet{right:29px;top:35px}
  .daily-v7 .core-orbit-a{width:116px;height:58px}
  .daily-v7 .core-orbit-b{width:92px;height:132px}
  .daily-v7 .daily-copy h3{font-size:42px}
}
@media(max-width:560px){
  .daily-v7{min-height:820px;padding:68px 11px 78px}
  .daily-v7 .daily-arena-head{margin-bottom:32px}
  .daily-v7 .daily-arena-head h2{font-size:43px}
  .daily-v7 .daily-arena-head p{font-size:11px}
  .daily-v7 .daily-stage{min-height:610px;border-radius:27px}
  .daily-v7 .daily-hub{min-height:610px;padding:28px 10px 24px}
  .daily-v7 .daily-hub:after{font-size:5.5px;letter-spacing:.09em;padding:7px 9px}
  .daily-v7 .daily-wheel-wrap{width:324px;height:324px}
  .daily-v7 .daily-wheel{width:298px;height:298px;border-width:5px}
  .daily-v7 .wheel-core.cosmic-core{width:112px;height:112px;border-width:3px}
  .daily-v7 .core-nebula-a{width:52px;height:34px;left:12px;top:23px}
  .daily-v7 .core-nebula-b{width:58px;height:38px;right:5px;bottom:18px}
  .daily-v7 .core-galaxy{width:46px;height:46px;left:33px;top:33px}
  .daily-v7 .core-planet{width:23px;height:23px;right:20px;top:26px}
  .daily-v7 .core-orbit-a{width:80px;height:40px}
  .daily-v7 .core-orbit-b{width:64px;height:92px}
  .daily-v7 .wheel-label{font-size:12px}
  .daily-v7 .wl1000{font-size:8px}
  .daily-v7 .daily-copy h3{font-size:34px}
  .daily-v7 .daily-copy>p{font-size:10px}
  .daily-v7 .daily-actions{width:94%;padding:16px}
  .daily-v7 .daily-btn{min-height:60px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .daily-v7 .daily-wheel-aura,.daily-v7 .cosmic-core:before{animation:none!important}
}

/* =========================================================
   ST4R V12 — COSMIC DAILY SPIN PREMIUM RESPONSIVE
   Smaller, round premium wheel, cleaner center, better on PC + mobile.
   ========================================================= */
.daily-v10{position:relative;min-height:auto;padding:56px clamp(12px,3vw,40px) 62px;overflow:hidden;isolation:isolate;background:#030611;border-top:1px solid rgba(116,170,255,.10);border-bottom:1px solid rgba(116,170,255,.10)}
.daily-v10-space{position:absolute;inset:0;z-index:-5;background:radial-gradient(circle at 50% 42%,rgba(53,100,230,.22),transparent 28%),radial-gradient(circle at 22% 42%,rgba(73,137,255,.12),transparent 22%),radial-gradient(circle at 78% 62%,rgba(145,72,255,.15),transparent 26%),linear-gradient(180deg,#02040d 0%,#040918 55%,#030611 100%)}
.daily-v10-space:before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 50% 50%,rgba(91,147,255,.10),transparent 24%),conic-gradient(from 190deg at 50% 50%,transparent 0 14%,rgba(79,125,255,.05) 20%,transparent 30% 48%,rgba(159,86,255,.05) 56%,transparent 64%);filter:blur(28px)}
.daily-v10-stars{position:absolute;inset:0;z-index:-4;opacity:.72;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.3px),radial-gradient(circle,rgba(126,214,255,.8) 0 1px,transparent 1.35px),radial-gradient(circle,rgba(182,138,255,.58) 0 1px,transparent 1.4px);background-size:92px 92px,147px 147px,188px 188px;background-position:5px 10px,48px 39px,82px 71px;mask-image:linear-gradient(to bottom,transparent 0,black 8%,black 92%,transparent 100%)}
.daily-v10-planet{position:absolute;z-index:-3;border-radius:50%;opacity:.30;box-shadow:inset -36px -28px 76px rgba(0,0,0,.84),0 0 70px rgba(75,119,255,.12)}
.daily-v10-planet-a{width:200px;height:200px;right:-40px;top:72px;background:radial-gradient(circle at 32% 26%,#8aa5f0 0 2%,#273f85 25%,#101d44 58%,#050a1c 100%)}
.daily-v10-planet-b{width:84px;height:84px;left:4%;bottom:72px;background:radial-gradient(circle at 35% 30%,#79ddff,#25497f 34%,#081126 72%)}
.daily-v10-layout{position:relative;z-index:2;width:min(1320px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(320px,.95fr) minmax(190px,.68fr);gap:24px;align-items:center}
.daily-v10-copy{padding:10px 0}.daily-v10-kicker{display:flex;align-items:center;gap:11px;color:#82c7ff;font-size:10px;font-weight:900;letter-spacing:.22em}.daily-v10-kicker i{width:28px;height:1px;background:#75caff;box-shadow:0 0 12px rgba(117,202,255,.7)}
.daily-v10-copy h2{margin:18px 0 14px;font-size:clamp(38px,4vw,68px);line-height:.92;letter-spacing:-.055em;color:#d6eaff;text-shadow:0 0 32px rgba(81,142,255,.22)}
.daily-v10-copy h2 span{display:inline-block;margin-top:8px;background:linear-gradient(180deg,#ffe58b 0%,#f3c252 56%,#e69f34 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.daily-v10-copy>p{max-width:370px;margin:0;color:#abb9d2;font-size:13px;line-height:1.65}
.daily-v10-features{display:grid;gap:12px;margin-top:24px}.daily-v10-feature{display:flex;align-items:center;gap:12px}.daily-v10-feature>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(121,193,255,.18);background:rgba(7,14,34,.54);color:#82d9ff;font-size:16px;box-shadow:inset 0 0 18px rgba(73,123,255,.08)}.daily-v10-feature b{display:block;color:#f2f6ff;font-size:13px}.daily-v10-feature small{display:block;margin-top:3px;color:#8090ad;font-size:9px}
.daily-v10-machine{position:relative;min-height:auto;max-width:560px;width:100%;margin-inline:auto;padding:16px 18px 18px;border-radius:30px;border:1px solid rgba(137,190,255,.15);background:linear-gradient(180deg,rgba(5,11,27,.56),rgba(2,6,18,.78));box-shadow:0 24px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.03);text-align:center;overflow:hidden;backdrop-filter:blur(8px)}
.daily-v10-machine:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 30%,rgba(52,119,255,.10),transparent 38%),linear-gradient(115deg,rgba(91,217,255,.02),transparent 34% 68%,rgba(148,83,255,.03))}
.daily-v10-machine-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:0 4px 10px;border-bottom:1px solid rgba(129,187,255,.08);font-size:8px;letter-spacing:.18em;color:#7588aa}.daily-v10-machine-top b{color:#87ddff;font-size:8px}
.daily-v10-wheel-frame{position:relative;width:clamp(250px,24vw,350px);height:clamp(250px,24vw,350px);margin:16px auto 8px;display:grid;place-items:center}
.daily-v10-wheel-frame:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(66,153,255,.14),transparent 60%);box-shadow:0 0 60px rgba(55,139,255,.14),0 0 110px rgba(127,65,255,.09);animation:v10Pulse 3.6s ease-in-out infinite alternate}@keyframes v10Pulse{to{transform:scale(1.03);opacity:.85}}
.daily-v10-pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);z-index:20;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:26px solid #ffd85c;filter:drop-shadow(0 0 12px rgba(255,215,85,.54))}
.daily-v10 .daily-wheel{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;border:6px solid rgba(221,238,255,.78);background:conic-gradient(from -36deg,#e3a927 0deg 72deg,#2e62e6 72deg 144deg,#b3409f 144deg 216deg,#1e95b7 216deg 288deg,#5d30c5 288deg 360deg);box-shadow:0 0 0 5px rgba(79,125,255,.08),0 0 42px rgba(59,142,255,.18),0 0 82px rgba(133,74,255,.12),inset 0 0 40px rgba(0,0,0,.55);transition:transform 4.2s cubic-bezier(.08,.72,.1,1);will-change:transform}
.daily-v10 .daily-wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 22%,rgba(255,242,198,.30),transparent 14%),radial-gradient(circle at 50% 50%,transparent 0 33%,rgba(255,255,255,.08) 33.4%,transparent 34%),radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.35px),radial-gradient(circle,rgba(130,216,255,.75) 0 1px,transparent 1.45px);background-size:auto,auto,34px 34px,58px 58px;background-position:center,center,6px 6px,18px 26px;opacity:.85}
.daily-v10 .daily-wheel:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -36deg,transparent 0 71.2deg,rgba(255,255,255,.6) 71.2deg 72.8deg,transparent 72.8deg 143.2deg,rgba(255,255,255,.6) 143.2deg 144.8deg,transparent 144.8deg 215.2deg,rgba(255,255,255,.6) 215.2deg 216.8deg,transparent 216.8deg 287.2deg,rgba(255,255,255,.6) 287.2deg 288.8deg,transparent 288.8deg 359.2deg,rgba(255,255,255,.6) 359.2deg 360deg);box-shadow:inset 0 16px 30px rgba(255,255,255,.05),inset 0 -24px 32px rgba(0,0,0,.28)}
.daily-v10-slice{display:none}
.daily-v10 .wheel-label{position:absolute;z-index:8;font-size:clamp(16px,1.4vw,24px);font-weight:950;color:#f7fbff;letter-spacing:-.03em;text-shadow:0 3px 14px rgba(0,0,0,.95),0 0 8px rgba(255,255,255,.12)}
.daily-v10 .wl1000{left:50%;top:17%;transform:translate(-50%,-50%);color:#ffe27b}.daily-v10 .wl100{right:16%;top:39%}.daily-v10 .wl150{right:22%;bottom:17%}.daily-v10 .wl300{left:22%;bottom:17%}.daily-v10 .wl500{left:16%;top:39%}
.daily-v10-core{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(86px,8.4vw,106px);height:clamp(86px,8.4vw,106px);border-radius:50%;display:grid;place-items:center;border:4px solid rgba(213,233,255,.62);background:radial-gradient(circle at 50% 50%,#173f94 0,#0d1d4d 48%,#060b1e 78%);box-shadow:0 0 30px rgba(78,170,255,.20),inset 0 0 26px rgba(127,76,255,.12)}
.daily-v10-core-galaxy{position:absolute;inset:9px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff 0 1.4%,#8ee8ff 2.2%,rgba(80,146,255,.62) 6%,rgba(120,65,255,.34) 16%,transparent 34%),radial-gradient(ellipse at 50% 50%,rgba(105,206,255,.30),transparent 55%);box-shadow:inset 0 0 35px rgba(68,91,255,.23)}
.daily-v10-core-galaxy:before{content:"";position:absolute;inset:10px;border-radius:50%;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.3px),radial-gradient(circle,#89ddff 0 1px,transparent 1.4px);background-size:20px 20px,33px 33px;opacity:.62}
.daily-v10-core img{display:none}
.daily-v10-core:after{content:"ST4R";position:relative;z-index:3;font-size:clamp(18px,1.6vw,24px);font-weight:1000;letter-spacing:.08em;color:#eef7ff;text-shadow:0 0 14px rgba(80,160,255,.35)}
.daily-v10-brandline{position:relative;z-index:3;margin:0 auto 8px}.daily-v10-brandline b{display:block;color:#aacfff;font-size:14px;letter-spacing:.18em}.daily-v10-brandline span{display:block;margin-top:4px;color:#6f809f;font-size:7px;letter-spacing:.25em}
.daily-v10 .daily-copy{position:relative;z-index:3;margin:0 auto;width:min(460px,100%);text-align:center}.daily-v10 .daily-copy>p{margin:0 auto;color:#a4b1c7;font-size:10px;line-height:1.55}.daily-v10 .daily-user{display:flex;justify-content:center;align-items:center;gap:10px;width:max-content;max-width:100%;margin:10px auto 0;padding:9px 13px;border-radius:15px;background:rgba(4,9,24,.62);border:1px solid rgba(130,194,255,.14)}.daily-v10 .daily-user[hidden]{display:none}.daily-v10 .daily-user img{width:34px;height:34px;border-radius:50%;object-fit:cover}.daily-v10 .daily-user b{display:block;color:#eef5ff;font-size:10px;text-align:left}.daily-v10 .daily-user small{display:block;margin-top:3px;color:#7e8da7;font-size:7px;text-align:left}
.daily-v10 .daily-actions{position:relative;z-index:3;width:min(400px,100%);margin:12px auto 0;padding:11px 13px;border:1px solid rgba(133,190,255,.14);border-radius:18px;background:rgba(3,8,22,.62);box-shadow:0 12px 34px rgba(0,0,0,.22)}.daily-v10 .daily-cooldown{display:block;margin-bottom:8px;color:#8bdfff;font-size:8px;font-weight:900;letter-spacing:.15em}.daily-v10 .daily-cooldown.cooling{color:#94a2bb}.daily-v10 .daily-cooldown.ready{color:#64ffbc;text-shadow:0 0 12px rgba(100,255,188,.25)}
.daily-v10 .daily-btn{width:100%;min-height:52px;border:1px solid rgba(255,234,165,.62);border-radius:16px;background:linear-gradient(180deg,#ffe078 0%,#f0b83f 54%,#d78c20 100%);color:#fffaf0;font-size:15px;font-weight:950;letter-spacing:.02em;text-shadow:0 2px 5px rgba(95,56,0,.28);box-shadow:0 10px 26px rgba(232,166,47,.18),0 0 18px rgba(255,205,93,.14),inset 0 1px 0 rgba(255,255,255,.45);cursor:pointer;transition:transform .18s ease,filter .18s ease}.daily-v10 .daily-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.daily-v10 .daily-btn:disabled{opacity:.62;cursor:not-allowed}.daily-v10 .daily-credit-note{display:block;margin-top:8px;color:#6f7e97;font-size:7px}.daily-v10 .daily-logout{display:inline-block;margin-top:7px;color:#6e7d98;font-size:7px;text-decoration:none}
.daily-v10-side{text-align:center}.daily-v10-quote{color:#aebfe0;font-size:15px;line-height:1.65;letter-spacing:.16em}.daily-v10-quote strong{color:#d8e6ff}.daily-v10-side>span{display:block;margin-top:12px;color:#596b8d;font-size:8px;letter-spacing:.25em}.daily-v10-secure{margin:24px auto 0;width:min(220px,100%);padding:18px 16px;border-radius:18px;border:1px solid rgba(130,186,255,.14);background:rgba(6,10,26,.56);box-shadow:0 18px 46px rgba(0,0,0,.22)}.daily-v10-secure i{display:block;width:7px;height:7px;margin:0 auto 12px;border-radius:50%;background:#66ffc0;box-shadow:0 0 16px #66ffc0}.daily-v10-secure b{display:block;color:#edf5ff;font-size:10px;letter-spacing:.13em}.daily-v10-secure small{display:block;margin-top:8px;color:#7787a6;font-size:8px;line-height:1.55}
.daily-v10.spinning .daily-wheel-frame{filter:drop-shadow(0 0 22px rgba(80,164,255,.15))}.daily-v10-machine.spinning .daily-btn{pointer-events:none}.daily-v10-machine.win .daily-v10-wheel-frame:before{animation:v10Win .72s ease 2}@keyframes v10Win{50%{opacity:1;transform:scale(1.08);box-shadow:0 0 120px rgba(92,215,255,.28),0 0 180px rgba(154,87,255,.18)}}
@media(max-width:1250px){.daily-v10-layout{grid-template-columns:1fr;max-width:860px;gap:18px}.daily-v10-copy,.daily-v10-side{text-align:center}.daily-v10-copy>p{margin-inline:auto}.daily-v10-kicker{justify-content:center}.daily-v10-features{grid-template-columns:repeat(3,1fr);gap:10px}.daily-v10-feature{flex-direction:column;text-align:center}.daily-v10-side{display:none}}
@media(max-width:760px){.daily-v10{padding:48px 12px 56px}.daily-v10-copy h2{font-size:42px}.daily-v10-copy>p{font-size:13px}.daily-v10-features{grid-template-columns:1fr}.daily-v10-feature{flex-direction:row;text-align:left;justify-content:flex-start}.daily-v10-machine{padding:14px 10px 16px;border-radius:24px}.daily-v10-wheel-frame{width:min(78vw,300px);height:min(78vw,300px)}.daily-v10 .wheel-label{font-size:17px}.daily-v10-core{width:82px;height:82px;border-width:4px}.daily-v10-pointer{border-left-width:13px;border-right-width:13px;border-top-width:24px}.daily-v10-brandline b{font-size:13px}.daily-v10 .daily-btn{min-height:50px;font-size:14px}.daily-v10 .daily-actions{margin-top:10px;padding:10px 11px}}
@media(max-width:460px){.daily-v10-copy h2{font-size:36px}.daily-v10-kicker{font-size:9px}.daily-v10 .wheel-label{font-size:14px}.daily-v10 .wl1000{top:18%}.daily-v10 .wl100{right:13%;top:39%}.daily-v10 .wl500{left:13%;top:39%}.daily-v10 .wl150{right:20%;bottom:18%}.daily-v10 .wl300{left:20%;bottom:18%}.daily-v10 .daily-copy>p{font-size:9px}.daily-v10-feature>span{width:38px;height:38px;font-size:14px}.daily-v10-feature b{font-size:12px}.daily-v10-feature small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.daily-v10-wheel-frame:before{animation:none!important}.daily-v10 .daily-wheel{transition:none!important}}


/* =========================================================
   ST4R V13 — PREMIUM LUCKY SPIN FINAL OVERRIDES
   Compact, fully responsive, true wheel proportions, no square logo.
   ========================================================= */
.daily-v10{padding:42px clamp(12px,3vw,34px) 50px!important;min-height:auto!important}
.daily-v10-layout{width:min(1260px,100%)!important;grid-template-columns:minmax(210px,.76fr) minmax(350px,.94fr) minmax(180px,.62fr)!important;gap:22px!important;align-items:center!important}
.daily-v10-copy h2{font-size:clamp(36px,3.6vw,58px)!important;margin:16px 0 12px!important;line-height:.93!important}
.daily-v10-copy>p{font-size:12px!important;max-width:350px!important}
.daily-v10-features{gap:10px!important;margin-top:20px!important}
.daily-v10-feature>span{width:36px!important;height:36px!important;font-size:14px!important}
.daily-v10-feature b{font-size:12px!important}.daily-v10-feature small{font-size:8px!important}
.daily-v10-machine{max-width:500px!important;padding:14px 16px 16px!important;border-radius:26px!important;overflow:visible!important}
.daily-v10-machine-top{padding-bottom:8px!important}
.daily-v10-wheel-frame{width:clamp(250px,22vw,320px)!important;height:clamp(250px,22vw,320px)!important;margin:12px auto 6px!important}
.daily-v10-wheel-frame:before{inset:-4px!important;box-shadow:0 0 44px rgba(68,151,255,.16),0 0 78px rgba(126,73,255,.10)!important}
.daily-v10-pointer{top:-10px!important;border-left-width:13px!important;border-right-width:13px!important;border-top-width:24px!important}
.daily-v10 .daily-wheel{
  width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important;
  border:6px solid rgba(226,239,255,.86)!important;
  background:
    conic-gradient(from -36deg,
      #d79b17 0deg 72deg,
      #205fcb 72deg 144deg,
      #a6368f 144deg 216deg,
      #1383a5 216deg 288deg,
      #5530b3 288deg 360deg)!important;
  box-shadow:
    0 0 0 4px rgba(59,103,220,.20),
    0 0 0 9px rgba(13,27,63,.92),
    0 0 30px rgba(65,146,255,.26),
    0 0 58px rgba(127,71,255,.13),
    inset 0 0 32px rgba(0,0,0,.58)!important;
}
.daily-v10 .daily-wheel:before{
  content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;z-index:2!important;pointer-events:none!important;
  background:
    radial-gradient(ellipse at 50% 18%,rgba(255,247,203,.92) 0 1.4%,rgba(255,190,57,.56) 2.2%,transparent 10%),
    radial-gradient(ellipse at 74% 38%,rgba(222,246,255,.92) 0 1.3%,rgba(74,171,255,.55) 2.1%,transparent 10%),
    radial-gradient(ellipse at 67% 75%,rgba(255,227,249,.90) 0 1.3%,rgba(255,74,210,.48) 2.1%,transparent 10%),
    radial-gradient(ellipse at 33% 75%,rgba(224,255,253,.92) 0 1.3%,rgba(41,225,214,.48) 2.1%,transparent 10%),
    radial-gradient(ellipse at 26% 38%,rgba(247,235,255,.92) 0 1.3%,rgba(165,94,255,.48) 2.1%,transparent 10%),
    radial-gradient(circle,rgba(255,255,255,.92) 0 .8px,transparent 1.2px),
    radial-gradient(circle,rgba(116,215,255,.68) 0 .8px,transparent 1.2px)!important;
  background-size:auto,auto,auto,auto,auto,31px 31px,53px 53px!important;
  background-position:center,center,center,center,center,4px 7px,21px 17px!important;
  opacity:.92!important;
}
.daily-v10 .daily-wheel:after{
  content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;z-index:3!important;pointer-events:none!important;
  background:conic-gradient(from -36deg,
    transparent 0 71.3deg,rgba(240,248,255,.78) 71.3deg 72.7deg,
    transparent 72.7deg 143.3deg,rgba(240,248,255,.78) 143.3deg 144.7deg,
    transparent 144.7deg 215.3deg,rgba(240,248,255,.78) 215.3deg 216.7deg,
    transparent 216.7deg 287.3deg,rgba(240,248,255,.78) 287.3deg 288.7deg,
    transparent 288.7deg 359.3deg,rgba(240,248,255,.78) 359.3deg 360deg)!important;
  box-shadow:inset 0 14px 25px rgba(255,255,255,.04),inset 0 -18px 28px rgba(0,0,0,.24)!important;
}
.daily-v10-slice{display:none!important}
.daily-v10 .wheel-label{z-index:8!important;font-size:clamp(14px,1.25vw,19px)!important;text-shadow:0 2px 10px rgba(0,0,0,.95),0 0 7px rgba(255,255,255,.12)!important}
.daily-v10 .wl1000{top:17%!important}.daily-v10 .wl100{right:15%!important;top:39%!important}.daily-v10 .wl500{left:15%!important;top:39%!important}.daily-v10 .wl150{right:20%!important;bottom:17%!important}.daily-v10 .wl300{left:20%!important;bottom:17%!important}
.daily-v10-core{width:82px!important;height:82px!important;border:4px solid rgba(221,237,255,.72)!important;background:radial-gradient(circle at 50% 40%,#2d65d7 0,#172f78 38%,#0a1742 70%,#050b1d 100%)!important;box-shadow:0 0 22px rgba(83,175,255,.22),inset 0 0 24px rgba(128,74,255,.18)!important}
.daily-v10-core-galaxy{inset:8px!important;background:radial-gradient(circle at 50% 50%,#fff 0 1.4%,#8ee8ff 2.4%,rgba(86,147,255,.60) 6%,rgba(136,76,255,.34) 18%,transparent 36%),radial-gradient(ellipse at 50% 50%,rgba(121,214,255,.24),transparent 57%)!important}
.daily-v10-core img{display:none!important}
.daily-v13-core-word{position:relative;z-index:5;color:#f5fbff;font-size:17px;font-weight:1000;letter-spacing:.08em;text-shadow:0 0 12px rgba(101,188,255,.35)}
.daily-v10-core:after{content:none!important}
.daily-v10-brandline{margin:0 auto 6px!important}.daily-v10-brandline b{font-size:13px!important}.daily-v10-brandline span{font-size:6px!important}
.daily-v10 .daily-copy>p{font-size:9px!important}.daily-v10 .daily-user{margin-top:8px!important;padding:7px 10px!important}.daily-v10 .daily-user img{width:30px!important;height:30px!important}
.daily-v10 .daily-actions{width:min(370px,100%)!important;margin:9px auto 0!important;padding:9px 11px!important;border-radius:16px!important}
.daily-v10 .daily-cooldown{margin-bottom:7px!important;font-size:7px!important}.daily-v10 .daily-btn{min-height:46px!important;font-size:13px!important;border-radius:14px!important}.daily-v10 .daily-credit-note,.daily-v10 .daily-logout{font-size:6px!important}
.daily-v10-side{transform:translateY(-6px)}.daily-v10-quote{font-size:14px!important}.daily-v10-secure{margin-top:20px!important;padding:16px 14px!important}
@media(max-width:1250px){
  .daily-v10-layout{grid-template-columns:1fr!important;max-width:760px!important;gap:14px!important}
  .daily-v10-copy,.daily-v10-side{text-align:center!important}.daily-v10-kicker{justify-content:center!important}.daily-v10-copy>p{margin-inline:auto!important}
  .daily-v10-features{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.daily-v10-feature{flex-direction:column!important;text-align:center!important}.daily-v10-side{display:none!important}
  .daily-v10-wheel-frame{width:min(310px,44vw)!important;height:min(310px,44vw)!important}
}
@media(max-width:760px){
  .daily-v10{padding:36px 12px 46px!important}.daily-v10-copy h2{font-size:36px!important}.daily-v10-copy>p{font-size:12px!important}
  .daily-v10-features{grid-template-columns:1fr!important}.daily-v10-feature{flex-direction:row!important;text-align:left!important;justify-content:flex-start!important}
  .daily-v10-machine{padding:12px 10px 14px!important;border-radius:22px!important}.daily-v10-machine-top{font-size:7px!important}
  .daily-v10-wheel-frame{width:min(70vw,260px)!important;height:min(70vw,260px)!important;margin-top:12px!important}
  .daily-v10 .wheel-label{font-size:14px!important}.daily-v10-core{width:70px!important;height:70px!important}.daily-v13-core-word{font-size:14px!important}
  .daily-v10 .daily-actions{width:min(320px,100%)!important}.daily-v10 .daily-btn{min-height:44px!important;font-size:12px!important}
}
@media(max-width:460px){
  .daily-v10{padding-top:30px!important}.daily-v10-copy h2{font-size:32px!important}.daily-v10-kicker{font-size:8px!important}.daily-v10-copy>p{font-size:11px!important}
  .daily-v10-wheel-frame{width:min(72vw,238px)!important;height:min(72vw,238px)!important}.daily-v10 .wheel-label{font-size:12px!important}
  .daily-v10-core{width:62px!important;height:62px!important;border-width:3px!important}.daily-v13-core-word{font-size:12px!important}
  .daily-v10 .wl1000{top:18%!important}.daily-v10 .wl100{right:13%!important;top:39%!important}.daily-v10 .wl500{left:13%!important;top:39%!important}.daily-v10 .wl150{right:18%!important;bottom:18%!important}.daily-v10 .wl300{left:18%!important;bottom:18%!important}
}


/* =========================================================
   ST4R V14 — GOLD PREMIUM LUCKY SPIN OVERRIDES
   Inspired by premium lucky wheel UI, but adapted to ST4R cosmic branding.
   ========================================================= */
.daily-v10{
  padding:44px clamp(12px,2.4vw,30px) 56px!important;
}
.daily-v10-layout{
  width:min(1240px,100%)!important;
  grid-template-columns:minmax(220px,.8fr) minmax(340px,.95fr) minmax(190px,.65fr)!important;
  gap:18px!important;
  align-items:center!important;
}
.daily-v10-copy h2{
  font-size:clamp(40px,4vw,64px)!important;
  line-height:.94!important;
  margin:14px 0 14px!important;
}
.daily-v10-copy>p{
  max-width:360px!important;
  font-size:13px!important;
  line-height:1.6!important;
}
.daily-v10-features{margin-top:18px!important;gap:10px!important}
.daily-v10-feature{
  padding:10px 12px!important;
  background:linear-gradient(180deg,rgba(10,16,40,.56),rgba(4,9,24,.38))!important;
  border-color:rgba(136,182,255,.12)!important;
}
.daily-v10-feature>span{
  width:40px!important;height:40px!important;border-radius:14px!important;
  background:linear-gradient(180deg,rgba(20,42,101,.95),rgba(10,18,46,.95))!important;
  border:1px solid rgba(136,192,255,.22)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.25), inset 0 0 18px rgba(88,154,255,.10)!important;
}

.daily-v10-machine{
  max-width:560px!important;
  padding:16px 18px 18px!important;
  border-radius:28px!important;
  background:
    linear-gradient(180deg,rgba(10,18,46,.92),rgba(4,8,22,.88)) padding-box,
    linear-gradient(180deg,rgba(116,178,255,.20),rgba(255,214,107,.08),rgba(116,178,255,.10)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 22px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.daily-v10-machine-top{
  padding-bottom:10px!important;
  color:#dbeeff!important;
}
.daily-v10-machine-top span{letter-spacing:.22em!important}
.daily-v10-machine-top b{color:#ffdf80!important;letter-spacing:.16em!important}

.daily-v10-wheel-frame{
  width:clamp(260px,24vw,340px)!important;
  height:clamp(260px,24vw,340px)!important;
  margin:12px auto 10px!important;
  filter:drop-shadow(0 24px 40px rgba(0,0,0,.32))!important;
}
.daily-v10-wheel-frame:before{
  inset:-8px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,224,141,.28), transparent 58%),
    radial-gradient(circle at 50% 50%, rgba(92,144,255,.18), transparent 66%)!important;
  box-shadow:0 0 60px rgba(255,197,72,.12), 0 0 90px rgba(88,132,255,.14)!important;
  animation:none!important;
}
.daily-v10-pointer{
  top:-14px!important;
  width:0!important;height:0!important;
  border-left:15px solid transparent!important;
  border-right:15px solid transparent!important;
  border-top:30px solid #f4cc62!important;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))!important;
}
.daily-v10-pointer:after{
  content:"";position:absolute;left:-7px;top:-30px;width:14px;height:10px;border-radius:0 0 8px 8px;
  background:linear-gradient(180deg,#fff4bf,#daac35);box-shadow:0 1px 0 rgba(255,255,255,.5);
}

.daily-v10 .daily-wheel{
  width:100%!important;height:100%!important;position:relative!important;overflow:hidden!important;border-radius:50%!important;
  border:8px solid rgba(255,241,196,.95)!important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.12) 0 6%, transparent 7%),
    conic-gradient(from -54deg,
      #f0b01f 0deg 72deg,
      #2d86ff 72deg 144deg,
      #5f3ad7 144deg 216deg,
      #20a6d8 216deg 288deg,
      #8d32c9 288deg 360deg)!important;
  box-shadow:
    0 0 0 4px rgba(210,170,72,.80),
    0 0 0 8px rgba(69,46,10,.95),
    0 0 0 12px rgba(255,214,109,.34),
    inset 0 0 0 3px rgba(255,255,255,.16),
    inset 0 -16px 26px rgba(0,0,0,.28),
    inset 0 14px 18px rgba(255,255,255,.08),
    0 22px 38px rgba(0,0,0,.34)!important;
}
.daily-v10 .daily-wheel:before{
  content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;z-index:2!important;pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 60%, rgba(255,255,255,.10) 61%, transparent 61.6%),
    repeating-conic-gradient(from -54deg,
      rgba(255,255,255,.00) 0 70.7deg,
      rgba(255,248,220,.82) 70.7deg 72deg),
    radial-gradient(circle at 50% 20%, rgba(255,247,221,.28), transparent 18%),
    radial-gradient(circle at 78% 36%, rgba(255,255,255,.10), transparent 12%),
    radial-gradient(circle at 28% 72%, rgba(255,255,255,.09), transparent 14%)!important;
}
.daily-v10 .daily-wheel:after{
  content:""!important;position:absolute!important;inset:16px!important;border-radius:50%!important;z-index:1!important;pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 72%, rgba(255,255,255,.08) 74%, transparent 75%),
    radial-gradient(circle,rgba(255,255,255,.9) 0 .8px,transparent 1.2px),
    radial-gradient(circle,rgba(255,227,140,.52) 0 .8px,transparent 1.2px)!important;
  background-size:auto,30px 30px,48px 48px!important;
  background-position:center,4px 4px,18px 16px!important;
  opacity:.72!important;
  box-shadow:inset 0 0 30px rgba(0,0,0,.24)!important;
}
.daily-v10 .wheel-label{
  z-index:8!important;
  font-size:clamp(15px,1.4vw,21px)!important;
  font-weight:1000!important;
  color:#fff7df!important;
  letter-spacing:.01em!important;
  text-shadow:0 3px 14px rgba(0,0,0,.72), 0 0 18px rgba(255,208,84,.22)!important;
}
.daily-v10 .wl1000{left:50%!important;top:15%!important;transform:translate(-50%,-50%)!important}
.daily-v10 .wl100{right:15%!important;top:38%!important}
.daily-v10 .wl150{right:20%!important;bottom:18%!important}
.daily-v10 .wl300{left:20%!important;bottom:18%!important}
.daily-v10 .wl500{left:15%!important;top:38%!important}

.daily-v10-core{
  width:94px!important;height:94px!important;z-index:10!important;
  border:6px solid rgba(255,243,201,.96)!important;
  background:
    radial-gradient(circle at 50% 34%, #fff2b2 0 8%, #e0a92d 9%, #9b6111 18%, #392308 48%, #160f07 100%)!important;
  box-shadow:
    0 0 0 4px rgba(89,59,13,.95),
    0 0 0 8px rgba(255,209,91,.24),
    inset 0 2px 10px rgba(255,255,255,.18),
    inset 0 -14px 18px rgba(0,0,0,.34),
    0 14px 22px rgba(0,0,0,.34)!important;
}
.daily-v10-core-galaxy{
  inset:10px!important;border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 45%, #fff 0 2%, #80d2ff 4%, rgba(59,121,255,.7) 10%, rgba(116,64,255,.54) 18%, rgba(11,18,55,.88) 48%, rgba(6,10,27,.96) 100%),
    radial-gradient(ellipse at 50% 50%, rgba(210,150,255,.35), transparent 54%)!important;
  box-shadow:inset 0 0 24px rgba(113,73,255,.20)!important;
}
.daily-v10-core-galaxy:before,
.daily-v10-core-galaxy:after{
  content:"";position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);
}
.daily-v10-core-galaxy:before{
  width:38px;height:16px;border:2px solid rgba(198,220,255,.55);opacity:.9;filter:blur(.2px);
}
.daily-v10-core-galaxy:after{
  width:52px;height:52px;background-image:
    radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.3px),
    radial-gradient(circle,rgba(124,222,255,.82) 0 1px,transparent 1.35px);
  background-size:14px 14px,21px 21px;opacity:.6;
}
.daily-v13-core-word{
  position:relative!important;z-index:5!important;
  font-size:17px!important;font-weight:1000!important;letter-spacing:.12em!important;
  color:#f8fcff!important;text-shadow:0 2px 10px rgba(0,0,0,.7),0 0 14px rgba(96,186,255,.30)!important;
}

.daily-v10-brandline{
  margin:6px auto 8px!important;
}
.daily-v10-brandline b{
  color:#d8eaff!important;font-size:14px!important;letter-spacing:.20em!important;
}
.daily-v10-brandline span{
  margin-top:5px!important;color:#7ea2d6!important;font-size:8px!important;letter-spacing:.24em!important;
}
.daily-v10 .daily-copy{
  width:min(430px,100%)!important;
}
.daily-v10 .daily-copy>p{
  font-size:11px!important;line-height:1.55!important;color:#b8c8df!important;
}
.daily-v10 .daily-user{
  margin-top:10px!important;padding:8px 12px!important;border-radius:16px!important;
  background:linear-gradient(180deg,rgba(6,11,30,.78),rgba(5,9,24,.62))!important;
}
.daily-v10 .daily-user img{width:34px!important;height:34px!important}
.daily-v10 .daily-user b{font-size:11px!important}.daily-v10 .daily-user small{font-size:8px!important}

.daily-v10 .daily-actions{
  width:min(390px,100%)!important;
  margin:12px auto 0!important;
  padding:10px 12px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(8,13,34,.82),rgba(4,8,22,.74))!important;
  border:1px solid rgba(136,190,255,.16)!important;
}
.daily-v10 .daily-cooldown{font-size:8px!important;margin-bottom:8px!important}
.daily-v10 .daily-btn{
  min-height:48px!important;
  border-radius:14px!important;
  font-size:14px!important;font-weight:1000!important;letter-spacing:.03em!important;
  background:linear-gradient(90deg,#f0b53b 0%,#ffe28a 48%,#e0a42a 100%)!important;
  color:#1e1202!important;
  box-shadow:0 12px 22px rgba(227,173,49,.26), inset 0 1px 0 rgba(255,255,255,.4)!important;
}
.daily-v10 .daily-btn:hover{transform:translateY(-1px)!important;filter:brightness(1.03)!important}
.daily-v10 .daily-credit-note,.daily-v10 .daily-logout{font-size:7px!important}

.daily-v10-side{
  transform:none!important;
}
.daily-v10-quote{
  font-size:15px!important;line-height:1.52!important;
}
.daily-v10-secure{
  margin-top:22px!important;
  padding:16px 14px!important;
  border-radius:18px!important;
}
.daily-v10-secure small{font-size:9px!important;line-height:1.5!important}

@media(max-width:1250px){
  .daily-v10-layout{grid-template-columns:1fr!important;max-width:760px!important;gap:16px!important}
  .daily-v10-copy,.daily-v10-side{text-align:center!important}
  .daily-v10-kicker{justify-content:center!important}
  .daily-v10-copy>p{margin-inline:auto!important}
  .daily-v10-features{grid-template-columns:repeat(3,1fr)!important}
  .daily-v10-feature{flex-direction:column!important;text-align:center!important}
  .daily-v10-side{display:none!important}
  .daily-v10-wheel-frame{width:min(320px,48vw)!important;height:min(320px,48vw)!important}
}
@media(max-width:760px){
  .daily-v10{padding:36px 12px 46px!important}
  .daily-v10-copy h2{font-size:36px!important}
  .daily-v10-copy>p{font-size:12px!important}
  .daily-v10-features{grid-template-columns:1fr!important}
  .daily-v10-feature{flex-direction:row!important;text-align:left!important;justify-content:flex-start!important}
  .daily-v10-machine{padding:14px 10px 16px!important;border-radius:24px!important}
  .daily-v10-wheel-frame{width:min(74vw,280px)!important;height:min(74vw,280px)!important}
  .daily-v10 .wheel-label{font-size:15px!important}
  .daily-v10-core{width:82px!important;height:82px!important}
  .daily-v13-core-word{font-size:15px!important}
  .daily-v10 .daily-actions{width:min(330px,100%)!important}
}
@media(max-width:460px){
  .daily-v10-copy h2{font-size:32px!important}
  .daily-v10-kicker{font-size:8px!important}
  .daily-v10-wheel-frame{width:min(72vw,248px)!important;height:min(72vw,248px)!important}
  .daily-v10 .wheel-label{font-size:13px!important}
  .daily-v10-core{width:70px!important;height:70px!important;border-width:5px!important}
  .daily-v13-core-word{font-size:13px!important}
  .daily-v10-brandline b{font-size:13px!important}
  .daily-v10-brandline span{font-size:7px!important}
  .daily-v10 .daily-copy>p{font-size:10px!important}
  .daily-v10 .daily-btn{min-height:46px!important;font-size:13px!important}
}

/* =========================================================
   ST4R V15 — LUXURY COMPACT JACKPOT POLISH
   Smaller, tighter, more premium, and clearer user/balance area.
   ========================================================= */
.daily-v10{
  padding:30px clamp(12px,2vw,26px) 40px!important;
}
.daily-v10-layout{
  width:min(1120px,100%)!important;
  grid-template-columns:minmax(210px,.8fr) minmax(320px,.92fr) minmax(170px,.54fr)!important;
  gap:14px!important;
}
.daily-v10-copy h2{
  font-size:clamp(38px,3.4vw,58px)!important;
  margin:12px 0 10px!important;
}
.daily-v10-copy>p{
  max-width:330px!important;
  font-size:12px!important;
}
.daily-v10-features{margin-top:14px!important}
.daily-v10-feature{padding:9px 10px!important}
.daily-v10-machine{
  max-width:470px!important;
  padding:12px 14px 15px!important;
  border-radius:24px!important;
  box-shadow:0 18px 38px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.daily-v10-machine-top{
  padding-bottom:7px!important;
  font-size:8px!important;
}
.daily-v10-wheel-frame{
  width:clamp(230px,21vw,300px)!important;
  height:clamp(230px,21vw,300px)!important;
  margin:8px auto 6px!important;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.30))!important;
}
.daily-v10-wheel-frame:before{
  inset:-6px!important;
  box-shadow:0 0 46px rgba(255,197,72,.16), 0 0 74px rgba(88,132,255,.13)!important;
}
.daily-v10-pointer{
  top:-11px!important;
  border-left-width:13px!important;
  border-right-width:13px!important;
  border-top-width:26px!important;
}
.daily-v10-pointer:after{left:-6px;top:-26px;width:12px;height:9px}
.daily-v10 .daily-wheel{
  border-width:7px!important;
  background:
    radial-gradient(circle at 50% 16%, rgba(255,255,255,.22), transparent 16%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.08) 0 7%, transparent 8%),
    conic-gradient(from -54deg,
      #e9b72f 0deg 72deg,
      #5b97ff 72deg 144deg,
      #ca6dd0 144deg 216deg,
      #72c9e8 216deg 288deg,
      #8860ef 288deg 360deg)!important;
  box-shadow:
    0 0 0 4px rgba(223,182,77,.86),
    0 0 0 8px rgba(56,37,8,.96),
    0 0 0 11px rgba(255,214,109,.28),
    inset 0 0 0 2px rgba(255,255,255,.18),
    inset 0 -16px 24px rgba(0,0,0,.22),
    inset 0 12px 14px rgba(255,255,255,.08),
    0 18px 34px rgba(0,0,0,.34)!important;
}
.daily-v10 .daily-wheel:before{
  background:
    radial-gradient(circle at 50% 50%, transparent 0 58%, rgba(255,255,255,.11) 58.8%, transparent 59.6%),
    repeating-conic-gradient(from -54deg,
      rgba(255,255,255,0) 0 70.8deg,
      rgba(255,250,231,.8) 70.8deg 72deg),
    radial-gradient(circle at 25% 30%, rgba(255,255,255,.12), transparent 12%),
    radial-gradient(circle at 73% 68%, rgba(255,255,255,.10), transparent 14%)!important;
}
.daily-v10 .daily-wheel:after{
  inset:15px!important;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 73%, rgba(255,255,255,.07) 74%, transparent 75%),
    radial-gradient(circle,rgba(255,255,255,.9) 0 .85px,transparent 1.2px),
    radial-gradient(circle,rgba(255,227,140,.5) 0 .85px,transparent 1.2px)!important;
  background-size:auto,28px 28px,44px 44px!important;
  opacity:.74!important;
}
.daily-v10 .wheel-label{
  font-size:clamp(16px,1.42vw,22px)!important;
  text-shadow:0 3px 16px rgba(0,0,0,.72), 0 0 18px rgba(255,215,100,.24)!important;
}
.daily-v10 .wl1000{top:14%!important}
.daily-v10 .wl100{right:13.5%!important;top:38%!important}
.daily-v10 .wl150{right:18%!important;bottom:17%!important}
.daily-v10 .wl300{left:18%!important;bottom:17%!important}
.daily-v10 .wl500{left:13.5%!important;top:38%!important}
.daily-v10-core{
  width:84px!important;height:84px!important;border-width:5px!important;
}
.daily-v13-core-word{font-size:16px!important;letter-spacing:.10em!important}
.daily-v10-brandline{
  margin:4px auto 8px!important;
}
.daily-v10-brandline b{
  font-size:16px!important;
  letter-spacing:.16em!important;
  text-shadow:0 0 12px rgba(83,175,255,.16)!important;
}
.daily-v10-brandline span{
  font-size:7px!important;
  color:#90afdd!important;
  letter-spacing:.22em!important;
}
.daily-v10 .daily-copy{width:min(390px,100%)!important}
.daily-v10 .daily-copy>p{
  font-size:10px!important;
  line-height:1.45!important;
}
.daily-v10 .daily-user{
  margin-top:12px!important;
  padding:10px 14px!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,rgba(10,16,42,.88),rgba(4,9,24,.72))!important;
  border:1px solid rgba(151,198,255,.18)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.daily-v10 .daily-user img{width:36px!important;height:36px!important;border-width:2px!important}
.daily-v10 .daily-user b{
  font-size:13px!important;
  color:#f6fbff!important;
}
.daily-v10 .daily-user small{
  margin-top:4px!important;
  font-size:9px!important;
  color:#b2bfd7!important;
}
.daily-v10 .daily-user small span:first-child{
  color:#ffd86d!important;
  font-size:10px!important;
  text-shadow:0 0 10px rgba(255,216,109,.12)!important;
}
.daily-v10 .daily-actions{
  width:min(360px,100%)!important;
  margin:10px auto 0!important;
  padding:10px 11px!important;
  border-radius:16px!important;
}
.daily-v10 .daily-cooldown{font-size:8px!important;margin-bottom:7px!important}
.daily-v10 .daily-btn{
  min-height:44px!important;
  font-size:13px!important;
  border-radius:13px!important;
}
.daily-v10 .daily-credit-note,.daily-v10 .daily-logout{font-size:6.8px!important}
.daily-v10-quote{font-size:14px!important}
.daily-v10-secure{margin-top:18px!important;padding:14px 12px!important}
@media(max-width:1250px){
  .daily-v10-layout{grid-template-columns:1fr!important;max-width:720px!important;gap:14px!important}
  .daily-v10-wheel-frame{width:min(320px,48vw)!important;height:min(320px,48vw)!important}
}
@media(max-width:760px){
  .daily-v10{padding:28px 12px 38px!important}
  .daily-v10-copy h2{font-size:34px!important}
  .daily-v10-machine{max-width:100%!important;padding:12px 10px 14px!important}
  .daily-v10-wheel-frame{width:min(72vw,260px)!important;height:min(72vw,260px)!important}
  .daily-v10 .wheel-label{font-size:14px!important}
  .daily-v10-brandline b{font-size:14px!important}
  .daily-v10 .daily-actions{width:min(320px,100%)!important}
}
@media(max-width:460px){
  .daily-v10-copy h2{font-size:30px!important}
  .daily-v10-wheel-frame{width:min(74vw,232px)!important;height:min(74vw,232px)!important}
  .daily-v10 .wheel-label{font-size:12px!important}
  .daily-v10-core{width:66px!important;height:66px!important}
  .daily-v13-core-word{font-size:13px!important}
  .daily-v10 .daily-user b{font-size:12px!important}
  .daily-v10 .daily-user small{font-size:8px!important}
}


/* =========================================================
   ST4R V16 — COMPACT HERO + LOGO INSIDE PREMIUM WHEEL
   ========================================================= */
@media (min-width: 981px){
  .hero{
    min-height:620px!important;
    padding:86px clamp(28px,5vw,82px) 70px!important;
    grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr)!important;
  }
  .hero-copy{max-width:650px!important}
  .hero h1{
    font-size:clamp(48px,5.6vw,86px)!important;
    line-height:.88!important;
    max-width:700px!important;
  }
  .lead{
    max-width:560px!important;
    margin-top:18px!important;
    font-size:clamp(14px,1.15vw,18px)!important;
    line-height:1.58!important;
  }
  .hero-actions{margin-top:24px!important}
  .hero-meta{margin-top:22px!important;max-width:540px!important}
  .hero-meta div{padding-top:13px!important;padding-right:20px!important;margin-right:20px!important}
  .hero-orbit{width:min(31vw,390px)!important}
  .hero-orbit img{width:76%!important}
  .scroll-cue{display:none!important}
  .hero-ticker{height:38px!important}
}

.daily-v10{
  padding:26px clamp(12px,2.2vw,30px) 36px!important;
}
.daily-v10-layout{
  width:min(1100px,100%)!important;
  grid-template-columns:minmax(205px,.80fr) minmax(300px,.92fr) minmax(165px,.54fr)!important;
  gap:16px!important;
}
.daily-v10-copy h2{
  font-size:clamp(34px,3.15vw,52px)!important;
  margin:10px 0 9px!important;
}
.daily-v10-copy>p{font-size:11px!important;max-width:330px!important}
.daily-v10-features{margin-top:13px!important;gap:8px!important}
.daily-v10-feature{padding:8px 9px!important}
.daily-v10-feature>span{width:32px!important;height:32px!important;font-size:13px!important}
.daily-v10-feature b{font-size:11px!important}
.daily-v10-feature small{font-size:7.5px!important}
.daily-v10-machine{
  max-width:445px!important;
  padding:11px 13px 13px!important;
  border-radius:22px!important;
}
.daily-v10-machine-top{padding-bottom:6px!important;font-size:7px!important}
.daily-v10-machine-top b{font-size:7px!important}

.daily-v10-wheel-frame{
  width:clamp(218px,19vw,278px)!important;
  height:clamp(218px,19vw,278px)!important;
  margin:8px auto 4px!important;
}
.daily-v10-pointer{
  top:-7px!important;
  border-left-width:11px!important;
  border-right-width:11px!important;
  border-top-width:21px!important;
}
.daily-v10 .daily-wheel{
  border:5px solid rgba(236,246,255,.92)!important;
  background:conic-gradient(from -54deg,
    rgba(233,183,47,.62) 0 72deg,
    rgba(91,151,255,.58) 72deg 144deg,
    rgba(202,109,208,.56) 144deg 216deg,
    rgba(114,201,232,.56) 216deg 288deg,
    rgba(136,96,239,.58) 288deg 360deg)!important;
  box-shadow:
    0 0 0 3px rgba(126,164,255,.10),
    0 0 26px rgba(63,142,255,.18),
    0 0 52px rgba(136,82,255,.10),
    inset 0 0 28px rgba(0,0,0,.38)!important;
}
.daily-v16-wheel-logo{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  opacity:.52;
  filter:saturate(1.15) contrast(1.05) brightness(.83);
  pointer-events:none;
}
.daily-v10 .daily-wheel:before{
  z-index:2!important;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 57%, rgba(255,255,255,.09) 58%, transparent 59%),
    repeating-conic-gradient(from -54deg,
      transparent 0 70.7deg,
      rgba(246,250,255,.78) 70.7deg 72deg)!important;
}
.daily-v10 .daily-wheel:after{
  z-index:3!important;
  inset:12px!important;
  background:
    radial-gradient(circle,rgba(255,255,255,.88) 0 .7px,transparent 1.15px),
    radial-gradient(circle,rgba(124,218,255,.58) 0 .7px,transparent 1.15px)!important;
  background-size:28px 28px,46px 46px!important;
  background-position:3px 5px,19px 17px!important;
  opacity:.46!important;
  box-shadow:inset 0 0 24px rgba(0,0,0,.22)!important;
}
.daily-v10 .wheel-label{
  z-index:8!important;
  font-size:clamp(16px,1.3vw,21px)!important;
  color:#fff!important;
  text-shadow:0 3px 14px rgba(0,0,0,.95),0 0 8px rgba(255,255,255,.2)!important;
}
.daily-v10 .wl1000{top:15%!important;font-size:clamp(18px,1.45vw,24px)!important;color:#ffe58b!important}
.daily-v10 .wl100{right:13%!important;top:38%!important}
.daily-v10 .wl150{right:18%!important;bottom:18%!important}
.daily-v10 .wl300{left:18%!important;bottom:18%!important}
.daily-v10 .wl500{left:13%!important;top:38%!important}

.daily-v10-core{
  width:66px!important;
  height:66px!important;
  border:4px solid rgba(238,246,255,.92)!important;
  background:rgba(5,10,28,.82)!important;
  box-shadow:0 0 18px rgba(78,170,255,.20),inset 0 0 18px rgba(0,0,0,.36)!important;
}
.daily-v10-core-galaxy{display:none!important}
.daily-v13-core-word{
  font-size:13px!important;
  letter-spacing:.08em!important;
  color:#f7fbff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 10px rgba(91,181,255,.28)!important;
}
.daily-v10-brandline{margin:3px auto 4px!important}
.daily-v10-brandline b{font-size:14px!important;letter-spacing:.15em!important}
.daily-v10-brandline span{font-size:7px!important;letter-spacing:.20em!important}
.daily-v10 .daily-copy{width:min(360px,100%)!important}
.daily-v10 .daily-copy>p{font-size:9px!important;line-height:1.4!important}
.daily-v10 .daily-user{
  margin-top:7px!important;
  padding:7px 10px!important;
  border-radius:14px!important;
}
.daily-v10 .daily-user img{width:31px!important;height:31px!important}
.daily-v10 .daily-user b{font-size:11px!important}
.daily-v10 .daily-user small{font-size:7.5px!important}
.daily-v10 .daily-user small span:first-child{font-size:8px!important}
.daily-v10 .daily-actions{
  width:min(330px,100%)!important;
  margin:7px auto 0!important;
  padding:8px 10px!important;
  border-radius:14px!important;
}
.daily-v10 .daily-cooldown{font-size:7px!important;margin-bottom:6px!important}
.daily-v10 .daily-btn{min-height:40px!important;font-size:12px!important;border-radius:12px!important}
.daily-v10 .daily-credit-note,.daily-v10 .daily-logout{font-size:6px!important}
.daily-v10-quote{font-size:12px!important}
.daily-v10-secure{margin-top:14px!important;padding:12px 10px!important}
.daily-v10-secure small{font-size:7px!important}

@media(max-width:980px){
  .hero{min-height:auto!important;padding:82px 18px 58px!important}
  .hero h1{font-size:clamp(40px,8.5vw,68px)!important}
  .hero-side{opacity:.55!important}
  .daily-v10-layout{grid-template-columns:1fr!important;max-width:720px!important;gap:12px!important}
  .daily-v10-copy,.daily-v10-side{text-align:center!important}
  .daily-v10-kicker{justify-content:center!important}
  .daily-v10-copy>p{margin-inline:auto!important}
  .daily-v10-side{display:none!important}
  .daily-v10-wheel-frame{width:min(270px,58vw)!important;height:min(270px,58vw)!important}
}
@media(max-width:640px){
  .hero{padding:76px 12px 50px!important}
  .hero h1{font-size:clamp(34px,11vw,50px)!important}
  .lead{font-size:13px!important;margin-top:14px!important}
  .hero-meta{margin-top:16px!important}
  .daily-v10{padding:24px 10px 34px!important}
  .daily-v10-machine{padding:10px 8px 12px!important}
  .daily-v10-wheel-frame{width:min(72vw,232px)!important;height:min(72vw,232px)!important}
  .daily-v10 .wheel-label{font-size:13px!important}
  .daily-v10 .wl1000{font-size:16px!important}
  .daily-v10-core{width:58px!important;height:58px!important}
  .daily-v13-core-word{font-size:11px!important}
}


/* =========================================================
   ST4R V17 — HERO AS A COMPACT PREMIUM TITLE BANNER
   ========================================================= */
@media (min-width: 981px){
  .hero{
    min-height:0!important;
    height:clamp(390px,47vh,500px)!important;
    grid-template-columns:minmax(0,1.15fr) minmax(260px,.55fr)!important;
    padding:92px clamp(28px,6vw,96px) 62px!important;
    column-gap:28px!important;
    align-items:center!important;
  }
  .hero-copy{
    max-width:650px!important;
    align-self:center!important;
  }
  .signal{
    margin-bottom:14px!important;
    padding:6px 10px!important;
    font-size:7px!important;
  }
  .hero h1{
    max-width:660px!important;
    font-size:clamp(46px,4.6vw,74px)!important;
    line-height:.88!important;
    letter-spacing:-.055em!important;
  }
  .lead{
    max-width:540px!important;
    margin-top:16px!important;
    font-size:clamp(13px,1.05vw,16px)!important;
    line-height:1.55!important;
  }
  .hero-actions{
    margin-top:18px!important;
    gap:10px!important;
  }
  .hero-actions .btn{
    padding:11px 17px!important;
    font-size:10px!important;
  }
  .hero-meta{
    max-width:500px!important;
    margin-top:18px!important;
  }
  .hero-meta div{
    padding:12px 20px 0 0!important;
    margin-right:20px!important;
  }
  .hero-meta strong{
    font-size:15px!important;
  }
  .hero-meta span{
    font-size:7px!important;
    margin-top:3px!important;
  }
  .hero-side{
    justify-self:end!important;
    align-self:center!important;
    width:min(27vw,340px)!important;
  }
  .hero-orbit{
    width:min(27vw,340px)!important;
  }
  .hero-orbit img{
    width:76%!important;
  }
  .core-label{
    right:-2%!important;
    bottom:11%!important;
    padding:7px 9px!important;
    border-radius:10px!important;
  }
  .core-label small{font-size:6px!important}
  .core-label b{font-size:8px!important;margin-top:3px!important}
  .scroll-cue{display:none!important}
  .hero-ticker{
    height:34px!important;
  }
  .ticker-track{
    gap:20px!important;
  }
  .ticker-track span{
    font-size:7px!important;
  }
}

@media (max-width: 980px){
  .hero{
    min-height:auto!important;
    height:auto!important;
    grid-template-columns:1fr!important;
    padding:84px 18px 52px!important;
  }
  .hero-copy{max-width:620px!important}
  .hero h1{
    font-size:clamp(38px,8.5vw,58px)!important;
    max-width:610px!important;
  }
  .lead{
    margin-top:14px!important;
    font-size:14px!important;
    max-width:520px!important;
  }
  .hero-actions{margin-top:18px!important}
  .hero-meta{margin-top:18px!important}
  .hero-side{
    position:absolute!important;
    right:-20px!important;
    top:92px!important;
    width:min(42vw,280px)!important;
    opacity:.28!important;
    pointer-events:none!important;
  }
  .hero-orbit{width:100%!important}
  .hero-ticker{height:32px!important}
  .scroll-cue{display:none!important}
}

@media (max-width: 560px){
  .hero{
    padding:78px 14px 46px!important;
  }
  .signal{margin-bottom:12px!important}
  .hero h1{
    font-size:clamp(34px,10.4vw,47px)!important;
    line-height:.9!important;
  }
  .lead{
    font-size:13px!important;
    line-height:1.5!important;
  }
  .hero-actions .btn{
    padding:10px 14px!important;
    font-size:9px!important;
  }
  .hero-meta{
    gap:12px!important;
  }
  .hero-meta div{
    padding-top:10px!important;
  }
  .hero-meta strong{font-size:14px!important}
  .hero-meta span{font-size:7px!important}
}
/* ===== END V17 ===== */

/* =========================================================
   ST4R V18 — NEBULA ROYAL
   Completely reorganized hero + premium Daily Spin panel.
   ========================================================= */

/* --- compact premium hero --- */
.hero-v18{
  min-height:500px!important;
  height:auto!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;
  padding:92px clamp(28px,6vw,104px) 70px!important;
  background:#02040c!important;
}
.hero-v18 .hero-bg{opacity:.32!important;transform:scale(1.02)!important;background-position:center 52%!important}
.hero-v18 .hero-overlay{
  background:linear-gradient(90deg,rgba(2,4,12,.985) 0%,rgba(2,4,12,.86) 38%,rgba(2,4,12,.25) 72%,rgba(2,4,12,.66) 100%),linear-gradient(0deg,#02040b 0%,transparent 30%)!important
}
.hero-v18 .hero-copy{max-width:670px!important}
.hero-v18 .signal{margin-bottom:16px!important;padding:7px 11px!important;font-size:8px!important}
.hero-v18 h1{font-size:clamp(48px,5.35vw,86px)!important;line-height:.88!important;max-width:720px!important}
.hero-v18 .lead{margin-top:18px!important;max-width:590px!important;font-size:clamp(14px,1.15vw,17px)!important;line-height:1.6!important}
.hero-v18 .hero-actions{margin-top:22px!important}
.hero-v18 .hero-meta{margin-top:22px!important;max-width:520px!important}
.hero-v18 .hero-meta div{padding:12px 22px 0 0!important;margin-right:22px!important}
.hero-v18 .hero-meta strong{font-size:17px!important}.hero-v18 .hero-meta span{font-size:8px!important}
.hero-v18 .hero-side{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important}
.hero-v18 .hero-orbit{width:min(31vw,390px)!important;justify-self:center!important}
.hero-v18 .hero-orbit img{width:72%!important;animation:float 7s ease-in-out infinite!important}
.hero-v18 .core-label{right:2%!important;bottom:12%!important;padding:8px 10px!important}
.hero-v18 .hero-v18-manifest{display:grid;gap:7px;min-width:135px;color:#98acd0;font-size:10px;letter-spacing:.19em;line-height:1.1}
.hero-v18 .hero-v18-manifest b{margin-top:3px;color:#cbdcff;font-size:11px;line-height:1.45;letter-spacing:.13em;border-bottom:1px solid rgba(122,178,255,.35);padding-bottom:8px}
.hero-v18 .hero-ticker{height:34px!important}.hero-v18 .ticker-track{gap:22px!important}.hero-v18 .ticker-track span{font-size:7px!important}
.hero-v18 .scroll-cue{display:none!important}

/* --- V18 daily arena --- */
.daily-v18{position:relative;isolation:isolate;overflow:hidden;padding:58px 20px 66px;background:#02050e;border-top:1px solid rgba(121,177,255,.10);border-bottom:1px solid rgba(121,177,255,.10)}
.daily-v18-stars{position:absolute;inset:0;z-index:-4;opacity:.78;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.25px),radial-gradient(circle,rgba(98,199,255,.78) 0 1px,transparent 1.35px),radial-gradient(circle,rgba(179,117,255,.55) 0 1px,transparent 1.4px);background-size:82px 82px,137px 137px,191px 191px;background-position:0 0,27px 35px,73px 92px;mask-image:linear-gradient(to bottom,transparent 0,black 7%,black 93%,transparent 100%)}
.daily-v18-nebula{position:absolute;inset:-15%;z-index:-5;background:radial-gradient(circle at 47% 42%,rgba(32,104,255,.24),transparent 20%),radial-gradient(circle at 26% 62%,rgba(24,129,215,.12),transparent 26%),radial-gradient(circle at 79% 52%,rgba(120,55,230,.16),transparent 25%),linear-gradient(180deg,#030817,#02050e);filter:saturate(1.12)}
.daily-v18-shell{width:min(1320px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(220px,.82fr) minmax(360px,1.08fr) minmax(230px,.78fr);gap:24px;align-items:center;padding:26px 28px;border:1px solid rgba(124,184,255,.18);border-radius:28px;background:linear-gradient(135deg,rgba(6,13,34,.90),rgba(3,8,24,.80));box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(14px)}

.daily-v18-info{align-self:center}.daily-v18-kicker{display:flex;align-items:center;gap:10px;color:#79cfff;font-size:9px;font-weight:900;letter-spacing:.20em}.daily-v18-kicker i{width:22px;height:1px;background:#79cfff;box-shadow:0 0 10px rgba(121,207,255,.55)}
.daily-v18-info h2{margin:16px 0 11px;font-size:clamp(38px,3.45vw,60px);line-height:.92;letter-spacing:-.055em;color:#e9f5ff;text-shadow:0 0 28px rgba(72,146,255,.14)}
.daily-v18-info h2 span{background:linear-gradient(92deg,#aeeaff 0%,#7fc6ff 40%,#a994ff 74%,#f0c861 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.daily-v18-info>p{max-width:350px;margin:0;color:#abb9d2;font-size:12px;line-height:1.6}
.daily-v18-feature-list{display:grid;gap:9px;margin-top:20px}.daily-v18-feature{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:13px;border:1px solid rgba(118,183,255,.12);background:linear-gradient(180deg,rgba(10,20,50,.62),rgba(5,10,27,.52));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.daily-v18-feature>span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;color:#80dfff;font-size:15px;background:linear-gradient(180deg,rgba(29,79,176,.72),rgba(10,29,73,.78));border:1px solid rgba(118,200,255,.18);box-shadow:0 6px 18px rgba(0,0,0,.24),inset 0 0 16px rgba(81,159,255,.10)}
.daily-v18-feature b{display:block;color:#f4f8ff;font-size:12px}.daily-v18-feature small{display:block;margin-top:3px;color:#8494b2;font-size:8px}

.daily-v18-center{text-align:center;min-width:0}.daily-v18-wheel-title{display:flex;justify-content:space-between;align-items:center;padding:0 6px 10px;margin-bottom:4px;border-bottom:1px solid rgba(121,184,255,.10);font-size:7px;letter-spacing:.18em}.daily-v18-wheel-title span{color:#7791bd}.daily-v18-wheel-title b{color:#ffda69}
.daily-v18-wheel-frame{position:relative;width:clamp(300px,28vw,390px);height:clamp(300px,28vw,390px);margin:6px auto 8px;display:grid;place-items:center;filter:drop-shadow(0 24px 38px rgba(0,0,0,.34))}
.daily-v18-wheel-frame:before{content:"";position:absolute;inset:-13px;border-radius:50%;background:radial-gradient(circle,rgba(66,162,255,.17),transparent 62%);box-shadow:0 0 72px rgba(42,143,255,.17),0 0 105px rgba(134,64,255,.10)}
.daily-v18-pointer{position:absolute;z-index:30;left:50%;top:-8px;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:31px solid #ffd968;filter:drop-shadow(0 5px 10px rgba(0,0,0,.42))}.daily-v18-pointer i{position:absolute;left:-7px;top:-31px;width:14px;height:9px;border-radius:0 0 7px 7px;background:linear-gradient(180deg,#fff6c4,#d9a92d)}
.daily-v18-wheel{position:relative!important;width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important;border:7px solid rgba(232,244,255,.94)!important;background:conic-gradient(from -36deg,#d8a119 0deg 72deg,#1680e2 72deg 144deg,#9c39bd 144deg 216deg,#10a4c7 216deg 288deg,#6f36ca 288deg 360deg)!important;box-shadow:0 0 0 4px rgba(106,157,255,.18),0 0 0 8px rgba(12,19,44,.95),0 0 0 11px rgba(112,189,255,.23),0 0 58px rgba(40,148,255,.20),inset 0 -18px 28px rgba(0,0,0,.24),inset 0 12px 20px rgba(255,255,255,.07)!important;transition:transform 4.2s cubic-bezier(.08,.72,.1,1)!important;will-change:transform}
.daily-v18-wheel:before{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;z-index:1!important;pointer-events:none!important;background:radial-gradient(circle at 50% 18%,rgba(255,241,181,.92) 0 1.2%,rgba(255,190,45,.42) 3%,transparent 16%),radial-gradient(circle at 79% 39%,rgba(209,245,255,.88) 0 1%,rgba(55,151,255,.40) 3%,transparent 15%),radial-gradient(circle at 68% 77%,rgba(255,206,250,.82) 0 1%,rgba(209,69,211,.38) 3%,transparent 16%),radial-gradient(circle at 31% 77%,rgba(202,255,255,.82) 0 1%,rgba(25,207,230,.36) 3%,transparent 16%),radial-gradient(circle at 21% 39%,rgba(236,214,255,.84) 0 1%,rgba(136,70,240,.38) 3%,transparent 16%),radial-gradient(circle,rgba(255,255,255,.92) 0 1px,transparent 1.3px),radial-gradient(circle,rgba(122,221,255,.72) 0 1px,transparent 1.4px)!important;background-size:auto,auto,auto,auto,auto,28px 28px,45px 45px!important;background-position:center,center,center,center,center,4px 5px,17px 23px!important;opacity:.92!important;mix-blend-mode:screen}
.daily-v18-wheel:after{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;z-index:2!important;pointer-events:none!important;background:repeating-conic-gradient(from -36deg,transparent 0 71.15deg,rgba(238,249,255,.84) 71.15deg 72deg)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.07),inset 0 0 36px rgba(0,0,0,.20)!important}
.daily-v18-wheel .wheel-label{position:absolute!important;z-index:10!important;transform:translate(-50%,-50%)!important;font-size:clamp(20px,1.8vw,28px)!important;font-weight:1000!important;line-height:1!important;color:#fff!important;letter-spacing:-.025em!important;text-shadow:0 3px 14px rgba(0,0,0,.85),0 0 17px rgba(255,255,255,.14)!important}
.daily-v18-wheel .wl1000{left:50%!important;top:19%!important;color:#fff1b4!important;font-size:clamp(24px,2vw,32px)!important}
.daily-v18-wheel .wl100{left:79.5%!important;top:40.4%!important;right:auto!important;bottom:auto!important}
.daily-v18-wheel .wl150{left:68.2%!important;top:75.1%!important;right:auto!important;bottom:auto!important}
.daily-v18-wheel .wl300{left:31.8%!important;top:75.1%!important;right:auto!important;bottom:auto!important}
.daily-v18-wheel .wl500{left:20.5%!important;top:40.4%!important;right:auto!important;bottom:auto!important}
.daily-v18-core{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(78px,7.7vw,100px);height:clamp(78px,7.7vw,100px);border-radius:50%;overflow:hidden;border:5px solid rgba(238,247,255,.96);background:#071022;box-shadow:0 0 0 4px rgba(58,97,176,.95),0 0 0 7px rgba(124,204,255,.18),0 8px 24px rgba(0,0,0,.44),inset 0 0 18px rgba(78,154,255,.20)}
.daily-v18-core img{width:100%;height:100%;object-fit:cover;transform:scale(1.32);filter:saturate(1.12) contrast(1.04)}
.daily-v18-brand{margin:3px auto 6px}.daily-v18-brand b{display:block;color:#e3f0ff;font-size:15px;letter-spacing:.17em}.daily-v18-brand span{display:block;margin-top:4px;color:#7794c0;font-size:7px;letter-spacing:.25em}
.daily-v18-message{max-width:420px;margin:0 auto;color:#a8b7cf;font-size:9px;line-height:1.45}
.daily-v18-user{justify-content:center!important;width:max-content!important;max-width:100%!important;margin:10px auto 0!important;padding:9px 13px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(10,17,43,.90),rgba(4,9,24,.76))!important;border:1px solid rgba(134,194,255,.18)!important;box-shadow:0 9px 22px rgba(0,0,0,.22)!important}.daily-v18-user img{width:36px!important;height:36px!important;border:2px solid rgba(122,217,255,.23)!important}.daily-v18-user b{font-size:12px!important;color:#f4f9ff!important}.daily-v18-user small{font-size:8px!important;color:#9caac2!important}.daily-v18-user small span:first-child{color:#ffd76a!important;font-size:10px!important;font-weight:1000!important}.daily-v18-user em{font-style:normal;color:#566985;margin:0 3px}
.daily-v18-actions{width:min(370px,100%)!important;margin:10px auto 0!important;padding:9px 11px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(7,13,34,.86),rgba(4,8,22,.78))!important;border:1px solid rgba(126,190,255,.16)!important}.daily-v18-actions .daily-cooldown{display:block;margin-bottom:7px!important;font-size:7px!important;letter-spacing:.14em!important}.daily-v18-actions .daily-btn{width:100%!important;min-height:45px!important;border-radius:13px!important;border:1px solid rgba(182,235,255,.58)!important;background:linear-gradient(90deg,#286cf3 0%,#4fc4ff 53%,#4d84ff 100%)!important;color:white!important;font-size:13px!important;font-weight:1000!important;box-shadow:0 11px 28px rgba(51,123,255,.30),inset 0 1px 0 rgba(255,255,255,.24)!important}.daily-v18-actions .daily-btn:hover:not(:disabled){transform:translateY(-1px)!important;filter:brightness(1.06)!important}.daily-v18-actions .daily-credit-note,.daily-v18-actions .daily-logout{font-size:6px!important}

.daily-v18-rewards{display:grid;gap:10px}.daily-v18-sidecard{display:flex;align-items:center;gap:12px;padding:13px;border-radius:14px;border:1px solid rgba(124,185,255,.13);background:linear-gradient(180deg,rgba(8,17,43,.68),rgba(4,9,25,.60))}.v18-side-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;color:#88dfff;font-size:18px;background:linear-gradient(180deg,rgba(32,89,199,.65),rgba(13,40,99,.72));border:1px solid rgba(131,205,255,.18)}.daily-v18-sidecard small{display:block;color:#74cfff;font-size:7px;letter-spacing:.17em}.daily-v18-sidecard b{display:block;margin-top:4px;color:#ecf4ff;font-size:11px;line-height:1.45}
.daily-v18-prizes{padding:13px 14px;border-radius:14px;border:1px solid rgba(124,185,255,.13);background:linear-gradient(180deg,rgba(7,14,36,.72),rgba(4,9,24,.60))}.daily-v18-prizes>small{display:block;margin-bottom:8px;color:#74cfff;font-size:7px;letter-spacing:.16em}.daily-v18-prizes>div{display:grid;grid-template-columns:12px 44px 1fr;align-items:center;gap:7px;padding:5px 0;border-top:1px solid rgba(123,174,255,.07)}.daily-v18-prizes>div:first-of-type{border-top:0}.daily-v18-prizes i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 11px currentColor}.daily-v18-prizes i.gold{background:#ffd35f;color:#ffd35f}.daily-v18-prizes i.violet{background:#b866ff;color:#b866ff}.daily-v18-prizes i.cyan{background:#56dfff;color:#56dfff}.daily-v18-prizes i.pink{background:#f06be4;color:#f06be4}.daily-v18-prizes i.blue{background:#568dff;color:#568dff}.daily-v18-prizes b{font-size:11px;color:#f4f8ff}.daily-v18-prizes span{font-size:8px;color:#91a0b8}
.daily-v18-quote{padding:12px 14px;text-align:center;border-radius:14px;border:1px solid rgba(124,185,255,.11);background:rgba(4,9,24,.48);color:#9eafd0;font-size:12px;font-style:italic;line-height:1.5}.daily-v18-quote b{color:#cbdcff}.daily-v18-quote small{display:block;margin-top:6px;color:#5f7398;font-size:6px;font-style:normal;letter-spacing:.20em}
.daily-v18.spinning,.daily-v18-shell.spinning{border-color:rgba(111,207,255,.30)!important}.daily-v18-shell.win{animation:v18Win .85s ease both}@keyframes v18Win{40%{box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 56px rgba(86,190,255,.18),inset 0 1px 0 rgba(255,255,255,.04)}70%{transform:translateY(-1px)}}

@media(max-width:1120px){
  .hero-v18{grid-template-columns:1fr minmax(250px,.65fr)!important;padding-inline:40px!important}.hero-v18 .hero-v18-manifest{display:none!important}
  .daily-v18-shell{grid-template-columns:1fr 1.08fr!important;max-width:900px!important}.daily-v18-rewards{grid-column:1/-1;grid-template-columns:repeat(3,1fr)!important}.daily-v18-quote{display:none!important}
}
@media(max-width:820px){
  .hero-v18{grid-template-columns:1fr!important;min-height:auto!important;padding:86px 18px 58px!important}.hero-v18 .hero-side{position:absolute!important;right:-18%;top:76px;width:58%;opacity:.30!important;pointer-events:none}.hero-v18 .hero-orbit{width:100%!important}.hero-v18 h1{font-size:clamp(42px,11vw,70px)!important}.hero-v18 .hero-copy{max-width:620px!important}.hero-v18 .hero-meta{max-width:100%!important}
  .daily-v18{padding:38px 12px 46px}.daily-v18-shell{grid-template-columns:1fr!important;padding:18px 14px;gap:18px;border-radius:22px}.daily-v18-info{text-align:center}.daily-v18-kicker{justify-content:center}.daily-v18-info>p{margin-inline:auto}.daily-v18-feature-list{grid-template-columns:repeat(3,1fr)}.daily-v18-feature{flex-direction:column;text-align:center}.daily-v18-rewards{grid-column:auto;grid-template-columns:1fr 1fr!important}.daily-v18-prizes{grid-column:1/-1}.daily-v18-wheel-frame{width:min(78vw,340px);height:min(78vw,340px)}
}
@media(max-width:540px){
  .hero-v18{padding-top:78px!important;padding-bottom:52px!important}.hero-v18 h1{font-size:38px!important}.hero-v18 .lead{font-size:13px!important}.hero-v18 .hero-actions{gap:8px!important}.hero-v18 .hero-meta{flex-wrap:wrap!important}.hero-v18 .hero-meta div{border-right:0!important;margin-right:0!important;padding-right:18px!important}
  .daily-v18-info h2{font-size:36px}.daily-v18-feature-list{grid-template-columns:1fr}.daily-v18-feature{flex-direction:row;text-align:left}.daily-v18-wheel-frame{width:min(80vw,286px);height:min(80vw,286px)}.daily-v18-wheel .wheel-label{font-size:15px!important}.daily-v18-wheel .wl1000{font-size:18px!important}.daily-v18-core{width:70px;height:70px;border-width:4px}.daily-v18-brand b{font-size:13px}.daily-v18-rewards{grid-template-columns:1fr!important}.daily-v18-prizes{grid-column:auto}.daily-v18-sidecard:nth-child(2){display:none}.daily-v18-actions{width:100%!important}
}


/* ===== HERO TOP COMPACT OVERRIDE ===== */
.hero.hero-v18{
  min-height: 62svh !important;
  grid-template-columns: minmax(0,1.12fr) minmax(240px,.62fr) !important;
  align-items: center !important;
  padding: 74px 28px 44px !important;
}

.hero-v18 .hero-bg{
  opacity: .26 !important;
  background-position: center 50% !important;
}

.hero-v18 .hero-copy{
  max-width: 560px !important;
}

.hero-v18 .signal{
  margin-bottom: 12px !important;
  padding: 6px 10px !important;
  font-size: 8px !important;
}

.hero-v18 h1{
  font-size: clamp(40px, 4.6vw, 72px) !important;
  line-height: .90 !important;
  max-width: 560px !important;
  margin: 0 !important;
}

.hero-v18 .lead{
  margin-top: 14px !important;
  max-width: 520px !important;
  font-size: clamp(13px, 1vw, 16px) !important;
  line-height: 1.55 !important;
}

.hero-v18 .hero-actions{
  margin-top: 18px !important;
  gap: 10px !important;
}

.hero-v18 .hero-actions .btn{
  padding: 13px 20px !important;
}

.hero-v18 .hero-meta{
  margin-top: 18px !important;
  max-width: 460px !important;
}

.hero-v18 .hero-meta div{
  padding: 10px 16px 0 0 !important;
  margin-right: 16px !important;
}

.hero-v18 .hero-meta strong{
  font-size: 16px !important;
}

.hero-v18 .hero-meta span{
  font-size: 8px !important;
}

.hero-v18 .hero-side{
  width: min(26vw, 280px) !important;
  justify-self: end !important;
  align-self: center !important;
  gap: 0 !important;
}

.hero-v18 .hero-orbit{
  width: 100% !important;
  max-width: 260px !important;
}

.hero-v18 .hero-orbit img{
  width: 78% !important;
}

.hero-v18 .hero-v18-manifest{
  display: none !important;
}

.hero-v18 .core-label{
  right: -2% !important;
  bottom: 9% !important;
  transform: scale(.90) !important;
}

.hero-v18 .hero-ticker{
  height: 30px !important;
}

.hero-v18 .ticker-track span{
  font-size: 7px !important;
}

/* laptop / medium */
@media (max-width: 1200px){
  .hero.hero-v18{
    grid-template-columns: 1fr .58fr !important;
    min-height: auto !important;
    padding: 72px 22px 42px !important;
  }

  .hero-v18 h1{
    font-size: clamp(38px, 5.4vw, 62px) !important;
  }

  .hero-v18 .hero-side{
    width: min(30vw, 240px) !important;
  }
}

/* tablet */
@media (max-width: 900px){
  .hero.hero-v18{
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    padding: 82px 18px 44px !important;
  }

  .hero-v18 .hero-copy{
    max-width: 100% !important;
  }

  .hero-v18 h1{
    font-size: clamp(34px, 8.5vw, 54px) !important;
    max-width: 480px !important;
  }

  .hero-v18 .lead{
    max-width: 430px !important;
  }

  .hero-v18 .hero-side{
    position: absolute !important;
    right: -10% !important;
    top: 85px !important;
    width: 42% !important;
    opacity: .22 !important;
    pointer-events: none !important;
  }

  .hero-v18 .hero-orbit{
    max-width: none !important;
  }

  .hero-v18 .hero-meta{
    flex-wrap: wrap !important;
  }
}

/* mobile */
@media (max-width: 640px){
  .hero.hero-v18{
    padding: 76px 14px 40px !important;
  }

  .hero-v18 h1{
    font-size: 34px !important;
  }

  .hero-v18 .lead{
    font-size: 13px !important;
  }

  .hero-v18 .hero-side{
    right: -34% !important;
    top: 90px !important;
    width: 78% !important;
    opacity: .16 !important;
  }

  .hero-v18 .hero-ticker{
    height: 28px !important;
  }
}


/* =========================================================
   ST4R V19 — HERO AS A COMPACT PREMIUM TITLE
   Final override: short header, no duplicated ticker, responsive.
   ========================================================= */
.hero.hero-v18,
.compact-site .hero.hero-v18{
  min-height:0!important;
  height:auto!important;
  grid-template-columns:minmax(0,1.16fr) minmax(150px,.42fr)!important;
  align-items:center!important;
  gap:18px!important;
  padding:68px clamp(18px,4.2vw,72px) 38px!important;
}
.hero-v18 .hero-copy{max-width:560px!important}
.hero-v18 .signal{margin-bottom:9px!important;padding:5px 9px!important;font-size:7px!important;letter-spacing:.18em!important}
.hero-v18 h1{font-size:clamp(32px,3.65vw,58px)!important;line-height:.91!important;letter-spacing:-.052em!important;max-width:550px!important;margin:0!important}
.hero-v18 .lead{margin-top:10px!important;max-width:500px!important;font-size:clamp(12px,.92vw,14px)!important;line-height:1.48!important}
.hero-v18 .hero-actions{margin-top:13px!important;gap:8px!important}
.hero-v18 .hero-actions .btn{padding:10px 16px!important;font-size:11px!important;border-radius:999px!important}
.hero-v18 .hero-meta{margin-top:13px!important;max-width:410px!important}
.hero-v18 .hero-meta div{padding:8px 13px 0 0!important;margin-right:13px!important}
.hero-v18 .hero-meta strong{font-size:14px!important}
.hero-v18 .hero-meta span{margin-top:2px!important;font-size:7px!important;letter-spacing:.06em!important}
.hero-v18 .hero-side{position:relative!important;width:min(16vw,175px)!important;justify-self:end!important;align-self:center!important;gap:0!important;opacity:1!important}
.hero-v18 .hero-orbit{width:100%!important;max-width:170px!important}
.hero-v18 .hero-orbit img{width:76%!important}
.hero-v18 .hero-v18-manifest{display:none!important}
.hero-v18 .core-label{right:-11px!important;bottom:8px!important;transform:scale(.72)!important;transform-origin:bottom right!important}
.hero-v18 .hero-ticker{height:28px!important}
.hero-v18 .ticker-track.ticker-track-single{
  animation:none!important;
  width:100%!important;
  min-width:0!important;
  justify-content:center!important;
  gap:clamp(12px,1.55vw,23px)!important;
  padding:0 14px!important;
}
.hero-v18 .ticker-track.ticker-track-single span{font-size:6px!important;letter-spacing:.18em!important;white-space:nowrap!important}
.hero-v18 .ticker-track.ticker-track-single i{font-size:8px!important;flex:0 0 auto!important}
.hero-v18 .scroll-cue{display:none!important}

@media(max-width:1180px){
  .hero.hero-v18,.compact-site .hero.hero-v18{
    grid-template-columns:minmax(0,1fr) 150px!important;
    padding:66px 28px 36px!important;
  }
  .hero-v18 h1{font-size:clamp(31px,4.6vw,52px)!important}
  .hero-v18 .hero-side{width:145px!important}
}
@media(max-width:820px){
  .hero.hero-v18,.compact-site .hero.hero-v18{
    display:block!important;
    padding:72px 18px 36px!important;
    min-height:0!important;
  }
  .hero-v18 .hero-copy{max-width:520px!important;position:relative!important;z-index:3!important}
  .hero-v18 h1{font-size:clamp(31px,8.5vw,46px)!important;max-width:430px!important}
  .hero-v18 .lead{max-width:420px!important;font-size:12px!important}
  .hero-v18 .hero-side{position:absolute!important;right:-3%!important;top:78px!important;width:180px!important;opacity:.18!important;pointer-events:none!important}
  .hero-v18 .core-label{display:none!important}
  .hero-v18 .hero-meta{max-width:100%!important;flex-wrap:wrap!important}
  .hero-v18 .ticker-track.ticker-track-single{justify-content:flex-start!important;overflow:hidden!important;gap:14px!important}
}
@media(max-width:560px){
  .hero.hero-v18,.compact-site .hero.hero-v18{padding:68px 14px 32px!important}
  .hero-v18 .signal{font-size:6px!important;margin-bottom:8px!important}
  .hero-v18 h1{font-size:30px!important;line-height:.94!important}
  .hero-v18 .lead{font-size:11px!important;line-height:1.42!important;margin-top:8px!important}
  .hero-v18 .hero-actions{margin-top:10px!important}
  .hero-v18 .hero-actions .btn{padding:9px 13px!important;font-size:10px!important}
  .hero-v18 .hero-meta{margin-top:10px!important}
  .hero-v18 .hero-meta div{padding-top:7px!important;padding-right:12px!important;margin-right:12px!important}
  .hero-v18 .hero-meta strong{font-size:13px!important}
  .hero-v18 .hero-meta span{font-size:6px!important}
  .hero-v18 .hero-side{right:-13%!important;top:72px!important;width:165px!important;opacity:.13!important}
  .hero-v18 .hero-ticker{height:26px!important}
  .hero-v18 .ticker-track.ticker-track-single{gap:11px!important}
  .hero-v18 .ticker-track.ticker-track-single span{font-size:5px!important}
}


/* =========================================================
   ST4R V21 — COMPACT HERO + 10-SLOT DAILY SPIN + VISITORS
   ========================================================= */

/* Main title: narrower/cleaner without changing the wording. */
.hero-v18 .hero-copy{max-width:500px!important}
.hero-v18 h1{
  max-width:470px!important;
  font-size:clamp(30px,3.2vw,50px)!important;
  line-height:.93!important;
  letter-spacing:-.045em!important;
  transform:scaleX(.96);
  transform-origin:left center;
}
.hero-v18 h1 span{white-space:nowrap}
.hero-v18 .lead{max-width:470px!important;font-size:clamp(11px,.86vw,13px)!important}

/* Real unique-browser visitor counter near the hero planet. */
.hero-visit-counter{
  position:absolute;
  z-index:12;
  right:clamp(18px,4.1vw,70px);
  top:78px;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:118px;
  padding:8px 10px;
  border:1px solid rgba(118,199,255,.18);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(4,10,27,.84),rgba(3,7,19,.72));
  box-shadow:0 12px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(14px);
}
.hero-visit-counter .visit-eye{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;color:#7ce9ff;background:rgba(44,112,226,.18);border:1px solid rgba(111,203,255,.16);font-size:11px;box-shadow:inset 0 0 14px rgba(77,177,255,.08)}
.hero-visit-counter div{display:grid;line-height:1}
.hero-visit-counter small{font-size:5.5px;letter-spacing:.18em;color:#6f86aa}
.hero-visit-counter b{margin-top:4px;font-size:13px;letter-spacing:.08em;color:#f2f8ff}

/* Daily area is shorter so the full wheel fits sooner in the viewport. */
.daily-v18{padding:34px 20px 42px!important}
.daily-v18-shell{
  align-items:start!important;
  gap:18px!important;
  padding:18px 22px 20px!important;
  border-radius:25px!important;
}
.daily-v18-info{padding-top:9px}
.daily-v18-kicker{font-size:7px!important;letter-spacing:.17em!important;gap:8px!important}
.daily-v18-info h2{margin:10px 0 7px!important;font-size:clamp(30px,2.8vw,45px)!important;line-height:.94!important;max-width:250px}
.daily-v18-info>p{max-width:315px!important;font-size:10px!important;line-height:1.48!important}
.daily-v18-feature-list{gap:6px!important;margin-top:13px!important}
.daily-v18-feature{gap:9px!important;padding:7px 9px!important;border-radius:11px!important}
.daily-v18-feature>span{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:9px!important;font-size:12px!important}
.daily-v18-feature b{font-size:10px!important}.daily-v18-feature small{font-size:7px!important;margin-top:2px!important}

.daily-v18-center{align-self:start!important;margin-top:-8px!important}
.daily-v18-wheel-title{padding:0 5px 5px!important;margin-bottom:0!important;font-size:6px!important}
.daily-v18-wheel-frame{width:clamp(292px,25.5vw,365px)!important;height:clamp(292px,25.5vw,365px)!important;margin:-1px auto 5px!important}
.daily-v18-brand{margin:1px auto 4px!important}.daily-v18-brand b{font-size:13px!important}.daily-v18-brand span{font-size:6px!important;margin-top:3px!important}
.daily-v18-message{font-size:8px!important;line-height:1.35!important}
.daily-v18-user{margin-top:7px!important;padding:7px 10px!important}.daily-v18-user img{width:32px!important;height:32px!important}
.daily-v18-actions{margin-top:7px!important;padding:7px 9px!important}.daily-v18-actions .daily-btn{min-height:40px!important;font-size:12px!important}

/* Ten equal visual segments. Order clockwise from the top:
   1000, 100, 150, 200, 300, FREE SPIN, 500, 50, 25, 750. */
.daily-v18-wheel{
  background:conic-gradient(from -18deg,
    #d8a119 0deg 36deg,
    #167fe0 36deg 72deg,
    #a33fc2 72deg 108deg,
    #118fae 108deg 144deg,
    #10a7c8 144deg 180deg,
    #f1bc39 180deg 216deg,
    #6f36ca 216deg 252deg,
    #276bd7 252deg 288deg,
    #7e48d8 288deg 324deg,
    #b67f24 324deg 360deg
  )!important;
}
.daily-v18-wheel:after{
  background:repeating-conic-gradient(from -18deg,transparent 0 35.35deg,rgba(238,249,255,.84) 35.35deg 36deg)!important;
}
.daily-v18-wheel .wheel-label{font-size:clamp(12px,1.05vw,16px)!important;letter-spacing:-.02em!important}
.daily-v18-wheel .wl1000{left:50%!important;top:16%!important;font-size:clamp(15px,1.25vw,19px)!important}
.daily-v18-wheel .wl100{left:70%!important;top:22.5%!important}
.daily-v18-wheel .wl150{left:82.3%!important;top:39.5%!important}
.daily-v18-wheel .wl200{left:82.3%!important;top:60.5%!important}
.daily-v18-wheel .wl300{left:70%!important;top:77.5%!important}
.daily-v18-wheel .wlFree{left:50%!important;top:84%!important;color:#fff4b0!important;font-size:10px!important;line-height:.76!important;letter-spacing:.04em!important;text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 14px rgba(255,210,70,.38)!important}
.daily-v18-wheel .wlFree small{font-size:7px!important;letter-spacing:.12em!important}
.daily-v18-wheel .wl500{left:30%!important;top:77.5%!important}
.daily-v18-wheel .wl50{left:17.7%!important;top:60.5%!important}
.daily-v18-wheel .wl25{left:17.7%!important;top:39.5%!important}
.daily-v18-wheel .wl750{left:30%!important;top:22.5%!important;color:#ffe5a0!important}
.daily-v18-core{width:clamp(70px,6.5vw,88px)!important;height:clamp(70px,6.5vw,88px)!important;border-width:4px!important}

/* Compact 10-item reward legend. */
.daily-v18-rewards{padding-top:6px}
.daily-v18-prizes{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:10px!important;padding:10px 11px!important}
.daily-v18-prizes>small{grid-column:1/-1!important;margin-bottom:5px!important}
.daily-v18-prizes>div{grid-template-columns:10px 34px 1fr!important;gap:5px!important;padding:4px 0!important}
.daily-v18-prizes b{font-size:9px!important}.daily-v18-prizes span{font-size:6.5px!important}
.daily-v18-prizes i.gold2{background:#e7a53d;color:#e7a53d}.daily-v18-prizes i.teal{background:#50e4db;color:#50e4db}.daily-v18-prizes i.blue2{background:#4b8dff;color:#4b8dff}.daily-v18-prizes i.violet2{background:#8e62ff;color:#8e62ff}.daily-v18-prizes i.free{background:#ffe06b;color:#ffe06b;box-shadow:0 0 13px #ffe06b}
.daily-v18-prizes>div.special span{color:#ffe99a!important;font-weight:900!important;letter-spacing:.05em}

/* Owner-only spin history. Hidden for everyone else by HTML/JS and protected server-side. */
.daily-owner-history{
  width:min(1320px,100%);
  margin:12px auto 0;
  padding:14px 16px;
  border:1px solid rgba(128,194,255,.16);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(6,13,34,.88),rgba(3,8,24,.78));
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}
.daily-owner-history[hidden]{display:none!important}
.daily-owner-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid rgba(123,181,255,.10)}
.daily-owner-head div{display:grid;gap:3px}.daily-owner-head small{font-size:6px;letter-spacing:.20em;color:#69d8ff}.daily-owner-head b{font-size:13px;color:#f0f6ff}
.daily-owner-head button{appearance:none;border:1px solid rgba(116,199,255,.18);border-radius:10px;padding:7px 10px;background:rgba(34,91,190,.13);color:#9ee9ff;font:inherit;font-size:7px;font-weight:900;letter-spacing:.13em;cursor:pointer}
.daily-history-list{display:grid;gap:5px;margin-top:9px;max-height:330px;overflow:auto;padding-right:3px}
.daily-history-row{display:grid;grid-template-columns:minmax(170px,1.5fr) 110px 86px 88px;align-items:center;gap:10px;padding:8px 9px;border:1px solid rgba(120,180,255,.08);border-radius:11px;background:rgba(3,8,21,.48)}
.daily-history-user{display:flex;align-items:center;gap:8px;min-width:0}.daily-history-user>span{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:9px;background:linear-gradient(145deg,rgba(42,105,224,.34),rgba(92,66,180,.20));border:1px solid rgba(121,202,255,.14);font-size:9px;font-weight:1000;color:#dff8ff}.daily-history-user div{min-width:0}.daily-history-user b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.daily-history-user small{display:block;margin-top:2px;color:#71819f;font-size:6.5px}
.daily-history-row>strong{font-size:9px;color:#8ee9ff}.daily-history-row>strong.is-free{color:#ffe270}.daily-history-row>em{justify-self:start;padding:4px 6px;border-radius:999px;background:rgba(66,120,235,.11);color:#7897c7;font-style:normal;font-size:5.5px;letter-spacing:.10em}.daily-history-row>i{justify-self:end;color:#76dcb3;font-style:normal;font-size:6px;letter-spacing:.10em}.daily-history-empty{padding:14px;text-align:center;color:#7285a7;font-size:8px}

@media(max-width:1120px){
  .daily-v18-center{margin-top:0!important}
  .daily-v18-info h2{max-width:none}
  .daily-owner-history{max-width:900px}
}
@media(max-width:820px){
  .hero-visit-counter{top:76px;right:17px;transform:scale(.86);transform-origin:top right}
  .hero-v18 h1{max-width:390px!important;font-size:clamp(29px,7.8vw,42px)!important}
  .daily-v18{padding:28px 12px 34px!important}
  .daily-v18-shell{padding:16px!important}
  .daily-v18-wheel-frame{width:min(76vw,310px)!important;height:min(76vw,310px)!important}
  .daily-v18-wheel .wheel-label{font-size:10px!important}
  .daily-v18-wheel .wl1000{font-size:12px!important}.daily-v18-wheel .wlFree{font-size:7px!important}.daily-v18-wheel .wlFree small{font-size:5px!important}
  .daily-history-row{grid-template-columns:1fr 88px 70px}.daily-history-row>i{display:none}
}
@media(max-width:560px){
  .hero-v18 h1{font-size:28px!important;max-width:330px!important}
  .hero-visit-counter{top:70px;right:10px;transform:scale(.74);opacity:.88}
  .daily-v18-info h2{font-size:30px!important}.daily-v18-info>p{font-size:9px!important}
  .daily-v18-feature-list{display:none!important}
  .daily-v18-wheel-frame{width:min(82vw,286px)!important;height:min(82vw,286px)!important}
  .daily-v18-prizes{grid-template-columns:1fr 1fr!important}
  .daily-history-row{grid-template-columns:1fr 80px}.daily-history-row>em{display:none}
}


/* =========================================================
   ST4R V22 — ONE-LINE PREMIUM TITLE INSIDE THE HEADER
   Main hero title moved into the top bar. No two-line wordmark.
   ========================================================= */
.topbar{
  overflow:visible;
}
.brand.brand-header-title{
  gap:14px;
  min-width:max-content;
  position:relative;
  z-index:3;
}
.brand-header-title .brand-orb{
  flex:0 0 auto;
}
.brand-header-title .brand-orb:after{
  content:"";
  position:absolute;
  left:calc(100% + 9px);
  top:50%;
  width:38px;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,rgba(104,225,255,.58),rgba(126,102,255,.12),transparent);
  box-shadow:0 0 12px rgba(87,195,255,.28);
  pointer-events:none;
}
.header-title-line{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  height:42px;
  padding:0 15px 0 18px;
  margin-left:29px;
  white-space:nowrap;
  border:1px solid rgba(121,190,255,.13);
  border-radius:13px;
  background:
    linear-gradient(110deg,rgba(44,102,220,.08),rgba(104,70,220,.07) 55%,rgba(41,172,224,.06)),
    rgba(3,7,19,.30);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 0 30px rgba(69,128,255,.055);
  overflow:hidden;
  backdrop-filter:blur(10px);
}
.header-title-line:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.10) 43%,transparent 63%);
  transform:translateX(-145%);
  animation:headerTitleShimmer 7s ease-in-out infinite;
  pointer-events:none;
}
.header-title-line:after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#5bdcff 35%,#8b70ff 67%,transparent);
  opacity:.58;
  box-shadow:0 0 9px rgba(94,201,255,.28);
}
.header-title-prefix{
  position:relative;
  z-index:1;
  color:#8293b3;
  font-size:8px;
  font-weight:850;
  letter-spacing:.22em;
}
.header-title-star{
  position:relative;
  z-index:1;
  color:#79e7ff;
  font-size:9px;
  line-height:1;
  text-shadow:0 0 12px #56dfff,0 0 24px rgba(104,101,255,.45);
  animation:headerTitleStar 2.4s ease-in-out infinite;
}
.header-title-line strong{
  position:relative;
  z-index:1;
  font-size:15px;
  font-weight:1000;
  letter-spacing:.12em;
  background:linear-gradient(96deg,#f9fcff 0%,#8ce5ff 32%,#a790ff 66%,#f7fbff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 12px rgba(90,173,255,.15));
}
@keyframes headerTitleShimmer{
  0%,66%,100%{transform:translateX(-145%);opacity:0}
  72%{opacity:.8}
  83%{transform:translateX(145%);opacity:0}
}
@keyframes headerTitleStar{
  50%{transform:scale(1.22) rotate(18deg);opacity:.68}
}

/* The big title is now in the header, so the hero starts cleanly below it. */
.hero-v18 .hero-copy{
  max-width:500px!important;
  padding-top:8px!important;
}
.hero-v18 .signal{
  margin-bottom:8px!important;
}
.hero-v18 .lead{
  margin-top:0!important;
  max-width:490px!important;
}

/* Keep navigation balanced around the longer premium wordmark. */
.topbar .nav{
  margin-left:auto;
}

@media(max-width:1500px){
  .header-title-line{gap:8px;padding-right:12px;padding-left:14px;margin-left:24px}
  .header-title-prefix{font-size:7px;letter-spacing:.17em}
  .header-title-line strong{font-size:13px;letter-spacing:.09em}
  .nav{gap:20px}
}
@media(max-width:1240px){
  .header-title-prefix{display:none}
  .header-title-star{display:none}
  .header-title-line{margin-left:22px;padding:0 12px;height:38px}
  .header-title-line strong{font-size:12px;letter-spacing:.09em}
}
@media(max-width:1080px){
  .header-title-prefix,.header-title-star{display:inline-block}
  .header-title-line{height:39px;margin-left:24px;padding:0 13px 0 15px}
  .header-title-prefix{font-size:6px;letter-spacing:.15em}
  .header-title-line strong{font-size:12px}
}
@media(max-width:650px){
  .topbar{padding-left:12px;padding-right:12px}
  .brand.brand-header-title{gap:8px}
  .brand-header-title .brand-orb:after{display:none}
  .header-title-line{
    margin-left:0;
    height:auto;
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
    backdrop-filter:none;
    gap:0;
  }
  .header-title-line:before,.header-title-line:after{display:none}
  .header-title-prefix,.header-title-star{display:none}
  .header-title-line strong{font-size:11px;letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){
  .header-title-line:before,.header-title-star{animation:none!important}
}

/* =========================================================
   ST4R V23 — COMMAND DECK HERO
   Replaces the stacked intro with one premium horizontal HUD.
   ========================================================= */
.hero-v18 .hero-command-deck{
  position:relative;
  width:min(760px,100%);
  max-width:none!important;
  display:grid;
  grid-template-columns:84px minmax(0,1fr) 188px;
  grid-template-rows:auto auto;
  gap:0;
  align-items:stretch;
  padding:0!important;
  margin-top:8px;
  border:1px solid rgba(128,196,255,.18);
  border-radius:26px;
  background:
    radial-gradient(circle at 24% 0%,rgba(53,151,255,.13),transparent 35%),
    linear-gradient(122deg,rgba(8,16,38,.84),rgba(4,8,21,.77) 58%,rgba(12,8,35,.78));
  box-shadow:
    0 34px 90px rgba(0,0,0,.42),
    0 0 70px rgba(48,111,255,.08),
    inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(22px) saturate(1.15);
  overflow:hidden;
}
.hero-command-deck:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(99,220,255,.035) 50%,transparent),
    repeating-linear-gradient(90deg,transparent 0 78px,rgba(118,185,255,.028) 79px,transparent 80px);
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
.hero-command-deck:after{
  content:"";
  position:absolute;
  left:84px;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(90deg,#57e3ff 0 15%,#755cff 38%,transparent 75%);
  box-shadow:0 0 18px rgba(81,203,255,.34);
  opacity:.8;
}
.hero-command-rail{
  grid-row:1 / 3;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  min-height:218px;
  padding:18px 8px;
  border-right:1px solid rgba(132,198,255,.12);
  background:
    linear-gradient(180deg,rgba(48,101,220,.13),rgba(33,20,91,.08)),
    rgba(2,7,19,.5);
}
.hero-command-rail:before,.hero-command-rail:after{
  content:"";
  position:absolute;
  left:50%;
  width:1px;
  transform:translateX(-50%);
  background:linear-gradient(transparent,#66dcff,transparent);
  opacity:.34;
}
.hero-command-rail:before{top:10px;height:34px}.hero-command-rail:after{bottom:10px;height:34px}
.rail-live-dot{
  width:8px;height:8px;border-radius:50%;margin-bottom:10px;
  background:#66ffc2;box-shadow:0 0 5px #fff,0 0 18px #5dffc0;
  animation:commandPulse 1.7s ease-in-out infinite;
}
.hero-command-rail small{font-size:8px;letter-spacing:.24em;color:#6f84a8}
.hero-command-rail b{font-size:10px;letter-spacing:.18em;color:#dceaff;writing-mode:vertical-rl;transform:rotate(180deg);margin:8px 0}
.hero-command-rail em{font-style:normal;font-size:6px;letter-spacing:.22em;color:#66ffc2}
@keyframes commandPulse{50%{opacity:.34;transform:scale(.72)}}

.hero-command-message{
  position:relative;
  z-index:2;
  min-width:0;
  padding:27px 28px 22px;
  align-self:center;
}
.hero-command-kicker{
  display:flex;align-items:center;gap:9px;
  margin-bottom:11px;
  color:#6f91b6;font-size:7px;font-weight:900;letter-spacing:.20em;
  white-space:nowrap;
}
.hero-command-kicker i{display:block;width:20px;height:1px;background:linear-gradient(90deg,transparent,#64dfff)}
.hero-command-kicker i:last-child{transform:scaleX(-1)}
.hero-command-slogan{
  display:block;
  color:#f7fbff;
  font-size:clamp(18px,1.65vw,26px);
  line-height:1.05;
  letter-spacing:.065em;
  font-weight:1000;
  text-shadow:0 8px 32px rgba(0,0,0,.42);
  white-space:nowrap;
}
.hero-command-slogan span{color:#6ee8ff;text-shadow:0 0 17px rgba(93,223,255,.55)}
.hero-v18 .hero-command-message .lead{
  max-width:485px!important;
  margin:12px 0 0!important;
  color:#8f9db8;
  font-size:12px!important;
  line-height:1.55!important;
}
.hero-command-actions{
  position:relative;
  z-index:2;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  gap:9px!important;
  margin:0!important;
  padding:24px 22px 20px 0;
}
.hero-command-actions .btn{
  min-width:166px;
  padding:12px 16px!important;
  font-size:10px!important;
}
.hero-system-link{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  align-items:center;
  min-width:166px;
  padding:10px 13px;
  border:1px solid rgba(133,190,255,.12);
  border-radius:13px;
  background:rgba(255,255,255,.022);
  transition:.22s;
}
.hero-system-link span{font-size:6px;letter-spacing:.18em;color:#60708e}
.hero-system-link b{font-size:9px;letter-spacing:.10em;color:#c9d7ee}
.hero-system-link i{grid-column:2;grid-row:1/3;font-style:normal;color:#69dcff;font-size:15px;transition:.22s}
.hero-system-link:hover{transform:translateX(3px);border-color:rgba(98,221,255,.30);background:rgba(62,123,255,.07)}
.hero-system-link:hover i{transform:translateX(2px)}

.hero-command-meta{
  grid-column:2 / 4;
  position:relative;
  z-index:2;
  display:grid!important;
  grid-template-columns:repeat(3,1fr);
  gap:0!important;
  max-width:none!important;
  margin:0!important;
  border-top:1px solid rgba(127,188,255,.11)!important;
}
.hero-command-meta div{
  min-width:0;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:9px;
  align-items:end;
  margin:0!important;
  padding:12px 18px 13px!important;
  border-right:1px solid rgba(127,188,255,.09)!important;
}
.hero-command-meta div:last-child{border-right:0!important}
.hero-command-meta small{grid-column:1/-1;margin-bottom:5px;color:#566887;font-size:5.5px;letter-spacing:.16em}
.hero-command-meta strong{font-size:17px!important;line-height:1;color:#eff8ff}
.hero-command-meta span{align-self:end;margin:0 0 1px!important;color:#647590!important;font-size:6px!important;letter-spacing:.05em!important}

/* Keep the clean hero composition balanced around the new command deck. */
.hero-v18{grid-template-columns:minmax(620px,1.08fr) minmax(360px,.92fr)!important}
.hero-v18 .hero-side{align-self:center}

@media(max-width:1180px){
  .hero-v18{grid-template-columns:1fr!important}
  .hero-v18 .hero-command-deck{width:min(790px,calc(100% - 20px));margin-top:20px}
  .hero-v18 .hero-side{position:absolute;right:-16vw;top:17vh;width:62vw;opacity:.42;pointer-events:none}
}
@media(max-width:760px){
  .hero-v18 .hero-command-deck{
    grid-template-columns:56px minmax(0,1fr);
    grid-template-rows:auto auto auto;
    width:100%;
    border-radius:20px;
  }
  .hero-command-deck:after{left:56px}
  .hero-command-rail{grid-row:1/4;min-height:255px}
  .hero-command-message{padding:21px 17px 13px}
  .hero-command-kicker{font-size:5.5px;letter-spacing:.13em}
  .hero-command-slogan{font-size:17px;white-space:normal;line-height:1.18}
  .hero-v18 .hero-command-message .lead{font-size:10px!important}
  .hero-command-actions{padding:0 17px 14px;display:grid!important;grid-template-columns:1fr 1fr}
  .hero-command-actions .btn,.hero-system-link{min-width:0;width:100%}
  .hero-command-meta{grid-column:2!important;grid-template-columns:repeat(3,1fr)}
  .hero-command-meta div{display:block;padding:10px 8px 11px!important}
  .hero-command-meta small{display:block;font-size:4.5px}.hero-command-meta strong{display:block;margin-top:4px;font-size:14px!important}.hero-command-meta span{display:block;margin-top:3px!important;font-size:5px!important}
}
@media(max-width:470px){
  .hero-v18 .hero-command-deck{grid-template-columns:46px minmax(0,1fr)}
  .hero-command-deck:after{left:46px}
  .hero-command-rail{padding-left:5px;padding-right:5px}
  .hero-command-rail b{font-size:8px}
  .hero-command-kicker i{display:none}
  .hero-command-actions{grid-template-columns:1fr;gap:7px!important}
  .hero-system-link{display:none}
  .hero-command-meta div{padding:9px 5px 10px!important}
  .hero-command-meta small{letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){.rail-live-dot{animation:none!important}}


/* =========================================================
   ST4R V24 — PREMIUM TWO-TIER MASTHEAD
   Inspired by a classic gaming-community banner layout,
   rebuilt for ST4R Universe with a modern cosmic identity.
   ========================================================= */

/* Cancel the older fixed one-line V22/V23 header layout. */
.topbar.st4r-masthead,
.topbar.st4r-masthead.scrolled{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  padding:0!important;
  gap:0!important;
  overflow:visible!important;
  border:0!important;
  background:#030611!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}

.st4r-masthead .brand-header-title,
.st4r-masthead > .nav,
.st4r-masthead > .nav-actions{display:none!important}

.masthead-banner{
  position:relative;
  min-height:112px;
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);
  align-items:center;
  padding:14px clamp(24px,4vw,74px);
  overflow:hidden;
  isolation:isolate;
  border-bottom:1px solid rgba(113,190,255,.16);
  background:
    linear-gradient(90deg,rgba(1,5,15,.92),rgba(4,10,26,.72) 35%,rgba(7,8,31,.60) 64%,rgba(1,5,15,.93)),
    url('../img/hero.webp') center 44%/cover no-repeat;
  box-shadow:inset 0 -25px 70px rgba(0,0,0,.38);
}
.masthead-banner:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 28%,rgba(95,157,255,.18),transparent 24%),
    radial-gradient(circle at 63% 42%,rgba(128,74,255,.13),transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.016),transparent 42%);
}
.masthead-banner:after{
  content:"";
  position:absolute;
  left:12%;right:12%;bottom:0;height:1px;
  z-index:2;
  background:linear-gradient(90deg,transparent,#4fdfff 22%,#7c6cff 51%,#4fdfff 78%,transparent);
  box-shadow:0 0 16px rgba(85,202,255,.38);
  opacity:.75;
}
.masthead-banner-glow{
  position:absolute;
  width:520px;height:110px;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  z-index:-1;
  background:radial-gradient(ellipse,rgba(73,131,255,.17),rgba(92,59,231,.08) 42%,transparent 72%);
  filter:blur(16px);
  pointer-events:none;
}

.masthead-brand{
  grid-column:2;
  min-width:max-content;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  color:inherit;
  position:relative;
  z-index:3;
}
.masthead-logo{
  position:relative;
  width:74px;height:74px;
  display:grid;place-items:center;
  flex:0 0 74px;
}
.masthead-logo:before,.masthead-logo:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(104,211,255,.26);
}
.masthead-logo:before{inset:-4px;box-shadow:0 0 28px rgba(72,155,255,.18)}
.masthead-logo:after{inset:7px;border-style:dashed;border-color:rgba(153,101,255,.28);animation:v24HeaderOrbit 12s linear infinite}
.masthead-logo img{
  width:64px;height:64px;object-fit:cover;border-radius:50%;
  filter:drop-shadow(0 0 18px rgba(65,157,255,.44));
}
@keyframes v24HeaderOrbit{to{transform:rotate(360deg)}}

.masthead-wordmark{display:grid;line-height:1;text-align:left}
.masthead-wordmark strong{
  position:relative;
  display:block;
  font-size:clamp(28px,2.25vw,42px);
  line-height:.93;
  font-weight:1000;
  letter-spacing:.035em;
  white-space:nowrap;
  background:linear-gradient(180deg,#ffffff 0%,#cde9ff 44%,#7cbcff 72%,#a784ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.48)) drop-shadow(0 0 13px rgba(78,161,255,.14));
}
.masthead-wordmark strong em{
  font-style:normal;
  background:linear-gradient(180deg,#ffffff 0%,#9fe8ff 48%,#8a72ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.masthead-wordmark small{
  margin-top:9px;
  color:#8095b7;
  font-size:7px;
  font-weight:800;
  letter-spacing:.32em;
  white-space:nowrap;
}

.masthead-tools{
  grid-column:3;
  justify-self:end;
  display:flex;
  align-items:center;
  gap:10px;
  position:relative;
  z-index:4;
}
.masthead-visitor{
  min-width:134px;
  height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 12px;
  border:1px solid rgba(128,193,255,.18);
  border-radius:13px;
  background:rgba(2,7,18,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(14px);
}
.masthead-visitor .visit-eye{
  width:28px;height:28px;display:grid;place-items:center;border-radius:9px;
  color:#75e7ff;background:rgba(48,116,231,.17);border:1px solid rgba(105,205,255,.15);
  font-size:10px;
}
.masthead-visitor div{display:grid;line-height:1}
.masthead-visitor small{font-size:5px;letter-spacing:.16em;color:#6f85a8}
.masthead-visitor b{margin-top:5px;font-size:13px;letter-spacing:.07em;color:#f3f8ff}
.masthead-live{
  height:44px;padding:0 12px;border:1px solid rgba(126,190,255,.12);border-radius:13px;
  background:rgba(2,7,18,.46);
}
.masthead-discord{height:44px;padding:0 17px!important;border-radius:13px!important;background:rgba(8,13,29,.70)!important}

.masthead-navrow{
  position:relative;
  min-height:54px;
  display:grid;
  place-items:center;
  padding:0 18px;
  border-bottom:1px solid rgba(137,187,255,.12);
  background:linear-gradient(180deg,rgba(3,6,15,.98),rgba(2,5,12,.96));
  box-shadow:0 15px 42px rgba(0,0,0,.22);
}
.masthead-nav{
  height:54px;
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:0;
}
.masthead-nav a{
  position:relative;
  min-width:128px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 24px;
  color:#9eabc2;
  border-left:1px solid rgba(255,255,255,.025);
  font-size:11px;
  transition:.22s;
}
.masthead-nav a:last-child{border-right:1px solid rgba(255,255,255,.025)}
.masthead-nav a:after{
  content:"";
  position:absolute;
  left:20px;right:20px;bottom:0;height:2px;
  transform:scaleX(0);
  background:linear-gradient(90deg,#59e1ff,#726cff,#a470ff);
  box-shadow:0 0 16px rgba(85,205,255,.42);
  transition:.22s;
}
.masthead-nav a:hover{color:#fff;background:linear-gradient(180deg,rgba(77,123,255,.07),rgba(77,123,255,.025))}
.masthead-nav a:hover:after{transform:scaleX(1)}
.masthead-nav a span{font-size:10px;color:#6fdfff;text-shadow:0 0 13px rgba(91,212,255,.34)}
.masthead-nav a b{font-size:10px;letter-spacing:.035em}

/* HERO: remove the bulky card and keep one clean horizontal launch strip. */
.hero.hero-v18,
.compact-site .hero.hero-v18{
  min-height:440px!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.48fr)!important;
  align-items:end!important;
  padding:48px clamp(24px,4.8vw,88px) 58px!important;
}
.hero-v18 .hero-bg{opacity:.33!important;background-position:center 48%!important}
.hero-v18 .hero-overlay{
  background:linear-gradient(90deg,rgba(2,4,12,.76) 0%,rgba(2,4,12,.38) 47%,rgba(2,4,12,.18) 72%,rgba(2,4,12,.44) 100%),linear-gradient(0deg,#02040b 0%,transparent 38%)!important;
}
.hero-v18 .hero-launchbar{
  position:relative;
  z-index:4;
  align-self:end;
  width:min(940px,100%);
  max-width:none!important;
  min-height:102px;
  display:grid;
  grid-template-columns:minmax(270px,1fr) auto auto;
  align-items:center;
  gap:22px;
  margin:0!important;
  padding:18px 20px 18px 22px!important;
  border:1px solid rgba(131,195,255,.17);
  border-radius:20px;
  background:linear-gradient(112deg,rgba(4,11,27,.79),rgba(5,8,23,.68) 58%,rgba(10,7,31,.70));
  box-shadow:0 26px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(17px) saturate(1.12);
  overflow:hidden;
}
.hero-v18 .hero-launchbar:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(#58e5ff,#6c6cff,#9e6dff);box-shadow:0 0 18px rgba(78,207,255,.45)
}
.hero-launch-copy{min-width:0}
.hero-launch-copy>small{display:block;color:#6f87aa;font-size:6px;font-weight:900;letter-spacing:.22em;margin-bottom:8px}
.hero-launch-copy>strong{display:block;color:#f4f8ff;font-size:15px;letter-spacing:.075em;white-space:nowrap}
.hero-launch-copy>strong i{font-style:normal;color:#66deff;text-shadow:0 0 12px rgba(88,212,255,.36)}
.hero-launch-copy>p{max-width:470px;margin:7px 0 0;color:#8391ab;font-size:10px;line-height:1.45}
.hero-launch-actions{display:flex;align-items:center;gap:8px}
.hero-launch-actions .btn{padding:11px 15px!important;font-size:9px!important;white-space:nowrap}
.hero-launch-secondary{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:11px 13px;border:1px solid rgba(134,191,255,.14);border-radius:999px;color:#b8c6dd;font-size:9px;background:rgba(255,255,255,.025);transition:.22s}
.hero-launch-secondary:hover{border-color:rgba(91,217,255,.3);color:#fff;transform:translateY(-1px)}
.hero-launch-secondary span{color:#67e0ff}
.hero-launch-stats{display:grid;grid-template-columns:repeat(3,72px);align-items:center}
.hero-launch-stats div{min-width:0;padding:5px 10px;border-left:1px solid rgba(130,191,255,.10)}
.hero-launch-stats small{display:block;color:#5e708f;font-size:5px;letter-spacing:.14em}
.hero-launch-stats b{display:block;margin-top:4px;color:#eff7ff;font-size:14px;line-height:1}
.hero-launch-stats span{display:block;margin-top:4px;color:#5e708c;font-size:5px;letter-spacing:.06em}

.hero-v18 .hero-side{
  position:relative!important;
  width:min(24vw,310px)!important;
  justify-self:end!important;
  align-self:center!important;
  opacity:1!important;
}
.hero-v18 .hero-orbit{width:100%!important;max-width:300px!important}
.hero-v18 .hero-v18-manifest{display:none!important}
.hero-v18 .hero-ticker{height:28px!important}
.hero-v18 .ticker-track.ticker-track-single{justify-content:center!important;animation:none!important;gap:28px!important;transform:none!important}
.hero-v18 .ticker-track.ticker-track-single span{font-size:6px!important}

/* Old command-deck rules no longer apply. */
.hero-command-deck,.hero-command-rail,.hero-command-message,.hero-command-actions,.hero-command-meta{all:unset}

@media(max-width:1180px){
  .masthead-banner{grid-template-columns:1fr auto;min-height:100px;padding-inline:28px}
  .masthead-brand{grid-column:1;justify-self:start}
  .masthead-tools{grid-column:2}
  .masthead-wordmark strong{font-size:30px}
  .masthead-nav a{min-width:108px;padding-inline:18px}
  .hero.hero-v18,.compact-site .hero.hero-v18{grid-template-columns:1fr!important;min-height:410px!important}
  .hero-v18 .hero-side{position:absolute!important;right:5%!important;top:44px!important;width:235px!important;opacity:.72!important}
  .hero-v18 .hero-launchbar{width:calc(100% - 210px)}
  .hero-launch-stats{grid-template-columns:repeat(3,62px)}
}
@media(max-width:860px){
  .masthead-banner{min-height:86px;padding:11px 18px}
  .masthead-logo{width:58px;height:58px;flex-basis:58px}.masthead-logo img{width:50px;height:50px}
  .masthead-brand{gap:12px}.masthead-wordmark strong{font-size:24px}.masthead-wordmark small{font-size:5.5px;letter-spacing:.22em}
  .masthead-visitor{display:none}.masthead-live{display:none}
  .masthead-navrow{overflow:auto;justify-content:start;place-items:stretch start;padding:0}
  .masthead-nav{min-width:max-content}
  .masthead-nav a{min-width:96px;padding-inline:13px}
  .hero.hero-v18,.compact-site .hero.hero-v18{padding:34px 18px 50px!important}
  .hero-v18 .hero-launchbar{width:100%;grid-template-columns:1fr auto;gap:14px}
  .hero-launch-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(130,191,255,.09);padding-top:10px}
  .hero-launch-stats div:first-child{border-left:0}
  .hero-v18 .hero-side{right:-6%!important;top:24px!important;opacity:.30!important}
}
@media(max-width:590px){
  .masthead-banner{grid-template-columns:1fr auto;min-height:76px;padding:8px 12px}
  .masthead-logo{width:48px;height:48px;flex-basis:48px}.masthead-logo img{width:42px;height:42px}
  .masthead-wordmark strong{font-size:19px;letter-spacing:.02em}.masthead-wordmark small{font-size:4.5px;letter-spacing:.17em;margin-top:6px}
  .masthead-discord{height:38px!important;padding:0 12px!important;font-size:8px!important}
  .masthead-navrow,.masthead-nav{height:46px;min-height:46px}.masthead-nav a{min-width:82px;height:46px;padding:0 9px;gap:6px}.masthead-nav a b{font-size:8px}.masthead-nav a span{font-size:8px}
  .hero.hero-v18,.compact-site .hero.hero-v18{min-height:360px!important;padding:28px 12px 46px!important}
  .hero-v18 .hero-launchbar{grid-template-columns:1fr;gap:12px;padding:16px!important;border-radius:16px}
  .hero-launch-copy>strong{font-size:12px;white-space:normal;line-height:1.35}.hero-launch-copy>p{font-size:9px}
  .hero-launch-actions{display:grid;grid-template-columns:1fr 1fr}.hero-launch-actions>a{justify-content:center;width:100%}
  .hero-launch-stats{grid-column:auto;padding-top:9px}.hero-launch-stats div{text-align:center;padding:3px 7px}
  .hero-v18 .hero-side{right:-22%!important;top:18px!important;width:190px!important;opacity:.18!important}
}
@media(prefers-reduced-motion:reduce){.masthead-logo:after{animation:none!important}}

/* =========================================================
   ST4R UNIVERSE V25 — ORBIT CORE + FLOATING COMMAND PANEL
   2026-09-18
   Moves the hero orbit into the Daily Spin core and places
   the launch/control strip neatly under the top-right header.
   ========================================================= */

/* HERO / COMMAND PANEL — right side, visually connected to Join Discord */
.hero.hero-v18.hero-v25,
.compact-site .hero.hero-v18.hero-v25{
  position:relative!important;
  display:block!important;
  min-height:330px!important;
  padding:26px clamp(22px,4.5vw,82px) 54px!important;
  overflow:hidden!important;
}
.hero-v25 .hero-bg{
  opacity:.38!important;
  background-position:center 48%!important;
}
.hero-v25 .hero-overlay{
  background:
    linear-gradient(90deg,rgba(2,4,12,.42) 0%,rgba(2,4,12,.16) 44%,rgba(2,4,12,.20) 72%,rgba(2,4,12,.58) 100%),
    linear-gradient(0deg,#02040b 0%,transparent 46%)!important;
}
.hero-v25 .hero-side{display:none!important}

.hero-v25 .hero-command-float{
  position:absolute!important;
  z-index:8!important;
  top:28px!important;
  right:clamp(22px,4.5vw,82px)!important;
  left:auto!important;
  bottom:auto!important;
  width:min(610px,calc(100% - 44px))!important;
  min-height:108px!important;
  display:grid!important;
  grid-template-columns:minmax(255px,1fr) auto!important;
  grid-template-areas:
    "copy actions"
    "stats stats"!important;
  align-items:center!important;
  gap:12px 18px!important;
  margin:0!important;
  padding:15px 18px 13px 20px!important;
  border:1px solid rgba(133,201,255,.20)!important;
  border-radius:21px!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(111,78,255,.13),transparent 31%),
    linear-gradient(118deg,rgba(3,10,27,.90),rgba(4,8,23,.82) 58%,rgba(10,7,30,.84))!important;
  box-shadow:
    0 25px 70px rgba(0,0,0,.46),
    0 0 52px rgba(53,127,255,.075),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(20px) saturate(1.16)!important;
  overflow:visible!important;
}
.hero-v25 .hero-command-float:before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:13px!important;bottom:13px!important;width:3px!important;
  border-radius:999px!important;
  background:linear-gradient(#5beaff,#6676ff 56%,#a06cff)!important;
  box-shadow:0 0 22px rgba(82,213,255,.48)!important;
}
.hero-v25 .hero-command-float:after{
  content:"";
  position:absolute;
  right:36px;
  top:-29px;
  width:1px;
  height:28px;
  background:linear-gradient(to top,rgba(100,215,255,.58),transparent);
  box-shadow:0 0 10px rgba(88,207,255,.25);
  pointer-events:none;
}
.hero-v25 .hero-launch-copy{grid-area:copy;min-width:0!important}
.hero-v25 .hero-launch-copy>small{margin-bottom:6px!important;font-size:5.5px!important;letter-spacing:.20em!important}
.hero-v25 .hero-launch-copy>strong{font-size:14px!important;letter-spacing:.07em!important;white-space:nowrap!important}
.hero-v25 .hero-launch-copy>p{max-width:380px!important;margin-top:6px!important;font-size:9px!important;line-height:1.42!important}
.hero-v25 .hero-launch-actions{grid-area:actions;display:flex!important;gap:7px!important}
.hero-v25 .hero-launch-actions .btn,
.hero-v25 .hero-launch-secondary{min-height:36px!important;padding:9px 12px!important;font-size:8px!important}
.hero-v25 .hero-launch-stats{
  grid-area:stats!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  border-top:1px solid rgba(127,191,255,.09)!important;
  padding-top:9px!important;
}
.hero-v25 .hero-launch-stats div{padding:3px 12px!important;border-left:1px solid rgba(130,191,255,.10)!important}
.hero-v25 .hero-launch-stats div:first-child{border-left:0!important;padding-left:0!important}
.hero-v25 .hero-launch-stats small{font-size:5px!important}.hero-v25 .hero-launch-stats b{font-size:13px!important}.hero-v25 .hero-launch-stats span{font-size:5px!important}
.hero-v25 .hero-ticker{height:28px!important}
.hero-v25 .scroll-cue{display:none!important}

/* DAILY SPIN — hero orbit becomes a fixed, upright wheel core */
.daily-v18-wheel-frame{position:relative!important;overflow:visible!important}
.daily-v25-core-orbit{
  position:absolute;
  z-index:12;
  left:50%;
  top:50%;
  width:clamp(112px,9.4vw,142px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  border-radius:50%;
  pointer-events:none;
  isolation:isolate;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.48));
}
.daily-v25-core-orbit:before{
  content:"";
  position:absolute;
  inset:15%;
  z-index:-2;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 45%,rgba(73,167,255,.26),rgba(30,71,157,.14) 33%,rgba(5,11,30,.94) 68%,rgba(1,4,12,.98));
  box-shadow:
    inset 0 0 34px rgba(85,117,255,.18),
    0 0 32px rgba(61,173,255,.24),
    0 0 58px rgba(126,72,255,.12);
}
.daily-v25-core-orbit img{
  position:relative;
  z-index:6;
  width:72%;
  height:72%;
  object-fit:cover;
  border-radius:50%;
  filter:drop-shadow(0 0 18px rgba(82,174,255,.62)) drop-shadow(0 0 32px rgba(126,72,255,.26));
  animation:v25CoreFloat 5.5s ease-in-out infinite;
}
.v25-core-halo{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(117,206,255,.27);
  box-shadow:inset 0 0 26px rgba(78,118,255,.035);
  z-index:2;
}
.v25-core-halo-a{inset:0;animation:v25CoreSpin 20s linear infinite}
.v25-core-halo-b{inset:9%;border-style:dashed;border-color:rgba(173,111,255,.30);animation:v25CoreSpinBack 14s linear infinite}
.v25-core-halo-c{inset:20%;border-color:rgba(105,231,255,.24);animation:v25CoreSpin 8.5s linear infinite}
.v25-core-sat{
  position:absolute;
  z-index:7;
  width:7px;height:7px;
  border-radius:50%;
  background:#dffaff;
  box-shadow:0 0 5px #fff,0 0 15px #67e5ff;
}
.v25-core-sat-a{left:5%;top:24%}
.v25-core-sat-b{left:12%;bottom:17%;width:6px;height:6px}
.v25-core-sat-c{right:4%;bottom:22%;background:#b49cff;box-shadow:0 0 5px #fff,0 0 15px #9b72ff}
.v25-core-status{
  position:absolute;
  z-index:10;
  right:-14%;
  bottom:0;
  min-width:58px;
  display:grid;
  padding:5px 7px;
  border:1px solid rgba(123,201,255,.18);
  border-radius:8px;
  background:rgba(3,8,21,.88);
  box-shadow:0 7px 18px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(10px);
  text-align:left;
}
.v25-core-status small{font-size:4px;letter-spacing:.14em;color:#6f83a4;white-space:nowrap}
.v25-core-status b{margin-top:3px;font-size:6px;letter-spacing:.13em;color:#6affbd}
.daily-v18-pointer{z-index:18!important}
.daily-v18-core{display:none!important}

@keyframes v25CoreSpin{to{transform:rotate(360deg)}}
@keyframes v25CoreSpinBack{to{transform:rotate(-360deg)}}
@keyframes v25CoreFloat{50%{transform:translateY(-2px) scale(1.015)}}

@media(max-width:1180px){
  .hero.hero-v18.hero-v25,.compact-site .hero.hero-v18.hero-v25{min-height:320px!important}
  .hero-v25 .hero-command-float{right:28px!important;width:min(590px,calc(100% - 56px))!important}
}
@media(max-width:860px){
  .hero.hero-v18.hero-v25,.compact-site .hero.hero-v18.hero-v25{min-height:340px!important;padding:22px 18px 48px!important}
  .hero-v25 .hero-command-float{position:relative!important;top:auto!important;right:auto!important;width:100%!important;margin-left:auto!important}
  .hero-v25 .hero-command-float:after{display:none}
  .daily-v25-core-orbit{width:clamp(102px,18vw,128px)}
}
@media(max-width:590px){
  .hero.hero-v18.hero-v25,.compact-site .hero.hero-v18.hero-v25{min-height:365px!important;padding:18px 11px 45px!important}
  .hero-v25 .hero-command-float{grid-template-columns:1fr!important;grid-template-areas:"copy" "actions" "stats"!important;gap:10px!important;padding:14px!important;border-radius:17px!important}
  .hero-v25 .hero-launch-copy>strong{font-size:11px!important;white-space:normal!important;line-height:1.3!important}
  .hero-v25 .hero-launch-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .hero-v25 .hero-launch-actions>a{justify-content:center!important;width:100%!important}
  .hero-v25 .hero-launch-stats div{text-align:center!important;padding:3px 5px!important}
  .daily-v25-core-orbit{width:88px}
  .v25-core-status{right:-10%;bottom:-2%;min-width:48px;padding:4px 5px}
  .v25-core-status small{font-size:3.4px}.v25-core-status b{font-size:5px}
}
@media(prefers-reduced-motion:reduce){
  .daily-v25-core-orbit img,.v25-core-halo{animation:none!important}
}

/* =========================================================
   ST4R UNIVERSE V26 — PREMIUM NAV + WHEEL CORE REFERENCE
   2026-09-18
   - Daily Spin now appears immediately below the header.
   - Former hero/command scene moved below Daily Spin.
   - User-provided ST4R orbit artwork placed in wheel core.
   - Main navigation enlarged and upgraded to premium controls.
   ========================================================= */

/* Premium main navigation — larger, cleaner, more tactile. */
.masthead-navrow{
  min-height:74px!important;
  padding:7px clamp(14px,2.4vw,38px)!important;
  background:
    linear-gradient(180deg,rgba(5,9,23,.99),rgba(2,5,13,.98))!important;
  border-top:1px solid rgba(113,190,255,.07)!important;
  border-bottom:1px solid rgba(128,202,255,.18)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.masthead-nav{
  height:60px!important;
  gap:8px!important;
  align-items:center!important;
}
.masthead-nav a{
  min-width:142px!important;
  height:52px!important;
  padding:0 22px!important;
  gap:10px!important;
  border:1px solid rgba(128,191,255,.13)!important;
  border-radius:15px!important;
  color:#b9c8e1!important;
  background:
    radial-gradient(circle at 50% -30%,rgba(90,159,255,.12),transparent 52%),
    linear-gradient(180deg,rgba(10,17,38,.82),rgba(4,8,20,.82))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.15)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease!important;
}
.masthead-nav a:last-child{border-right:1px solid rgba(128,191,255,.13)!important}
.masthead-nav a:after{
  left:20%!important;right:20%!important;bottom:-1px!important;height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#64e9ff 22%,#6676ff 55%,#b174ff 78%,transparent)!important;
}
.masthead-nav a:hover{
  color:#fff!important;
  transform:translateY(-2px)!important;
  border-color:rgba(110,219,255,.34)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(90,202,255,.18),transparent 54%),
    linear-gradient(180deg,rgba(22,35,75,.88),rgba(7,12,30,.9))!important;
  box-shadow:0 10px 34px rgba(40,115,255,.16),0 0 28px rgba(71,202,255,.08),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.masthead-nav a span{font-size:13px!important;color:#82ecff!important;text-shadow:0 0 16px rgba(87,220,255,.48)!important}
.masthead-nav a b{font-size:11px!important;font-weight:850!important;letter-spacing:.045em!important}

/* Top-right controls slightly larger / more premium too. */
.masthead-visitor,.masthead-live{height:50px!important;border-radius:15px!important}
.masthead-discord{
  height:50px!important;
  padding:0 22px!important;
  border-radius:15px!important;
  border-color:rgba(113,211,255,.28)!important;
  background:linear-gradient(115deg,rgba(48,91,255,.28),rgba(110,70,255,.20),rgba(6,14,32,.88))!important;
  box-shadow:0 9px 28px rgba(42,89,255,.16),inset 0 1px 0 rgba(255,255,255,.05)!important;
}

/* Daily Spin becomes the first main experience under the masthead. */
.daily-v18{padding-top:48px!important}

/* Put the exact user-provided orbit artwork inside the wheel's large core. */
.daily-v25-core-orbit{
  width:clamp(150px,13vw,190px)!important;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.58)) drop-shadow(0 0 24px rgba(69,166,255,.20))!important;
}
.daily-v25-core-orbit:before{
  inset:3%!important;
  background:radial-gradient(circle,rgba(67,166,255,.20),rgba(5,10,29,.86) 58%,rgba(1,3,11,.98) 78%)!important;
  box-shadow:0 0 44px rgba(64,179,255,.30),0 0 74px rgba(132,75,255,.17),inset 0 0 32px rgba(79,110,255,.17)!important;
}
.daily-v25-core-orbit .v26-wheel-core-image{
  position:relative!important;
  z-index:6!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  clip-path:circle(49% at 50% 50%)!important;
  border:2px solid rgba(178,231,255,.38)!important;
  box-shadow:0 0 0 4px rgba(83,153,255,.08),0 0 30px rgba(77,183,255,.34),inset 0 0 20px rgba(255,255,255,.06)!important;
  filter:saturate(1.08) contrast(1.06)!important;
  animation:v25CoreFloat 5.5s ease-in-out infinite!important;
}
.daily-v25-core-orbit .v25-core-halo-a{inset:-2%!important}
.daily-v25-core-orbit .v25-core-halo-b{inset:8%!important}
.daily-v25-core-orbit .v25-core-halo-c{inset:18%!important}
.daily-v25-core-orbit .v25-core-status{right:-10%!important;bottom:3%!important}

/* The former hero/command scene now lives under Daily Spin. */
.hero-v26{
  margin-top:28px!important;
  border-top:1px solid rgba(128,196,255,.10)!important;
  border-bottom:1px solid rgba(128,196,255,.10)!important;
}

@media(max-width:1180px){
  .masthead-nav a{min-width:118px!important;padding:0 15px!important}
  .daily-v25-core-orbit{width:clamp(132px,18vw,165px)!important}
}
@media(max-width:860px){
  .masthead-navrow{min-height:62px!important;padding:5px 8px!important}
  .masthead-nav{height:52px!important;gap:6px!important}
  .masthead-nav a{min-width:104px!important;height:46px!important;padding:0 12px!important;border-radius:13px!important}
  .masthead-nav a b{font-size:9px!important}.masthead-nav a span{font-size:10px!important}
  .daily-v18{padding-top:32px!important}
  .daily-v25-core-orbit{width:clamp(118px,28vw,150px)!important}
}
@media(max-width:590px){
  .masthead-navrow{min-height:58px!important}
  .masthead-nav{height:48px!important}
  .masthead-nav a{min-width:92px!important;height:42px!important;padding:0 10px!important;border-radius:12px!important}
  .masthead-nav a b{font-size:8px!important}.masthead-nav a span{font-size:9px!important}
  .masthead-discord{height:40px!important;padding:0 13px!important}
  .daily-v25-core-orbit{width:104px!important}
}

/* =========================================================
   ST4R UNIVERSE V27 — COSMIC DAILY SPIN / MOCKUP MATCH
   2026-09-18
   Rebuilds the top experience to match the approved visual:
   premium masthead + pill navigation + giant centered roulette
   + clean ST4R orb core + command panel below the wheel.
   ========================================================= */

/* Remove the old floating mobile dock from this premium layout. */
.compact-site .dock{display:none!important}

/* ---------- MASTHEAD ---------- */
.compact-site .masthead-banner{
  min-height:108px!important;
  padding:12px clamp(24px,4vw,78px)!important;
  background:
    linear-gradient(90deg,rgba(1,5,15,.88),rgba(3,9,25,.56) 35%,rgba(5,7,28,.52) 66%,rgba(1,5,15,.90)),
    url('../img/hero.webp') center 35%/cover no-repeat!important;
  box-shadow:inset 0 -35px 80px rgba(0,0,0,.38),0 10px 35px rgba(0,0,0,.28)!important;
}
.compact-site .masthead-logo{width:76px!important;height:76px!important;flex-basis:76px!important}
.compact-site .masthead-logo img{width:66px!important;height:66px!important}
.compact-site .masthead-wordmark strong{
  font-size:clamp(30px,2.5vw,46px)!important;
  letter-spacing:.035em!important;
  background:linear-gradient(180deg,#fff 0%,#dff3ff 34%,#8ecbff 67%,#a995ff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.compact-site .masthead-wordmark small{font-size:7px!important;letter-spacing:.36em!important;color:#8a9cbc!important}
.compact-site .masthead-tools{gap:10px!important}
.compact-site .masthead-visitor,.compact-site .masthead-live{
  height:48px!important;
  border-color:rgba(117,193,255,.17)!important;
  background:rgba(2,7,18,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 26px rgba(0,0,0,.19)!important;
}
.compact-site .masthead-discord{
  height:48px!important;padding:0 22px!important;border-radius:15px!important;
  background:linear-gradient(135deg,rgba(30,58,138,.45),rgba(16,26,68,.76))!important;
  border:1px solid rgba(127,186,255,.28)!important;
  box-shadow:0 0 0 1px rgba(98,116,255,.06),0 10px 30px rgba(29,74,200,.15),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

/* Large glass pill navigation, like the approved mockup. */
.compact-site .masthead-navrow{
  min-height:82px!important;
  padding:9px clamp(16px,4vw,58px)!important;
  background:linear-gradient(180deg,rgba(3,7,18,.995),rgba(2,5,14,.985))!important;
  border-top:1px solid rgba(109,181,255,.08)!important;
  border-bottom:1px solid rgba(112,202,255,.18)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.32)!important;
}
.compact-site .masthead-nav{height:62px!important;gap:12px!important}
.compact-site .masthead-nav a{
  min-width:150px!important;height:54px!important;padding:0 24px!important;gap:12px!important;
  border:1px solid rgba(127,183,255,.22)!important;border-radius:17px!important;
  color:#c4d0e5!important;
  background:
    radial-gradient(circle at 50% -38%,rgba(80,147,255,.14),transparent 58%),
    linear-gradient(180deg,rgba(11,18,43,.88),rgba(5,10,27,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 25px rgba(0,0,0,.20)!important;
}
.compact-site .masthead-nav a:after{display:none!important}
.compact-site .masthead-nav a:first-child{
  color:#fff!important;
  border-color:rgba(91,221,255,.68)!important;
  background:
    radial-gradient(circle at 30% 0,rgba(79,228,255,.30),transparent 46%),
    linear-gradient(110deg,rgba(34,132,255,.62),rgba(52,77,196,.38) 58%,rgba(9,19,49,.90))!important;
  box-shadow:0 0 0 1px rgba(84,222,255,.11),0 0 28px rgba(55,190,255,.24),0 12px 36px rgba(38,92,255,.20),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.compact-site .masthead-nav a:hover{
  transform:translateY(-2px)!important;color:#fff!important;border-color:rgba(96,222,255,.48)!important;
  box-shadow:0 0 28px rgba(57,189,255,.17),0 13px 34px rgba(21,65,178,.17),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.compact-site .masthead-nav a span{font-size:16px!important;color:#77eaff!important;text-shadow:0 0 18px rgba(91,221,255,.52)!important}
.compact-site .masthead-nav a b{font-size:12px!important;font-weight:900!important;letter-spacing:.02em!important}

/* ---------- DAILY SPIN SPACE SCENE ---------- */
.compact-site .daily-v18.daily-v27{
  position:relative!important;
  min-height:920px!important;
  padding:58px clamp(22px,4vw,72px) 54px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    linear-gradient(180deg,rgba(1,4,13,.32),rgba(1,4,13,.16) 35%,rgba(1,4,13,.34) 72%,rgba(1,4,13,.94) 100%),
    url('../img/hero.webp') center 50%/cover no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(115,188,255,.13)!important;
}
.compact-site .daily-v27:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 50% 42%,rgba(38,141,255,.14),transparent 24%),
    radial-gradient(circle at 52% 46%,rgba(114,72,255,.10),transparent 38%),
    linear-gradient(90deg,rgba(1,4,13,.55) 0%,rgba(1,4,13,.18) 30%,rgba(1,4,13,.08) 58%,rgba(1,4,13,.38) 100%);
}
.compact-site .daily-v27 .daily-v18-nebula{
  inset:0!important;z-index:-3!important;filter:none!important;opacity:.38!important;
  background:
    radial-gradient(ellipse at 16% 35%,rgba(40,94,240,.18),transparent 34%),
    radial-gradient(ellipse at 84% 22%,rgba(124,58,244,.17),transparent 31%),
    radial-gradient(ellipse at 50% 78%,rgba(43,158,255,.10),transparent 30%)!important;
}
.compact-site .daily-v27 .daily-v18-stars{z-index:-2!important;opacity:.38!important}
.daily-v27-spaceglow{
  position:absolute;left:50%;top:46%;z-index:-1;width:min(62vw,980px);aspect-ratio:1;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(65,174,255,.10),rgba(76,78,255,.05) 38%,transparent 69%);
  filter:blur(12px);
}

.daily-v27-layout{
  position:relative;z-index:2;
  width:min(1540px,100%);margin:0 auto;
  display:grid;grid-template-columns:minmax(250px,.72fr) minmax(540px,1.28fr) minmax(240px,.70fr);
  gap:22px;align-items:center;
}

/* Left typography block */
.daily-v27-intro{align-self:center!important;padding:0!important}
.daily-v27-micro{color:#91a9c9;font-size:9px;font-weight:900;letter-spacing:.42em;margin-bottom:16px}
.daily-v27-intro h2{
  max-width:420px!important;margin:0!important;
  font-size:clamp(48px,4.8vw,78px)!important;line-height:.90!important;letter-spacing:-.055em!important;
  color:#eaf7ff!important;text-shadow:0 10px 42px rgba(0,0,0,.58),0 0 28px rgba(77,168,255,.12)!important;
}
.daily-v27-intro h2 span{
  background:linear-gradient(90deg,#b9efff 0%,#9ed6ff 36%,#a894ff 68%,#ffd77e 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.daily-v27-title-line{width:270px;max-width:88%;height:2px;margin:18px 0 16px;background:linear-gradient(90deg,#67e5ff,rgba(95,117,255,.65),transparent);box-shadow:0 0 16px rgba(80,203,255,.35)}
.daily-v27-mantra{margin:0!important;color:#a2b1cb!important;font-size:9px!important;font-weight:800!important;letter-spacing:.34em!important;white-space:nowrap}
.daily-v27-mantra i{font-style:normal;color:#70e3ff;text-shadow:0 0 12px rgba(90,216,255,.45)}

/* Wheel */
.daily-v27-center{align-self:center!important;margin:0!important;overflow:visible!important}
.daily-v27-wheel-frame{
  width:clamp(470px,37vw,620px)!important;height:clamp(470px,37vw,620px)!important;
  margin:4px auto 0!important;overflow:visible!important;
  filter:drop-shadow(0 34px 60px rgba(0,0,0,.48))!important;
}
.daily-v27-wheel-frame:before{
  inset:-28px!important;
  background:radial-gradient(circle,rgba(47,176,255,.12),rgba(101,73,255,.05) 48%,transparent 72%)!important;
  box-shadow:0 0 100px rgba(54,160,255,.24),0 0 170px rgba(111,72,255,.13)!important;
}
.daily-v27-wheel{
  border-width:8px!important;
  background:conic-gradient(from -18deg,
    #d6a51f 0deg 36deg,
    #176fda 36deg 72deg,
    #8e43c8 72deg 108deg,
    #1b8eae 108deg 144deg,
    #2ea6c9 144deg 180deg,
    #5a35bc 180deg 216deg,
    #6f40c8 216deg 252deg,
    #2d73d8 252deg 288deg,
    #7143c6 288deg 324deg,
    #bd8a2d 324deg 360deg
  )!important;
  box-shadow:
    0 0 0 5px rgba(100,165,255,.16),
    0 0 0 12px rgba(6,12,31,.93),
    0 0 0 16px rgba(114,210,255,.21),
    0 0 72px rgba(49,173,255,.31),
    0 0 126px rgba(102,69,255,.17),
    inset 0 -25px 38px rgba(0,0,0,.26),
    inset 0 14px 27px rgba(255,255,255,.08)!important;
}
.daily-v27-wheel:after{background:repeating-conic-gradient(from -18deg,transparent 0 35.2deg,rgba(235,249,255,.78) 35.2deg 36deg)!important}
.daily-v27-wheel .wheel-label{font-size:clamp(18px,1.55vw,25px)!important;text-shadow:0 4px 16px rgba(0,0,0,.92),0 0 12px rgba(255,255,255,.14)!important}
.daily-v27-wheel .wl1000{font-size:clamp(23px,1.85vw,31px)!important;color:#fff0ae!important}
.daily-v27-wheel .wlFree{font-size:clamp(13px,1.05vw,17px)!important;line-height:.83!important;color:#f4edff!important;text-shadow:0 3px 16px rgba(0,0,0,.92),0 0 18px rgba(161,105,255,.30)!important}
.daily-v27-wheel .wlFree small{font-size:.68em!important}

.daily-v27-pointer{
  top:-20px!important;z-index:40!important;
  border-left-width:22px!important;border-right-width:22px!important;border-top-width:43px!important;
  border-top-color:#8cefff!important;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.65)) drop-shadow(0 0 24px rgba(67,208,255,.72))!important;
}
.daily-v27-pointer i{left:-9px!important;top:-43px!important;width:18px!important;height:10px!important;background:linear-gradient(180deg,#fff,#9beeff)!important;box-shadow:0 0 20px rgba(91,220,255,.58)!important}

/* Clean cropped orb only — no ONLINE badge. */
.daily-v27-core{
  width:clamp(190px,14.5vw,238px)!important;
  aspect-ratio:1!important;
  filter:drop-shadow(0 16px 38px rgba(0,0,0,.55)) drop-shadow(0 0 31px rgba(72,190,255,.31))!important;
}
.daily-v27-core:before{inset:1%!important;background:radial-gradient(circle,rgba(54,175,255,.16),rgba(4,10,30,.72) 58%,rgba(1,3,11,.98) 79%)!important}
.daily-v27-core .v26-wheel-core-image{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  border-radius:50%!important;clip-path:circle(49.5% at 50% 50%)!important;
  border:2px solid rgba(188,239,255,.46)!important;
  box-shadow:0 0 0 4px rgba(88,160,255,.09),0 0 42px rgba(68,190,255,.42),inset 0 0 24px rgba(255,255,255,.08)!important;
}
.daily-v27-core .v25-core-halo-a{inset:-8%!important;border-color:rgba(126,221,255,.30)!important}
.daily-v27-core .v25-core-halo-b{inset:4%!important;border-color:rgba(165,112,255,.25)!important}
.daily-v27-core .v25-core-halo-c{inset:15%!important;border-color:rgba(119,216,255,.19)!important}
.daily-v27-core .v25-core-sat{box-shadow:0 0 14px currentColor,0 0 22px rgba(110,214,255,.18)!important}

/* Right-side minimal phrase from the approved mockup. */
.daily-v27-side{align-self:center;text-align:center;padding-top:22px}
.daily-v27-side span,.daily-v27-side strong{display:block;color:#a8b5ce;font-size:9px;letter-spacing:.34em;font-weight:800}
.daily-v27-side strong{margin-top:10px;color:#c4d0e4;font-weight:700}
.daily-v27-side i{display:block;width:170px;max-width:90%;height:1px;margin:21px auto 0;background:linear-gradient(90deg,transparent,#6fdfff,#fff,#7778ff,transparent);box-shadow:0 0 13px rgba(92,216,255,.44);position:relative}
.daily-v27-side i:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#d7fbff;font-style:normal;font-size:12px;text-shadow:0 0 16px #6ceaff}

/* ---------- COMMAND PANEL BELOW WHEEL ---------- */
.daily-v27-command{
  position:relative;z-index:6;
  width:min(1160px,91%);min-height:118px;margin:-10px auto 0;
  display:grid;grid-template-columns:minmax(300px,1fr) auto auto;align-items:center;gap:24px;
  padding:20px 24px 20px 26px;
  border:1px solid rgba(126,193,255,.24);border-radius:22px;
  background:linear-gradient(112deg,rgba(4,11,30,.88),rgba(5,8,26,.82) 56%,rgba(15,8,37,.82));
  box-shadow:0 25px 70px rgba(0,0,0,.48),0 0 35px rgba(64,113,255,.07),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(18px) saturate(1.14);
  overflow:hidden;
}
.daily-v27-command:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#62e7ff,#5969ff,#a86bff);box-shadow:0 0 20px rgba(86,218,255,.55)}
.daily-v27-command:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 43% 0,rgba(71,139,255,.08),transparent 31%),radial-gradient(circle at 85% 100%,rgba(135,73,255,.07),transparent 27%)}
.daily-v27-command>*{position:relative;z-index:2}
.daily-v27-command-copy>small{display:block;color:#6f88ad;font-size:6px;font-weight:900;letter-spacing:.23em;margin-bottom:8px}
.daily-v27-command-copy>strong{display:block;color:#f4f8ff;font-size:17px;letter-spacing:.075em;white-space:nowrap}
.daily-v27-command-copy>strong i{font-style:normal;color:#65e1ff;text-shadow:0 0 12px rgba(89,215,255,.39)}
.daily-v27-command-copy>p{max-width:520px;margin:8px 0 0;color:#8998b4;font-size:10px;line-height:1.45}
.daily-v27-status{display:block;max-width:520px;margin-top:6px;color:#76dfff;font-size:8px;font-style:normal;line-height:1.4}

.daily-v27-command-actions{min-width:305px;display:grid;align-items:center;gap:6px}
.daily-v27-user{margin:0 0 2px!important;padding:6px 9px!important;justify-content:flex-start!important;width:100%!important;border-radius:11px!important}
.daily-v27-user img{width:30px!important;height:30px!important}.daily-v27-user b{font-size:10px!important}.daily-v27-user small{font-size:6px!important}
.daily-v27-cooldown{font-size:6px!important;letter-spacing:.16em!important;color:#6f83a4!important;text-align:center}
.daily-v27-buttons{display:grid;grid-template-columns:1.15fr .95fr;gap:9px}
.daily-v27-spin{
  min-height:46px!important;width:100%!important;padding:0 16px!important;border-radius:999px!important;
  border:1px solid rgba(163,233,255,.62)!important;
  background:linear-gradient(105deg,#276eff,#4d81ff 46%,#45d0ef)!important;
  color:#fff!important;font-size:10px!important;font-weight:1000!important;
  box-shadow:0 12px 34px rgba(46,104,255,.30),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.daily-v27-spin:hover:not(:disabled){transform:translateY(-2px)!important;filter:brightness(1.06)!important;box-shadow:0 15px 38px rgba(46,104,255,.38),0 0 22px rgba(66,208,255,.15)!important}
.daily-v27-explore{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid rgba(131,189,255,.20);border-radius:999px;background:rgba(4,10,25,.68);color:#b7c6de;font-size:9px;font-weight:800;transition:.22s}
.daily-v27-explore:hover{color:#fff;border-color:rgba(91,217,255,.36);transform:translateY(-2px);box-shadow:0 0 22px rgba(68,197,255,.10)}
.daily-v27-explore span{color:#70e7ff}
.daily-v27-credit{font-size:6px!important;color:#637592!important;text-align:center!important}
.daily-v27-logout{text-align:center!important;font-size:6px!important;color:#7f91ad!important}

.daily-v27-stats{display:grid;grid-template-columns:repeat(3,78px);align-items:center}
.daily-v27-stats div{min-width:0;padding:7px 12px;border-left:1px solid rgba(125,190,255,.11)}
.daily-v27-stats small{display:block;color:#5c708f;font-size:5px;letter-spacing:.16em}
.daily-v27-stats b{display:block;margin-top:5px;color:#f1f7ff;font-size:17px;line-height:1}
.daily-v27-stats span{display:block;margin-top:5px;color:#5f718d;font-size:5px;letter-spacing:.06em}

.daily-v27-footerline{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:24px;margin:22px auto 0;color:#6f82a2;font-size:7px;letter-spacing:.34em}
.daily-v27-footerline:before,.daily-v27-footerline:after{content:"";width:90px;height:1px;background:linear-gradient(90deg,transparent,rgba(118,199,255,.38))}
.daily-v27-footerline:after{transform:scaleX(-1)}
.daily-v27-footerline i{font-style:normal;color:#68e3ff}.daily-v27-footerline b{color:#d8f8ff;text-shadow:0 0 14px #61ddff}

/* Owner history remains below the premium experience. */
.daily-v27 .daily-owner-history{position:relative;z-index:7;width:min(1160px,91%);margin:18px auto 0!important;background:rgba(4,10,27,.86)!important;backdrop-filter:blur(14px)}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1260px){
  .daily-v27-layout{grid-template-columns:minmax(210px,.68fr) minmax(500px,1.25fr) minmax(180px,.55fr);gap:12px}
  .daily-v27-wheel-frame{width:clamp(440px,40vw,560px)!important;height:clamp(440px,40vw,560px)!important}
  .daily-v27-core{width:clamp(175px,15vw,215px)!important}
  .daily-v27-command{width:min(1080px,94%);grid-template-columns:1fr auto}
  .daily-v27-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(125,190,255,.10);padding-top:10px}
  .daily-v27-stats div{text-align:center}.daily-v27-stats div:first-child{border-left:0}
  .compact-site .masthead-nav a{min-width:124px!important;padding:0 18px!important}
}
@media(max-width:980px){
  .compact-site .daily-v18.daily-v27{min-height:auto!important;padding:40px 18px 44px!important;background-position:center 48%!important}
  .daily-v27-layout{grid-template-columns:1fr;gap:22px;text-align:center}
  .daily-v27-intro{order:1}.daily-v27-center{order:2}.daily-v27-side{order:3}
  .daily-v27-intro h2{margin:0 auto!important;max-width:580px!important}.daily-v27-title-line{margin-left:auto;margin-right:auto}.daily-v27-mantra{white-space:normal}
  .daily-v27-wheel-frame{width:min(76vw,560px)!important;height:min(76vw,560px)!important}
  .daily-v27-side{padding-top:0}.daily-v27-side i{margin-top:15px}
  .daily-v27-command{margin-top:16px;grid-template-columns:1fr;gap:16px;text-align:center;padding:20px}
  .daily-v27-command-copy>strong{white-space:normal}.daily-v27-command-copy>p,.daily-v27-status{margin-left:auto;margin-right:auto}
  .daily-v27-command-actions{min-width:0;width:min(460px,100%);margin:0 auto}
  .daily-v27-stats{grid-column:auto}
  .compact-site .masthead-navrow{overflow:auto!important;place-items:center start!important;padding-inline:12px!important}
  .compact-site .masthead-nav{min-width:max-content!important;gap:8px!important}
  .compact-site .masthead-nav a{min-width:112px!important;height:48px!important;padding:0 14px!important}
}
@media(max-width:650px){
  .compact-site .masthead-banner{grid-template-columns:1fr auto!important;min-height:78px!important;padding:8px 12px!important}
  .compact-site .masthead-brand{grid-column:1!important;justify-self:start!important;gap:9px!important}
  .compact-site .masthead-logo{width:48px!important;height:48px!important;flex-basis:48px!important}.compact-site .masthead-logo img{width:42px!important;height:42px!important}
  .compact-site .masthead-wordmark strong{font-size:18px!important}.compact-site .masthead-wordmark small{font-size:4px!important;letter-spacing:.18em!important;margin-top:5px!important}
  .compact-site .masthead-tools{grid-column:2!important}.compact-site .masthead-visitor,.compact-site .masthead-live{display:none!important}
  .compact-site .masthead-discord{height:38px!important;padding:0 12px!important;font-size:8px!important}
  .compact-site .masthead-navrow{min-height:58px!important;padding:5px 8px!important}.compact-site .masthead-nav{height:48px!important}
  .compact-site .masthead-nav a{min-width:94px!important;height:42px!important;border-radius:13px!important;padding:0 10px!important;gap:7px!important}.compact-site .masthead-nav a b{font-size:8px!important}.compact-site .masthead-nav a span{font-size:10px!important}

  .compact-site .daily-v18.daily-v27{padding:34px 10px 38px!important}
  .daily-v27-micro{font-size:6px;letter-spacing:.34em;margin-bottom:10px}.daily-v27-intro h2{font-size:42px!important}.daily-v27-title-line{width:210px;margin-top:13px;margin-bottom:12px}.daily-v27-mantra{font-size:6.5px!important;letter-spacing:.24em!important}
  .daily-v27-wheel-frame{width:min(88vw,410px)!important;height:min(88vw,410px)!important}
  .daily-v27-wheel .wheel-label{font-size:12px!important}.daily-v27-wheel .wl1000{font-size:15px!important}.daily-v27-wheel .wlFree{font-size:8px!important}
  .daily-v27-core{width:clamp(126px,34vw,160px)!important}
  .daily-v27-pointer{top:-13px!important;border-left-width:17px!important;border-right-width:17px!important;border-top-width:33px!important}.daily-v27-pointer i{left:-7px!important;top:-33px!important;width:14px!important}
  .daily-v27-side span,.daily-v27-side strong{font-size:6.5px;letter-spacing:.26em}
  .daily-v27-command{width:calc(100% - 8px);padding:17px 14px;border-radius:18px}
  .daily-v27-command-copy>small{font-size:5px}.daily-v27-command-copy>strong{font-size:13px;line-height:1.35}.daily-v27-command-copy>p{font-size:8px}.daily-v27-status{font-size:7px}
  .daily-v27-buttons{grid-template-columns:1fr}.daily-v27-spin,.daily-v27-explore{min-height:43px!important}
  .daily-v27-stats{grid-template-columns:repeat(3,1fr)}.daily-v27-stats div{padding:6px}.daily-v27-stats b{font-size:14px}
  .daily-v27-footerline{gap:9px;font-size:5px;letter-spacing:.18em}.daily-v27-footerline:before,.daily-v27-footerline:after{width:28px}
}
@media(prefers-reduced-motion:reduce){
  .daily-v27-core .v26-wheel-core-image,.daily-v27-core .v25-core-halo{animation:none!important}
}

/* =========================================================
   ST4R UNIVERSE V28 — COSMIC DAILY SPIN / APPROVED MOCKUP
   Unique v28 classes intentionally avoid legacy Daily Spin
   layout rules so the wheel can never be flattened by old CSS.
   ========================================================= */

/* Remove the old floating quick dock from the approved layout. */
.compact-site .dock{display:none!important}

/* Header + premium navigation */
.compact-site .st4r-masthead{position:relative!important;top:auto!important;height:auto!important;padding:0!important;background:#020612!important;border-bottom:0!important;backdrop-filter:none!important}
.compact-site .masthead-banner{min-height:112px!important;padding:10px clamp(24px,5vw,90px)!important;background:
  linear-gradient(90deg,rgba(2,6,18,.74),rgba(6,13,37,.30) 48%,rgba(2,6,18,.70)),
  url('../img/hero.webp') center 39%/cover no-repeat!important;border-bottom:1px solid rgba(101,198,255,.30)!important}
.compact-site .masthead-brand{gap:18px!important}.compact-site .masthead-logo{width:74px!important;height:74px!important;flex-basis:74px!important}.compact-site .masthead-logo img{width:68px!important;height:68px!important}
.compact-site .masthead-wordmark strong{font-size:clamp(30px,3vw,50px)!important;letter-spacing:.055em!important;text-shadow:0 0 26px rgba(108,191,255,.24)!important}.compact-site .masthead-wordmark small{font-size:7px!important;letter-spacing:.40em!important;margin-top:7px!important}
.compact-site .masthead-tools{gap:10px!important}.compact-site .masthead-visitor,.compact-site .masthead-live,.compact-site .masthead-discord{height:48px!important;border-radius:15px!important}
.compact-site .masthead-navrow{min-height:78px!important;padding:9px 18px!important;background:linear-gradient(180deg,rgba(3,8,22,.99),rgba(1,4,13,.995))!important;border-bottom:1px solid rgba(111,199,255,.20)!important;box-shadow:0 20px 54px rgba(0,0,0,.30)!important}
.compact-site .masthead-nav{height:60px!important;gap:11px!important;justify-content:center!important}
.compact-site .masthead-nav a{min-width:154px!important;height:54px!important;padding:0 24px!important;border:1px solid rgba(126,188,255,.22)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(11,21,49,.92),rgba(5,10,29,.95))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 30px rgba(0,0,0,.22)!important;color:#cfdaee!important;gap:10px!important}
.compact-site .masthead-nav a:first-child{border-color:rgba(88,221,255,.65)!important;background:linear-gradient(115deg,rgba(25,123,255,.70),rgba(67,79,214,.55),rgba(7,18,48,.94))!important;box-shadow:0 0 30px rgba(54,193,255,.22),0 13px 34px rgba(36,82,230,.22),inset 0 1px 0 rgba(255,255,255,.11)!important;color:white!important}
.compact-site .masthead-nav a:hover{transform:translateY(-2px)!important;border-color:rgba(96,225,255,.50)!important;box-shadow:0 0 25px rgba(62,192,255,.14),0 13px 34px rgba(22,64,175,.20)!important;color:#fff!important}
.compact-site .masthead-nav a:after{display:none!important}.compact-site .masthead-nav a span{font-size:17px!important;color:#79e9ff!important;text-shadow:0 0 16px rgba(90,223,255,.45)!important}.compact-site .masthead-nav a b{font-size:12px!important;font-weight:900!important}

/* Main cosmic Daily Spin scene */
.v28-spin{position:relative;isolation:isolate;overflow:hidden;min-height:930px;padding:48px clamp(22px,4.5vw,82px) 56px;background:#020611;border-bottom:1px solid rgba(115,190,255,.15)}
.v28-bg{position:absolute;inset:0;z-index:-4;background:url('../img/hero.webp') center 46%/cover no-repeat;filter:saturate(1.24) contrast(1.04);transform:scale(1.015)}
.v28-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,4,14,.66),rgba(2,6,20,.36) 24%,rgba(1,4,14,.38) 67%,rgba(1,4,13,.87)),linear-gradient(90deg,rgba(1,4,14,.80),rgba(1,4,14,.18) 29%,rgba(1,4,14,.10) 66%,rgba(1,4,14,.62))}
.v28-haze{position:absolute;left:50%;top:44%;z-index:-2;width:min(85vw,1450px);height:min(72vw,900px);transform:translate(-50%,-50%);background:radial-gradient(ellipse at 50% 48%,rgba(35,151,255,.14),rgba(86,77,255,.08) 32%,rgba(140,62,255,.05) 48%,transparent 72%);filter:blur(18px);pointer-events:none}

.v28-stage{width:min(1580px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(560px,1.45fr) minmax(240px,.66fr);gap:25px;align-items:center;position:relative;z-index:2}

/* Left title */
.v28-copy{align-self:center;padding-left:8px}.v28-copy>small{display:block;color:#93a7c6;font-size:8px;font-weight:900;letter-spacing:.42em;margin-bottom:16px}.v28-copy h2{margin:0;color:#ecf8ff;font-size:clamp(50px,4.8vw,80px);line-height:.90;letter-spacing:-.058em;text-shadow:0 15px 50px rgba(0,0,0,.62),0 0 26px rgba(72,164,255,.11)}
.v28-copy h2 span{background:linear-gradient(92deg,#d8f6ff 0%,#9cd8ff 38%,#a989ff 70%,#ffd477 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.v28-copy-line{width:285px;max-width:92%;height:2px;margin:20px 0 18px;background:linear-gradient(90deg,#72e9ff,#657cff 56%,transparent);box-shadow:0 0 18px rgba(77,204,255,.32)}
.v28-copy p{margin:0;color:#a7b5cd;font-size:9px;font-weight:850;letter-spacing:.34em;white-space:nowrap}.v28-copy p i{font-style:normal;color:#72e6ff;text-shadow:0 0 12px rgba(88,217,255,.46)}

/* Perfect round wheel — no legacy class names */
.v28-wheel-zone{position:relative;display:grid;place-items:center;min-height:630px;overflow:visible}
.v28-wheel-frame{position:relative;width:clamp(520px,36vw,620px);height:clamp(520px,36vw,620px);display:grid;place-items:center;filter:drop-shadow(0 34px 72px rgba(0,0,0,.56));overflow:visible}
.v28-wheel-frame:before{content:"";position:absolute;inset:-24px;border-radius:50%;background:radial-gradient(circle,rgba(54,178,255,.13),rgba(100,70,255,.055) 48%,transparent 70%);box-shadow:0 0 105px rgba(56,165,255,.24),0 0 180px rgba(119,72,255,.14)}
.v28-wheel{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;border:8px solid rgba(226,246,255,.92);background:conic-gradient(from -18deg,#d2a01e 0 36deg,#176eda 36deg 72deg,#8d42c7 72deg 108deg,#187f9e 108deg 144deg,#26a3c5 144deg 180deg,#6436c1 180deg 216deg,#6a3fc5 216deg 252deg,#2b6ed0 252deg 288deg,#7444cf 288deg 324deg,#b8862c 324deg 360deg);box-shadow:0 0 0 5px rgba(94,170,255,.18),0 0 0 13px rgba(4,10,29,.96),0 0 0 17px rgba(114,214,255,.22),0 0 82px rgba(45,175,255,.34),0 0 145px rgba(111,70,255,.20),inset 0 -28px 44px rgba(0,0,0,.28),inset 0 15px 30px rgba(255,255,255,.08);transition:transform 4.2s cubic-bezier(.08,.72,.1,1);will-change:transform}
.v28-wheel:before{content:"";position:absolute;inset:0;z-index:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.94) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(112,224,255,.82) 0 1px,transparent 1.5px),radial-gradient(circle at 50% 14%,rgba(255,238,153,.42),transparent 16%),radial-gradient(circle at 81% 38%,rgba(79,161,255,.25),transparent 16%),radial-gradient(circle at 68% 79%,rgba(195,85,255,.24),transparent 17%),radial-gradient(circle at 24% 61%,rgba(69,217,255,.22),transparent 18%);background-size:31px 31px,47px 47px,auto,auto,auto,auto;background-position:3px 5px,17px 21px,center;mix-blend-mode:screen;opacity:.83}
.v28-wheel:after{content:"";position:absolute;inset:0;z-index:2;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from -18deg,transparent 0 35.25deg,rgba(237,249,255,.86) 35.25deg 36deg);box-shadow:inset 0 0 0 2px rgba(255,255,255,.06),inset 0 0 42px rgba(0,0,0,.21)}
.v28-label{position:absolute;z-index:8;transform:translate(-50%,-50%);color:#fff;font-size:clamp(18px,1.45vw,25px);font-weight:1000;line-height:1;letter-spacing:-.025em;text-shadow:0 4px 17px rgba(0,0,0,.92),0 0 12px rgba(255,255,255,.18);pointer-events:none}
.v28-l1000{left:50%;top:15%;font-size:clamp(24px,1.9vw,32px);color:#fff0ad}.v28-l100{left:70.57%;top:21.69%}.v28-l150{left:83.29%;top:39.18%}.v28-l200{left:83.29%;top:60.82%}.v28-l300{left:70.57%;top:78.31%}.v28-lfree{left:50%;top:85%;font-size:clamp(13px,1vw,17px);line-height:.80;color:#f8f1ff;letter-spacing:.025em}.v28-lfree b{font-size:.73em}.v28-l500{left:29.43%;top:78.31%}.v28-l50{left:16.71%;top:60.82%}.v28-l25{left:16.71%;top:39.18%}.v28-l750{left:29.43%;top:21.69%;color:#ffe7a4}

.v28-pointer{position:absolute;z-index:30;left:50%;top:-22px;transform:translateX(-50%);width:0;height:0;border-left:24px solid transparent;border-right:24px solid transparent;border-top:48px solid #7deaff;filter:drop-shadow(0 0 10px rgba(255,255,255,.75)) drop-shadow(0 0 28px rgba(77,213,255,.80));pointer-events:none}.v28-pointer:before{content:"";position:absolute;left:-19px;top:-46px;width:38px;height:7px;border-radius:999px;background:linear-gradient(90deg,transparent,#fff,#78e9ff,#fff,transparent);box-shadow:0 0 22px rgba(91,223,255,.66)}
.v28-pointer span{position:absolute;left:-8px;top:-45px;width:16px;height:12px;background:#dffbff;clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 0 7px #fff)}

.v28-core{position:absolute;z-index:15;left:50%;top:50%;transform:translate(-50%,-50%);width:37%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;pointer-events:none;filter:drop-shadow(0 18px 44px rgba(0,0,0,.60)) drop-shadow(0 0 35px rgba(70,190,255,.38))}
.v28-core:before{content:"";position:absolute;inset:-4%;border-radius:50%;background:radial-gradient(circle,rgba(53,178,255,.18),rgba(7,16,45,.90) 58%,rgba(1,4,13,.99) 75%);box-shadow:0 0 0 3px rgba(182,236,255,.30),0 0 45px rgba(58,190,255,.35),0 0 78px rgba(130,75,255,.20)}
.v28-core img{position:relative;z-index:5;width:92%;height:92%;object-fit:cover;border-radius:50%;box-shadow:0 0 0 2px rgba(190,239,255,.40),0 0 35px rgba(60,187,255,.34)}
.v28-core-ring{position:absolute;z-index:6;border:1px solid rgba(119,217,255,.28);border-radius:50%;pointer-events:none}.v28-core-ring.r1{inset:-10%;animation:v28-ring 18s linear infinite}.v28-core-ring.r2{inset:-2%;border-style:dashed;border-color:rgba(170,111,255,.28);animation:v28-ring-rev 12s linear infinite}.v28-core-ring.r1:before,.v28-core-ring.r2:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#dffaff;box-shadow:0 0 6px #fff,0 0 18px #6cecff}.v28-core-ring.r1:before{left:6%;top:24%}.v28-core-ring.r2:after{right:2%;bottom:20%;background:#b89cff;box-shadow:0 0 6px #fff,0 0 18px #9e75ff}@keyframes v28-ring{to{transform:rotate(360deg)}}@keyframes v28-ring-rev{to{transform:rotate(-360deg)}}
.v28-orbit{position:absolute;border-radius:50%;border:1px solid rgba(95,205,255,.12);pointer-events:none}.v28-orbit.orbit-a{width:690px;height:690px}.v28-orbit.orbit-b{width:760px;height:520px;transform:rotate(-12deg);border-color:rgba(147,104,255,.10)}.v28-orbit.orbit-c{width:650px;height:470px;transform:rotate(18deg);border-style:dashed;border-color:rgba(95,216,255,.10)}

/* Right message */
.v28-side{text-align:center;align-self:center}.v28-side span,.v28-side strong{display:block;color:#aab8cf;font-size:9px;letter-spacing:.34em;font-weight:800}.v28-side strong{margin-top:10px;color:#c5d1e4;font-weight:700}.v28-side i{display:block;position:relative;width:175px;max-width:90%;height:1px;margin:22px auto 0;background:linear-gradient(90deg,transparent,#67e4ff,#fff,#7779ff,transparent);box-shadow:0 0 14px rgba(91,218,255,.46)}.v28-side i:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-style:normal;color:#e1fbff;font-size:13px;text-shadow:0 0 16px #65e4ff}

/* Command panel below wheel */
.v28-command{position:relative;z-index:4;width:min(1190px,91%);min-height:122px;margin:-4px auto 0;display:grid;grid-template-columns:minmax(320px,1fr) minmax(330px,.75fr) auto;align-items:center;gap:26px;padding:21px 25px 21px 28px;border:1px solid rgba(125,198,255,.28);border-radius:23px;background:linear-gradient(112deg,rgba(5,13,34,.91),rgba(5,9,27,.88) 57%,rgba(17,8,40,.87));box-shadow:0 28px 76px rgba(0,0,0,.52),0 0 35px rgba(60,117,255,.08),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(18px) saturate(1.14);overflow:hidden}
.v28-command:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#69eaff,#596aff,#ad70ff);box-shadow:0 0 22px rgba(87,221,255,.56)}.v28-command:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 45% 0,rgba(65,142,255,.09),transparent 31%),radial-gradient(circle at 87% 100%,rgba(139,74,255,.08),transparent 28%)}.v28-command>*{position:relative;z-index:2}.v28-command-copy>small{display:block;color:#6f88ad;font-size:6px;font-weight:900;letter-spacing:.24em;margin-bottom:8px}.v28-command-copy>strong{display:block;color:#f3f8ff;font-size:17px;letter-spacing:.075em;white-space:nowrap}.v28-command-copy>strong i{font-style:normal;color:#68e4ff}.v28-command-copy>p{max-width:540px;margin:8px 0 0;color:#8c9bb6;font-size:10px;line-height:1.45}.v28-command-copy>em{display:block;max-width:540px;margin-top:6px;color:#71dfff;font-size:8px;font-style:normal;line-height:1.4}
.v28-command-actions{min-width:330px;display:grid;gap:6px}.v28-user{margin:0!important;padding:6px 9px!important;width:100%!important;border-radius:11px!important}.v28-user img{width:31px!important;height:31px!important}.v28-user b{font-size:10px!important}.v28-user small{font-size:6px!important}.v28-user small i{font-style:normal}.v28-cooldown{display:block;color:#6f83a4;font-size:6px;letter-spacing:.16em;text-align:center}.v28-command-buttons{display:grid;grid-template-columns:1.15fr .95fr;gap:9px}.v28-spin-btn{min-height:48px!important;width:100%!important;padding:0 16px!important;border-radius:999px!important;border:1px solid rgba(165,235,255,.65)!important;background:linear-gradient(105deg,#286dff,#4d81ff 46%,#47d0ef)!important;color:#fff!important;font-size:10px!important;font-weight:1000!important;box-shadow:0 13px 35px rgba(44,102,255,.32),inset 0 1px 0 rgba(255,255,255,.24)!important}.v28-spin-btn:hover:not(:disabled){transform:translateY(-2px)!important;filter:brightness(1.06)!important}.v28-explore{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid rgba(132,192,255,.22);border-radius:999px;background:rgba(4,10,25,.70);color:#b9c9df;font-size:9px;font-weight:800;transition:.22s}.v28-explore:hover{transform:translateY(-2px);color:#fff;border-color:rgba(92,218,255,.38);box-shadow:0 0 22px rgba(68,197,255,.10)}.v28-explore span{color:#70e8ff}.v28-credit{font-size:6px!important;color:#627593!important;text-align:center!important}.v28-logout{text-align:center!important;font-size:6px!important;color:#8293ae!important}
.v28-stats{display:grid;grid-template-columns:repeat(3,82px);align-items:center}.v28-stats div{padding:8px 12px;border-left:1px solid rgba(125,190,255,.12)}.v28-stats small{display:block;color:#5d708f;font-size:5px;letter-spacing:.16em}.v28-stats b{display:block;margin-top:5px;color:#f2f8ff;font-size:18px;line-height:1}.v28-stats span{display:block;margin-top:5px;color:#61738e;font-size:5px}
.v28-footline{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:23px;margin:22px auto 0;color:#7083a3;font-size:7px;letter-spacing:.33em}.v28-footline:before,.v28-footline:after{content:"";width:90px;height:1px;background:linear-gradient(90deg,transparent,rgba(118,199,255,.38))}.v28-footline:after{transform:scaleX(-1)}.v28-footline i{font-style:normal;color:#69e3ff}.v28-footline b{color:#ddfaff;text-shadow:0 0 14px #61ddff}.v28-owner-history{position:relative;z-index:5;width:min(1190px,91%);margin:18px auto 0!important;background:rgba(4,10,27,.89)!important;backdrop-filter:blur(14px)}

/* Win flash without affecting wheel geometry */
#dailyHub.win .v28-wheel-frame:before{animation:v28-jackpot .75s ease 2}@keyframes v28-jackpot{50%{transform:scale(1.06);box-shadow:0 0 150px rgba(92,223,255,.40),0 0 230px rgba(142,83,255,.30)}}

@media(max-width:1280px){
  .v28-stage{grid-template-columns:minmax(210px,.62fr) minmax(510px,1.28fr) minmax(180px,.52fr);gap:12px}.v28-wheel-frame{width:clamp(480px,41vw,560px);height:clamp(480px,41vw,560px)}.v28-command{width:min(1090px,94%);grid-template-columns:1fr auto}.v28-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(125,190,255,.10);padding-top:9px}.v28-stats div{text-align:center}.v28-stats div:first-child{border-left:0}.compact-site .masthead-nav a{min-width:126px!important;padding:0 17px!important}
}
@media(max-width:980px){
  .compact-site .masthead-navrow{overflow:auto!important;justify-content:flex-start!important}.compact-site .masthead-nav{min-width:max-content!important;justify-content:flex-start!important}.compact-site .masthead-nav a{min-width:114px!important;height:48px!important;padding:0 14px!important}
  .v28-spin{min-height:auto;padding:38px 17px 45px}.v28-stage{grid-template-columns:1fr;gap:22px;text-align:center}.v28-copy{order:1;padding-left:0}.v28-wheel-zone{order:2;min-height:560px}.v28-side{order:3}.v28-copy h2{margin:0 auto}.v28-copy-line{margin-left:auto;margin-right:auto}.v28-copy p{white-space:normal}.v28-wheel-frame{width:min(76vw,560px);height:min(76vw,560px)}.v28-command{margin-top:12px;grid-template-columns:1fr;gap:16px;text-align:center;padding:20px}.v28-command-copy>strong{white-space:normal}.v28-command-copy>p,.v28-command-copy>em{margin-left:auto;margin-right:auto}.v28-command-actions{min-width:0;width:min(470px,100%);margin:0 auto}.v28-stats{grid-column:auto}.v28-orbit{display:none}
}
@media(max-width:650px){
  .compact-site .masthead-banner{min-height:80px!important;padding:8px 12px!important;grid-template-columns:1fr auto!important}.compact-site .masthead-logo{width:48px!important;height:48px!important;flex-basis:48px!important}.compact-site .masthead-logo img{width:44px!important;height:44px!important}.compact-site .masthead-wordmark strong{font-size:19px!important}.compact-site .masthead-wordmark small{font-size:4px!important;letter-spacing:.18em!important}.compact-site .masthead-visitor,.compact-site .masthead-live{display:none!important}.compact-site .masthead-discord{height:38px!important;padding:0 12px!important;font-size:8px!important}.compact-site .masthead-navrow{min-height:58px!important;padding:5px 8px!important}.compact-site .masthead-nav{height:48px!important}.compact-site .masthead-nav a{min-width:96px!important;height:42px!important;border-radius:13px!important;padding:0 10px!important;gap:7px!important}.compact-site .masthead-nav a span{font-size:10px!important}.compact-site .masthead-nav a b{font-size:8px!important}
  .v28-spin{padding:30px 10px 38px}.v28-copy>small{font-size:6px;letter-spacing:.34em;margin-bottom:10px}.v28-copy h2{font-size:42px}.v28-copy-line{width:210px;margin-top:13px;margin-bottom:12px}.v28-copy p{font-size:6.5px;letter-spacing:.23em}.v28-wheel-zone{min-height:390px}.v28-wheel-frame{width:min(88vw,390px);height:min(88vw,390px)}.v28-label{font-size:11px}.v28-l1000{font-size:15px}.v28-lfree{font-size:8px}.v28-pointer{top:-14px;border-left-width:17px;border-right-width:17px;border-top-width:34px}.v28-pointer:before{left:-13px;top:-33px;width:26px}.v28-core{width:39%}.v28-side span,.v28-side strong{font-size:6.5px;letter-spacing:.26em}.v28-command{width:calc(100% - 8px);padding:17px 14px;border-radius:18px}.v28-command-copy>small{font-size:5px}.v28-command-copy>strong{font-size:13px;line-height:1.35}.v28-command-copy>p{font-size:8px}.v28-command-copy>em{font-size:7px}.v28-command-buttons{grid-template-columns:1fr}.v28-spin-btn,.v28-explore{min-height:43px!important}.v28-stats{grid-template-columns:repeat(3,1fr)}.v28-stats div{padding:6px}.v28-stats b{font-size:14px}.v28-footline{gap:9px;font-size:5px;letter-spacing:.18em}.v28-footline:before,.v28-footline:after{width:28px}
}
@media(prefers-reduced-motion:reduce){.v28-core-ring{animation:none!important}}

/* ===== ST4R wheel smaller fix ===== */
.v28-stage{
  grid-template-columns:minmax(250px,.78fr) minmax(460px,1.15fr) minmax(220px,.60fr);
  gap:18px;
}

.v28-wheel-zone{
  min-height:540px;
}

.v28-wheel-frame{
  width:clamp(430px,31vw,520px)!important;
  height:clamp(430px,31vw,520px)!important;
}

.v28-orbit.orbit-a{
  width:580px;
  height:580px;
}

.v28-orbit.orbit-b{
  width:640px;
  height:430px;
}

.v28-orbit.orbit-c{
  width:560px;
  height:410px;
}

.v28-command{
  margin-top:8px;
}

@media (max-width:1199px){
  .v28-wheel-frame{
    width:clamp(400px,38vw,480px)!important;
    height:clamp(400px,38vw,480px)!important;
  }
  .v28-wheel-zone{
    min-height:500px;
  }
}

@media (max-width:767px){
  .v28-wheel-frame{
    width:min(82vw,350px)!important;
    height:min(82vw,350px)!important;
  }
  .v28-wheel-zone{
    min-height:360px;
  }
}
/* ===== end smaller fix ===== */


/* =====================================================
   ST4R - FORCE SMALLER DAILY SPIN WHEEL
   ===================================================== */

.v28-wheel-zone{
    min-height:445px !important;
}

.v28-wheel-frame{
    width:400px !important;
    height:400px !important;
    max-width:400px !important;
    max-height:400px !important;
}

.v28-stage{
    grid-template-columns:minmax(250px,1fr) 430px minmax(210px,1fr) !important;
    gap:28px !important;
}

.v28-orbit.orbit-a{
    width:455px !important;
    height:455px !important;
}

.v28-orbit.orbit-b{
    width:500px !important;
    height:360px !important;
}

.v28-orbit.orbit-c{
    width:460px !important;
    height:330px !important;
}

/* textele din roata proportional mai mici */
.v28-label{
    font-size:17px !important;
}

.v28-l1000{
    font-size:22px !important;
}

.v28-lfree{
    font-size:11px !important;
}

/* logo central proportional */
.v28-core{
    width:36% !important;
}

/* pointer mai mic */
.v28-pointer{
    top:-17px !important;
    border-left-width:19px !important;
    border-right-width:19px !important;
    border-top-width:38px !important;
}

@media(max-width:1100px){
    .v28-stage{
        grid-template-columns:1fr !important;
    }

    .v28-wheel-frame{
        width:390px !important;
        height:390px !important;
    }
}

@media(max-width:600px){
    .v28-wheel-frame{
        width:320px !important;
        height:320px !important;
    }

    .v28-wheel-zone{
        min-height:350px !important;
    }
}


/* =====================================================
   ST4R COMMAND PANEL - COMPACT PREMIUM
   ===================================================== */

.v28-command{
    width:min(1040px,86%) !important;
    min-height:96px !important;
    padding:14px 20px 14px 24px !important;
    gap:20px !important;
    border-radius:20px !important;

    grid-template-columns:
        minmax(300px,1.05fr)
        minmax(300px,.80fr)
        auto !important;
}

/* PLAY CONNECT EARN BELONG */
.v28-command-copy>small{
    margin-bottom:6px !important;
}

.v28-command-copy>strong{
    font-size:18px !important;
    letter-spacing:.07em !important;
}

.v28-command-copy>p{
    margin-top:6px !important;
    font-size:9px !important;
}

.v28-command-copy>em{
    margin-top:4px !important;
    font-size:7px !important;
}


/* ==============================
   USER - MAI MARE SI MAI CLAR
   ============================== */

.v28-user{
    min-height:48px !important;
    padding:7px 12px !important;
    border-radius:15px !important;
    background:rgba(7,13,31,.72) !important;
    border:1px solid rgba(126,200,255,.18) !important;
}

.v28-user img{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border-radius:50% !important;
    box-shadow:
        0 0 0 2px rgba(111,218,255,.25),
        0 0 18px rgba(64,180,255,.22) !important;
}

.v28-user b{
    font-size:13px !important;
    font-weight:950 !important;
    color:#ffffff !important;
    letter-spacing:.01em !important;
}

.v28-user small{
    margin-top:3px !important;
    font-size:8px !important;
    color:#90a4c4 !important;
}

.v28-user small i{
    font-size:9px !important;
    font-weight:900 !important;
    color:#ffd96e !important;
}


/* NEXT SPIN */
.v28-cooldown{
    margin:3px 0 !important;
    font-size:7px !important;
}


/* BUTOANE */
.v28-command-buttons{
    gap:8px !important;
}

.v28-spin-btn,
.v28-explore{
    min-height:42px !important;
}


/* STATS DREAPTA */
.v28-stats{
    grid-template-columns:repeat(3,72px) !important;
}

.v28-stats div{
    padding:6px 10px !important;
}

.v28-stats b{
    font-size:19px !important;
}

.v28-stats small,
.v28-stats span{
    font-size:5px !important;
}


/* LAPTOP */
@media(max-width:1200px){

    .v28-command{
        width:min(960px,92%) !important;
    }

}


/* MOBIL */
@media(max-width:800px){

    .v28-command{
        width:94% !important;
        grid-template-columns:1fr !important;
        padding:16px !important;
    }

    .v28-command-copy{
        text-align:center !important;
    }

    .v28-user{
        max-width:420px !important;
        margin:auto !important;
    }

}


/* =====================================================
   ST4R MISSION CONTROL PANEL V2
   ===================================================== */

.v28-command{
  width:min(980px,88%) !important;
  min-height:116px !important;
  margin:14px auto 0 !important;
  padding:17px 20px !important;

  display:grid !important;
  grid-template-columns:220px minmax(360px,1fr) 250px !important;
  gap:18px !important;
  align-items:center !important;

  border-radius:24px !important;
  border:1px solid rgba(115,190,255,.24) !important;

  background:
    radial-gradient(circle at 48% 0%,rgba(60,110,255,.14),transparent 35%),
    linear-gradient(112deg,rgba(5,12,31,.95),rgba(8,10,32,.94) 55%,rgba(19,8,42,.93)) !important;

  box-shadow:
    0 25px 70px rgba(0,0,0,.48),
    0 0 35px rgba(66,121,255,.10),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}


/* LEFT - brand simplificat */
.v28-command-copy{
  padding:5px 4px !important;
}

.v28-command-copy>small{
  font-size:6px !important;
  letter-spacing:.25em !important;
  color:#6f8eb9 !important;
  margin-bottom:7px !important;
}

.v28-command-copy>strong{
  font-size:15px !important;
  line-height:1.25 !important;
  letter-spacing:.065em !important;
  white-space:normal !important;
}

.v28-command-copy>p{
  display:none !important;
}

.v28-command-copy>em{
  display:block !important;
  margin-top:8px !important;
  color:#65dcff !important;
  font-size:7px !important;
}


/* CENTER */
.v28-command-actions{
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
}


/* PROFILE PREMIUM */
.v28-user{
  width:100% !important;
  min-height:58px !important;
  padding:8px 14px !important;

  display:grid !important;
  grid-template-columns:46px 1fr auto !important;
  align-items:center !important;
  column-gap:11px !important;

  border-radius:17px !important;
  border:1px solid rgba(122,207,255,.25) !important;

  background:
    radial-gradient(circle at 10% 50%,rgba(65,162,255,.18),transparent 32%),
    linear-gradient(100deg,rgba(7,17,42,.90),rgba(9,11,31,.88)) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 28px rgba(0,0,0,.22) !important;
}

.v28-user img{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:50% !important;

  box-shadow:
    0 0 0 2px rgba(111,219,255,.38),
    0 0 20px rgba(67,178,255,.30) !important;
}

.v28-user b{
  font-size:15px !important;
  font-weight:1000 !important;
  color:#fff !important;
  letter-spacing:.01em !important;
}

.v28-user small{
  margin-top:3px !important;
  font-size:8px !important;
  color:#8da0c0 !important;
}

.v28-user small i{
  color:#ffd75e !important;
  font-size:10px !important;
  font-weight:1000 !important;
}


/* COOLDOWN */
.v28-cooldown{
  margin:0 !important;
  color:#6e83a6 !important;
  font-size:6px !important;
  letter-spacing:.18em !important;
}


/* BUTTONS */
.v28-command-buttons{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
}

.v28-spin-btn,
.v28-explore{
  min-height:43px !important;
  border-radius:14px !important;
}

.v28-spin-btn{
  font-size:10px !important;
}

.v28-explore{
  font-size:9px !important;
}


/* text mic de jos */
.v28-credit,
.v28-logout{
  font-size:5px !important;
  opacity:.62 !important;
}


/* RIGHT - STATS CARDS */
.v28-stats{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:7px !important;
}

.v28-stats div{
  min-width:0 !important;
  height:72px !important;
  padding:10px 8px !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;

  border:1px solid rgba(122,190,255,.13) !important;
  border-radius:14px !important;

  background:rgba(5,11,28,.58) !important;
}

.v28-stats div:first-child{
  border-left:1px solid rgba(122,190,255,.13) !important;
}

.v28-stats small{
  font-size:5px !important;
  letter-spacing:.15em !important;
  color:#607798 !important;
}

.v28-stats b{
  margin-top:5px !important;
  font-size:20px !important;
  color:#f5f9ff !important;
}

.v28-stats span{
  margin-top:4px !important;
  font-size:5px !important;
  color:#6b7f9b !important;
}


/* linia colorata din stanga */
.v28-command:before{
  width:3px !important;
  background:linear-gradient(#6cecff,#6574ff,#aa6cff) !important;
}


/* TABLET */
@media(max-width:1050px){

  .v28-command{
    width:94% !important;
    grid-template-columns:180px 1fr !important;
  }

  .v28-stats{
    grid-column:1/-1 !important;
  }

}


/* MOBILE */
@media(max-width:700px){

  .v28-command{
    grid-template-columns:1fr !important;
    width:94% !important;
    padding:15px !important;
  }

  .v28-command-copy{
    text-align:center !important;
  }

  .v28-command-copy>em{
    text-align:center !important;
  }

}


/* =========================================================
   ST4R GLASS BAR V3
   Transparent / Slim / Large Text
   ========================================================= */

.v28-command{
    width:min(1100px,90%) !important;
    min-height:108px !important;
    margin:16px auto 0 !important;
    padding:12px 20px !important;

    display:grid !important;
    grid-template-columns:300px minmax(360px,1fr) 270px !important;
    align-items:center !important;
    gap:20px !important;

    border-radius:22px !important;

    background:
      linear-gradient(
        110deg,
        rgba(5,12,31,.46),
        rgba(7,10,29,.38) 55%,
        rgba(20,8,42,.40)
      ) !important;

    border:1px solid rgba(134,205,255,.24) !important;

    backdrop-filter:blur(18px) saturate(1.2) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.2) !important;

    box-shadow:
      0 18px 50px rgba(0,0,0,.30),
      inset 0 1px 0 rgba(255,255,255,.06) !important;
}


/* =========================
   LEFT
   ========================= */

.v28-command-copy{
    padding:0 !important;
}

.v28-command-copy>small{
    display:none !important;
}

.v28-command-copy>strong{
    display:block !important;
    margin:0 !important;

    font-size:20px !important;
    line-height:1.22 !important;
    letter-spacing:.04em !important;
    font-weight:1000 !important;
    color:#fff !important;

    white-space:normal !important;
}

.v28-command-copy>strong i{
    color:#6cecff !important;
}

.v28-command-copy>p{
    display:none !important;
}

.v28-command-copy>em{
    display:block !important;
    margin-top:7px !important;

    font-size:9px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#75ddff !important;
}


/* =========================
   CENTER
   ========================= */

.v28-command-actions{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    gap:7px !important;
}


/* PROFILE */
.v28-user{
    width:100% !important;
    min-height:46px !important;

    padding:4px 8px !important;
    margin:0 !important;

    display:grid !important;
    grid-template-columns:42px 1fr !important;
    align-items:center !important;
    gap:11px !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.v28-user img{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;

    border-radius:50% !important;

    box-shadow:
      0 0 0 2px rgba(104,220,255,.42),
      0 0 20px rgba(67,183,255,.30) !important;
}

.v28-user b{
    display:block !important;

    font-size:17px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    color:#fff !important;
}

.v28-user small{
    display:block !important;
    margin-top:5px !important;

    font-size:10px !important;
    font-weight:700 !important;
    color:#9eabc2 !important;
}

.v28-user small i{
    font-size:11px !important;
    color:#ffd85f !important;
    font-weight:1000 !important;
}


/* ascundem textul minuscul */
.v28-cooldown{
    display:none !important;
}

.v28-credit,
.v28-logout{
    display:none !important;
}


/* BUTTONS */
.v28-command-buttons{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
}

.v28-spin-btn,
.v28-explore{
    min-height:39px !important;
    height:39px !important;

    border-radius:12px !important;

    font-size:10px !important;
    font-weight:900 !important;
}

.v28-spin-btn{
    background:
      linear-gradient(
        100deg,
        rgba(57,105,255,.62),
        rgba(81,111,255,.52)
      ) !important;

    border:1px solid rgba(147,215,255,.34) !important;
}

.v28-explore{
    background:rgba(5,11,28,.28) !important;
    border:1px solid rgba(133,201,255,.19) !important;
}


/* =========================
   RIGHT STATS
   ========================= */

.v28-stats{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:5px !important;
}

.v28-stats div{
    height:auto !important;
    min-height:68px !important;

    padding:8px 9px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    background:transparent !important;

    border:0 !important;
    border-left:1px solid rgba(137,197,255,.16) !important;

    border-radius:0 !important;
}

.v28-stats div:first-child{
    border-left:0 !important;
}

.v28-stats small{
    font-size:7px !important;
    letter-spacing:.13em !important;
    color:#7186a7 !important;
}

.v28-stats b{
    margin-top:4px !important;

    font-size:23px !important;
    line-height:1 !important;

    color:#fff !important;
    font-weight:1000 !important;
}

.v28-stats span{
    margin-top:5px !important;

    font-size:7px !important;
    color:#7f91ac !important;
}


/* LEFT GLOW LINE */
.v28-command:before{
    width:2px !important;

    background:
      linear-gradient(
        transparent,
        #62e7ff,
        #7471ff,
        transparent
      ) !important;

    box-shadow:0 0 15px rgba(92,218,255,.55) !important;
}


/* scoatem efectele grele */
.v28-command:after{
    opacity:.35 !important;
}


/* TABLET */
@media(max-width:1050px){

    .v28-command{
        width:94% !important;
        grid-template-columns:250px 1fr !important;
    }

    .v28-stats{
        grid-column:1/-1 !important;
    }
}


/* MOBILE */
@media(max-width:700px){

    .v28-command{
        width:94% !important;
        grid-template-columns:1fr !important;
        gap:13px !important;

        padding:15px !important;
    }

    .v28-command-copy{
        text-align:center !important;
    }

    .v28-command-copy>strong{
        font-size:17px !important;
    }

    .v28-user{
        max-width:430px !important;
        margin:auto !important;
    }

}


/* =========================================================
   ST4R - WHEEL WITH FULL BACKGROUND VISIBLE
   fara culori diferite / background-ul sectiunii se vede
   prin tot cercul mare
   ========================================================= */

/* cercul ramane mai curat */
.v28-wheel{
    background: transparent !important;

    box-shadow:
        0 0 0 5px rgba(94,170,255,.16),
        0 0 0 13px rgba(4,10,29,.94),
        0 0 0 17px rgba(114,214,255,.18),
        0 0 65px rgba(45,175,255,.22),
        inset 0 0 24px rgba(0,0,0,.18) !important;
}

/* overlay foarte fin, ca sa se vada background-ul dar sa ramana lizibil */
.v28-wheel:before{
    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(255,255,255,.04) 0%,
            rgba(255,255,255,.02) 28%,
            rgba(0,0,0,.05) 58%,
            rgba(0,0,0,.16) 100%
        ),
        radial-gradient(circle, rgba(255,255,255,.88) 0 1px, transparent 1.6px) !important;

    background-size:
        auto,
        32px 32px !important;

    background-position:
        center,
        3px 4px !important;

    mix-blend-mode:screen !important;
    opacity:.72 !important;
}

/* pastram doar liniile segmentelor, nu culorile */
.v28-wheel:after{
    background:
        repeating-conic-gradient(
            from -18deg,
            transparent 0 35.25deg,
            rgba(239,248,255,.96) 35.25deg 36deg
        ) !important;

    box-shadow:
        inset 0 0 0 2px rgba(255,255,255,.13),
        inset 0 0 28px rgba(0,0,0,.12) !important;
}

/* ascundem poza mica/logo-ul din centru ca sa se vada imaginea de fundal completa */
.v28-core{
    display:none !important;
}

/* etichete mai clare pe fundal */
.v28-label{
    color:#f8fcff !important;
    text-shadow:
        0 3px 14px rgba(0,0,0,.95),
        0 0 10px rgba(0,0,0,.55),
        0 0 8px rgba(255,255,255,.08) !important;
}

.v28-l1000{
    color:#fff0b6 !important;
}

.v28-l750{
    color:#ffe6ae !important;
}

.v28-lfree{
    color:#ffffff !important;
    font-weight:1000 !important;
}

/* un pic mai mult contrast la pointer */
.v28-pointer{
    filter:
        drop-shadow(0 0 10px rgba(255,255,255,.78))
        drop-shadow(0 0 24px rgba(77,213,255,.68)) !important;
}

/* optional: putin mai fin glow-ul din jurul rotii */
.v28-wheel-frame:before{
    background:
        radial-gradient(
            circle,
            rgba(54,178,255,.10),
            rgba(100,70,255,.04) 48%,
            transparent 72%
        ) !important;

    box-shadow:
        0 0 70px rgba(56,165,255,.16),
        0 0 110px rgba(119,72,255,.10) !important;
}


/* =========================================================
   ST4R COMMAND PANEL - ALMOST FULLY TRANSPARENT
   ========================================================= */

.v28-command{
    background:
        linear-gradient(
            110deg,
            rgba(5,12,31,.16),
            rgba(7,10,29,.11) 55%,
            rgba(20,8,42,.13)
        ) !important;

    border:1px solid rgba(134,205,255,.12) !important;

    backdrop-filter:blur(8px) saturate(1.05) !important;
    -webkit-backdrop-filter:blur(8px) saturate(1.05) !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.03) !important;
}

/* scoatem si mai mult opacitatea din zonele interioare */
.v28-user{
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
}

.v28-spin-btn{
    background:rgba(80,110,255,.20) !important;
    border:1px solid rgba(147,215,255,.18) !important;
    box-shadow:none !important;
}

.v28-explore{
    background:rgba(5,11,28,.10) !important;
    border:1px solid rgba(133,201,255,.12) !important;
    box-shadow:none !important;
}

.v28-stats div{
    background:transparent !important;
    border-left:1px solid rgba(137,197,255,.10) !important;
    box-shadow:none !important;
}

/* glow-ul vertical din stanga mult mai fin */
.v28-command:before{
    opacity:.45 !important;
    box-shadow:0 0 8px rgba(92,218,255,.20) !important;
}

/* layer suplimentar aproape invizibil */
.v28-command:after{
    opacity:.12 !important;
}


/* =========================================================
   ST4R COMMAND PANEL - ~98% TRANSPARENT
   ========================================================= */

.v28-command{
    background:rgba(8,12,28,.02) !important;
    border:1px solid rgba(160,220,255,.08) !important;

    backdrop-filter:blur(2px) saturate(1.02) !important;
    -webkit-backdrop-filter:blur(2px) saturate(1.02) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.015),
      0 4px 12px rgba(0,0,0,.06) !important;
}

/* linia din stanga foarte slaba */
.v28-command:before{
    opacity:.18 !important;
    box-shadow:none !important;
}

/* aproape eliminam overlay-ul interior */
.v28-command:after{
    opacity:.03 !important;
}

/* toate blocurile interioare complet transparente */
.v28-user,
.v28-spin-btn,
.v28-explore,
.v28-stats div{
    background:transparent !important;
    box-shadow:none !important;
}

/* butoane cu contur foarte fin */
.v28-spin-btn,
.v28-explore{
    border:1px solid rgba(170,220,255,.10) !important;
}

/* stats doar separate foarte fin */
.v28-stats div{
    border-left:1px solid rgba(170,220,255,.08) !important;
}

.v28-stats div:first-child{
    border-left:0 !important;
}


/* =========================================================
   ST4R COMMAND PANEL - TEXT MORE VISIBLE
   ========================================================= */

/* stanga */
.v28-command-copy>strong{
    color:#ffffff !important;
    text-shadow:
        0 2px 10px rgba(0,0,0,.95),
        0 0 14px rgba(90,210,255,.18) !important;
}

.v28-command-copy>em{
    color:#9feaff !important;
    font-weight:900 !important;
    text-shadow:
        0 2px 8px rgba(0,0,0,.95),
        0 0 10px rgba(109,227,255,.22) !important;
}

/* user */
.v28-user b{
    color:#ffffff !important;
    text-shadow:
        0 2px 10px rgba(0,0,0,.95),
        0 0 10px rgba(255,255,255,.10) !important;
}

.v28-user small{
    color:#d7e2f5 !important;
    font-weight:800 !important;
    text-shadow:
        0 2px 8px rgba(0,0,0,.92) !important;
}

.v28-user small i{
    color:#ffd95f !important;
    font-weight:1000 !important;
    text-shadow:
        0 2px 8px rgba(0,0,0,.92),
        0 0 12px rgba(255,214,92,.22) !important;
}

/* butoane */
.v28-spin-btn,
.v28-explore{
    color:#ffffff !important;
    font-weight:1000 !important;
    text-shadow:
        0 1px 6px rgba(0,0,0,.85) !important;
}

/* stats dreapta */
.v28-stats small{
    color:#b6c4db !important;
    font-weight:800 !important;
    text-shadow:
        0 2px 8px rgba(0,0,0,.92) !important;
}

.v28-stats b{
    color:#ffffff !important;
    font-weight:1000 !important;
    text-shadow:
        0 3px 12px rgba(0,0,0,.96),
        0 0 12px rgba(255,255,255,.08) !important;
}

.v28-stats span{
    color:#d1dbeb !important;
    font-weight:800 !important;
    text-shadow:
        0 2px 8px rgba(0,0,0,.90) !important;
}

/* mic ajutor de contrast exact sub text */
.v28-command{
    position:relative !important;
}

.v28-command > *{
    position:relative !important;
    z-index:2 !important;
}

.v28-command:after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    border-radius:inherit !important;
    background:
      linear-gradient(
        90deg,
        rgba(2,6,18,.16),
        rgba(2,6,18,.10) 50%,
        rgba(2,6,18,.14)
      ) !important;
    opacity:1 !important;
    pointer-events:none !important;
}


/* =========================================================
   ST4R WHEEL - CLEAN PREMIUM LINES
   ========================================================= */

/* glow general mai fin pe roata */
.v28-wheel{
    box-shadow:
        0 0 0 5px rgba(94,170,255,.14),
        0 0 0 13px rgba(4,10,29,.92),
        0 0 0 17px rgba(114,214,255,.14),
        0 0 45px rgba(45,175,255,.16),
        inset 0 0 18px rgba(0,0,0,.12) !important;
}

/* fundal fin peste roata */
.v28-wheel:before{
    opacity:.56 !important;
}

/* linii segment mai subtiri si mai elegante */
.v28-wheel:after{
    background:
        repeating-conic-gradient(
            from -18deg,
            transparent 0 35.78deg,
            rgba(255,255,255,.16) 35.78deg 35.88deg,
            rgba(129,221,255,.58) 35.88deg 36deg
        ) !important;

    opacity:.88 !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.07),
        inset 0 0 22px rgba(0,0,0,.10) !important;

    filter:drop-shadow(0 0 5px rgba(92,214,255,.14)) !important;
}

/* masca fina in centru ca sa nu se loveasca urat liniile */
.v28-wheel-frame::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:19%;
    height:19%;
    border-radius:50%;
    pointer-events:none;
    z-index:11;

    background:
      radial-gradient(
        circle,
        rgba(7,16,40,.20) 0%,
        rgba(7,16,40,.08) 54%,
        rgba(219,245,255,.07) 55%,
        rgba(219,245,255,.03) 62%,
        transparent 63%
      );

    box-shadow:
      0 0 0 1px rgba(170,230,255,.12),
      0 0 14px rgba(78,200,255,.08) !important;

    backdrop-filter:blur(1px);
    -webkit-backdrop-filter:blur(1px);
}

/* cifrele sa ramana lizibile */
.v28-label{
    text-shadow:
        0 3px 12px rgba(0,0,0,.95),
        0 0 6px rgba(255,255,255,.06) !important;
}


/* =========================================================
   ST4R RIGHT STAR CONTROL PANEL
   ========================================================= */

/* layout: titlu / roata / control */
.v28-stage{
    width:min(1450px,96%) !important;
    grid-template-columns:
        minmax(250px,.82fr)
        430px
        minmax(270px,.88fr) !important;
    gap:34px !important;
    align-items:center !important;
}


/* zona dreapta */
.v28-control-side{
    position:relative !important;
    width:100% !important;
    min-height:420px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:left !important;
    isolation:isolate !important;
}


/* STEA ST4R in spate */
.v28-control-star{
    position:absolute !important;
    left:50% !important;
    top:50% !important;

    width:330px !important;
    height:330px !important;

    transform:
        translate(-50%,-50%)
        rotate(45deg) !important;

    z-index:-2 !important;

    clip-path:polygon(
        50% 0%,
        58% 39%,
        100% 50%,
        58% 61%,
        50% 100%,
        42% 61%,
        0% 50%,
        42% 39%
    ) !important;

    background:
        radial-gradient(
            circle,
            rgba(103,225,255,.18) 0%,
            rgba(80,119,255,.11) 32%,
            rgba(133,78,255,.06) 53%,
            transparent 72%
        ) !important;

    filter:
        drop-shadow(0 0 18px rgba(85,213,255,.28))
        drop-shadow(0 0 48px rgba(90,106,255,.20)) !important;

    opacity:.80 !important;
}


/* inca o stea fina */
.v28-control-side:before{
    content:"" !important;

    position:absolute !important;
    left:50% !important;
    top:50% !important;

    width:245px !important;
    height:245px !important;

    transform:translate(-50%,-50%) rotate(45deg) !important;

    clip-path:polygon(
        50% 0%,
        55% 44%,
        100% 50%,
        55% 56%,
        50% 100%,
        45% 56%,
        0% 50%,
        45% 44%
    ) !important;

    border:1px solid rgba(123,222,255,.12) !important;

    background:
        linear-gradient(
            135deg,
            rgba(93,225,255,.045),
            rgba(130,82,255,.025)
        ) !important;

    z-index:-1 !important;

    opacity:.8 !important;
}


/* vechiul command devine control vertical */
.v28-control-side .v28-command{
    width:310px !important;
    min-height:0 !important;

    margin:0 !important;
    padding:18px 18px !important;

    display:grid !important;
    grid-template-columns:1fr !important;
    gap:13px !important;

    border-radius:24px !important;

    background:
        linear-gradient(
            145deg,
            rgba(5,12,31,.08),
            rgba(9,10,32,.025)
        ) !important;

    border:1px solid rgba(142,219,255,.12) !important;

    backdrop-filter:blur(1.5px) !important;
    -webkit-backdrop-filter:blur(1.5px) !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.10),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}


/* scoatem PLAY CONNECT... din noul card */
.v28-control-side .v28-command-copy{
    display:none !important;
}


/* PROFILE */
.v28-control-side .v28-command-actions{
    width:100% !important;
    display:grid !important;
    gap:11px !important;
}


.v28-control-side .v28-user{
    min-height:68px !important;

    padding:8px 4px !important;

    display:grid !important;
    grid-template-columns:54px 1fr !important;
    align-items:center !important;
    gap:13px !important;

    background:transparent !important;
    border:0 !important;
}


.v28-control-side .v28-user img{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;

    box-shadow:
        0 0 0 2px rgba(101,225,255,.55),
        0 0 20px rgba(73,187,255,.34) !important;
}


.v28-control-side .v28-user b{
    font-size:19px !important;
    color:#fff !important;
    font-weight:1000 !important;

    text-shadow:
        0 2px 10px rgba(0,0,0,.95),
        0 0 12px rgba(112,222,255,.18) !important;
}


.v28-control-side .v28-user small{
    margin-top:5px !important;

    font-size:10px !important;
    color:#d3e0f3 !important;
}


.v28-control-side .v28-user small span:first-child{
    color:#ffe16a !important;
    font-size:12px !important;
    font-weight:1000 !important;
}


/* cooldown */
.v28-control-side .v28-cooldown{
    display:block !important;

    margin:1px 0 !important;

    font-size:7px !important;
    letter-spacing:.18em !important;
    text-align:center !important;

    color:#aac6e8 !important;

    text-shadow:0 2px 8px rgba(0,0,0,.92) !important;
}


/* butoane verticale */
.v28-control-side .v28-command-buttons{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
}


.v28-control-side .v28-spin-btn,
.v28-control-side .v28-explore{
    min-height:44px !important;
    height:44px !important;

    border-radius:14px !important;

    font-size:10px !important;
    font-weight:1000 !important;
}


.v28-control-side .v28-spin-btn{
    background:
        linear-gradient(
            100deg,
            rgba(66,104,255,.30),
            rgba(72,164,255,.20)
        ) !important;

    border:1px solid rgba(139,222,255,.20) !important;
}


.v28-control-side .v28-explore{
    background:rgba(5,10,27,.06) !important;
    border:1px solid rgba(139,215,255,.11) !important;
}


/* ascundem textele inutile */
.v28-control-side .v28-credit,
.v28-control-side .v28-logout{
    display:none !important;
}


/* STATS */
.v28-control-side .v28-stats{
    width:100% !important;

    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;

    gap:5px !important;
}


.v28-control-side .v28-stats div{
    min-height:65px !important;

    padding:7px 4px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;

    background:rgba(2,8,24,.035) !important;

    border:0 !important;
    border-left:1px solid rgba(139,216,255,.10) !important;
}


.v28-control-side .v28-stats div:first-child{
    border-left:0 !important;
}


.v28-control-side .v28-stats small{
    font-size:6px !important;
    color:#9eb3d0 !important;
}


.v28-control-side .v28-stats b{
    font-size:21px !important;
    color:#fff !important;
    font-weight:1000 !important;

    text-shadow:
        0 2px 9px rgba(0,0,0,.95) !important;
}


.v28-control-side .v28-stats span{
    font-size:6px !important;
    color:#9badc7 !important;
}


/* scoatem liniile pseudo vechi ale command */
.v28-control-side .v28-command:before,
.v28-control-side .v28-command:after{
    display:none !important;
}


/* footline urca putin */
.v28-footline{
    margin-top:12px !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1150px){

    .v28-stage{
        grid-template-columns:
            minmax(220px,.7fr)
            390px
            minmax(250px,.75fr) !important;

        gap:20px !important;
    }

    .v28-control-side .v28-command{
        width:275px !important;
    }

}


@media(max-width:900px){

    .v28-stage{
        grid-template-columns:1fr !important;
    }

    .v28-control-side{
        min-height:auto !important;
    }

    .v28-control-side .v28-command{
        width:min(420px,92%) !important;
        margin:10px auto !important;
    }

    .v28-control-star,
    .v28-control-side:before{
        display:none !important;
    }

}


/* =========================================================
   ST4R WHEEL - STAR SPARKLE RING
   ========================================================= */

/* scoatem cercul alb clasic */
.v28-wheel{
    border:0 !important;
    box-shadow:
        0 0 0 4px rgba(96,180,255,.07),
        inset 0 0 16px rgba(0,0,0,.12) !important;
}

/* ring wow din stelute/scantei */
.v28-wheel-frame{
    overflow:visible !important;
}

.v28-wheel-frame::before{
    content:"" !important;
    position:absolute !important;
    inset:-16px !important;
    border-radius:50% !important;
    pointer-events:none !important;
    z-index:12 !important;

    background:
        radial-gradient(circle at 50% 2.8%, rgba(255,255,255,.98) 0 2.2px, transparent 2.9px),
        radial-gradient(circle at 63% 4.2%, rgba(175,236,255,.96) 0 1.7px, transparent 2.5px),
        radial-gradient(circle at 75% 9%, rgba(255,255,255,.96) 0 2.1px, transparent 2.8px),
        radial-gradient(circle at 86% 18%, rgba(161,222,255,.95) 0 1.8px, transparent 2.5px),
        radial-gradient(circle at 94% 32%, rgba(255,255,255,.96) 0 2.2px, transparent 2.9px),
        radial-gradient(circle at 97% 50%, rgba(186,232,255,.95) 0 1.7px, transparent 2.4px),
        radial-gradient(circle at 93% 68%, rgba(255,255,255,.96) 0 2.1px, transparent 2.9px),
        radial-gradient(circle at 85% 82%, rgba(175,228,255,.94) 0 1.7px, transparent 2.4px),
        radial-gradient(circle at 74% 92%, rgba(255,255,255,.97) 0 2.2px, transparent 2.9px),
        radial-gradient(circle at 50% 97%, rgba(175,236,255,.96) 0 2px, transparent 2.8px),
        radial-gradient(circle at 27% 92%, rgba(255,255,255,.96) 0 2.1px, transparent 2.8px),
        radial-gradient(circle at 14% 82%, rgba(173,228,255,.94) 0 1.8px, transparent 2.5px),
        radial-gradient(circle at 6% 68%, rgba(255,255,255,.96) 0 2.2px, transparent 2.9px),
        radial-gradient(circle at 3% 50%, rgba(175,236,255,.95) 0 1.8px, transparent 2.5px),
        radial-gradient(circle at 8% 31%, rgba(255,255,255,.96) 0 2.2px, transparent 2.9px),
        radial-gradient(circle at 16% 18%, rgba(173,228,255,.94) 0 1.7px, transparent 2.4px),
        radial-gradient(circle at 28% 8.5%, rgba(255,255,255,.97) 0 2.1px, transparent 2.8px),
        radial-gradient(circle at 39% 4%, rgba(177,236,255,.94) 0 1.7px, transparent 2.4px);

    -webkit-mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 24px),
            #000 calc(100% - 24px) calc(100% - 10px),
            transparent calc(100% - 9px)
        ) !important;

    mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 24px),
            #000 calc(100% - 24px) calc(100% - 10px),
            transparent calc(100% - 9px)
        ) !important;

    box-shadow:
        0 0 0 1px rgba(197,241,255,.08),
        0 0 22px rgba(86,213,255,.20),
        0 0 44px rgba(112,83,255,.12) !important;

    filter:
        drop-shadow(0 0 7px rgba(255,255,255,.42))
        drop-shadow(0 0 14px rgba(88,217,255,.24)) !important;

    animation: st4rSparkRing 2.3s ease-in-out infinite alternate !important;
}

/* scantei suplimentare */
.v28-wheel-frame::after{
    content:"" !important;
    position:absolute !important;
    inset:-23px !important;
    border-radius:50% !important;
    pointer-events:none !important;
    z-index:13 !important;

    background:
        radial-gradient(circle at 50% 2%, rgba(255,255,255,.75) 0 1px, transparent 2px),
        radial-gradient(circle at 91% 27%, rgba(255,255,255,.65) 0 1px, transparent 2px),
        radial-gradient(circle at 82% 82%, rgba(255,255,255,.75) 0 1px, transparent 2px),
        radial-gradient(circle at 18% 82%, rgba(255,255,255,.65) 0 1px, transparent 2px),
        radial-gradient(circle at 8% 28%, rgba(255,255,255,.75) 0 1px, transparent 2px);

    opacity:.85 !important;
    animation: st4rSparkRingPulse 1.7s ease-in-out infinite alternate !important;
}

@keyframes st4rSparkRing{
    0%{
        opacity:.76;
        transform:scale(1);
        filter:
            drop-shadow(0 0 7px rgba(255,255,255,.35))
            drop-shadow(0 0 14px rgba(88,217,255,.18));
    }
    50%{
        opacity:1;
        transform:scale(1.004);
        filter:
            drop-shadow(0 0 10px rgba(255,255,255,.52))
            drop-shadow(0 0 18px rgba(88,217,255,.30));
    }
    100%{
        opacity:.84;
        transform:scale(1.008);
        filter:
            drop-shadow(0 0 13px rgba(255,255,255,.60))
            drop-shadow(0 0 24px rgba(88,217,255,.34));
    }
}

@keyframes st4rSparkRingPulse{
    0%{opacity:.35; transform:scale(1)}
    100%{opacity:.95; transform:scale(1.01)}
}


/* =========================================================
   ST4R - ALIGN WHEEL WITH BACKGROUND STAR SPARK
   ========================================================= */

/* poti schimba doar valorile astea daca mai vrei ajustari fine */
.v28-spin{
    --st4r-bg-x: 50.2%;
    --st4r-bg-y: 45.5%;
    --st4r-wheel-x: 6px;
    --st4r-wheel-y: -8px;
}

/* mutam fundalul foarte fin ca scanteia stelei sa vina in centru */
.v28-bg{
    background-position: var(--st4r-bg-x) var(--st4r-bg-y) !important;
}

/* asiguram pozitionare precisa pentru ruleta */
.v28-wheel-zone{
    position:relative !important;
    display:grid !important;
    place-items:center !important;
}

/* mutam ruleta fin peste centrul stelei */
.v28-wheel-frame{
    position:relative !important;
    left:var(--st4r-wheel-x) !important;
    top:var(--st4r-wheel-y) !important;
}

/* daca ai orbit ring, il tinem impreuna cu roata */
.v28-orbit{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
}

/* mentinem pointerul perfect pe mijlocul rotii */
.v28-pointer{
    left:calc(50% + var(--st4r-wheel-x)) !important;
}

/* pe ecrane mai mici resetam putin ca sa nu se strice */
@media(max-width:1100px){
    .v28-spin{
        --st4r-bg-x: 50%;
        --st4r-bg-y: 45.5%;
        --st4r-wheel-x: 0px;
        --st4r-wheel-y: -4px;
    }
}

@media(max-width:700px){
    .v28-spin{
        --st4r-bg-x: 50%;
        --st4r-bg-y: 46%;
        --st4r-wheel-x: 0px;
        --st4r-wheel-y: 0px;
    }
}


/* =========================================================
   ST4R V30 - PIXEL ALIGN: WHEEL TO HERO STAR CORE
   ========================================================= */

@media (min-width:1101px){
  .v28-spin{
    --st4r-wheel-x:14px !important;
    --st4r-wheel-y:10px !important;
  }

  /* pointer-ul este deja in interiorul rotii */
  .v28-pointer{
    left:50% !important;
  }
}


/* ST4R FINAL STAR ALIGN */
@media (min-width:1101px){
  .v28-spin{
    --st4r-wheel-x:17px !important;
    --st4r-wheel-y:18px !important;
  }

  .v28-pointer{
    left:50% !important;
  }
}


/* =========================================================
   ST4R - FOOTLINE -> COSMIC STAR BADGE
   ========================================================= */

.v28-spin{
    position:relative !important;
}

/* mutam GAMING • COMMUNITY • BEYOND LIMITS din zona de sub roata */
.v28-footline{
    position:absolute !important;

    left:calc(50% + 260px) !important;
    top:74% !important;

    width:175px !important;
    height:82px !important;

    margin:0 !important;
    padding:0 20px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;

    transform:translate(-50%,-50%) !important;

    background:
      radial-gradient(
        circle,
        rgba(91,208,255,.13),
        rgba(91,102,255,.07) 45%,
        rgba(125,70,255,.035) 68%,
        transparent 72%
      ) !important;

    clip-path:polygon(
        50% 0%,
        58% 35%,
        100% 50%,
        58% 65%,
        50% 100%,
        42% 65%,
        0% 50%,
        42% 35%
    ) !important;

    color:#dff8ff !important;

    font-size:6px !important;
    font-weight:900 !important;
    letter-spacing:.16em !important;

    text-align:center !important;
    line-height:1.5 !important;

    z-index:15 !important;

    text-shadow:
      0 2px 8px rgba(0,0,0,.95),
      0 0 10px rgba(95,220,255,.28) !important;

    filter:
      drop-shadow(0 0 12px rgba(85,210,255,.18))
      drop-shadow(0 0 25px rgba(110,79,255,.10)) !important;
}

/* scoatem liniile lungi vechi */
.v28-footline:before,
.v28-footline:after{
    display:none !important;
}

/* steluta din mijloc */
.v28-footline b{
    color:#ffffff !important;
    font-size:10px !important;
    text-shadow:
      0 0 7px #fff,
      0 0 15px #66e4ff !important;
}

.v28-footline i{
    color:#7de9ff !important;
}

/* animatie foarte fina */
.v28-footline{
    animation:st4rFootStar 2.6s ease-in-out infinite alternate !important;
}

@keyframes st4rFootStar{
    from{
        opacity:.72;
        filter:
          drop-shadow(0 0 8px rgba(85,210,255,.13))
          drop-shadow(0 0 18px rgba(110,79,255,.08));
    }
    to{
        opacity:1;
        filter:
          drop-shadow(0 0 16px rgba(85,210,255,.25))
          drop-shadow(0 0 32px rgba(110,79,255,.14));
    }
}

/* pe ecrane mici revine normal jos */
@media(max-width:1100px){
    .v28-footline{
        position:relative !important;
        left:auto !important;
        top:auto !important;
        transform:none !important;

        width:230px !important;
        height:72px !important;

        margin:15px auto 0 !important;
    }
}


/* ST4R - remove ugly footer badge under wheel */
.v28-footline{
    display:none !important;
}


/* =========================================================
   OWNER BUTTON - HEADER
   ========================================================= */

.owner-history-disabled{
    display:none !important;
}

.masthead-owner-btn{
    min-height:38px;
    padding:0 15px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:12px;

    border:1px solid rgba(255,213,91,.24);

    background:
      linear-gradient(
        120deg,
        rgba(255,196,55,.11),
        rgba(95,103,255,.09)
      );

    color:#ffe67c;

    font-size:8px;
    font-weight:1000;
    letter-spacing:.08em;

    text-decoration:none;

    box-shadow:
      0 0 18px rgba(255,201,70,.07),
      inset 0 1px 0 rgba(255,255,255,.04);

    transition:.22s;
}

.masthead-owner-btn:hover{
    transform:translateY(-2px);

    border-color:rgba(255,221,110,.48);

    box-shadow:
      0 0 26px rgba(255,210,70,.15);
}

.masthead-owner-btn[hidden]{
    display:none !important;
}



/* ST4R WHEEL MOTION V80 — JS owns the spin; disable legacy competing transition. */
.v28-wheel{
  transition:none !important;
}