.accessPage{color:#f4f0e9;background:radial-gradient(circle at 80% 10%,#3b0712 0,#0000 28%),#050505;min-height:100svh;padding:0 20px 80px}.accessPage header{border-bottom:1px solid #3a3a3a;justify-content:space-between;align-items:center;max-width:1180px;height:78px;margin:auto;display:flex}.accessPage header a{color:#fff;font:34px/1 var(--display);text-decoration:none}.accessPage header i{color:#bd1135;font-style:normal}.accessPage header span,.label,.accessIdentity span,.accessProgress>span,.accessLink>span,.accessFriends>div span{font:700 10px var(--mono);letter-spacing:2px;color:#bd1135}.accessPage section{width:min(1180px,100%);margin:70px auto}.accessPage h1{font:clamp(65px,12vw,124px)/.78 var(--display);letter-spacing:-.04em;margin:28px 0 48px}.accessPage h1 em{color:#bd1135;font-style:normal;display:block}.accessState{color:#bbb;background:#151515;border-left:4px solid #bd1135;padding:22px;line-height:1.6}.accessButton,.accessLink button{color:#fff;text-align:center;font:800 12px var(--mono);letter-spacing:1px;cursor:pointer;background:#bd1135;border:0;padding:20px;text-decoration:none;display:block}.accessIdentity,.accessProgress,.accessLink,.accessFriends{background:#0d0d0d;border:1px solid #3a3a3a;margin-top:18px;padding:24px}.accessIdentity{grid-template-columns:1fr auto;gap:10px;display:grid}.accessIdentity span{grid-column:1/-1}.accessIdentity strong{font:36px var(--display)}.accessIdentity b{color:#bbb;align-self:center;font-size:11px}.accessProgress strong{font:90px/.9 var(--display);margin:20px 0 10px;display:block}.accessProgress small{color:#777;font-size:.45em}.accessProgress>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.accessProgress i{background:#262626;height:12px}.accessProgress i.done{background:#bd1135;box-shadow:0 0 24px #bd1135}.accessProgress p{color:#aaa;font-size:12px;line-height:1.6}.accessLink{gap:15px;display:grid}.accessLink code{text-overflow:ellipsis;white-space:nowrap;border:1px solid #333;padding:15px;overflow:hidden}.accessFriends>div{justify-content:space-between;margin-bottom:15px;display:flex}.accessFriends p{color:#888;border-top:1px solid #292929;justify-content:space-between;margin:0;padding:15px 0;display:flex}.accessFriends p strong{color:#fff}.refresh{color:#fff;cursor:pointer;background:#171717;border:1px solid #555;width:100%;margin-top:12px;padding:14px}.djLogin{background:#0d0d0d;border:1px solid #3a3a3a;width:min(760px,100%);margin:auto;padding:clamp(24px,5vw,48px)}.djLogin>p:not(.label){color:#aaa;line-height:1.6}.djLogin label{color:#888;font:700 10px var(--mono);letter-spacing:1px;margin-top:24px;display:block}.djLogin input{color:#fff;background:#050505;border:1px solid #555;width:100%;margin-top:9px;padding:18px;display:block}.djLogin button{color:#fff;width:100%;font:800 12px var(--mono);cursor:pointer;background:#bd1135;border:0;margin-top:14px;padding:20px}.djLogin>strong{color:#ff718b;margin-top:15px;display:block}.djLogin>a{color:#aaa;font:700 10px var(--mono);letter-spacing:1px;margin-top:24px;display:block}.djDashboardTitle{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.djDashboardTitle h1{margin:18px 0 0}.djDashboardTitle .refresh{width:auto;margin:0}.djStats{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px;display:grid}.djStats article{background:#0d0d0d;border:1px solid #3a3a3a;padding:20px}.djStats span,.djRule span{color:#bd1135;font:700 9px var(--mono);letter-spacing:1.5px;display:block}.djStats strong{font:30px/1 var(--display);margin-top:12px;display:block}.djStats article:last-child strong{font-size:22px}.djRule{background:#21040b;border:1px solid #651027;margin-top:12px;padding:22px}.djRule strong{margin-top:10px;line-height:1.4;display:block}@media (max-width:750px){.djDashboardTitle{flex-direction:column;align-items:flex-start}.djStats{grid-template-columns:1fr 1fr}}@media (max-width:600px){.accessPage section{margin-top:45px}.accessPage h1{font-size:20vw}.accessIdentity{grid-template-columns:1fr}.accessIdentity b,.accessLink code{font-size:9px}.accessFriends p{font-size:10px}}@media (max-width:450px){.djStats{grid-template-columns:1fr}}
