:root{--bg:#05030b;--panel:rgba(16,12,28,.82);--line:rgba(190,140,255,.2);--muted:#a49bb5;--purple:#a33cff}
*{box-sizing:border-box}html{min-height:100%;}body{margin:0;min-height:100vh;color:#f7f2ff;background:radial-gradient(ellipse at 12% 48%,#240c45 0,transparent 36%),radial-gradient(ellipse at 94% 78%,#00313c 0,transparent 34%),#05030b;font:15px/1.5 Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 8% 19%,#fff 99%,transparent),radial-gradient(1px 1px at 25% 68%,#bda4ff 99%,transparent),radial-gradient(1px 1px at 67% 14%,#fff 99%,transparent),radial-gradient(2px 2px at 86% 31%,#fff 99%,transparent),radial-gradient(1px 1px at 76% 81%,#fff 99%,transparent),radial-gradient(1px 1px at 43% 32%,#fff 99%,transparent);z-index:-1}
a{color:inherit;text-decoration:none}.nav{position:sticky;top:12px;z-index:5;max-width:1220px;margin:18px auto 0;padding:13px 20px;border:1px solid var(--line);border-radius:22px;background:rgba(8,5,16,.88);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.05em}.moon{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#d88bff,#703bff);display:grid;place-items:center;font-size:20px;box-shadow:0 0 22px #9b42ff55}.version{font-size:11px;color:#d8c6ee;border:1px solid var(--line);border-radius:30px;padding:4px 9px}.links{display:flex;gap:8px;align-items:center}.links a,.pill{padding:10px 15px;border-radius:14px;color:#c8bed8;font-weight:650;font-size:13px}.links a:hover,.links a.active{background:linear-gradient(135deg,#382057,#171025);color:white}.discord{border:1px solid #513074;background:#170d25;border-radius:30px;padding:10px 16px;font-size:13px;font-weight:700}
.hero{min-height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 20px 70px;position:relative;overflow:hidden}.planet{position:absolute;right:14%;top:12%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#f5d8ff,#a45aff 28%,#342060 58%,#10081e 76%);box-shadow:0 0 65px #a44bff44}.planet:after{content:"";position:absolute;left:-35px;top:47px;width:190px;height:40px;border:3px solid #c9a7ff77;border-radius:50%;transform:rotate(-23deg)}.eyebrow{border:1px solid var(--line);background:#11091eaa;color:#d7c0f7;border-radius:30px;padding:7px 13px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-size:clamp(55px,12vw,150px);line-height:.95;letter-spacing:-.075em;margin:26px 0 20px;font-weight:950;background:linear-gradient(100deg,#ffc078 2%,#d77bc9 34%,#a15bff 58%,#54bfff 94%);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 10px 50px #8d42ff24)}.hero p{max-width:580px;color:#b5a9c6;font-size:16px;margin:0 auto 27px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{border:1px solid #ffffff18;border-radius:30px;padding:13px 23px;font-weight:750;font-size:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:#16111f}.btn.primary{background:linear-gradient(110deg,#a43dff,#cb4dff);box-shadow:0 9px 32px #9c3cff35;border:0}.stats{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;color:#847991;font-size:12px;margin-top:30px}.page{max-width:1000px;margin:0 auto;padding:65px 20px 85px;min-height:calc(100vh - 145px)}.page h1{font-size:clamp(35px,6vw,58px);letter-spacing:-.05em;margin:0 0 8px}.sub{color:var(--muted);margin:0 0 25px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 12px 55px #0002}.card h2,.card h3{margin:0 0 7px}.card p{color:var(--muted);margin:0}.form{display:grid;gap:10px;margin-top:17px}.field,textarea,select{font:inherit;color:#f7f2ff;background:#0c0815;border:1px solid #39254e;border-radius:12px;padding:12px 13px;width:100%;outline:none}.field:focus,textarea:focus{border-color:#a34bff}textarea{min-height:105px;resize:vertical}.post{border-top:1px solid var(--line);padding:15px 0}.post:first-child{border-top:0}.stars{color:#ffcf75;letter-spacing:2px}.tag{font-size:11px;color:#d6b8ff;background:#28123b;border-radius:20px;padding:4px 8px}.empty{color:#81768f;font-size:13px;padding:12px 0}.footer{text-align:center;color:#746982;padding:25px 20px 35px;font-size:12px}.notice{font-size:12px;color:#8f829e;margin-top:12px}
@media(max-width:700px){.nav{margin:10px 10px 0;padding:10px 12px;flex-wrap:wrap}.links{order:3;width:100%;justify-content:center;flex-wrap:wrap}.links a{padding:8px}.brand{font-size:13px}.discord{padding:8px 11px}.hero{min-height:78vh}.planet{right:5%;top:9%;width:65px;height:65px}.planet:after{left:-18px;top:25px;width:100px;height:22px}.cards{grid-template-columns:1fr}.page{padding:45px 16px 65px}}

/* Updated video showcase layout */
.nav{max-width:1280px;margin:18px auto 0;padding:14px 22px;border-color:rgba(170,139,255,.22);box-shadow:0 12px 45px #0003}
.links a{transition:background .2s ease,transform .2s ease}.links a:hover{transform:translateY(-1px)}
.videos-page{max-width:1280px;margin:0 auto;padding:54px 24px 82px;min-height:calc(100vh - 145px)}
.video-heading{position:relative;padding:22px 0 30px}.video-heading .eyebrow{display:inline-block}
.video-heading h1{font-size:clamp(42px,7vw,76px);line-height:1.02;letter-spacing:-.065em;margin:18px 0 12px;font-weight:900}
.video-heading h1 span{background:linear-gradient(100deg,#c58aff,#65d9ff);color:transparent;background-clip:text;-webkit-background-clip:text}
.video-heading p{color:#b5a9c6;font-size:16px;margin:0;max-width:600px}
.video-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.8fr);gap:20px;align-items:stretch}
.video-card{
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;display:block;overflow:hidden;border:1px solid rgba(190,140,255,.2);border-radius:24px;background:linear-gradient(145deg,rgba(23,16,39,.96),rgba(5,9,19,.96));box-shadow:0 18px 65px #0003;transition:transform .22s ease,border-color .22s ease}
.video-card:hover{transform:translateY(-4px);border-color:#9f68ff88}
.video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#100a1c}.video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 35%,#0004);pointer-events:none}
.video-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-thumb img{transform:scale(1.025)}
.youtube-label{position:absolute;top:16px;left:16px;z-index:1;background:#080710d9;border:1px solid #ffffff35;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:850;letter-spacing:.08em}
.play-button{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;padding-left:4px;border-radius:50%;background:#17131fdb;border:1px solid #ffffff55;box-shadow:0 8px 35px #0006;font-size:24px;transition:background .2s ease,transform .2s ease}
.video-card:hover .play-button{background:#a33cff;transform:translate(-50%,-50%) scale(1.07)}
.video-info{padding:23px 25px 26px}.video-kicker{font-size:10px;letter-spacing:.16em;color:#b9a0ff;font-weight:800}
.video-info h2{font-size:clamp(20px,2.4vw,28px);margin:8px 0 7px;letter-spacing:-.03em}.video-info p,.video-note p{color:#a49bb5;margin:0;line-height:1.65}
.video-note{border:1px solid rgba(190,140,255,.18);border-radius:24px;padding:30px;background:radial-gradient(circle at 100% 0%,#322052aa,transparent 55%),rgba(12,9,22,.78);display:flex;flex-direction:column;justify-content:center;min-height:240px}
.note-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#d88bff,#703bff);box-shadow:0 0 28px #9b42ff33;margin-bottom:20px}
.video-note h2{font-size:23px;letter-spacing:-.035em;margin:0 0 10px}
@media(max-width:760px){.videos-page{padding:38px 16px 60px}.video-grid{grid-template-columns:1fr}.video-note{min-height:0;padding:24px}.video-info{padding:19px}.nav{margin:10px 10px 0}.links{order:initial;width:auto}.links a{padding:8px 10px}}
@media(max-width:520px){.nav{flex-wrap:wrap}.links{order:3;width:100%;justify-content:center}.brand{font-size:12px}.video-heading{padding-top:10px}}

/* Compact Reviews video sizing */
.video-card {
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.video-card iframe,
.video-frame iframe,
.video-card video {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}

/* Reviews video: about 75% smaller than the previous 640px maximum */
.video-card {
  width: 100%;
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
}
.video-card iframe,
.video-frame iframe,
.video-card video {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}

/* Reviews video: compact square tile */
.video-grid{grid-template-columns:repeat(auto-fill,minmax(220px,220px));justify-content:start;align-items:start;gap:18px}
.video-card{position:relative;width:220px;max-width:100%;aspect-ratio:1/1;margin:0;border-radius:20px}
.video-card .video-thumb{position:absolute;inset:0;aspect-ratio:auto;height:100%}
.video-card .video-thumb:after{background:linear-gradient(180deg,#0004,transparent 40%,#000c)}
.video-card .youtube-label{top:10px;left:10px;padding:5px 9px;font-size:9px}
.video-card .play-button{width:48px;height:48px;font-size:18px;top:44%}
.video-card .video-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:12px 14px}
.video-card .video-info h2{font-size:15px;margin:4px 0 0}
.video-card .video-info p{display:none}
.video-card .video-kicker{font-size:9px}
.video-note{width:220px;max-width:100%;aspect-ratio:1/1;min-height:0;padding:18px;border-radius:20px;box-sizing:border-box}
.video-note .note-icon{width:38px;height:38px;font-size:22px;margin-bottom:12px}
.video-note h2{font-size:16px;margin:0 0 6px}
.video-note p{font-size:12px;line-height:1.5}
@media(max-width:760px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.video-card,.video-note{width:100%}}