:root{--bg:#050b14;--panel:#091322;--panel2:#0d1728;--text:#f7f8ff;--muted:#9daac0;--purple:#8a4dff;--blue:#43b9ff;--pink:#d64fff;--border:#1c2b43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#050b14,#06101b 62%,#050b14);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit}.topbar{height:74px;padding:0 3.6%;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--border);background:rgba(4,10,18,.96);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.brand{font-weight:950;font-size:28px;letter-spacing:1.3px;color:#fff;text-decoration:none;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;line-height:.9;white-space:nowrap}.brand-icon{width:38px;height:38px;grid-row:1/3;filter:drop-shadow(0 0 12px rgba(92,128,255,.35))}.brand small{grid-column:2;font-size:7px;letter-spacing:2.2px;color:#b7c2d5;margin-top:5px}.topbar nav{display:flex;align-self:stretch;align-items:center;gap:27px;flex:1}.topbar nav a{height:100%;display:flex;align-items:center;color:#e4e8f1;text-decoration:none;font-size:13px;position:relative}.topbar nav a:hover,.topbar nav a.active{color:#fff}.topbar nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:13px;height:2px;background:linear-gradient(90deg,#625bff,#d14cff);box-shadow:0 0 10px #8d55ff}.actions{display:flex;gap:10px;align-items:center}.top-search{height:42px;width:270px;border:1px solid #273754;background:#0b1424;border-radius:11px;display:flex;align-items:center;padding:0 12px;color:#7787a4}.top-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:11px 19px;background:linear-gradient(135deg,#4d69ff,#9e42ff);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 0 22px rgba(123,76,255,.2);transition:.18s transform,.18s box-shadow}.btn:hover{transform:translateY(-1px);box-shadow:0 0 30px rgba(123,76,255,.36)}.btn.ghost{background:#07101c;border-color:#6658ff;box-shadow:none}.register-btn{background:linear-gradient(135deg,#6258ff,#9b49ff)}.hero{height:432px;position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:#07101b}.hero-bg{position:absolute;inset:0;background:url('/assets/img/hero.jpg') center right/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050b14 0%,rgba(5,11,20,.97) 25%,rgba(5,11,20,.72) 48%,rgba(5,11,20,.08) 72%)}.hero-copy{position:relative;z-index:2;width:57%;padding:50px 0 28px 5.4%}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2.5px;color:#897aff;margin-bottom:8px}.hero h1{font-size:55px;line-height:.96;margin:0 0 16px;font-weight:1000;letter-spacing:.6px;text-shadow:0 4px 18px rgba(0,0,0,.5)}.hero h1 span{background:linear-gradient(90deg,#42d4ff,#6b63ff 55%,#d34bff);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.45;color:#e3e7f0;margin:0}.hero-buttons{display:flex;gap:14px;margin:23px 0}.btn.big{padding:14px 23px}.benefits{display:flex;gap:27px;flex-wrap:wrap;color:#e4e8f0;font-size:12px;margin-top:25px}.benefits span:first-child{color:#fff}.benefits span::first-letter{color:#bd4cff}.hero-slogan{position:absolute;z-index:2;right:4.7%;bottom:48px;font-size:23px;line-height:1.05;font-weight:1000;font-style:italic;transform:rotate(-7deg);text-align:center;text-shadow:0 0 14px #477cff}.hero-slogan span{display:block;color:#77a4ff;font-size:34px}.wrap{padding:20px 3.6% 0;max-width:1600px;margin:auto}.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.categories a{height:58px;background:linear-gradient(180deg,#0c1626,#091220);color:#d9dfeb;border:1px solid #1d304b;border-radius:9px;padding:0 12px;text-decoration:none;text-align:center;font-size:13px;display:flex;align-items:center;justify-content:center;gap:9px}.categories a:first-letter{color:#aa59ff}.categories a.active,.categories a:hover{border-color:#8b51ff;background:linear-gradient(135deg,#182052,#201337);box-shadow:0 0 20px rgba(124,79,255,.2);color:#fff}.section-title{display:flex;justify-content:space-between;align-items:center;margin:23px 0 12px}.section-title h2{font-size:22px;margin:0}.section-title a{color:#b86aff;text-decoration:none;font-size:12px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.game-card{background:#081321;border:1px solid #1f3048;border-radius:11px;overflow:hidden;transition:.2s transform,.2s border-color,.2s box-shadow}.game-card:hover{transform:translateY(-3px);border-color:#41527a;box-shadow:0 18px 45px rgba(0,0,0,.24)}.game-thumb{height:174px;background-size:cover;background-position:center;position:relative}.game-thumb:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(5,11,20,.35))}.premium-badge{position:absolute;z-index:2;top:11px;right:11px;background:rgba(8,11,25,.9);border:1px solid #bd62ff;border-radius:999px;padding:5px 9px;font-size:9px;letter-spacing:1px}.game-body{padding:12px 13px 13px}.game-body h3{margin:0 0 4px;font-size:16px}.game-body p{margin:0 0 10px;color:#9facbf;font-size:11px}.game-bottom{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center}.tag{justify-self:start;border:1px solid #344866;border-radius:7px;padding:5px 9px;font-size:10px;color:#d7deea}.rating{color:#ffd550;font-size:12px}.btn.small{padding:8px 16px;font-size:11px}.lower{display:grid;grid-template-columns:1.25fr .85fr .95fr;gap:18px;padding-bottom:27px}.premium,.signup,.leaderboard{background:linear-gradient(135deg,#11183a,#091321);border:1px solid #243553;border-radius:11px;padding:20px}.premium{display:grid;grid-template-columns:80px 1fr;gap:16px}.crown{font-size:57px;color:#e052ff;text-shadow:0 0 24px #8b42ff;align-self:start}.premium h2{font-size:27px;color:#bd62ff;margin:0}.premium h3{font-size:15px;margin:4px 0 14px}.perks{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:11px;color:#d8deea}.perks span::first-letter{color:#a968ff}.premium-cta{float:right;margin-top:13px;padding:9px 28px;font-size:11px}.signup{text-align:center;display:flex;flex-direction:column;justify-content:center}.signup-icon{font-size:34px}.signup h3{font-size:16px;margin:7px 0}.signup p{color:#aab5c8;font-size:12px;line-height:1.55}.signup .btn{margin-top:5px}.leaderboard .section-title{margin:0 0 9px}.leaderboard h3{margin:0;font-size:15px}.leaderboard h3 small{font-weight:500}.leaderboard ol{padding:0;margin:0;list-style:none}.leaderboard li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:6px 7px;border-bottom:1px solid #17253a;font-size:11px}.leaderboard li i{width:23px;height:23px;border-radius:7px;background:#18233b;display:grid;place-items:center;font-style:normal;color:#c9d3e6}.leaderboard li:first-child i{color:#ffc84a}.leaderboard span{color:#9eacc2}footer{border-top:1px solid var(--border);padding:24px 3.6% 12px;display:grid;grid-template-columns:1.2fr .75fr .85fr 1.5fr;gap:50px;color:#aeb8c9;max-width:1600px;margin:0 auto}footer>div{display:flex;flex-direction:column;gap:6px}footer b{color:#fff;font-size:12px}footer a{color:#b8c1d0;text-decoration:none;font-size:11px}.footbrand{font-size:25px;display:grid;width:max-content}.footer-brand p,.footer-news p{font-size:11px;margin:4px 0 7px}.socials{display:flex;gap:8px}.socials a{width:28px;height:28px;border-radius:50%;background:#111b30;display:grid;place-items:center}.newsletter{display:flex;gap:8px}.newsletter input{flex:1;min-width:0;background:#0d1728;border:1px solid #263853;color:#fff;border-radius:8px;padding:10px 13px;outline:0}.newsletter button{border:0;border-radius:8px;background:linear-gradient(135deg,#6658ff,#a84cff);color:#fff;width:45px}.footer-slogan{align-self:flex-end;text-align:center;color:#fff;font-weight:900;font-style:italic;transform:rotate(-7deg);font-size:13px;margin-top:4px}.copyright{max-width:1600px;margin:auto;padding:0 3.6% 20px;color:#66748a;font-size:10px}.notice{padding:14px 16px;border-radius:10px;margin:14px 0}.notice.success{background:#123b2a;border:1px solid #246c4e}.notice.error{background:#491b28;border:1px solid #8a3048}.muted{color:var(--muted)}.page{min-height:70vh;padding-top:42px;padding-bottom:60px}.page-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:26px}.page-head h1{font-size:42px;margin:0}.game-search{display:flex;gap:8px}.game-search input,.stack-form input{background:#10182a;border:1px solid #26334d;color:#fff;border-radius:10px;padding:13px 15px;outline:none}.auth-page{min-height:72vh;display:grid;place-items:center;padding:45px 18px}.auth-card{width:min(470px,100%);background:linear-gradient(145deg,#0d1626,#0a1120);border:1px solid #273654;border-radius:20px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.auth-logo{width:62px;height:62px;margin-bottom:18px}.auth-card h1{font-size:36px;margin:0 0 8px}.stack-form{display:grid;gap:8px;margin-top:24px}.stack-form label{font-size:13px;color:#cbd3e3;margin-top:5px}.stack-form .btn{margin-top:10px;padding:14px}.auth-switch{text-align:center;color:var(--muted);font-size:14px;margin:22px 0 0}.auth-switch a{color:#a987ff}.profile-hero{display:flex;align-items:center;gap:22px;background:linear-gradient(135deg,#101b30,#11132f);border:1px solid #283653;border-radius:18px;padding:28px;margin-bottom:20px}.profile-avatar{width:84px;height:84px}.profile-hero h1{margin:0;font-size:36px}.xp-card{margin-left:auto;text-align:center;background:#0b1220;border:1px solid #674cff;border-radius:14px;padding:16px 28px}.xp-card strong{display:block;font-size:28px}.xp-card span{font-size:11px;color:#aeb8ca;letter-spacing:2px}.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:20px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:22px}.panel h2{margin-top:0}.score-list>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #1c2638}.empty-state{text-align:center;padding:55px 20px;background:#0b1321;border:1px dashed #2c3954;border-radius:14px;color:var(--muted)}.empty-state.small{padding:30px 15px}@media(max-width:1180px){.top-search{display:none}.topbar nav{gap:18px}.hero-copy{width:68%}.categories{grid-template-columns:repeat(4,1fr)}.lower{grid-template-columns:1fr 1fr}.leaderboard{grid-column:1/-1}}@media(max-width:900px){.topbar nav{display:none}.topbar{justify-content:space-between}.hero{height:520px}.hero-bg{background-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(5,11,20,.98),rgba(5,11,20,.72) 65%,rgba(5,11,20,.28))}.hero-copy{width:80%}.game-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}.lower{grid-template-columns:1fr}.leaderboard{grid-column:auto}}@media(max-width:600px){.topbar{height:64px;padding:0 4%}.brand{font-size:22px}.brand-icon{width:31px;height:31px}.actions .login-btn{display:none}.actions .btn{padding:9px 12px;font-size:11px}.hero{height:530px}.hero-bg{background-position:67% center}.hero-shade{background:linear-gradient(180deg,rgba(5,11,20,.62),rgba(5,11,20,.9) 58%,#050b14 100%)}.hero-copy{width:100%;padding:36px 5% 20px}.hero h1{font-size:40px}.hero p{font-size:15px}.hero-buttons{flex-direction:column;width:max-content}.benefits{gap:12px 18px;margin-top:18px}.hero-slogan{font-size:16px;bottom:22px}.categories{display:flex;overflow-x:auto;padding-bottom:5px}.categories a{min-width:125px}.game-grid{grid-template-columns:1fr}.game-thumb{height:200px}.premium{grid-template-columns:1fr}.crown{font-size:42px}.perks{grid-template-columns:1fr}.page-head{align-items:stretch;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.profile-hero{align-items:flex-start;flex-wrap:wrap}.xp-card{margin-left:0}.auth-card{padding:25px}footer{grid-template-columns:1fr 1fr;gap:30px}.footer-brand,.footer-news{grid-column:1/-1}}

/* Nuvixo v0.5.0 homepage rebuild */
body{overflow-x:hidden}.topbar{height:72px;max-width:none}.brand-icon{display:block!important;object-fit:contain;border-radius:10px}.hero-v5{height:430px;position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:#06101d}.hero-art{position:absolute;inset:0;background-image:url('/assets/img/hero-clean.jpg?v=050');background-size:cover;background-position:center center;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050b14 0%,rgba(5,11,20,.96) 23%,rgba(5,11,20,.67) 47%,rgba(5,11,20,.10) 72%,rgba(5,11,20,.08) 100%)}.hero-content{position:relative;z-index:2;width:min(720px,58%);padding:44px 0 25px 5.4%}.hero-v5 .eyebrow{font-size:11px}.hero-v5 h1{font-size:56px;line-height:.95;margin:0 0 18px;font-weight:950;letter-spacing:.2px}.hero-v5 h1 span{background:linear-gradient(90deg,#3bc8ff,#7060ff 52%,#d94bff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-v5 p{font-size:18px;line-height:1.48;color:#eef1f7;margin:0}.hero-v5 .hero-buttons{margin:22px 0}.hero-v5 .benefits{margin-top:22px;gap:24px;font-weight:650}.hero-tagline{position:absolute;z-index:3;right:4.8%;bottom:45px;color:#fff;font-size:22px;line-height:1.05;font-weight:950;font-style:italic;text-align:center;transform:rotate(-6deg);text-shadow:0 0 15px rgba(74,121,255,.85)}.hero-tagline span{display:block;width:115px;height:4px;margin:10px auto 0;background:linear-gradient(90deg,#5477ff,#b152ff);transform:skew(-20deg);box-shadow:0 0 12px #645fff}.home-main{padding-top:18px}.categories{width:100%;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.categories a{min-width:0;height:56px;border-radius:10px;font-weight:650}.categories a b{font-size:20px;color:#aa5cff}.categories a.active b{color:#c36cff}.game-grid{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-card{min-width:0}.game-thumb{height:166px;background-position:center;background-size:cover}.game-body{min-width:0}.game-body p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-bottom{grid-template-columns:minmax(0,1fr) auto auto}.lower{width:100%}.premium,.signup,.leaderboard{min-width:0}
@media(min-width:1600px){.wrap,footer,.copyright{max-width:1540px}.hero-content{padding-left:max(5.4%,calc((100vw - 1540px)/2 + 15px))}}
@media(max-width:1180px){.hero-content{width:68%}.hero-tagline{right:3%}.game-thumb{height:150px}.game-bottom{grid-template-columns:1fr auto}.game-bottom .tag{display:none}}
@media(max-width:900px){.hero-v5{height:500px}.hero-art{background-position:60% center}.hero-overlay{background:linear-gradient(90deg,rgba(5,11,20,.97),rgba(5,11,20,.73) 65%,rgba(5,11,20,.35))}.hero-content{width:82%;padding-left:5%}.hero-tagline{font-size:17px}.categories{display:flex;overflow-x:auto;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.categories a{min-width:132px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-thumb{height:180px}}
@media(max-width:600px){.hero-v5{height:550px}.hero-art{background-position:58% top;background-size:auto 260px}.hero-overlay{background:linear-gradient(180deg,rgba(5,11,20,.25) 0%,rgba(5,11,20,.75) 37%,#050b14 63%)}.hero-content{width:100%;padding:205px 5% 20px}.hero-v5 .eyebrow{display:none}.hero-v5 h1{font-size:38px}.hero-v5 p{font-size:14px}.hero-v5 .hero-buttons{margin:16px 0}.hero-v5 .benefits{font-size:11px;gap:10px 14px}.hero-tagline{display:none}.game-grid{grid-template-columns:1fr}.game-thumb{height:205px}.game-bottom{grid-template-columns:1fr auto auto}.game-bottom .tag{display:inline-flex}}

/* v0.5.1 precision homepage repair */
.hero-v51{height:438px;position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:#06101d}.hero-v51-art{position:absolute;inset:0;background:url('/assets/img/hero-v051.jpg?v=051') center center/cover no-repeat}.hero-v51-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050b14 0%,rgba(5,11,20,.98) 17%,rgba(5,11,20,.82) 34%,rgba(5,11,20,.35) 58%,rgba(5,11,20,.06) 82%,rgba(5,11,20,.16) 100%)}.hero-v51-inner{position:relative;z-index:2;width:min(720px,58%);padding:46px 0 24px max(5.4%,calc((100vw - 1540px)/2 + 15px))}.hero-v51 .eyebrow{font-size:10px;margin-bottom:10px}.hero-v51 h1{font-size:55px;line-height:.96;margin:0 0 18px;font-weight:950;letter-spacing:.2px}.hero-v51 h1 span{background:linear-gradient(90deg,#43c8ff,#7060ff 52%,#d84bff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-v51 p{font-size:17px;line-height:1.48;color:#edf1f8;margin:0}.hero-v51 .hero-buttons{margin:22px 0 20px}.hero-v51 .benefits{margin-top:0;display:grid;grid-template-columns:repeat(4,max-content);gap:22px;font-size:11px;font-weight:650}.hero-v51-tag{position:absolute;z-index:3;right:4.8%;bottom:48px;color:#fff;font-size:20px;line-height:1.08;font-weight:950;font-style:italic;text-align:center;transform:rotate(-5deg);text-shadow:0 0 15px rgba(74,121,255,.9)}.hero-v51-tag i{display:block;width:115px;height:4px;margin:10px auto 0;background:linear-gradient(90deg,#5577ff,#b452ff);transform:skew(-20deg);box-shadow:0 0 12px #645fff}.home-main{padding-top:18px}.game-grid-v51{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;overflow:visible!important}.game-card-v51{display:block!important;width:auto!important;min-width:0!important;margin:0!important;transform:none}.game-card-v51 .game-thumb{height:auto!important;aspect-ratio:16/9;background-size:cover!important;background-position:center!important}.game-card-v51 .game-body{display:block!important;padding:13px 14px 14px!important}.game-card-v51 .game-body h3{margin:0 0 5px}.game-card-v51 .game-body p{margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-v51 .game-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center}.game-card-v51 .btn.small{white-space:nowrap}.categories{margin-bottom:2px}.section-title{margin-top:24px}
@media(max-width:1180px){.hero-v51-inner{width:67%;padding-left:4%}.hero-v51 .benefits{grid-template-columns:repeat(2,max-content);row-gap:10px}.hero-v51-tag{right:2.5%}.game-grid-v51{grid-template-columns:repeat(2,minmax(0,1fr))!important}.game-card-v51 .game-thumb{aspect-ratio:16/8}}
@media(max-width:900px){.hero-v51{height:500px}.hero-v51-art{background-position:56% center}.hero-v51-shade{background:linear-gradient(90deg,rgba(5,11,20,.98),rgba(5,11,20,.72) 68%,rgba(5,11,20,.22))}.hero-v51-inner{width:82%;padding:48px 5% 24px}.hero-v51-tag{font-size:16px;bottom:30px}.game-card-v51 .game-thumb{aspect-ratio:16/9}}
@media(max-width:600px){.hero-v51{height:555px}.hero-v51-art{background-size:auto 265px;background-position:center top}.hero-v51-shade{background:linear-gradient(180deg,rgba(5,11,20,.16) 0%,rgba(5,11,20,.45) 30%,#050b14 52%,#050b14 100%)}.hero-v51-inner{width:100%;padding:220px 5% 20px}.hero-v51 .eyebrow{display:none}.hero-v51 h1{font-size:39px}.hero-v51 p{font-size:14px}.hero-v51 .hero-buttons{margin:16px 0}.hero-v51 .benefits{grid-template-columns:1fr 1fr;gap:10px 12px;font-size:10px}.hero-v51-tag{display:none}.game-grid-v51{grid-template-columns:1fr!important}}


/* Nuvixo v0.5.2 — hero en gamekaarten opnieuw opgebouwd */
.hero-v52{
  min-height:410px; position:relative; overflow:hidden;
  border-bottom:1px solid var(--border);
  background:
    radial-gradient(circle at 67% 38%,rgba(42,111,190,.20),transparent 34%),
    #050b14;
}
.hero-v52-art{
  position:absolute; top:0; right:0; bottom:0; width:67%;
  background:url('../img/hero-v055.jpg?v=055') center center/cover no-repeat;
}
.hero-v52-shade{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg,#050b14 0%,#050b14 25%,rgba(5,11,20,.94) 34%,rgba(5,11,20,.43) 53%,rgba(5,11,20,.03) 78%),
    linear-gradient(0deg,rgba(5,11,20,.10),transparent 35%);
}
.hero-v52-inner{
  position:relative; z-index:3; width:54%;
  padding:42px 0 28px max(4.5%,calc((100vw - 1540px)/2 + 15px));
}
.hero-v52 .eyebrow{font-size:11px;margin-bottom:10px;color:#7ecbff}
.hero-v52 h1{
  font-size:58px; line-height:.95; margin:0 0 17px;
  font-weight:950; letter-spacing:.2px;
}
.hero-v52 h1 span{
  background:linear-gradient(90deg,#43c8ff,#7060ff 52%,#d84bff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-v52 p{font-size:17px;line-height:1.48;color:#edf1f8;margin:0}
.hero-v52 .hero-buttons{margin:21px 0 20px}
.hero-v52 .benefits{
  margin-top:0; display:flex; flex-wrap:wrap;
  gap:13px 25px; font-size:11px; font-weight:650;
}
.hero-v52-tag{
  position:absolute; z-index:4; right:4.5%; bottom:39px;
  color:#fff; font-size:20px; line-height:1.05; font-weight:950;
  font-style:italic; text-align:center; transform:rotate(-5deg);
  text-shadow:0 0 15px rgba(74,121,255,.9);
}
.hero-v52-tag i{
  display:block;width:112px;height:4px;margin:9px auto 0;
  background:linear-gradient(90deg,#5577ff,#b452ff);
  transform:skew(-20deg);box-shadow:0 0 12px #645fff;
}

/* Cards: één kaart = één cover + één HTML-body */
.game-grid-v51{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.game-card-v51{
  overflow:hidden!important; min-width:0!important;
  background:#081321!important;
  border:1px solid #20314b!important;
  border-radius:12px!important;
}
.game-card-v51 .game-thumb{
  width:100%!important;height:auto!important;aspect-ratio:16/9!important;
  background-size:cover!important;background-position:center!important;
  border-bottom:1px solid #1c2b43;
}
.game-card-v51 .game-thumb:after{
  height:28%;background:linear-gradient(transparent,rgba(5,11,20,.28));
}
.game-card-v51 .game-body{
  position:relative!important;display:block!important;
  padding:13px 14px 14px!important;background:#081321!important;
}
.game-card-v51 .game-body h3{font-size:16px;margin:0 0 5px!important}
.game-card-v51 .game-body p{
  min-height:30px;margin:0 0 11px!important;
  white-space:normal!important;overflow:visible!important;
  line-height:1.35;color:#aab5c8;
}
.game-card-v51 .game-bottom{
  display:grid!important;grid-template-columns:1fr auto auto!important;
  gap:9px!important;align-items:center!important;
}
.game-card-v51 .rating{white-space:nowrap}
.game-card-v51 .btn.small{white-space:nowrap}

@media(max-width:1180px){
  .hero-v52-inner{width:61%;padding-left:4%}
  .hero-v52-art{width:64%}
  .hero-v52 h1{font-size:50px}
  .game-grid-v51{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .hero-v52{min-height:480px}
  .hero-v52-art{width:72%;background-position:58% center}
  .hero-v52-shade{background:linear-gradient(90deg,#050b14 0%,rgba(5,11,20,.96) 35%,rgba(5,11,20,.58) 67%,rgba(5,11,20,.12))}
  .hero-v52-inner{width:72%;padding:42px 5% 24px}
  .hero-v52-tag{font-size:15px;right:2.5%;bottom:28px}
}
@media(max-width:600px){
  .hero-v52{min-height:610px}
  .hero-v52-art{top:0;left:0;right:0;width:100%;height:265px;background-position:center;background-size:cover}
  .hero-v52-shade{background:linear-gradient(180deg,rgba(5,11,20,.05) 0%,rgba(5,11,20,.40) 30%,#050b14 44%,#050b14 100%)}
  .hero-v52-inner{width:100%;padding:235px 5% 24px}
  .hero-v52 .eyebrow{display:none}
  .hero-v52 h1{font-size:39px}
  .hero-v52 p{font-size:14px}
  .hero-v52 .benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
  .hero-v52-tag{display:none}
  .game-grid-v51{grid-template-columns:1fr!important}
}


/* Nuvixo v0.5.3 — hero cache/path hotfix */
.hero-v52-inner{
  max-width:760px;
}
.hero-v52-art{
  background-image:url('../img/hero-v055.jpg?v=055')!important;
}
@media(min-width:1200px){
  .hero-v52-inner{
    padding-left:max(5.4%,calc((100vw - 1540px)/2 + 28px));
  }
}


/* Nuvixo v0.5.4 — schone hero zonder ingebakken UI/tekst */
.hero-v52-art{
  width:68%!important;
  background-image:url('../img/hero-v055.jpg?v=055')!important;
  background-position:center center!important;
  background-size:cover!important;
}
.hero-v52-shade{
  background:
    linear-gradient(90deg,#050b14 0%,#050b14 26%,rgba(5,11,20,.96) 34%,rgba(5,11,20,.58) 48%,rgba(5,11,20,.08) 70%,rgba(5,11,20,0) 100%)!important;
}
.hero-v52-inner{
  width:55%!important;
  max-width:790px!important;
  padding-top:44px!important;
}
.hero-v52-tag{display:none!important;}

@media(max-width:900px){
  .hero-v52-art{width:72%!important;background-position:55% center!important}
  .hero-v52-inner{width:72%!important}
}
@media(max-width:600px){
  .hero-v52-art{
    width:100%!important;height:270px!important;
    background-position:center center!important;
  }
  .hero-v52-inner{width:100%!important}
}

/* Nuvixo v0.5.5 - definitieve tekstvrije hero */
.hero-v52-art{
    background-image:url('../img/hero-v055.jpg?v=055')!important;
    background-position:center center!important;
    background-size:cover!important;
}

/* Nuvixo v0.6.0 — SkyRunner */
.sky-page{padding-top:28px;padding-bottom:60px}
.sky-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:18px}
.sky-head h1{font-size:42px;margin:3px 0 7px}.sky-head p{color:#aab5c8;margin:0}
.sky-stats{display:flex;gap:12px;flex-wrap:wrap}.sky-stats>span{background:#0b1628;border:1px solid #223653;border-radius:12px;padding:11px 14px;color:#aab5c8}.sky-stats b{color:#fff}
.sky-shell{border:1px solid #253b5e;border-radius:16px;overflow:hidden;background:#07111f;box-shadow:0 25px 70px rgba(0,0,0,.32)}
.sky-toolbar{height:50px;display:flex;align-items:center;gap:22px;padding:0 16px;background:#091527;border-bottom:1px solid #253b5e;color:#aeb9ca}.sky-toolbar b{color:#fff}.sky-toolbar .sky-icon-btn:first-of-type{margin-left:auto}
.sky-icon-btn{border:1px solid #31486b;background:#101d32;color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}
.sky-canvas-wrap{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}.sky-canvas-wrap canvas{display:block;width:100%;height:100%}
.sky-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(3,8,17,.58);backdrop-filter:blur(3px);z-index:5}.sky-overlay.hidden{display:none}
.sky-modal{width:min(520px,88%);text-align:center;background:rgba(7,17,31,.94);border:1px solid #3a4e75;border-radius:18px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.45)}.sky-modal h2{font-size:30px;margin:7px 0 10px}.sky-modal p{color:#b7c2d3;line-height:1.6}
.mobile-controls{display:none;padding:12px;grid-template-columns:1fr 1fr 1.25fr;gap:10px;background:#091527}.mobile-controls button{height:56px;border:1px solid #334b70;border-radius:12px;background:#111f36;color:white;font-size:23px;font-weight:900}.mobile-controls .jump{background:linear-gradient(135deg,#5665ff,#ad3dff)}
.sky-info-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}.sky-info-grid .panel{padding:22px}
@media(max-width:800px){.sky-head{align-items:flex-start;flex-direction:column}.sky-head h1{font-size:34px}.mobile-controls{display:grid}.sky-info-grid{grid-template-columns:1fr}.sky-toolbar{gap:10px;font-size:12px}.sky-toolbar span:nth-child(3){display:none}}

/* v0.7.0 Nuvixo Runner */
.sky-page .eyebrow{color:#58c9ff}.sky-page h1{background:linear-gradient(90deg,#fff 0 38%,#61c8ff 55%,#a74cff 90%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:950}
.sky-shell{box-shadow:0 30px 90px rgba(32,87,180,.22),0 0 0 1px rgba(111,82,255,.12)}
.sky-toolbar{background:linear-gradient(90deg,#091527,#111c3a)}

/* Nuvixo v0.8.0 — Runner identity */
.nuvixo-runner-brand{height:70px;display:flex;align-items:center;gap:11px;padding:0 17px;background:linear-gradient(90deg,#070f20,#101b3b 58%,#16113a);border-bottom:1px solid #2e3f68}
.nrb-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#4cc9ff,#9848ff);font-size:25px;font-weight:950;color:white;box-shadow:0 0 25px rgba(113,79,255,.35)}
.nuvixo-runner-brand>div:nth-child(2){display:flex;align-items:baseline;gap:8px}.nuvixo-runner-brand strong{font-size:22px;letter-spacing:2px}.nuvixo-runner-brand span{font-size:16px;font-weight:950;color:#a653ff;letter-spacing:2px}
.nuvixo-runner-brand em{margin-left:auto;font-size:10px;color:#8492ad;letter-spacing:1.6px;font-style:normal;font-weight:800}
.runner-name-box{margin:18px auto;width:min(360px,100%);text-align:left}.runner-name-box label{display:block;color:#fff;font-weight:800;margin-bottom:7px}.runner-name-box input{width:100%;box-sizing:border-box;background:#07101f;border:1px solid #405985;color:white;border-radius:11px;padding:13px 14px;font-size:16px;outline:none}.runner-name-box input:focus{border-color:#8b53ff;box-shadow:0 0 0 3px rgba(139,83,255,.14)}.runner-name-box small{display:block;color:#7f8da6;margin-top:6px}
.runner-player-pill{padding-left:12px;border-left:1px solid #2b3c5b}
@media(max-width:800px){.nuvixo-runner-brand em{display:none}.runner-player-pill{display:none}}

/* Nuvixo v0.9.0 — polished Runner branding */
.nuvixo-runner-brand{height:82px;padding:0 20px;background:radial-gradient(circle at 25% 0,rgba(75,111,255,.18),transparent 30%),linear-gradient(90deg,#07101f,#0d1830 60%,#160f35)}
.nrb-logo{width:255px;max-height:64px;display:block;object-fit:contain;object-position:left center}
.nrb-world{display:flex;flex-direction:column;padding-left:18px;border-left:1px solid #2a3c60;line-height:1.15}.nrb-world span{font-size:8px;letter-spacing:2.2px;color:#71819d;font-weight:900}.nrb-world strong{font-size:12px;letter-spacing:1.4px;color:#c6d2e7;margin-top:5px}
.sky-toolbar{height:54px}.sky-toolbar span{padding:5px 0}.sky-toolbar b{color:#fff}
.sky-canvas-wrap{box-shadow:inset 0 0 0 1px rgba(102,132,190,.12)}
.sky-modal{border-color:#455e91;background:radial-gradient(circle at 50% 0,rgba(96,78,255,.15),transparent 42%),rgba(7,17,31,.96)}
.sky-modal:before{content:"NUVIXO RUNNER";display:block;font-size:10px;font-weight:950;letter-spacing:3px;color:#765dff;margin-bottom:12px}
.runner-name-box input{font-weight:750;letter-spacing:.2px}
@media(max-width:800px){.nrb-logo{width:205px}.nrb-world{display:none}.nuvixo-runner-brand{height:68px;padding:0 12px}}

/* Nuvixo v1.0.0 — Puzzle Peaks */
.peaks-page{padding:28px 0 60px}.peaks-titlebar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.peaks-titlebar img{width:min(520px,65%);height:92px;object-fit:contain;object-position:left}.peaks-best{background:#0a1528;border:1px solid #293f64;border-radius:12px;padding:12px 16px;color:#8797b2}.peaks-best b{color:#fff;margin-left:8px}
.peaks-shell{border:1px solid #2b4269;border-radius:17px;overflow:hidden;background:#07101f;box-shadow:0 30px 90px rgba(48,63,170,.22)}.peaks-worldbar{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#09152b,#17133a);border-bottom:1px solid #2c4269}.peaks-worldbar>div:first-child{display:flex;flex-direction:column}.peaks-worldbar span{font-size:8px;letter-spacing:2px;color:#7889a7;font-weight:900}.peaks-worldbar strong{font-size:14px;color:#fff;letter-spacing:1.2px}.peaks-hud{display:flex;gap:22px}.peaks-hud span{font-size:11px;letter-spacing:0;color:#91a0b8}.peaks-hud b{color:#fff;font-size:13px;margin-left:4px}
.peaks-stage{height:610px;position:relative;overflow:hidden;background:linear-gradient(#4f7fc4 0%,#9bc6df 42%,#c8d5ca 70%,#7c8c7a 100%)}.peaks-sky i{position:absolute;width:220px;height:55px;border-radius:50%;background:rgba(255,255,255,.35);filter:blur(10px);animation:peakCloud 25s linear infinite}.peaks-sky i:nth-child(1){top:70px;left:-220px}.peaks-sky i:nth-child(2){top:150px;left:35%;animation-duration:34s}.peaks-sky i:nth-child(3){top:45px;left:75%;animation-duration:29s}@keyframes peakCloud{to{transform:translateX(1500px)}}.peaks-mountains{position:absolute;inset:180px 0 0;background:linear-gradient(145deg,transparent 0 25%,rgba(35,53,79,.55) 25% 48%,transparent 48%),linear-gradient(215deg,transparent 0 32%,rgba(51,69,91,.65) 32% 58%,transparent 58%)}
.peaks-board{--cols:6;--rows:4;position:absolute;left:50%;top:52%;width:min(850px,88%);height:470px;transform:translate(-50%,-50%);perspective:1000px}.peak-tile{position:absolute;width:118px;height:96px;left:calc((100% - 118px)/max(1,(var(--cols) - 1))*var(--x) + var(--z)*10px);top:calc((100% - 96px)/max(1,(var(--rows) - 1))*var(--y) - var(--z)*12px);z-index:calc(10 + var(--z));border:2px solid #dbe5ef;border-radius:15px;background:linear-gradient(145deg,#f8fbff,#dce8f1);box-shadow:0 9px 0 #aebdca,0 13px 18px rgba(13,28,49,.28);cursor:pointer;transition:.18s transform,.18s box-shadow,.18s filter;color:#263a5a}.peak-tile span{display:block;font-size:37px;font-weight:950;line-height:44px}.peak-tile small{font-size:8px;letter-spacing:1.4px;font-weight:900;color:#6e62ff}.peak-tile.free:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 12px 0 #aebdca,0 18px 25px rgba(50,50,130,.3)}.peak-tile.locked{filter:saturate(.55) brightness(.83);cursor:not-allowed}.peak-tile.selected{border-color:#8b52ff;box-shadow:0 9px 0 #7650c4,0 0 0 5px rgba(125,77,255,.28),0 0 35px #805aff}.peak-tile.hint{animation:hintGlow .65s ease-in-out 3}@keyframes hintGlow{50%{transform:translateY(-8px);box-shadow:0 9px 0 #6f55c5,0 0 38px #a759ff}}
.peaks-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(4,10,20,.54);backdrop-filter:blur(5px);z-index:100}.peaks-overlay.hidden{display:none}.peaks-modal{width:min(540px,88%);text-align:center;padding:30px;border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(99,75,255,.18),transparent 40%),rgba(7,16,31,.96);border:1px solid #465e91}.peaks-modal img{width:330px;max-width:90%;height:80px}.peaks-modal h2{font-size:30px;margin:8px 0}.peaks-modal p{color:#b6c1d2;line-height:1.55}
.peaks-tools{min-height:62px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#091527}.peaks-tools button{border:1px solid #334b72;background:#101e35;color:#fff;border-radius:10px;padding:10px 13px;font-weight:750;cursor:pointer}.peaks-tools button b{color:#8bd7ff;margin-left:5px}.peaks-tip{margin-left:auto;color:#75859e;font-size:12px}.peaks-info{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}.peaks-info .panel{padding:22px}
@media(max-width:800px){.peaks-titlebar{align-items:flex-start;flex-direction:column}.peaks-titlebar img{width:100%;height:72px}.peaks-stage{height:520px}.peaks-hud{gap:10px}.peaks-hud span:nth-child(3){display:none}.peaks-board{width:94%;height:390px}.peak-tile{width:82px;height:72px;border-radius:11px}.peak-tile span{font-size:28px;line-height:34px}.peaks-tools{flex-wrap:wrap}.peaks-tip{width:100%;margin-left:0}.peaks-info{grid-template-columns:1fr}}

/* Nuvixo v1.1.0 — Puzzle Peaks Deluxe */
.peaks-stage{background:linear-gradient(var(--sky,#4f7fc4) 0%,var(--mist,#9bc6df) 47%,#dbe4d7 70%,#7c8c7a 100%);transition:background .8s ease}
.peaks-mountains{background:linear-gradient(145deg,transparent 0 25%,color-mix(in srgb,var(--mountain,#5e8c68) 75%,#1b2940) 25% 48%,transparent 48%),linear-gradient(215deg,transparent 0 32%,color-mix(in srgb,var(--mountain,#5e8c68) 65%,#34435a) 32% 58%,transparent 58%);filter:drop-shadow(0 -10px 25px rgba(16,28,48,.16))}
.peaks-progress{position:absolute;left:0;right:0;top:0;height:5px;background:rgba(7,15,30,.28);z-index:80}.peaks-progress>div{height:100%;width:0;background:linear-gradient(90deg,#54d4ff,#735dff,#d14cff);box-shadow:0 0 14px #745dff;transition:width .35s ease}
.peak-tile{overflow:hidden;background:radial-gradient(circle at 25% 15%,#fff 0 8%,transparent 9%),linear-gradient(145deg,#fff,#dce9f3 72%);border-color:#eef7ff}
.peak-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.7) 43%,transparent 58%);transform:translateX(-120%);transition:.5s}.peak-tile.free:hover:after{transform:translateX(120%)}
.peak-tile span{position:relative;z-index:2;text-shadow:0 2px 0 #fff}.peak-tile small{position:relative;z-index:2}
.peaks-toast{position:absolute;left:50%;bottom:25px;transform:translate(-50%,15px);padding:10px 17px;border-radius:999px;background:rgba(7,15,31,.9);border:1px solid #405a88;color:#fff;font-size:12px;font-weight:800;opacity:0;z-index:90;pointer-events:none}.peaks-toast.show{animation:peakToast 1.6s ease}@keyframes peakToast{15%,75%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}
.combo-burst{position:absolute;left:50%;top:25%;transform:translate(-50%,-50%) scale(.65);font-size:42px;font-weight:950;font-style:italic;color:#fff;text-shadow:0 3px 0 #6949d8,0 0 30px #8d5cff;opacity:0;z-index:90;pointer-events:none}.combo-burst.show{animation:comboPop .9s cubic-bezier(.2,.8,.2,1)}@keyframes comboPop{20%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}65%{opacity:1;transform:translate(-50%,-55%) scale(1)}100%{opacity:0;transform:translate(-50%,-80%) scale(.85)}}
.peak-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px #8d6aff;z-index:99;pointer-events:none;animation:peakParticle .7s ease-out forwards}@keyframes peakParticle{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}
.peaks-spacer{flex:1}.peaks-tools button#ppMusic,.peaks-tools button#ppSound{background:#0b1830;color:#aebbd0}
.peaks-worldbar{box-shadow:0 8px 25px rgba(5,12,27,.25);position:relative;z-index:5}.peaks-hud b{font-variant-numeric:tabular-nums}
@media(max-width:800px){.peaks-hud span:nth-child(5){display:none}.peaks-spacer{display:none}.peaks-tools button#ppMusic,.peaks-tools button#ppSound{font-size:11px}.combo-burst{font-size:30px}}

/* Nuvixo v1.2.0 — Puzzle Peaks visual & audio refinement */
.peaks-page{position:relative}.peaks-page:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 15% 20%,rgba(70,92,255,.09),transparent 28%),radial-gradient(circle at 82% 35%,rgba(185,61,255,.07),transparent 30%)}
.peaks-titlebar{padding:8px 2px}.peaks-titlebar img{filter:drop-shadow(0 8px 25px rgba(89,83,255,.16))}
.peaks-best{display:flex;flex-direction:column;align-items:flex-end;min-width:170px;background:linear-gradient(145deg,#0b172b,#111b34);box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.18)}.peaks-best span{font-size:8px;letter-spacing:1.6px;color:#7789aa;font-weight:900}.peaks-best b{font-size:22px;margin:2px 0 0;background:linear-gradient(90deg,#68d5ff,#b660ff);-webkit-background-clip:text;color:transparent}
.peaks-shell{border-color:#334d7c;background:#06101f;box-shadow:0 35px 100px rgba(14,24,65,.35),0 0 0 1px rgba(112,92,255,.08)}
.peaks-worldbar{height:70px;background:radial-gradient(circle at 15% 0,rgba(83,115,255,.22),transparent 35%),linear-gradient(90deg,#08152a,#111b3b 60%,#1a1039)}
.peaks-worldbar>div:first-child strong{font-size:15px;background:linear-gradient(90deg,#fff,#9fdfff);-webkit-background-clip:text;color:transparent}
.peaks-stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 35px 55px rgba(4,11,24,.12),inset 0 -60px 80px rgba(4,11,24,.18)}
.peaks-stars{position:absolute;inset:0;opacity:.42;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.6px),radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:97px 83px,143px 119px;background-position:0 0,33px 27px;animation:starsDrift 24s linear infinite}@keyframes starsDrift{to{background-position:97px 0,176px 27px}}
.peaks-world-badge{position:absolute;right:22px;top:25px;z-index:3;text-align:right;opacity:.7}.peaks-world-badge span{display:block;font-size:10px;letter-spacing:4px;font-weight:950;color:#fff}.peaks-world-badge strong{font-size:8px;letter-spacing:2px;color:#d9e7ff}
.peaks-board{filter:drop-shadow(0 28px 25px rgba(21,29,55,.2))}
.peak-tile{border:1px solid rgba(255,255,255,.95);box-shadow:0 8px 0 #a6b8c8,0 10px 0 #8b9dab,0 18px 25px rgba(14,29,53,.28);backdrop-filter:blur(3px)}
.peak-tile span{font-family:Arial,sans-serif;font-size:39px}.peak-tile small{letter-spacing:1.8px}
.peak-tile.symbol-0 span{color:#6257e8}.peak-tile.symbol-1 span{color:#36a7cf}.peak-tile.symbol-2 span{color:#d59428}.peak-tile.symbol-3 span{color:#e0a51f}.peak-tile.symbol-4 span{color:#53855d}.peak-tile.symbol-5 span{color:#d46c78}.peak-tile.symbol-6 span{color:#875ed7}.peak-tile.symbol-7 span{color:#526fb0}.peak-tile.symbol-8 span{color:#5c6579}.peak-tile.symbol-9 span{color:#397e9a}.peak-tile.symbol-10 span{color:#d05878}.peak-tile.symbol-11 span{color:#6a89a7}
.peak-tile.free:hover{transform:translateY(-8px) scale(1.035);border-color:#fff;box-shadow:0 10px 0 #9fb1c1,0 12px 0 #8495a4,0 24px 35px rgba(46,51,118,.35)}
.peak-tile.selected{transform:translateY(-7px);border-color:#bfa8ff;box-shadow:0 9px 0 #7650c4,0 0 0 4px rgba(133,84,255,.34),0 0 42px rgba(117,83,255,.8)}
.peaks-tools{min-height:68px;background:linear-gradient(180deg,#0b172a,#081322);border-top:1px solid #263b5f}.peaks-tools button{background:linear-gradient(180deg,#152642,#0e1c32);border-color:#385278;box-shadow:inset 0 1px rgba(255,255,255,.05);transition:.18s}.peaks-tools button:hover{transform:translateY(-2px);border-color:#6d6af0;background:#172b4c}.peaks-tools button:active{transform:translateY(1px)}
.peaks-modal{box-shadow:0 30px 90px rgba(3,8,20,.55),inset 0 1px rgba(255,255,255,.06)}.peaks-modal .btn{box-shadow:0 8px 28px rgba(93,71,255,.28)}
.peak-particle{width:var(--ps,8px);height:var(--ps,8px);background:linear-gradient(135deg,#fff,#9b7cff);animation-duration:.85s}
.combo-burst{background:linear-gradient(90deg,#fff,#7ee2ff 40%,#c061ff);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 4px 4px rgba(70,45,150,.45))}

/* Nuvixo v1.3.0 — Puzzle Peaks immersive redesign */
.peaks-page{--pp-cyan:#43d8ff;--pp-violet:#745cff;--pp-magenta:#c54cff}
.peaks-titlebar{margin-bottom:18px}.peaks-titlebar img{height:98px}
.peaks-shell{border:1px solid rgba(94,122,190,.45);border-radius:22px;background:#050a16;box-shadow:0 45px 120px rgba(0,0,0,.48),0 0 70px rgba(89,70,255,.09),inset 0 1px rgba(255,255,255,.05)}
.peaks-worldbar{height:76px;padding:0 22px;background:linear-gradient(90deg,rgba(8,18,40,.96),rgba(17,18,52,.94) 55%,rgba(29,12,53,.94));backdrop-filter:blur(18px);border-bottom:1px solid rgba(104,128,193,.3)}
.peaks-hud{padding:9px 14px;border:1px solid rgba(100,126,190,.23);border-radius:13px;background:rgba(7,15,34,.52);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.peaks-stage{height:640px;background:radial-gradient(circle at 50% 85%,#202359 0%,#0d1738 35%,#060c1e 72%,#040814 100%)!important;isolation:isolate}
.pp-nebula{position:absolute;border-radius:50%;filter:blur(70px);opacity:.4;z-index:-1;animation:nebulaFloat 9s ease-in-out infinite alternate}.pp-nebula-a{width:520px;height:320px;left:-100px;top:40px;background:#154ec5}.pp-nebula-b{width:480px;height:300px;right:-80px;top:100px;background:#7e2cc7;animation-delay:-4s}@keyframes nebulaFloat{to{transform:translate(45px,30px) scale(1.1)}}
.peaks-stars{z-index:-1;opacity:.62;background-size:73px 71px,127px 113px}
.pp-grid{position:absolute;left:-10%;right:-10%;bottom:-70px;height:340px;z-index:-1;background-image:linear-gradient(rgba(77,119,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(77,119,255,.18) 1px,transparent 1px);background-size:55px 38px;transform:perspective(330px) rotateX(61deg);transform-origin:center bottom;mask-image:linear-gradient(to top,#000 15%,transparent 90%)}
.pp-horizon{position:absolute;left:8%;right:8%;bottom:138px;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,var(--pp-cyan),var(--pp-violet),var(--pp-magenta),transparent);box-shadow:0 0 24px #675cff}
.peaks-mountains{z-index:-1;inset:230px 0 0;opacity:.28;filter:drop-shadow(0 -8px 30px rgba(83,78,255,.3));background:linear-gradient(145deg,transparent 0 25%,#334078 25% 48%,transparent 48%),linear-gradient(215deg,transparent 0 32%,#3f326f 32% 58%,transparent 58%)}
.peaks-world-badge{top:28px;right:28px;opacity:.5}.peaks-world-badge span{color:#7ce7ff}.peaks-world-badge strong{color:#d8d7ff}
.pp-level-chip{position:absolute;top:22px;left:24px;z-index:4;display:flex;flex-direction:column;padding:9px 12px;border-left:2px solid var(--pp-cyan);background:linear-gradient(90deg,rgba(5,13,31,.62),transparent);backdrop-filter:blur(6px)}.pp-level-chip span{font-size:10px;font-weight:950;letter-spacing:2px;color:#fff}.pp-level-chip b{font-size:7px;letter-spacing:1.8px;color:#7d8dab;margin-top:3px}
.peaks-board{top:55%;height:480px;width:min(900px,90%);filter:drop-shadow(0 35px 40px rgba(0,0,0,.45))}
.peak-tile{background:linear-gradient(145deg,rgba(245,249,255,.97),rgba(199,215,235,.94));border:1px solid rgba(255,255,255,.9);box-shadow:0 7px 0 #899db7,0 10px 0 #657991,0 18px 30px rgba(0,0,0,.38),inset 0 1px 0 #fff;transform-style:preserve-3d}
.peak-tile:before{content:"";position:absolute;inset:5px;border:1px solid rgba(83,105,150,.16);border-radius:10px;pointer-events:none}
.peak-tile.free{box-shadow:0 7px 0 #899db7,0 10px 0 #657991,0 18px 30px rgba(0,0,0,.38),0 0 18px rgba(78,190,255,.08),inset 0 1px #fff}.peak-tile.locked{filter:saturate(.4) brightness(.57);opacity:.7}
.peak-tile.free:hover{transform:translateY(-9px) scale(1.045);box-shadow:0 8px 0 #8296b0,0 11px 0 #5d708a,0 28px 42px rgba(0,0,0,.46),0 0 30px rgba(76,207,255,.28)}
.peak-tile.selected{transform:translateY(-10px) scale(1.045);border-color:#d3c5ff;box-shadow:0 7px 0 #6753ae,0 10px 0 #4e3c8f,0 0 0 3px rgba(133,93,255,.34),0 0 46px rgba(119,83,255,.85)}
.peaks-progress{height:3px;background:#070e20}.peaks-progress>div{background:linear-gradient(90deg,#31dcff,#715bff,#d84aff);box-shadow:0 0 18px #6c5aff}
.peaks-tools{min-height:76px;padding:12px 16px;background:rgba(6,13,28,.94);backdrop-filter:blur(16px);border-top:1px solid rgba(93,120,181,.27)}.peaks-tools button{border-radius:12px;padding:11px 15px;background:linear-gradient(180deg,rgba(25,43,73,.95),rgba(11,25,47,.95));border:1px solid rgba(88,119,174,.45)}.peaks-tools button:hover{border-color:#5bc9f2;box-shadow:0 0 20px rgba(62,195,255,.11)}
.peaks-modal{background:radial-gradient(circle at 50% 0,rgba(104,77,255,.2),transparent 42%),rgba(5,11,25,.92);border:1px solid rgba(104,128,191,.5);backdrop-filter:blur(24px);box-shadow:0 40px 110px rgba(0,0,0,.65),0 0 60px rgba(90,65,255,.13)}
.peaks-overlay{background:rgba(2,6,15,.62);backdrop-filter:blur(9px)}
.peaks-info .panel{background:linear-gradient(145deg,rgba(12,24,45,.86),rgba(8,16,32,.86));border:1px solid rgba(67,92,139,.35);box-shadow:0 18px 50px rgba(0,0,0,.16)}
.combo-burst{font-size:46px;letter-spacing:-1px}
@media(max-width:800px){.peaks-stage{height:550px}.peaks-board{top:56%;width:96%;height:400px}.pp-level-chip{top:12px;left:12px}.peaks-world-badge{display:none}.peaks-hud{padding:7px 9px}.peaks-shell{border-radius:16px}}
