*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}input,select,textarea,button{max-width:100%;font:inherit}.container{max-width:1180px;width:calc(100% - 36px);margin-inline:auto}

/* Server health indicator */
.v2-server-health{display:flex;justify-content:center;gap:14px;margin:-4px 0 13px;font:10px Arial,sans-serif;color:#8b9ab9}.v2-server-health span{display:flex;align-items:center;gap:5px}.v2-server-health i{width:7px;height:7px;border-radius:50%;background:#e15a68;box-shadow:0 0 8px rgba(225,90,104,.5)}.v2-server-health i.is-online{background:#3ee894;box-shadow:0 0 9px #3ee894}.v2-server-health b{color:#c9d5ef;font-weight:500}

/* How-to section */
.v2-howto{padding:52px 0 12px;scroll-margin-top:90px}.v2-section-head{text-align:center;margin-bottom:24px}.v2-section-head small{color:#6595ff;font:10px Arial;letter-spacing:.25em}.v2-section-head h2{font:400 25px Cinzel,serif;letter-spacing:.08em;margin:8px 0}.v2-section-head p{color:#8491ab;margin:0;font:14px/1.6 Arial}.v2-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v2-steps article{position:relative;text-align:center;padding:28px 22px 24px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(8,18,43,.91),rgba(1,7,19,.92))}.v2-steps article>b{position:absolute;top:12px;left:15px;color:rgba(92,139,244,.3);font:30px Cinzel}.v2-steps h3{font:400 14px Cinzel;letter-spacing:.04em}.v2-steps p{min-height:42px;color:var(--muted);font:13px/1.55 Arial}.v2-step-icon{display:block;width:46px;height:46px;margin:8px auto 16px;border:1px solid rgba(86,136,244,.55);border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:23px;box-shadow:0 0 18px rgba(40,99,231,.18)}.v2-step-user{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2369a2ff' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 22c0-5 3-8 8-8s8 3 8 8'/%3E%3C/svg%3E")}.v2-step-download{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2369a2ff' stroke-width='2'%3E%3Cpath d='M12 3v12m-5-5 5 5 5-5M4 21h16'/%3E%3C/svg%3E")}.v2-step-play{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2369a2ff' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m10 8 6 4-6 4Z'/%3E%3C/svg%3E")}

/* Smooth transitions globally */
a, button, .btn, .v2-btn, .v2-small-btn, input[type=submit], input[type=button] { transition: color .2s, background .2s, border-color .2s, box-shadow .2s, transform .2s, opacity .2s; }

/* Focus styles for accessibility */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: 2px;
}

/* Cookie banner */
#cookie-banner{position:fixed;bottom:0;left:0;right:0;background:rgba(10,20,32,0.95);backdrop-filter:blur(10px);border-top:1px solid rgba(234,196,133,0.15);padding:16px 24px;z-index:9999;display:none;font-family:Arial,sans-serif;animation:cookieSlideUp .3s ease-out}
@keyframes cookieSlideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
#cookie-banner.show{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
#cookie-banner p{margin:0;font-size:13px;color:#a09080;line-height:1.5}
#cookie-banner p a{color:var(--gold-light);text-decoration:underline}
#cookie-btn{background:var(--gold);color:#0a1420;border:none;padding:8px 24px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .2s}
#cookie-btn:hover{background:var(--gold-light)}

/* Vote banners — mobile horizontal scroll */
.vote-banners-grid{overflow-x:auto;display:flex;flex-wrap:nowrap;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(74,123,196,.3) transparent}
.vote-banners-grid a{flex:0 0 auto;scroll-snap-align:start;display:inline-block;opacity:.7;transition:.2s;border:1px solid transparent}
.vote-banners-grid a:hover{opacity:1;border-color:var(--border)}

/* Footer mobile */
@media(max-width:768px){.footer-grid{grid-template-columns:1fr!important;gap:28px!important}.site-footer a{display:flex;align-items:center;min-height:44px}.vote-banners-grid{justify-content:flex-start}}

/* Form elements mobile-friendly */
@media(max-width:680px){html{font-size:16px}body{font-size:16px;line-height:1.55}.container{width:calc(100% - 24px)}a,button,.btn,.v2-btn,.v2-small-btn,input[type=submit],input[type=button]{min-height:44px}.site-header .logo span{font-size:28px}.site-header .logo small{font-size:10px}.mobile-drawer .main-nav a{display:flex;align-items:center;min-height:48px;font-size:16px}.mobile-drawer .header-actions .btn{min-height:48px}.v2-features{grid-template-columns:1fr 1fr}.v2-feature h2{font-size:13px}.v2-feature p{font-size:12px}.v2-server-health{flex-direction:column;align-items:center}.v2-howto{padding-top:40px}form input,form select,form textarea{width:100%;min-height:44px;font-size:16px}table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap}}

@media(max-width:900px){.v2-steps{grid-template-columns:1fr}.v2-steps article{max-width:620px;width:100%;margin:auto}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(max-width:680px){.clean-list li{grid-template-columns:1fr;gap:4px}.clean-list b{display:block;margin-bottom:2px}}