body{background-color:#101720}
header{border-bottom:1px solid #a4d6ff0c}
.site-sidebar{background:#131f2b;border-right:1px solid #7ebdf51c;box-shadow:8px 0 35px #00000012}
.site-sidebar nav a{border-radius:10px;border:1px solid transparent;padding:11px 12px}
.site-sidebar nav a[aria-current="page"]{border:1px solid #7ccaff45;background:#26445c;box-shadow:none}
.site-sidebar nav a[aria-current="location"]{border:1px solid #7ccaff22;background:#7ccaff10}
.sidebar-children{border-left-color:#7ccaff20;margin-left:19px}
.sidebar-server{border-radius:14px;border:1px solid #7ccaff20;background:#0f1b26;box-shadow:none;padding:16px}
.sidebar-brand img,.brand .mark{filter:drop-shadow(0 3px 8px #5aabff22)}
.pixel-label{border:1px solid #8ed4ff25;border-radius:100px;background:#263e5266;color:#b9e5ff;padding:7px 13px;font-size:13px}
.button{border:1px solid #88b7d43d;border-radius:12px;background:#263e52;box-shadow:0 5px 18px #0002;padding:13px 20px}
.primary{background:linear-gradient(135deg,#93d8ff,#66afea);border:1px solid #b9e6ff75;color:#102537;box-shadow:0 5px 22px #4194d82b}
.button:hover{box-shadow:0 7px 25px #519ee536;filter:brightness(1.05);transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.server-panel{border:1px solid #8bcaff30;border-radius:20px;background:linear-gradient(135deg,#223d50e8,#172c3de8);padding:22px;box-shadow:0 12px 40px #0002}
.server-panel .button{border-radius:12px}
.card{border:1px solid #8cc6f529;border-radius:22px;background:#1a2b3a;box-shadow:0 10px 32px #0002;overflow:hidden}
.art{border-bottom:1px solid #9dd5ff14;background:linear-gradient(160deg,#284e61,#1b3147)}
.art.two{background:linear-gradient(160deg,#385578,#243149)}
.art.three{background:linear-gradient(160deg,#454769,#2b304b)}
.tag{border-radius:100px;border:1px solid #a6d9ff25;background:#142839df;padding:6px 10px;font-family:'Segoe UI',Arial,sans-serif;font-size:11px}
.card-body{padding:23px}
.mode-link{border-top-color:#97cdff18}
.lobby-note{border-left:0;background:#75baff09;border:1px solid #75baff15;border-radius:12px;padding:13px 16px}
.community{border:1px solid #8bcaff25;border-radius:22px;background:linear-gradient(120deg,#1b3042,#1c2c3c);box-shadow:0 10px 32px #0001;padding:30px}
.features article{border:1px solid #8cc6f525;border-radius:18px;background:#1a2b3a;box-shadow:0 7px 24px #0001;padding:24px}
.features article:hover{border-color:#7ccaff50}
.regular,.command-grid>div,.command-grid article{border:1px solid #8cc6f525;border-radius:16px;background:#192d3d;box-shadow:none}
.rank-path li{border:1px solid #8cc6f529;border-radius:9px;background:#1b3042;padding:9px 12px}
.rank-path li:last-child{background:#90d3ff}
.read-more{border-top-color:#8cc6f522}.regular{padding:18px 22px}
.join{border:1px solid #8cc6f525;border-radius:20px;background:#1a2d3d;padding:28px}
.small{border:1px solid #8cc6f52f;border-radius:100px;padding:8px 13px;background:#20384b}
.sound-toggle{border-radius:11px;background:#1a2e3f;border:1px solid #8cc6f52b;padding:12px}
.sound-toggle:hover{background:#29465c;border-color:#8cc6f55c}
dialog{border:1px solid #9ad2ff45;border-radius:22px;background:#1b2e40;box-shadow:0 20px 80px #0008;padding:30px}
footer{border-top:1px solid #8cc6f51a}
h1{text-shadow:none}
@media(hover:hover) and (pointer:fine){.card:hover{transform:translateY(-5px);border-color:#86ccff66;box-shadow:0 17px 40px #0003,0 0 24px #559ddd10}.button:hover{box-shadow:0 8px 26px #519ee52b}}
@media(max-width:1150px) and (min-width:761px){.art{border-right:1px solid #9dd5ff14;border-bottom:0}}
@media(max-width:760px){.site-sidebar{border-bottom:1px solid #8cc6f525}.card{border-radius:18px}.art{border-right:0;border-bottom:1px solid #9dd5ff14}.server-panel{padding:18px;border-radius:17px}.community,.join{padding:23px;border-radius:18px}.features article{padding:21px}}
@media(prefers-reduced-motion:reduce){.button:hover,.card:hover{transform:none}}