@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b0e16;--surface:#141925;--line:#272e3e;--muted:#939caf;--accent:#c2f970}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 8%,#1d2c2440,transparent 45%),var(--bg);color:#f6f7fb;font-family:'DM Sans',sans-serif;min-height:100vh}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{color:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#1c2330;padding:11px 17px}button:hover{background:#2a3445}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{max-width:1400px;margin:auto;padding:25px 5%;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font:600 23px 'Space Grotesk',sans-serif}.brand img{width:40px;height:40px;border-radius:10px}.brand b{color:var(--accent)}.edition{font-size:10px;letter-spacing:2px;color:var(--muted);border:1px solid var(--line);padding:6px 8px;border-radius:5px}#clock{margin-left:auto;font-size:13px;color:var(--muted)}main{max-width:1240px;margin:auto;padding:50px 35px 32px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:var(--accent);margin:0 0 16px}h1{font:600 clamp(38px,5.5vw,68px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-2.5px;margin:0}h1 span{color:#8e99ad}.intro{color:var(--muted);font-size:16px;line-height:1.65;margin:24px 0 35px}.servers{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.server{text-align:left;position:relative;overflow:hidden;background:linear-gradient(145deg,#19202d,#111620);padding:24px;border-radius:14px;min-height:174px;transition:transform .18s,border .18s}.server:hover{transform:translateY(-4px);border-color:var(--accent);background:linear-gradient(145deg,#23322b,#151d22)}.server .number{font-size:10px;letter-spacing:2px;color:var(--muted)}.server .code{display:block;font:600 30px 'Space Grotesk',sans-serif;color:var(--accent);margin:17px 0 4px}.server strong{font-size:15px;font-weight:500}.server .arrow{position:absolute;right:24px;bottom:25px;color:var(--muted);font-size:23px}.server .pattern{position:absolute;right:18px;top:28px;width:62px;height:62px;border:1px solid #c2f97025;border-radius:50%;box-shadow:0 0 0 13px #c2f97008,0 0 0 26px #c2f97004}.bottomline{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:25px 0}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.list-heading h1{font-size:42px;letter-spacing:-1.5px}.quiet{background:transparent;border:0;padding:7px 0;color:var(--muted)}#back{margin-bottom:25px}.filters{display:flex;gap:12px}input,select{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:13px;color:#fff}input{flex:1;min-width:100px}#list-status{font-size:13px;color:var(--muted);line-height:1.7;margin:24px 0}.events{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.event{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;gap:14px;min-width:0}.event-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.event small{color:var(--accent);font-size:10px;letter-spacing:1px;text-transform:uppercase}.event h2{font:500 17px/1.4 'Space Grotesk',sans-serif;margin:0;overflow-wrap:anywhere}.event .watch{margin-top:auto;text-align:left;background:#202b26;color:var(--accent);border-color:#314333}.event .star{padding:2px 6px;border:0;background:transparent;font-size:20px}.event time{color:var(--muted);font-size:12px}.active{border-color:var(--accent)!important;color:var(--accent)}dialog{width:min(1000px,95vw);border:1px solid var(--line);background:#10151f;padding:0;border-radius:15px;overflow:hidden;max-height:96vh}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.player-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px}.player-head h2{font:500 19px 'Space Grotesk',sans-serif;margin:5px 0 0}.player-head small{color:var(--accent);font-size:10px;letter-spacing:1.5px}#close-player{padding:10px}.screen{aspect-ratio:16/9;position:relative;background:#000}.screen video,.screen iframe{width:100%;height:100%;border:0}.screen #overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#05080ee8;text-align:center;padding:25px;pointer-events:none}#player-message{max-width:500px;line-height:1.6}.spinner{width:28px;height:28px;border:2px solid #394332;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 24px}.player-actions a{font-size:13px;color:var(--muted);margin-left:auto}footer{max-width:1170px;margin:10px auto 0;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}[hidden]{display:none!important}@media(max-width:750px){header{padding:18px 22px}.brand{font-size:19px}.edition{display:none}main{padding:35px 20px}.servers,.events{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1;min-width:0}.bottomline span:last-child{display:none}footer{margin:15px 20px;font-size:10px;gap:15px}.server{padding:20px;min-height:160px}}@media(max-width:400px){.events{grid-template-columns:1fr}#clock{font-size:11px}}

.server .arrow{font-size:0;width:17px;height:17px;border-top:2px solid currentColor;border-right:2px solid currentColor}.server .arrow:after{content:'';position:absolute;width:22px;height:2px;background:currentColor;right:-3px;top:6px;transform:rotate(-45deg)}

.downloads{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.downloads small{font-size:11px;color:var(--muted)}button:disabled{opacity:.45;cursor:default}
