/* RuffRush V15 · SPACE GALAXY · original visual theme; gameplay untouched */
:root{--bg:#090c29;--line:#5544aa;--muted:#c0c5e8;--lime:#ffd65e;--cyan:#5deaff;--pink:#ff66db}
html{background:#090b29}
body{background:radial-gradient(ellipse 65% 36% at 88% 12%,#572ba55e,transparent 80%),radial-gradient(ellipse 56% 40% at 6% 42%,#163dbb3b,transparent 83%),linear-gradient(160deg,#0a0e33 0%,#13103c 48%,#070d2a 100%);background-attachment:fixed;color:#f8f6ff}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.65;background-image:radial-gradient(circle,#f8f2ff 1px,transparent 1.4px),radial-gradient(circle,#8cd8ff 1px,transparent 1.5px),radial-gradient(circle,#c69aff 1.5px,transparent 2px);background-size:99px 117px,163px 181px,271px 283px;background-position:17px 28px,73px 92px,122px 51px;mask-image:linear-gradient(#000 0%,#000 55%,transparent 100%)}
#lobby{position:relative;z-index:1}
header{background:linear-gradient(180deg,#15144bea,#0d143be6);border-bottom:2px solid #7460c4;box-shadow:0 9px 35px #02061cbb,inset 0 1px 0 #d9d0ff28}
.brand{color:#fff;text-shadow:3px 4px 0 #130e3f,0 0 21px #a880ff88}
.brand>span{color:#ffdf63;text-shadow:2px 3px 0 #6843a0,0 0 18px #ffc95477}
.brand small{color:#afaaff}
.wallet>span,.credits-wallet{color:#ffe68d;background:linear-gradient(180deg,#312c78,#171d4b);border:2px solid #7773d4;border-radius:13px;box-shadow:inset 0 2px 0 #fff2,0 5px 0 #070a29,0 0 13px #5c3ddf44}
.avatar,.account-link{background:linear-gradient(180deg,#4942a4,#222461);border:2px solid #9188ee;box-shadow:0 4px 0 #0a0a32}
nav{gap:9px}
nav>button,nav>span.active{background:linear-gradient(180deg,#37318c,#1d205e);border:2px solid #675cc3;border-radius:12px;color:#dce1ff;box-shadow:0 4px 0 #090d30,inset 0 1px 0 #c2b9ff33}
nav>button:hover{border-color:#b6a4ff;filter:brightness(1.22)}
nav>span.active{color:#19143d;background:linear-gradient(180deg,#fff29b,#ffc444);border-color:#fff2b6;box-shadow:0 4px 0 #865282}
nav #leaderboardBtn{color:#fff0a5}
.build{color:#9b9ad6}
.hero{position:relative;isolation:isolate;overflow:hidden;margin:14px 0 25px;min-height:500px;border:3px solid #8b76ec;border-radius:27px;background:radial-gradient(ellipse at 65% 50%,#823bb6a6 0%,#3720808c 34%,transparent 67%),radial-gradient(ellipse at 12% 95%,#1672b76e 0%,transparent 60%),linear-gradient(145deg,#15154d,#0a103a 70%,#130b36);box-shadow:0 9px 0 #070b2d,0 19px 42px #01031dc9,inset 0 2px 0 #ffffff4d}
.hero::before{content:"";position:absolute;inset:0;z-index:0;opacity:.9;pointer-events:none;background-image:radial-gradient(circle,#fff 1px,transparent 2px),radial-gradient(circle,#b1a0ff 1px,transparent 2px),radial-gradient(circle,#74cfff 1px,transparent 2px);background-size:83px 113px,157px 127px,217px 177px;background-position:5px 3px,58px 79px,13px 35px}
.hero::after{content:"";position:absolute;left:-7%;right:-7%;bottom:-20%;height:35%;z-index:0;pointer-events:none;border:1px solid #3fa3fb6b;border-radius:50%;transform:perspective(380px) rotateX(57deg);background:repeating-linear-gradient(90deg,#59a5ff1a 0 1px,transparent 1px 43px),repeating-linear-gradient(0deg,#8d63ef24 0 1px,transparent 1px 35px),linear-gradient(#1c145b,#0b0d2d);box-shadow:0 0 50px #793cda5c}
.galaxy-sky{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.galaxy-sky::before{content:"";position:absolute;width:90%;height:100%;right:-9%;top:-4%;background:radial-gradient(ellipse at 58% 49%,#e18bff85 0%,#914ff670 15%,#5025aa5c 31%,transparent 64%);filter:blur(19px)}
.galaxy-planet{position:absolute;width:260px;height:260px;right:16%;top:10%;border-radius:50%;transform:rotate(-17deg);background:radial-gradient(circle at 28% 22%,#ffc5ff,#8e5fe8 31%,#4037b4 61%,#100e4b 80%);box-shadow:inset -29px -23px 35px #100a48d9,0 0 43px #ac63fa95,0 0 100px #af5cf66b;opacity:.78}
.galaxy-planet::after{content:"";position:absolute;inset:35% -27%;border:13px solid #b8a5ff99;border-left-color:#9aefff44;border-bottom-color:#b3a0ffdd;border-radius:50%;transform:rotate(-26deg) scaleY(.43);box-shadow:0 0 24px #b8a0ff88}
.galaxy-orbit{position:absolute;width:540px;height:540px;right:1%;top:-16%;border:1px solid #ffffff36;border-radius:50%;transform:rotate(24deg) scaleY(.65)}
.galaxy-moon{position:absolute;width:62px;height:62px;right:6%;top:17%;border-radius:50%;background:radial-gradient(circle at 28% 26%,#a7f8ff,#3578d7 53%,#172869 83%);box-shadow:0 0 29px #58caff77}
.galaxy-comet{position:absolute;width:110px;height:2px;top:19%;left:34%;transform:rotate(-25deg);background:linear-gradient(90deg,transparent,#b8b8ff,#fff);box-shadow:0 0 14px #c9a7ff}
.hero-copy{position:relative;z-index:2;padding:clamp(24px,5vw,58px);align-self:center}
.hero h1{font-size:clamp(62px,7.7vw,127px);line-height:.89;color:#fff;text-shadow:4px 6px 0 #1c125e,0 0 25px #b96cff66;-webkit-text-stroke:1px #dcd1ff55}
.hero h1 em{color:#ffe374;text-shadow:4px 6px 0 #82418f,0 0 24px #fbc85d55}
.hero-copy p{color:#dedafa;font-size:clamp(12px,1.2vw,16px);line-height:1.8}
.eyebrow{color:#84f1ff;font-weight:900;letter-spacing:2px}
.eyebrow i{background:#ffdd6d;box-shadow:0 0 10px #ffe66e}
.tags{flex-wrap:wrap;gap:8px}
.tags span{color:#e9e4ff;background:#28205dba;border:1px solid #8c72e3aa;box-shadow:inset 0 1px 0 #ffffff25}
.hero-art{z-index:2;filter:drop-shadow(0 17px 16px #09042b8c)}
.hero-art::before{inset:9% 8% 18%;background:radial-gradient(circle,#a86bfa66,transparent 67%);filter:blur(14px)}
.hero-label{left:14px;bottom:20px;background:linear-gradient(135deg,#251e69ee,#101440f0);border:2px solid #ad98f5;box-shadow:0 6px 0 #0b0c32,0 0 17px #9555ef77}
.hero-label>span,.hero-label small{color:#c7c2ef}
.hero-label strong{text-shadow:2px 3px 0 #30166d}
.orbit-label{color:#d5caff;right:13px}
.orbit-label b{color:#70ecff}
.hero-star{right:8%;top:7%;color:#ffe487;text-shadow:2px 3px 0 #4b287e}
.map-select,.playdeck,.online-options{background:linear-gradient(153deg,#292064f5,#111640f8);border:2px solid #7664d0;border-radius:21px;box-shadow:0 7px 0 #070b2d,0 15px 34px #030623aa,inset 0 2px 0 #b4a2ff26}
.map-select label,.online-options label,.playdeck small{color:#f8da7b}
.map-select select,.online-options select{background:#131b52;border:2px solid #655dc1;border-radius:12px;color:#fff}
.agent{background:linear-gradient(150deg,#403891,#191c51)!important;border:2px solid #7369c8!important;box-shadow:0 5px 0 #0b0c32,inset 0 2px 0 #ffffff24!important}
.agent.chosen{background:linear-gradient(150deg,#6951bd,#32216d)!important;border-color:#ffe381!important;box-shadow:0 5px 0 #27134c,0 0 20px #c379ff9c!important}
.agent.chosen:after{color:#ffea8e}
.mode-buttons button,.secondary{background:linear-gradient(180deg,#5145a8,#282369);border:2px solid #8072d6;border-radius:14px;box-shadow:0 5px 0 #0c0c37,inset 0 1px 0 #ffffff38}
.mode-buttons button.chosen{background:linear-gradient(180deg,#6452d4,#39328f);border-color:#71e7ff;color:#a9f8ff;box-shadow:0 5px 0 #142a6b,0 0 17px #4cbbf477}
#play,.primary{color:#24113b;background:linear-gradient(180deg,#fff9b3,#ffda56 50%,#ffb62c);border:2px solid #fff2ac;border-radius:15px;box-shadow:0 7px 0 #a85a3e,0 13px 27px #02051a99,inset 0 2px 0 #ffffffbd;text-shadow:0 1px 0 #fff7c0}
#play:hover,.primary:not(:disabled):hover{background:linear-gradient(#fff8ba,#ffcf3b);transform:translateY(-2px)}
.skin-open-btn{background:linear-gradient(180deg,#c471ff,#8547dd);border:2px solid #e2adff;box-shadow:0 5px 0 #3a1d7e,0 0 17px #a35bff44}
.skin-open-btn span{color:#fff0a6}
.modal{background:radial-gradient(ellipse at 95% 2%,#6433a777,transparent 54%),linear-gradient(150deg,#292368,#111637);border:3px solid #9780e9;box-shadow:0 10px 0 #080b2a,0 25px 50px #02041dd9}
.modal h2{color:#ffe67b;text-shadow:2px 3px 0 #5d2d8a}
.modal p,.skin-note{color:#d1cdec}
.shop-balance{background:linear-gradient(130deg,#1e1a57,#40318a);border:2px solid #8070cc}
.shop-item{background:linear-gradient(155deg,#30276f,#151944);border:2px solid #6157b7;box-shadow:0 5px 0 #0a0c2c,inset 0 2px 0 #ffffff1d}
.shop-item.is-owned{border-color:#ffd966}
.shop-icon,.shop-item>strong,.shop-balance b{color:#ffe081}
.skin-card{background:linear-gradient(160deg,#3b318c,#171944);border:2px solid #6c60c3;box-shadow:0 5px 0 #080a2a}
.skin-card.is-selected{background:linear-gradient(150deg,#6342aa,#24215b);border-color:#ffe486;box-shadow:0 5px 0 #271149,0 0 16px #965aff77}
.skin-status{background:#1a194e;color:#ffeeb3}
.skin-swatch{background:radial-gradient(circle at 40% 25%,var(--skin-b),transparent 55%),linear-gradient(155deg,var(--skin-a),#110e3c)}
.rank-tabs button{background:linear-gradient(#292464,#131944);border:2px solid #6659ba;color:#e0dfff}
.rank-tabs button.selected{background:linear-gradient(#5542ac,#292272);border-color:#ffe18a;color:#ffeaa6}
.rank-line{background:linear-gradient(120deg,#26205b,#12183e);border:1px solid #514aa5}
.rank-line.rank-medal-1{background:linear-gradient(100deg,#564177,#232044);border-color:#e3bf63}
.rank-line.rank-medal-2{border-color:#b9c7e4}
.rank-line.rank-medal-3{border-color:#c79278}
.rank-line.rank-self{box-shadow:inset 4px 0 #ffe27b}
.rank-place{color:#ffe27b}
.rank-score small{color:#aaa9d6}
.redeem-section,.gift-section{background:linear-gradient(145deg,#2d245c,#13173e);border:1px solid #7d69ca}
.redeem-section h3,.gift-section small{color:#ffe28b}
#game .hud,#game .bottom-hud{filter:drop-shadow(0 3px 0 #100d38)}
footer{color:#b7b5df}
.fine{color:#a4a0c7}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:30px}.hero-art{min-height:350px}.galaxy-planet{right:12%;top:36%;width:205px;height:205px}.galaxy-moon{top:47%}.galaxy-orbit{right:-28%;top:20%}.hero h1{font-size:clamp(64px,12vw,98px)}}
@media(max-width:600px){.hero{border-radius:19px}.hero-copy{padding:26px 21px 6px}.hero h1{font-size:clamp(62px,14vw,84px)}.hero-art{min-height:310px}.galaxy-planet{width:170px;height:170px;right:18%;top:45%}.galaxy-moon{width:43px;height:43px;right:5%;top:56%}.galaxy-orbit{width:390px;height:390px;right:-31%;top:37%}.hero-star{top:36%;right:8%}.hero-label{left:12px;bottom:11px}nav>button,nav>span.active{padding:10px 9px;font-size:10px}.wallet{gap:6px}.wallet>span,.credits-wallet{padding:8px}}
@media(prefers-reduced-motion:reduce){.hero,.galaxy-planet,.galaxy-sky{animation:none}}

/* V18: premium metal, tiger and crystal preview cards */
.skin-card.skin-silver{border-color:#c7d8e8;background:linear-gradient(155deg,#4c627b,#242c49);box-shadow:0 5px 0 #111b36,0 0 16px #d6eaff44}
.skin-card.skin-gold{border-color:#ffdf7c;background:linear-gradient(155deg,#6e4c22,#392751);box-shadow:0 5px 0 #271b28,0 0 20px #ffca5677}
.skin-card.skin-tiger{border-color:#ffae55;background:linear-gradient(155deg,#ad5d23,#422748)}
.skin-card.skin-diamond{border-color:#b9fbff;background:linear-gradient(155deg,#2c77a4,#27216d);box-shadow:0 5px 0 #0e1c42,0 0 24px #80f5ffb3, inset 0 0 13px #ffffff33}
.skin-card.skin-silver .skin-swatch{background:radial-gradient(circle at 30% 20%,#ffffff,#bccbda 25%,#536f8d 63%,#1a2644)}
.skin-card.skin-gold .skin-swatch{background:radial-gradient(circle at 30% 18%,#fff8ce,#ffdb6c 28%,#c68420 60%,#493263)}
.skin-card.skin-tiger .skin-swatch{background:repeating-linear-gradient(120deg,transparent 0 14px,#2c1b15dd 16px 21px,transparent 23px 40px),linear-gradient(140deg,#ffc161,#ee812e)}
.skin-card.skin-diamond .skin-swatch{background:radial-gradient(circle at 32% 19%,#ffffff 0,#a6ffff 18%,#57bff2 40%,#1c65b7 67%,#28205e 100%)}
.skin-card.skin-silver .skin-helmet{background:linear-gradient(115deg,#f5fbff,#90a7c1 35%,#e2efff 51%,#50627e 77%,#daeaff)}
.skin-card.skin-gold .skin-helmet{background:linear-gradient(115deg,#fff4ad,#d48a19 35%,#fff3a0 52%,#9c611e 79%,#ffdf69)}
.skin-card.skin-tiger .skin-helmet{background:repeating-linear-gradient(130deg,transparent 0 12px,#342013 13px 17px,transparent 19px 27px),linear-gradient(120deg,#ffcb68,#f18a2b)}
.skin-card.skin-diamond .skin-helmet{background:linear-gradient(115deg,#ffffff,#6be3ff 25%,#d7ffff 45%,#428ac7 67%,#e3ffff 88%);border-color:#d2faff;box-shadow:0 0 17px #b3ffff,inset 6px 3px 6px #ffffffc9}
.skin-card .skin-sparkles{display:none;pointer-events:none;position:absolute;inset:0;color:#fff;letter-spacing:16px;font-size:17px;text-shadow:0 0 10px #fff,0 0 18px var(--skin-b);animation:ruffTwinkle 2.7s ease-in-out infinite alternate;align-items:center;justify-content:center}
.skin-card.skin-silver .skin-sparkles,.skin-card.skin-gold .skin-sparkles,.skin-card.skin-diamond .skin-sparkles{display:flex}
.skin-card.skin-silver .skin-sparkles{font-size:12px;letter-spacing:13px;opacity:.65;animation-duration:4.2s}
.skin-card.skin-gold .skin-sparkles{font-size:15px;opacity:.8;animation-duration:3s}
.skin-card.skin-diamond .skin-sparkles{font-size:24px;letter-spacing:14px;opacity:1;animation-duration:1.1s;filter:drop-shadow(0 0 6px #ffffff)}
.skin-card.skin-diamond .skin-swatch::after{content:'✧ ✦ ✧';position:absolute;inset:8px 0 auto;color:#fff;text-align:center;letter-spacing:13px;text-shadow:0 0 8px #fff,0 0 18px #83ffff;animation:ruffTwinkle 1.5s ease-in-out infinite alternate-reverse}
@keyframes ruffTwinkle{0%{opacity:.35;transform:scale(.91) rotate(-5deg)}100%{opacity:1;transform:scale(1.1) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.skin-card .skin-sparkles,.skin-card.skin-diamond .skin-swatch::after{animation:none}}