:root{--bg:#020913;--panel:rgba(5,18,32,.82);--line:rgba(120,190,255,.22);--blue:#39c8ff;--text:#f4f7fb;--muted:#b7c2d5;--gold:#f1a824}*{box-sizing:border-box}body{margin:0;background:#020913;color:var(--text);font-family:Arial,Helvetica,sans-serif;background-image:linear-gradient(90deg,rgba(1,5,11,.92),rgba(1,12,22,.55)),url('assets/dashboard-reference.png');background-size:cover;background-position:center top;background-attachment:fixed}a{color:inherit}.shell{display:flex;min-height:100vh}.sidebar{
    width:260px;
    padding:26px 24px;
    background:rgba(0,5,12,.76);
    border-right:1px solid var(--line);
    position:sticky;
    top:0;
    height:100vh;
    max-height:100vh;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:thin;
}

.sidebar::-webkit-scrollbar{
    width:8px;
}

.sidebar::-webkit-scrollbar-thumb{
    background:rgba(57,200,255,.55);
    border-radius:10px;
}

.sidebar::-webkit-scrollbar-track{
    background:rgba(255,255,255,.06);
}.side-logo{width:min(210px,80%);height:auto;display:block;margin:0 auto 24px}.sidebar nav{display:grid;gap:10px}.sidebar nav a,.discord,.button,button{border:1px solid var(--line);background:linear-gradient(90deg,rgba(35,105,180,.45),rgba(5,22,40,.8));padding:13px 16px;border-radius:10px;text-decoration:none;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.discord{display:block;margin-top:22px;text-align:center;color:#6dd9ff}.mini-mascot{width:130px;margin:22px auto 0;display:block}.main{flex:1;padding:28px 32px 40px}.hero{min-height:390px;display:grid;grid-template-columns:1fr 320px 280px;gap:30px;align-items:center}.kicker,.blue,h2{color:var(--blue);text-transform:uppercase;letter-spacing:.18em}.hero h1{font-size:78px;line-height:.88;margin:10px 0;text-transform:uppercase;text-shadow:0 3px 0 #000,0 0 25px rgba(93,186,255,.35)}.tagline{font-size:22px;letter-spacing:.28em;text-transform:uppercase;color:#6bd6ff}.mascot{max-width:300px;filter:drop-shadow(0 18px 35px #000)}.next,.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 0 35px rgba(32,147,255,.12);backdrop-filter:blur(8px)}.next{padding:28px;text-align:center}.next span{color:var(--blue);text-transform:uppercase}.next strong{display:block;font-size:36px;margin:12px 0}.grid{display:grid;grid-template-columns:2fr 1.3fr 1.5fr;gap:18px}.card{padding:22px;margin-bottom:18px}.latest-row{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center}.cover,.thumb{background:linear-gradient(135deg,#ff7a1a,#09172b 55%,#2ad4ff);border:1px solid var(--line);border-radius:12px}.cover{height:190px}.thumb{height:120px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-grid b{display:grid;place-items:center;min-height:110px;border:1px solid var(--line);border-radius:12px;font-size:36px}.stat-grid span{font-size:13px;text-transform:uppercase;color:var(--muted)}.hof-row,.event-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:11px 0}.hof-row span{background:var(--gold);color:#111;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-weight:900}.playlist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.playlist{display:grid;gap:8px;text-decoration:none;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:10px}table{width:100%;border-collapse:collapse;overflow:auto}th,td{border-bottom:1px solid rgba(255,255,255,.1);padding:10px;text-align:left}th{color:var(--blue);text-transform:uppercase;font-size:12px}footer{text-align:center;color:var(--muted);padding:24px}.admin-page{background:#08111f}.login-card,.admin-wrap{max-width:1100px;margin:40px auto;background:#101a2b;border:1px solid var(--line);border-radius:18px;padding:28px}.login-card{max-width:440px}.edit-form{display:grid;gap:12px;margin:20px 0}.edit-form label,.login-card label{display:grid;gap:6px;color:var(--muted);margin-bottom:12px}input{width:100%;padding:12px;border-radius:9px;border:1px solid var(--line);background:#060c16;color:var(--text)}button{color:#fff;cursor:pointer}.admin-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.admin-menu a{padding:20px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:#071426}.error{color:#ff8b8b}.ok{color:#7dffbd}@media(max-width:1000px){.shell{display:block}.sidebar{position:relative;width:auto;height:auto}.hero,.grid{grid-template-columns:1fr}.hero h1{font-size:48px}.mascot{max-width:220px}.playlist-grid{grid-template-columns:1fr 1fr}.main{padding:18px}.latest-row{grid-template-columns:1fr}}


.vote-button{
    display:flex;
    width:140px;
    height:140px;
    border-radius:50%;

    align-items:center;
    justify-content:center;

    background:radial-gradient(
        circle at 35% 30%,
        #ff9a9a 0%,
        #ff4040 35%,
        #d40000 70%,
        #7a0000 100%
    );

    color:#ffffff;
    text-decoration:none;
    text-align:center;

    font-weight:900;
    font-size:18px;
    line-height:1.1;
    text-transform:uppercase;

    border:4px solid #ffb0b0;

    box-shadow:
        0 0 30px rgba(255,0,0,.7),
        inset 0 6px 10px rgba(255,255,255,.35),
        inset 0 -8px 12px rgba(0,0,0,.4);

    margin:20px auto;

    transition:all .15s ease;
}

.vote-button:hover{
    transform:scale(1.05);
    box-shadow:
        0 0 45px rgba(255,50,50,.9),
        inset 0 6px 10px rgba(255,255,255,.4),
        inset 0 -8px 12px rgba(0,0,0,.4);
}

.vote-button:active{
    transform:scale(.95);
}

.rank-select{
    color:#ffffff !important;
    background:#2f3b4f !important;
}

.rank-select option{
    color:#000000 !important;
    background:#ffffff !important;
    font-size:16px;
}