:root{--ground:#14171a;--card:#1c2126;--rule:#2a3138;--ink:#eceff0;--ink-2:#c6cdd1;--ink-3:#949ca1;--chili:#bf3b2b;--gold:#c9a227;--superior:#3a92ff;--epic:#a02ef7;--legendary:#c9a227;--serif:Georgia,"Iowan Old Style","Palatino Linotype",serif;--sans:"Segoe UI",ui-sans-serif,-apple-system,Roboto,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--ground);color:var(--ink-2);font-family:var(--sans);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}main{width:100%;max-width:620px;background:var(--card);border:1px solid var(--rule)}.quality-bar{display:flex;height:6px}.quality-bar span{flex:1 1}.quality-bar span:first-child{background:var(--superior)}.quality-bar span:nth-child(2){background:var(--epic)}.quality-bar span:nth-child(3){background:var(--legendary)}.inner{padding:40px 40px 36px}.wordmark{margin:0 0 32px;font-size:14px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}h1{font-family:var(--serif);font-size:clamp(30px,7vw,40px);font-weight:400;line-height:1.2;color:var(--ink);text-wrap:balance}h1,p{margin:0 0 20px}p{max-width:52ch}p:last-of-type{margin-bottom:0}.servers{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 32px;padding:0;list-style:none}.servers li{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--rule);padding:5px 12px}.live{display:inline-block;padding:15px 30px;background:var(--chili);color:#fff;font-size:17px;font-weight:600;text-decoration:none}.live:focus-visible,.live:hover{background:#d1442f}.live:focus-visible{outline:3px solid var(--gold);outline-offset:3px}footer{margin-top:36px;padding-top:20px;border-top:1px solid var(--rule);font-size:14px;line-height:1.6;color:var(--ink-3)}@media (max-width:480px){.inner{padding:32px 24px 28px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body:has(.livebar){display:block;padding:0}body:has(.livebar) main{margin:24px auto}.livebar{background:var(--card);border-bottom:1px solid var(--rule);box-shadow:inset 0 3px 0 var(--chili)}.livebar-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:1100px;margin:0 auto;padding:14px 20px}.livebar-dot{width:10px;height:10px;border-radius:50%;background:var(--chili);flex:none;box-shadow:0 0 0 4px rgba(191,59,43,.22)}.livebar-text{margin:0;flex:1 1 260px;min-width:0;font-size:16px;line-height:1.4}.livebar-text strong{color:var(--ink);display:block}.livebar-sub{display:block;color:var(--ink-3);font-size:14px}.livebar-btn{flex:none;padding:10px 20px;background:var(--chili);color:#fff;border:none;font:inherit;font-size:15px;font-weight:600;cursor:pointer}.livebar-btn:hover{background:#d1442f}.livebar-btn:focus-visible,.livebar-link:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.livebar-link{flex:none;color:var(--gold);font-size:15px;text-decoration:none;border-bottom:1px solid transparent}.livebar-link:hover{border-bottom-color:var(--gold)}.livebar-player{max-width:1100px;margin:0 auto;padding:0 20px 20px;aspect-ratio:16/9;max-height:70vh}.livebar-player iframe{border:1px solid var(--rule);display:block}@media (max-width:560px){.livebar-row{padding:12px 16px;gap:12px}.livebar-btn{flex:1 1 auto}}