:root{--bg:#0b1419;--text:#f0f4f6;--muted:#b0bec8;--gold:#39d8c3;--line:#526b7566;font-family:Segoe UI,Arial,sans-serif}body{background:radial-gradient(ellipse at 55% 0,#19282b55,transparent 70%),var(--bg);min-height:100vh}.ambient{display:none}header{max-width:none;padding:0 3%;height:72px;gap:45px;border-bottom:1px solid var(--line);background:#0c151bd9}.brand{font:700 25px Segoe UI,sans-serif;letter-spacing:6px;white-space:nowrap;gap:14px}.brand small{font:400 16px Segoe UI,sans-serif;letter-spacing:0;margin:0;color:#b8c8d1}nav{align-self:stretch;display:flex;gap:25px;padding:0}.tab{padding:0 18px;border:0;border-bottom:4px solid transparent;color:var(--muted);font-size:15px;cursor:pointer}.tab.active{border-color:var(--gold);color:var(--text);font-weight:600}.header-tools{display:flex;align-items:center;gap:24px;margin-left:auto}.header-tools select{width:175px;margin:0;padding:9px;background:#0b1419;border-color:#6c8490}.header-clock{border-left:1px solid #647780;padding-left:24px;font-size:14px;white-space:nowrap;color:var(--muted)}.header-clock strong{font-variant-numeric:tabular-nums;color:var(--text);font-size:16px;margin-left:6px;font-weight:600}main{max-width:1800px;padding:0 2.7%;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 0 20px}.page-heading h1{font:700 38px/1.2 Segoe UI,sans-serif;letter-spacing:-.7px;margin:0}.page-heading h1 span{font-size:12px;letter-spacing:0;vertical-align:middle;color:#8ea7b0;border:1px solid var(--line);border-radius:20px;padding:3px 7px;margin-left:6px}.page-heading p{font-size:16px;color:var(--muted);margin:7px 0 0}.button{background:#14272c55;border:1px solid #4c727a;color:#d9e8ec;border-radius:6px}.button:hover{border-color:var(--gold);background:#1a4d4a55}.event-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:22px}.filters{display:flex;gap:12px;margin:0 0 22px;flex-wrap:wrap}.filter{border:1px solid #69828e;background:#101b21;color:#dbe5eb;border-radius:22px;padding:7px 22px;cursor:pointer;font:13px Segoe UI,sans-serif}.filter.active{background:#176a65;border-color:#37dcc8;color:white}.filter:hover{border-color:#55decc}.events{gap:15px}.event{grid-template-columns:1fr 225px;min-height:235px;border:1px solid #5c7481;border-radius:10px;background-color:#17232b;background-size:cover;background-position:center;box-shadow:0 5px 22px #0003;isolation:isolate}.event:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071117e8 0,#071117b5 28%,#07111710 66%,#07111799 100%),linear-gradient(0deg,#071117bb,transparent 50%);z-index:-1}.event.banner-celtak{background-image:url('assets/celtak.png');background-size:auto 145%;background-position:72% 40%;background-repeat:no-repeat;background-color:#172233}.event.banner-crimson-rift{background-image:url('assets/crimson-rift.png');background-position:center 48%}.art{display:none}.event-info{padding:25px 28px 22px}.tags{font-size:11px;letter-spacing:.6px}.tags>span{display:inline-flex;align-items:center;border:1px solid #9db4bccc;background:#0b1723a6;border-radius:20px;padding:5px 11px;color:#edf5f6;gap:8px}.tags>span:before{content:'';background:#a671e4;width:9px;height:9px;border-radius:50%}.banner-crimson-rift .tags>span:before{background:#f5b640}.event h3{font:700 clamp(24px,2.2vw,38px)/1.13 Segoe UI,sans-serif;letter-spacing:-.7px;margin:15px 0 10px;text-shadow:0 2px 12px #0009}.place{font-size:15px;color:#c7d6df;margin:0 0 15px}.place:before{content:'⌖';margin-right:8px}.schedule{gap:6px}.schedule span{border-color:#9db4bc50;background:#09131c66;font-size:10px;color:#d2dee6;padding:4px 6px}.event-timer{border:0;align-self:end;align-items:flex-end;padding:0 25px 23px;gap:0;position:relative}.status{font-size:10px;letter-spacing:.8px;color:#edf2f5}.countdown{font-size:33px;font-weight:700;letter-spacing:-.5px;color:#f3f6f8;line-height:1.4}.event-timer small{font-size:11px;color:#c0cdd4}.edit{font-size:10px;color:#a8bdc8;margin-top:8px}.progress{left:0;height:3px;background:transparent}.event.is-open{border-color:#39d8c3}.status.open{color:#56ebc7}.bookmark{position:absolute;right:20px;top:18px;border:0;background:#07111777;width:32px;height:32px;border-radius:4px;color:#dce7ed;cursor:pointer;padding:6px}.bookmark svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.bookmark[aria-pressed=true]{color:#3ae0c5}.bookmark[aria-pressed=true] svg{fill:#3ae0c544}.bookmark:hover{background:#0e292bcc}.timeline{display:block;margin:0;padding:17px 18px 20px;border:1px solid #526b75;border-radius:10px;background:#111d23aa}.timeline h2{font:700 24px Segoe UI,sans-serif;margin:0 0 14px;padding-bottom:17px;border-bottom:1px solid var(--line)}#upcoming{display:block}.upcoming-item{display:grid;grid-template-columns:61px minmax(0,1fr) auto;gap:12px;align-items:center;border:0;border-bottom:1px solid var(--line);padding:11px 0}.upcoming-thumb{width:61px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #6d82914d;background:#173135;display:grid;place-items:center;font-size:23px;color:#55dac5}.upcoming-item p{font-size:14px;font-weight:600;margin:0 0 5px;color:#f0f3f5}.upcoming-item span{font-size:11px;margin:0;color:#c4d2da}.upcoming-item strong{font-size:14px;color:#ecf4f6;font-variant-numeric:tabular-nums}.zone-note{font-size:11px;line-height:1.6;color:#b0c5ce;margin:20px 0 0}.hint{font-size:10px;color:#8198a2;margin-top:15px}.empty{border:1px dashed #526b75;border-radius:10px;text-align:center;padding:65px 25px;color:#a9bec9;font-size:14px}.empty strong{display:block;font-size:20px;color:#eef4f6;margin-bottom:10px}footer{margin-top:30px;padding:20px 0;font-size:10px;color:#90a6b0}footer span:first-child{color:#90a6b0;font-size:10px;letter-spacing:1px}.primary{background:#238e82;color:white;border-color:#3bd9c6}.primary:hover{background:#2aab9b}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{background:#111f27;border-color:#65818b}dialog h2{font:600 23px Segoe UI,sans-serif}.form-row{grid-template-columns:2fr 1fr}@media(min-width:1500px){.event{min-height:245px}.event-layout{grid-template-columns:minmax(0,1fr) 420px}.upcoming-item{grid-template-columns:70px minmax(0,1fr) auto}.upcoming-thumb{width:70px;height:70px}.upcoming-item p{font-size:17px}.upcoming-item strong{font-size:17px}}@media(max-width:1050px){header{gap:20px}.brand{font-size:22px}.brand small{display:none}.header-tools{gap:12px}.header-clock{padding-left:12px}.header-clock>span{display:none}.event-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.event{grid-template-columns:1fr 170px}.event-info{padding:22px}.event-timer{padding-right:20px}.countdown{font-size:27px}.upcoming-item{grid-template-columns:45px minmax(0,1fr);gap:9px}.upcoming-thumb{width:45px;height:52px;grid-row:1/3}.upcoming-item>strong{grid-column:2}.filter{padding:6px 15px}}@media(max-width:800px){.event-layout{grid-template-columns:1fr}.timeline{margin-top:10px}.event{grid-template-columns:1fr 200px;min-height:225px}.event-timer{grid-column:auto;display:flex;flex-direction:column;align-items:flex-end;flex-wrap:nowrap}.event-info{padding:25px}.upcoming-item{grid-template-columns:60px minmax(0,1fr) auto}.upcoming-thumb{width:60px;height:60px;grid-row:auto}.upcoming-item>strong{grid-column:auto}header{height:auto;min-height:70px;flex-wrap:wrap;gap:0 18px;padding:12px 4% 0}nav{order:3;width:100%;height:46px;margin-top:5px}.tab{padding:0 10px}.header-tools select{width:130px;padding:6px}.header-clock{font-size:12px}.header-clock strong{font-size:13px}.page-heading h1{font-size:32px}.page-heading p{font-size:14px}.page-heading{padding-top:25px}main{padding:0 4%}.timeline h2{font-size:22px}}@media(max-width:520px){.brand{font-size:18px;letter-spacing:4px}.header-tools{gap:8px}.header-tools select{width:105px;font-size:11px}.header-clock{border:0;padding:0}.header-clock strong{font-size:11px}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:29px}.page-heading .button{font-size:0;padding:9px}.page-heading .button:before{content:'＋ Event';font-size:11px}.filters{gap:7px;margin-bottom:16px}.filter{font-size:11px;padding:6px 13px}.event{grid-template-columns:1fr;min-height:275px;background-position:65% center}.event.banner-celtak{background-size:auto 130%;background-position:70% center}.event-info{padding:20px}.event h3{font-size:28px;max-width:80%}.event-timer{grid-column:1;flex-direction:column;align-items:flex-end;padding:0 20px 18px;margin-top:-20px;gap:0}.status{font-size:9px}.countdown{font-size:28px}.event-timer small{font-size:10px}.schedule{max-width:58%}.place{font-size:13px}.bookmark{right:15px;top:15px}.tags{font-size:9px}.form-row{grid-template-columns:1fr}.timeline{padding:18px}.upcoming-item strong{font-size:13px}footer{flex-direction:column;gap:8px}}

/* Full-width banners supplied by the user. */
.event.banner-celtak{background-image:url('assets/celtak.png?v=2');background-size:cover;background-position:center 43%}
.event.banner-crimson-rift{background-image:url('assets/crimson-rift.png?v=2');background-size:cover;background-position:center 43%}
.upcoming-thumb{object-position:78% center}
@media(max-width:520px){.event.banner-celtak,.event.banner-crimson-rift{background-size:cover;background-position:72% center}}

/* Bluesalt: the clock always follows the device time zone. */
.header-clock{border-left:0;padding-left:0}