:root{scrollbar-width:thin;scrollbar-color:rgb(226,232,240) transparent}:root a{color:#9bbaeb;text-decoration:none}:root *{margin:0;padding:0;list-style:none}body{background-color:#1e2128;color:#f8f8f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav{display:flex;flex-direction:column;width:clamp(2rem,4vw + 1rem,4rem);height:100%;border-radius:1rem;padding:0 .5rem;background-color:#88a3cdb3;justify-content:center;color:#fff}@media (max-width: 800px){.nav{border-radius:.5rem}}.nav .pages{display:flex;flex-direction:column;gap:.25rem;align-items:center}.nav .pages a{height:clamp(.25rem,1vh + .75rem,2rem);width:clamp(.25rem,1vw + .75rem,2rem);padding:clamp(0rem,.5vw + .1rem,1rem);color:#fff}.nav .pages a:hover{color:#435775;transform:scale(1.1)}.nav .pages a svg,.nav .pages a img{height:100%;width:100%}.nav .pages a svg:hover,.nav .pages a img:hover{transform:scale(1.1)}.nav .pages a.selected{background-color:#fdfdfd54;border-radius:.75rem}@media (max-width: 800px){.nav .pages a.selected{border-radius:.25rem}}.nav .socials{display:block}.divider{width:80%;height:4px;border:none;background-color:#ccc;margin:clamp(1rem,1vh + 1rem,4rem) 0;border-radius:1rem;align-self:center}.region_bar{display:flex;flex-direction:column;align-items:center;background:linear-gradient(to bottom,#2d3846,#0c0e11 80%);border-top:4px solid #88a3cd;padding:1rem 0rem;font-weight:700;font-size:clamp(.7rem,1.1vw + .5rem,1.15rem);color:#99a8bd}.region_bar h1{padding-bottom:.75rem}.region_bar .main{display:flex;flex-direction:row;justify-content:center;width:clamp(0px,90%,1500px)}@media (max-width: 800px){.region_bar .main{flex-direction:column}}.region_bar .item{display:flex;flex-direction:column;padding:2rem clamp(0px,3vw,8rem)}.region_bar .hero{width:clamp(30ch,30%,100ch)}@media (max-width: 800px){.region_bar .hero{width:80%}}.region_bar #cr{font-size:clamp(.6rem,.75vw + .25rem,.9rem);margin-bottom:2rem}.grid_2x{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:.5rem;align-items:center;justify-items:center}.grid_2x svg{height:clamp(1.25rem,1.25vw,4rem);color:#fff}.grid_2x svg:hover{color:#ccc}@media (max-width: 800px){.grid_2x{display:flex;align-items:first baseline}.grid_2x svg{height:clamp(1.5rem,2vw,4rem)}}.text_pair{display:flex;gap:.5rem}.staff{display:flex;flex-direction:row;width:clamp(1rem,100%,80rem);margin:.25rem;padding:.5rem;background-color:#3f5676b3;border-radius:12px;transition:transform .2s ease-in-out}.staff h2{background:linear-gradient(45deg,#88d6e2,#88afe2);background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(1.15rem,1.5vw + .7rem,15rem);font-weight:700;margin-bottom:8px}.staff h3{font-weight:700;font-size:clamp(.9rem,1.2vw + .5rem,1.5rem)}.staff p{font-weight:450;font-size:clamp(.7rem,1.1vw + .5rem,1.15rem)}.staff:nth-child(odd){background-color:#202b3ab3}.staff img{width:clamp(2rem,20vw,12rem);border-radius:50%;margin-bottom:auto;transition:border-radius .1s ease-in-out}.staff a{display:flex;gap:8px;width:fit-content;font-size:clamp(.7rem,1.1vw + .5rem,1.15rem);background:linear-gradient(to bottom,#2d3846,#0c0e11 80%);border-radius:8px;margin-top:12px;padding:8px}.staff a:hover{color:#fff;cursor:pointer}.staff:hover{transform:scale(1.03)}.staff:hover img{border-radius:8px}.staff_text{margin-left:1rem;margin-right:1rem}.view_full{height:100svh;position:relative}.view_full #copyright{position:absolute;bottom:0;width:100%;text-align:center;padding:1rem 0;font-weight:700;font-size:clamp(.6rem,.75vw + .25rem,.9rem)}@media (max-width: 800px){.view_full #copyright{padding:.1rem 0}}.hflex{display:flex;flex-direction:row}.vflex{display:flex;flex-direction:column}.sec_unit_m{width:25rem}.bg_img{background-image:url(/assets/WarneD1Avi-Dv4U_CHG.jpg);background-size:cover;background-position:center;background-attachment:fixed}.bg_img:before{content:"";position:absolute;background-color:#0009;z-index:1;width:100%;height:100%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bg_img>*{position:relative;z-index:2}.core{border-radius:1rem;width:100%;height:100%}@media (max-width: 800px){.core{border-radius:.5rem}}.home_flex{display:flex;flex-direction:row;gap:3rem;padding:3rem;height:100%;width:100%;box-sizing:border-box}@media (max-width: 800px){.home_flex{gap:1rem;padding:1rem}}.has_bg{background-color:#88a3cdb3;padding:2rem;box-sizing:border-box;overflow-y:scroll;scrollbar-width:thin}.center{display:flex;flex-direction:column;align-items:center}.gradient_text{background:linear-gradient(45deg,#88d6e2,#88afe2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.top_spacer{margin-top:5rem}.title{font-size:clamp(1.15rem,1.5vw + .7rem,15rem);font-weight:700;padding-bottom:2rem}.wiki_div{width:100%;margin-bottom:2rem}.wiki_div h1{font-size:clamp(1.15rem,1.5vw + .7rem,15rem)}.wiki_div h2{font-size:clamp(.9rem,1.2vw + .5rem,1.5rem)}.wiki_div p{font-size:clamp(.7rem,1.1vw + .5rem,1.15rem)}.wiki_bottom{display:flex;width:100%;gap:4rem;background:linear-gradient(to bottom,#2d3846,#0c0e11 80%);border-radius:16px;padding:1rem 0rem;box-shadow:0 8px 24px #00000026;transition:box-shadow .3s ease}.wiki_bottom:hover{box-shadow:0 12px 32px #0003}.wiki_bottom a{font-weight:700;line-height:28px}.wiki_bottom #socials{padding-left:2rem}@media (max-width: 800px){.wiki_bottom{flex-direction:column;padding-left:1rem;gap:1rem}.wiki_bottom #socials{padding-left:0}}.slide-up{animation:slideUp 2s ease-out forwards}@keyframes slideUp{0%{transform:translateY(16rem);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{opacity:0%;animation:fadeIn 2.5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}.home_container{display:flex;flex-direction:column;position:relative;padding-top:5%;height:100%;box-sizing:border-box}@media (max-width: 768px){.home_container{padding-top:0%;top:30%;transform:translateY(-5%);height:40%}}.home_container #home_upper{width:100%;text-align:center}.home_container #home_upper #logo{width:clamp(2rem,60vw,48rem);top:10}.home_container #home_upper h1{font-size:clamp(1.15rem,2vw + .9rem,15rem)}.home_container #home_upper p{display:block;font-size:clamp(.9rem,1.2vw + .5rem,1.5rem);font-weight:700}.home_container #home_upper #brand_msg{margin-top:clamp(10px,5svh,80px)}.home_container #homecount{display:block;text-align:center;margin-top:auto;margin-bottom:clamp(1rem,15vh,4rem);padding:20px;background:#0000008f}@media (max-width: 768px){.home_container #homecount{position:absolute;top:45vh;margin-top:0;margin-bottom:0}}.home_container #homecount h1{font-size:clamp(1.15rem,1.5vw + .7rem,15rem);font-weight:700;color:#51ebff}.home_container #homecount #links{display:flex;justify-content:center;gap:clamp(1px,2vw,16px)}.home_container #homecount a{display:flex;flex-direction:column;justify-content:center;background-color:#3f5676b3;padding:6px 10px;border-radius:10px;font-size:clamp(.9rem,1.2vw + .5rem,1.5rem);font-weight:400;color:#fff;transition:color .2s ease-in-out;height:auto;width:clamp(.25rem,15vw,30rem)}.home_container #homecount a:hover{color:#f08080}.home_container #homecount a svg{width:clamp(20px,10vw,200px);height:100px;max-height:6rem;align-self:center}.countdown-timer{margin-top:10svh}.countdown-timer h3{font-size:clamp(.9rem,1.2vw + .5rem,1.5rem)}.countdown-timer #localTZ{color:#fff}.countdown-timer #localCD{color:#b6b6b6}#dj_container #dj_details{display:none}#dj_container #dj_list #dj{display:flex;flex-direction:row;height:40px;margin:6px 0;gap:10px;padding:10px;background-color:#3f5676b3;transition:height .3s ease-in-out,background-color .2s ease-in}#dj_container #dj_list #dj:nth-child(odd){background-color:#202b3ab3}#dj_container #dj_list #dj:hover{background-color:#1d1d1d;cursor:pointer}@media (max-width: 800px){#dj_container #dj_list #dj{display:block;height:fit-content;overflow:hidden}}#dj_container #dj_list #dj #dj_head{display:flex;flex-direction:column;width:25%;height:100%;margin-left:25px}#dj_container #dj_list #dj #dj_head h2{background:linear-gradient(180deg,#f0d76a,#ffd900,#ffae00,#e0ae18,#e7d07c);background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 150%;font-size:clamp(1.05rem,1.25vw + .6rem,1.5rem);font-weight:700}#dj_container #dj_list #dj #dj_head img{height:300px;object-fit:contain;max-width:100%;padding:20px 0}@media (max-width: 800px){#dj_container #dj_list #dj #dj_head img{max-width:75%;height:auto}}@media (max-width: 800px){#dj_container #dj_list #dj #dj_head{width:100%;height:fit-content;margin-left:0}}#dj_container #dj_list #dj #extra{display:none;font-size:clamp(.7rem,1.1vw + .5rem,1.15rem)}#dj_container #dj_list #dj p{height:auto;margin-top:auto}#dj_container #dj_list #dj.selected{border:2px solid gold;height:400px}@media (max-width: 800px){#dj_container #dj_list #dj.selected{height:fit-content}}#dj_container #dj_list #dj.selected #extra{display:flex;flex-wrap:wrap;flex-direction:column;height:fit-content}.search-box{margin-top:1rem;display:flex;justify-content:flex-start}.search-box input{width:clamp(100px,50vw,700px);padding:.25rem .5rem;font-size:1rem;border:1px solid #1d1d1d;background-color:#202b3ab3;color:#d3d3d3;border-radius:8px;outline:none;transition:border-color .2s ease}.search-box input:focus{border-color:#6f85a7}.genres{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;height:fit-content}.genres .genre-badge{background-color:#fff2;padding:4px 8px;border-radius:4px;font-size:clamp(.7rem,1.1vw + .5rem,1.15rem);font-weight:700;white-space:nowrap;height:fit-content}@media (max-width: 800px){.genres .genre-badge{font-size:clamp(.6rem,.75vw + .25rem,.9rem)}}.event{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.event .event-badge{background-color:#202b3ab3;padding:4px 8px;border-radius:4px;font-size:clamp(.6rem,.75vw + .25rem,.9rem);font-weight:700;white-space:nowrap;height:fit-content}.dj_container{display:grid}.dj_container table{width:100%;border-collapse:collapse;table-layout:auto}.dj_container table td,.dj_container table th{max-width:300px}.dj_container table thead tr th{text-align:left;border-bottom:2px solid #ccc}.dj_container table tbody tr{width:100%}.dj_container table tbody tr:nth-child(odd){background-color:#3d485aa4}.dj_container table tbody tr td{padding:4px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj_container table tbody tr td svg{height:1rem}.dj_container table tbody tr td a{color:#fff}.dj_container table tbody tr td a:hover{color:#000}#name{font-size:clamp(.7rem,1.1vw + .5rem,1.15rem);font-weight:700}
