:root{--stage:1180px;--violet:#b74cff;--violet2:#7121a8;--pink:#ff4fb0;--panel:rgba(5,1,13,.96);--panel2:rgba(12,3,27,.96);--line:rgba(187,72,255,.72);--text:#eeeaf8;--muted:#9d91aa;--gold:#efc96c;--green:#18ff87}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#05020b;color:var(--text);font-family:Rajdhani,Arial,sans-serif}body{min-width:320px;overflow-x:hidden;background:#05020b url('../images/lorena-cinematic-v5/scene-clean.jpg') center 68px/max(100vw,1536px) auto no-repeat;background-attachment:scroll}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 15%,rgba(142,38,225,.08),transparent 35%),linear-gradient(180deg,transparent 0,transparent 700px,rgba(2,0,8,.18) 100%)}
.wrap{width:var(--stage);max-width:calc(100% - 28px);margin:0 auto}
/* HEADER */
.topbar{height:68px;position:relative;z-index:50;background:rgba(4,1,10,.90);border-bottom:1px solid rgba(194,74,255,.78);box-shadow:0 0 24px rgba(112,24,182,.2);backdrop-filter:blur(8px)}.navwrap{height:68px;display:flex;align-items:center}.logo{width:230px;height:68px;display:flex;align-items:center;text-decoration:none}.logo img{width:205px;max-height:56px;object-fit:contain;display:block;filter:drop-shadow(0 0 11px rgba(203,87,255,.78))}.topbar nav{display:flex;height:68px;margin-left:18px;flex:1}.topbar nav a{display:flex;align-items:center;justify-content:center;height:68px;padding:0 18px;color:#f5effb;text-decoration:none;font-weight:700;font-size:13px;border-bottom:2px solid transparent}.topbar nav a:hover,.topbar nav a.active{background:linear-gradient(180deg,rgba(145,38,229,.08),rgba(145,38,229,.30));border-bottom-color:#c84cff;text-shadow:0 0 9px rgba(214,116,255,.8)}.social{display:flex;gap:8px}.social a{width:34px;height:34px;border:1px solid #643083;border-radius:5px;display:grid;place-items:center;color:#eee;text-decoration:none;background:rgba(6,2,14,.78)}
/* HERO: artwork itself contains the title/characters. Keep only a transparent CTA hit area. */
.hero-v4{height:390px;position:relative;z-index:2}.hero-v4-inner{height:100%;position:relative}.hero-copy{position:absolute;inset:0;text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:62px;text-shadow:0 2px 16px rgba(0,0,0,.85)}.hero-kicker{font-family:Cinzel,serif;font-size:27px;font-style:italic;color:#fff;letter-spacing:1px;margin-bottom:3px}.hero-copy h1{font-family:Cinzel,serif;font-size:72px;line-height:.98;margin:0;color:#f1ddff;background:linear-gradient(180deg,#fff 0,#e5b8ff 35%,#b24aff 70%,#7130ab 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 13px rgba(190,70,255,.55))}.hero-copy h2{font-family:Cinzel,serif;font-size:23px;letter-spacing:8px;margin:12px 0 0;color:#fff}.hero-copy p{font-size:11px;letter-spacing:5px;margin:8px 0 0;color:#cbb8dc}.hero-copy p span{color:#ce62ff}.join-btn{margin-top:24px;width:270px;height:48px;display:flex;align-items:center;justify-content:center;gap:22px;color:#fff;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.3px;background:linear-gradient(180deg,#a22cef,#6412aa);border:1px solid #d361ff;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);box-shadow:0 0 18px rgba(190,52,255,.6)}.join-btn:hover{filter:brightness(1.16);box-shadow:0 0 28px rgba(205,76,255,.85)}
/* central dark glass surface hides static UI from the artwork while side characters remain visible */
.main-shell{position:relative;z-index:8;padding:0 0 18px;background:linear-gradient(180deg,rgba(4,0,11,.18),rgba(4,0,11,.55) 16%,rgba(4,0,11,.80) 100%);box-shadow:0 0 55px rgba(0,0,0,.28)}
.feature-row{display:grid;grid-template-columns:repeat(4,1fr);height:72px;background:linear-gradient(180deg,rgba(13,5,27,.98),rgba(6,2,15,.985));border:1px solid var(--line);box-shadow:0 0 24px rgba(132,35,219,.22)}.feature-row>div{display:grid;grid-template-columns:58px 1fr;grid-template-rows:1fr 1fr;align-content:center;padding:11px 18px;border-right:1px solid rgba(150,47,217,.42)}.feature-row>div:last-child{border-right:0}.feature-row .ico{grid-row:1/3;display:grid;place-items:center;font-size:31px;color:#d15cff;text-shadow:0 0 13px #a633ef}.feature-row .pink{color:#ff4da9}.feature-row b{align-self:end;font-family:Cinzel,serif;font-size:15px}.feature-row small{font-size:10px;color:#a89ab6;letter-spacing:.9px}
.showcase-row{display:grid;grid-template-columns:330px 500px 330px;gap:10px;margin-top:10px}.image-card{height:136px;overflow:hidden;border:1px solid var(--line);box-shadow:0 0 18px rgba(106,23,176,.18);background:#080311}.image-card img{display:block;width:100%;height:100%;object-fit:cover}.body-grid{display:grid;grid-template-columns:330px 500px 330px;gap:10px;align-items:start;margin-top:10px}.leftcol,.centercol,.rightcol{min-width:0}.panel,.community-image{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:inset 0 0 24px rgba(89,18,141,.08),0 0 17px rgba(66,12,108,.12)}.panel h3{font-family:Cinzel,serif;color:var(--gold);margin:0 0 8px}.server-box{text-align:center;padding:17px 16px}.server-box h3{font-size:18px}.server-box strong{display:block;color:#39d9ff;margin-bottom:9px}.server-box p{margin:5px 0}.server-box a{color:#43d4f8}.on{color:var(--green)!important}.off{color:#ff5656!important}.ranking{margin-top:10px;padding:15px 14px}.ranking h3{font-size:17px}.ranking table{width:100%;border-collapse:collapse;font-size:12px}.ranking th{color:#f4c754}.ranking th,.ranking td{padding:5px 3px;border-bottom:1px solid rgba(255,255,255,.07)}.ranking td:nth-child(2){text-align:left}.outline-btn{margin-top:10px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #873bc0;color:#fff;text-decoration:none;font-size:11px;background:linear-gradient(180deg,rgba(119,34,180,.18),rgba(40,10,70,.28))}.vote-box{margin-top:10px;padding:14px;overflow:hidden}.vote-box small{color:#a79caf}.vote-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.vote-links a{display:block;overflow:hidden;border:1px solid #74319d}.vote-links img{display:block;width:100%;height:58px;object-fit:cover}.status-box{text-align:center;padding:18px 16px}.status-box h2{margin:0;color:#20ff8d;font-family:Cinzel,serif;font-size:21px;text-shadow:0 0 8px rgba(21,255,132,.4)}.status-box h2 span{display:inline-block;width:10px;height:10px;border-radius:50%;background:#20ff8d;box-shadow:0 0 10px #20ff8d}.status-box p{font-size:11px;color:#a89eb1;margin:5px 0 12px}.countdown{height:88px;border:1px solid rgba(123,45,168,.72);display:flex;align-items:center;justify-content:center;gap:16px;background:rgba(4,1,10,.72)}.countdown div{min-width:64px}.countdown b{display:block;font-size:35px;color:#c55cff;line-height:1}.countdown .red{color:#ff5e7f}.countdown small{font-size:9px;color:#988ca1}.countdown i{font-style:normal;font-size:24px;color:#9b4cba}.action-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.action-row a{height:112px;border:1px solid #8038ad;background:linear-gradient(180deg,rgba(14,5,28,.98),rgba(6,2,14,.99));text-decoration:none;color:white;text-align:center;padding:13px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center}.action-row span{font-size:28px;color:#d650ff;text-shadow:0 0 10px #b937f1}.action-row b{font-size:11px;margin-top:7px}.action-row small{font-size:9px;color:#9d91aa;margin-top:3px}.news-box{margin-top:10px;padding:13px}.titleline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:7px}.titleline h3{color:#fff;margin:0}.titleline a{color:#cb69ff;text-decoration:none;font-size:10px}.news-box article,.side-news article{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.news-box article:last-child,.side-news article:last-child{border-bottom:0}.news-box article img,.side-news article img{width:58px;height:46px;object-fit:cover;border:1px solid #6f2d93}.news-box article b,.side-news article b{font-size:12px}.news-box article p,.side-news article p{margin:3px 0 0;color:#a99dae;font-size:10px}.news-box time{color:#bf55f5;font-size:9px}.community-image{overflow:hidden}.community-image img{display:block;width:100%;height:auto}.side-news{margin-top:10px;padding:10px 13px}.side-news article{grid-template-columns:54px 1fr}.side-news article img{width:54px;height:48px}.side-news b{color:#f4c35f!important}
footer{margin-top:0;border-top:1px solid rgba(145,43,205,.65);background:rgba(3,0,8,.9);position:relative;z-index:8}.foot{height:105px;display:flex;align-items:center;justify-content:space-between}.foot>div:first-child b{font-family:Cinzel,serif;font-size:25px;color:#db8cff}.foot small{display:block;font-size:9px;letter-spacing:2px;color:#9d83ad}.foot p{text-align:center;color:#a894b8;font-size:12px}
@media(max-width:1210px){:root{--stage:calc(100% - 24px)}body{background-size:1536px auto}.showcase-row,.body-grid{grid-template-columns:28% 44% 28%}.logo{width:190px}.logo img{width:175px}.topbar nav a{padding:0 10px;font-size:11px}}
@media(max-width:900px){body{background-size:auto 1450px}.topbar{height:auto}.navwrap{height:auto;flex-wrap:wrap;padding:8px 0}.topbar nav{order:3;width:100%;margin:6px 0 0;justify-content:center;flex-wrap:wrap;height:auto}.topbar nav a{height:42px}.social{margin-left:auto}.hero-v4{height:340px}.hero-copy{padding-top:55px}.hero-copy h1{font-size:54px}.hero-copy h2{font-size:18px;letter-spacing:5px}.join-btn{margin-top:20px}.feature-row{height:auto;grid-template-columns:1fr 1fr}.showcase-row,.body-grid{grid-template-columns:1fr}.image-card{height:auto}.image-card img{height:auto}.action-row{grid-template-columns:1fr 1fr}.main-shell{max-width:calc(100% - 18px)}}

/* V5.1 CLEAN BACKGROUND OVERRIDES */
body{background-image:url('../images/lorena-cinematic-v5/scene-clean.jpg')!important;background-position:center 68px!important;background-repeat:no-repeat!important;background-size:max(100vw,1536px) auto!important;background-color:#06020d!important;}
body:before{content:"";position:absolute;z-index:0;left:0;right:0;top:68px;height:1080px;pointer-events:none;background:linear-gradient(180deg,rgba(2,0,7,.04) 0%,rgba(2,0,8,.03) 54%,rgba(4,0,10,.28) 78%,#06020d 100%);}
.topbar,.hero-v4,.main-shell,footer{position:relative;}
.hero-v4{height:390px!important;}
.hero-copy{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding-top:62px!important;text-align:center!important;}
.hero-kicker,.hero-copy h1,.hero-copy h2,.hero-copy p{position:static!important;left:auto!important;width:auto!important;height:auto!important;overflow:visible!important;}
.hero-kicker{font-family:Cinzel,serif!important;font-size:27px!important;font-style:italic!important;color:#fff!important;}
.hero-copy h1{font-family:Cinzel,serif!important;font-size:72px!important;line-height:1!important;margin:3px 0 0!important;background:linear-gradient(180deg,#fff,#e1b6ff 38%,#b54cff 72%,#6e2da8)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:drop-shadow(0 0 14px rgba(187,63,255,.55))!important;}
.hero-copy h2{font-family:Cinzel,serif!important;font-size:22px!important;letter-spacing:8px!important;margin:13px 0 0!important;color:white!important;}
.hero-copy p{font-size:11px!important;letter-spacing:5px!important;margin:8px 0 0!important;color:#d4c1df!important;}
.join-btn{position:static!important;transform:none!important;margin-top:23px!important;width:270px!important;height:48px!important;opacity:1!important;text-indent:0!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;text-decoration:none!important;background:linear-gradient(180deg,#aa31f2,#6614aa)!important;border:1px solid #d564ff!important;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)!important;box-shadow:0 0 22px rgba(185,55,255,.55)!important;}
.main-shell{background:linear-gradient(180deg,rgba(4,0,11,.28),rgba(4,0,11,.72) 20%,rgba(4,0,11,.92) 100%)!important;}
@media(max-width:900px){body{background-size:1536px auto!important}.hero-v4{height:340px!important}.hero-copy{padding-top:48px!important}.hero-copy h1{font-size:50px!important}.hero-copy h2{font-size:17px!important;letter-spacing:4px!important}.hero-copy p{letter-spacing:2px!important}.join-btn{width:235px!important}}

/* V5.2 - real clickable community buttons */
.community-actions{display:flex;flex-direction:column;gap:9px;padding:10px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(13,4,27,.96),rgba(5,2,12,.98));box-shadow:inset 0 0 24px rgba(89,18,141,.09),0 0 17px rgba(66,12,108,.14)}
.social-image-btn{display:block;border:1px solid rgba(141,63,196,.72);overflow:hidden;box-shadow:0 0 10px rgba(112,30,190,.22);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.social-image-btn:hover{transform:translateY(-1px);filter:brightness(1.12);box-shadow:0 0 18px rgba(169,62,255,.45)}
.social-image-btn img{display:block;width:100%;height:auto}
.bonus-card{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:center;min-height:108px;padding:8px 10px;border:1px solid rgba(141,63,196,.72);background:radial-gradient(circle at 18% 50%,rgba(151,35,205,.18),transparent 38%),linear-gradient(180deg,rgba(15,5,28,.98),rgba(7,2,15,.99));text-decoration:none;color:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.bonus-card:hover{transform:translateY(-1px);border-color:#c55cff;box-shadow:0 0 20px rgba(179,54,255,.35)}
.bonus-card img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(207,64,255,.4))}
.bonus-card span{display:flex;flex-direction:column;gap:5px}.bonus-card b{font-family:Cinzel,serif;color:#f5ce72;font-size:14px;line-height:1.15}.bonus-card small{color:#d8cedf;font-size:10px;line-height:1.35}
/* Default clean background */
body{background-image:url('../images/lorena-cinematic-v5/scene-clean.jpg')!important}
/* Christmas reserve theme: change <body> to <body class="christmas"> */
body.christmas{background-image:url('../images/lorena-cinematic-v5/scene-christmas.jpg')!important}
\n/* ========================= V6 TRUE ASSET UI ========================= */
body{background-image:url('../images/lorena-cinematic-v6/scene-default.jpg')!important;background-position:center 68px!important;background-size:max(100vw,1710px) auto!important;background-repeat:no-repeat!important;background-color:#04010a!important}
body.christmas{background-image:url('../images/lorena-cinematic-v6/scene-christmas.jpg')!important;background-size:max(100vw,1710px) auto!important}
.main-shell{background:linear-gradient(180deg,rgba(3,0,10,.18),rgba(4,0,11,.74) 24%,rgba(4,0,11,.94) 100%)!important}
.feature-row{height:78px;gap:8px;background:transparent!important;border:0!important;box-shadow:none!important}.feature-card{height:78px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:10px 17px!important;background:url('../images/lorena-ui-v6/feature-panel.png') center/100% 100% no-repeat!important;border:0!important}.feature-card img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(205,76,255,.7))}.feature-card span{display:flex;flex-direction:column}.feature-card b{font-family:Cinzel,serif;font-size:15px;color:#fff}.feature-card small{font-size:10px;color:#a99ab8;letter-spacing:.8px;margin-top:3px}
.showcase-row{grid-template-columns:330px 500px 330px;gap:10px}.client-card,.opening-card{height:142px;position:relative;overflow:hidden;border:0!important;background:url('../images/lorena-ui-v6/client-panel.png') center/100% 100% no-repeat}.opening-card{background-image:url('../images/lorena-ui-v6/opening-panel.png')}.client-art{position:absolute;left:8px;bottom:8px;height:126px;width:auto;z-index:1}.client-copy{position:relative;z-index:2;height:100%;padding:19px 12px 10px 118px;text-align:center}.client-copy h3{margin:0 0 5px;font-family:Cinzel,serif;font-size:18px;color:#f5e9ff}.client-copy small{display:block;color:#c1b4ca;font-size:10px}.download-btn{margin:13px auto 0;width:190px;height:40px;background:url('../images/lorena-ui-v6/button-purple.png') center/100% 100% no-repeat;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-decoration:none;font-weight:700;font-size:14px;text-shadow:0 0 8px #7b1ccd}.download-btn img{width:24px;height:24px;object-fit:contain}.opening-art{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;opacity:.52;border-radius:3px}.opening-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:0 2px 8px #000}.opening-copy small{font:600 14px Cinzel;color:#e9cf8a;letter-spacing:1px}.opening-copy b{font:700 25px Cinzel;color:#f5dd9e;line-height:1.05;margin-top:5px}.opening-copy strong{font:700 23px Cinzel;color:#f5dd9e}.opening-copy em{font-style:normal;font-size:10px;color:#ddd1e4;margin-top:6px}
.action-row a{background:url('../images/lorena-ui-v6/action-panel.png') center/100% 100% no-repeat!important;border:0!important}.action-row a>img{width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 0 8px #ac32ed)}
.community-actions{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}.social-btn{height:70px;display:flex;align-items:center;padding:6px 18px;text-decoration:none;color:#fff;background:url('../images/lorena-ui-v6/social-panel.png') center/100% 100% no-repeat;transition:.18s}.social-btn:hover{filter:brightness(1.18);transform:translateY(-1px)}.social-btn>img{width:52px;height:52px;object-fit:contain;margin-right:14px}.social-btn span{display:flex;flex-direction:column;line-height:1}.social-btn b{font-size:24px}.social-btn small{font-size:9px;letter-spacing:1.7px;margin-top:4px;color:#d8d0e5}.facebook-btn{background-image:url('../images/lorena-ui-v6/social-panel.png')}.discord-btn{background-image:url('../images/lorena-ui-v6/social-panel.png')}.bonus-card{background:url('../images/lorena-ui-v6/bonus-panel.png') center/100% 100% no-repeat!important;border:0!important;grid-template-columns:74px 1fr!important;min-height:112px!important}.bonus-card img{width:62px!important;height:62px!important}
.vote-links a{height:58px;background:url('../images/lorena-ui-v6/vote-panel.png') center/100% 100% no-repeat;border:0!important;display:flex!important;align-items:center;justify-content:center;text-decoration:none;color:#fff}.vote-links img{display:none!important}.vote-links a:first-child:after{content:'VOTE ON TOPZONE';font-weight:700;color:#73d7ff}.vote-links a:last-child:after{content:'VOTE ON HOPZONE';font-weight:700;color:#f4ca74}
@media(max-width:900px){body,body.christmas{background-size:1710px auto!important}.showcase-row{grid-template-columns:1fr}.client-card,.opening-card{width:100%;max-width:500px;margin:0 auto}.client-copy{padding-left:130px}.feature-row{grid-template-columns:1fr 1fr!important;height:auto}.feature-card{height:78px!important}}