:root{
  --accent:#02e6e6;--accent2:#00a6b2;--bg:#050707;--surface:#0b1112;--surface2:#10191a;
  --text:#f7ffff;--muted:#94a6a7;--line:rgba(142,255,255,.13);--radius:18px;
  --shadow:0 20px 60px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}
.site-shell{min-height:100vh;background:radial-gradient(circle at 72% 4%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 30%),linear-gradient(180deg,#030505,var(--bg) 28%,#050808)}
.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}.announcement{padding:7px 16px;text-align:center;background:linear-gradient(90deg,var(--accent2),var(--accent));color:#001516;font-size:12px;font-weight:950;letter-spacing:.08em}.header{position:sticky;top:0;z-index:60;border-bottom:1px solid var(--line);background:rgba(3,6,6,.88);backdrop-filter:blur(18px)}.nav{min-height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;min-width:max-content}.brand img{width:150px;max-height:58px;object-fit:contain}.nav-links{margin-left:auto;display:flex;align-items:center;gap:20px}.nav-links a{position:relative;padding:28px 0 24px;color:#d5e0e0;font-size:13px;font-weight:850}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;transform:scaleX(0);background:var(--accent);box-shadow:0 0 12px var(--accent);transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.social-mini{display:flex;gap:7px}.social-mini a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;color:#dfeaea;font-size:10px;font-weight:950}.menu-button{display:none;margin-left:auto}
.btn,.ghost-btn,.mini-btn{border-radius:12px;font-weight:900;letter-spacing:.02em;transition:.2s}.btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;font-size:13px}.btn{border:0;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent2) 82%,white));color:#001516;box-shadow:0 0 28px color-mix(in srgb,var(--accent) 23%,transparent)}.btn:hover{transform:translateY(-1px);box-shadow:0 0 36px color-mix(in srgb,var(--accent) 33%,transparent)}.ghost-btn{border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);background:rgba(255,255,255,.025);color:#fff}.ghost-btn:hover{border-color:var(--accent);color:var(--accent)}
.hero{position:relative;min-height:590px;padding:72px 0;display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.32}.eyebrow,.section-kicker{color:var(--accent);font-size:12px;font-weight:950;letter-spacing:.14em}.hero h1{margin:10px 0 20px;font-size:clamp(56px,7vw,96px);line-height:.84;letter-spacing:-.055em;text-transform:uppercase}.hero h1 .accent{display:block;color:var(--accent);text-shadow:0 0 45px color-mix(in srgb,var(--accent) 35%,transparent)}.hero h2{margin:0 0 14px;font-size:21px}.hero p{max-width:650px;margin:0;color:#aebcbc;font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-art{position:relative;min-height:430px;display:grid;place-items:center}.hero-ring{position:absolute;width:min(420px,90%);aspect-ratio:1;border:8px solid var(--accent);border-radius:50%;box-shadow:0 0 78px color-mix(in srgb,var(--accent) 48%,transparent),inset 0 0 65px color-mix(in srgb,var(--accent) 17%,transparent)}.hero-art img{position:relative;z-index:2;width:min(520px,100%);filter:drop-shadow(0 25px 35px rgba(0,0,0,.62))}
.subhero{position:relative;overflow:hidden;padding:82px 0 64px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 28%),linear-gradient(180deg,#061011,#040707)}.subhero:before{content:"";position:absolute;right:7%;top:10%;width:280px;height:280px;border:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%;box-shadow:0 0 60px color-mix(in srgb,var(--accent) 15%,transparent)}.subhero .container{position:relative;z-index:1}.subhero h1{max-width:850px;margin:8px 0 10px;font-size:clamp(42px,6vw,72px);line-height:.95;letter-spacing:-.04em}.subhero p{max-width:740px;margin:0;color:var(--muted);font-size:17px}
.section{padding:54px 0}.compact-section{padding-top:20px}.section-head{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-head h2{margin:4px 0 0;font-size:31px}.section-head p{margin:0;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,white 2%),var(--surface));box-shadow:var(--shadow)}.grid{display:grid;gap:16px}.muted{color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:250px;padding:24px;display:flex;flex-direction:column;transition:.22s}.feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 48%,transparent);box-shadow:0 22px 60px rgba(0,0,0,.42),0 0 30px color-mix(in srgb,var(--accent) 8%,transparent)}.feature-icon{width:52px;height:52px;margin-bottom:26px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);font-size:22px;font-weight:900}.feature-card h3{margin:6px 0 8px;font-size:23px}.feature-card p{margin:0 0 24px}.feature-link{margin-top:auto;color:var(--accent);font-size:12px;font-weight:950;letter-spacing:.06em}
.player-large{position:relative;overflow:hidden;padding:24px;display:grid;grid-template-columns:260px minmax(0,1fr) 330px;gap:30px;align-items:stretch}.player-large:before{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:inherit;pointer-events:none}.player-cover-wrap{position:relative}.player-cover-large{width:100%;aspect-ratio:1;border-radius:16px;object-fit:cover;background:#071011;border:1px solid var(--line)}.live-badge{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(0,10,10,.82);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);font-size:11px;font-weight:950}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:pulse 1.5s infinite}.player-main{padding:8px 0;display:flex;flex-direction:column}.player-main h2{margin:7px 0 4px;font-size:34px}.controls{display:flex;align-items:center;gap:11px;margin:18px 0 14px}.controls-large{margin-top:26px}.round{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#101718;color:#fff}.round.primary{width:64px;height:64px;border-color:var(--accent);color:var(--accent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 18%,transparent)}.seek{width:100%;accent-color:var(--accent)}.player-meta{display:flex;justify-content:space-between;margin-top:5px;color:#718586;font-size:11px}.volume-row{display:flex;align-items:center;gap:10px;margin-top:18px;color:var(--muted);font-size:11px}.volume-row input{width:min(250px,100%);accent-color:var(--accent)}.stream-link{margin-top:auto;align-self:flex-start}.playlist-panel{padding-left:24px;border-left:1px solid var(--line)}.playlist-list{display:grid;gap:9px;margin-top:12px}.playlist-row{width:100%;padding:9px;border:1px solid transparent;border-radius:12px;background:#081011;color:#fff;display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;text-align:left}.playlist-row:hover,.playlist-row.active{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:#0b1617}.playlist-row img{width:48px;height:48px;border-radius:9px;object-fit:cover}.playlist-row span{min-width:0}.playlist-row strong,.playlist-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-row strong{font-size:13px}.playlist-row small{margin-top:2px;color:var(--muted);font-size:11px}.playlist-row b{color:var(--accent)}
.magazine-featured{margin-bottom:38px}.featured-article{overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;min-height:350px;transition:.2s}.featured-article:hover{border-color:color-mix(in srgb,var(--accent) 48%,transparent)}.featured-article img{width:100%;height:100%;min-height:350px;object-fit:cover}.featured-article>div{padding:34px;display:flex;flex-direction:column;justify-content:center}.featured-article h2{margin:8px 0 10px;font-size:36px;line-height:1}.featured-article p{color:var(--muted)}.magazine-heading{margin-top:10px}.magazine-grid{grid-template-columns:repeat(3,1fr)}.card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:.23s}.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 44%,transparent);box-shadow:0 16px 40px rgba(0,0,0,.3)}.article-card{cursor:pointer}.card-image{width:100%;height:200px;object-fit:cover;background:#081011}.card-body{padding:17px}.badge{color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.1em}.card h3{margin:7px 0 8px;font-size:20px;line-height:1.15}.card p{margin:0;color:var(--muted);font-size:14px}.meta{display:flex;gap:12px;margin-top:15px;color:#708384;font-size:12px}.article-page{overflow:hidden}.article-page-cover{width:100%;max-height:500px;object-fit:cover}.article-page-body{padding:34px}.article-copy{margin:18px 0 30px;white-space:pre-wrap;color:#c7d2d2;font-size:16px;line-height:1.75}
.sticker-summary{margin-bottom:22px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.sticker-summary>div:first-child{display:flex;align-items:baseline;gap:8px}.sticker-summary strong{color:var(--accent);font-size:32px}.progress{height:10px;overflow:hidden;border-radius:999px;background:#111919}.progress-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .4s}.sticker-grid{grid-template-columns:repeat(5,1fr)}.sticker{position:relative;min-height:265px;padding:14px;text-align:center}.sticker-img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:14px;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 10%,transparent),#050808);filter:grayscale(1) brightness(.3);opacity:.42;transition:.3s}.sticker.unlocked .sticker-img{filter:none;opacity:1}.sticker-lock{position:absolute;right:24px;top:24px;z-index:2;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#050808}.sticker.unlocked .sticker-lock{background:var(--accent);color:#001415}.rarity{margin-top:10px;font-size:10px;font-weight:950;letter-spacing:.12em}.rarity.RARE{color:#61b7ff}.rarity.EPIC{color:#d074ff}.rarity.LEGENDARY{color:#ffd45a}.rarity.SECRET{color:#ff6f91}.sticker h3{margin:7px 0 4px}
.event-list{display:grid;gap:14px}.event-large{padding:20px;display:grid;grid-template-columns:70px 90px 1fr auto;gap:18px;align-items:center}.event-number{color:#3b4b4c;font-size:28px;font-weight:950}.datebox{padding:10px 8px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:12px;color:var(--accent);text-align:center}.datebox b,.datebox span{display:block}.datebox b{font-size:22px}.datebox span{font-size:10px;font-weight:950}.event-large h2{margin:3px 0;font-size:23px}.event-large p{margin:0}
.team-page-grid{grid-template-columns:repeat(3,1fr)}.team-profile{padding:24px;text-align:center;transition:.23s}.team-profile:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.team-avatar{width:150px;height:150px;margin:0 auto 20px;padding:5px;border:2px solid color-mix(in srgb,var(--accent) 65%,transparent);border-radius:50%;box-shadow:0 0 30px color-mix(in srgb,var(--accent) 13%,transparent)}.team-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.team-profile h2{margin:7px 0 3px}.team-profile p{margin:0 0 20px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:18px;text-align:center}.stat strong{display:block;color:var(--accent);font-size:21px}.cta{margin-top:34px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:color-mix(in srgb,var(--accent) 34%,transparent)}.cta h3{margin:0;font-size:25px}.cta p{margin:7px 0 0}.footer{margin-top:48px;padding:34px 0 44px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.3fr .75fr .75fr;gap:28px}.footer-logo{width:165px;margin-bottom:12px}.footer small{color:var(--muted)}.footer-links{margin-top:12px;display:grid;gap:8px;color:#c7d2d2;font-size:13px}.footer-links a:hover{color:var(--accent)}
.loading-screen{min-height:100vh;display:grid;place-content:center;gap:14px;text-align:center;color:var(--muted)}.spinner{width:44px;height:44px;margin:auto;border:3px solid #162122;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.empty-state{padding:34px;text-align:center;color:var(--muted)}.input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;outline:none;background:#0c1415;color:#fff}.input:focus{border-color:var(--accent)}.modal{width:min(500px,calc(100% - 28px));padding:28px;border:1px solid var(--line);border-radius:18px;background:#081011;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.72)}.modal::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.modal-close{position:absolute;right:14px;top:9px;border:0;background:none;color:#fff;font-size:30px}.unlock-form{display:grid;gap:12px}.status{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0b1515;color:#aebbbb;font-size:13px}.status.good{border-color:rgba(2,230,230,.35);color:var(--accent)}.status.bad{border-color:rgba(255,91,110,.35);color:#ff8794}.toast{position:fixed;right:20px;bottom:20px;z-index:100;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:#111a1b;box-shadow:var(--shadow)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}
@media(max-width:1050px){.nav-links,.social-mini{display:none}.menu-button{display:inline-flex}.nav.open{height:auto;flex-wrap:wrap;padding-bottom:15px}.nav.open .nav-links{order:3;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.nav.open .nav-links a{padding:10px}.nav.open .nav-links a:after{display:none}.hero{grid-template-columns:1fr;padding-top:46px}.hero-art{min-height:340px}.feature-grid{grid-template-columns:repeat(2,1fr)}.player-large{grid-template-columns:220px 1fr}.playlist-panel{grid-column:1/-1;padding:22px 0 0;border-left:0;border-top:1px solid var(--line)}.playlist-list{grid-template-columns:repeat(2,1fr)}.magazine-grid{grid-template-columns:repeat(2,1fr)}.sticker-grid{grid-template-columns:repeat(3,1fr)}.team-page-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 24px,1180px)}.brand img{width:130px}.hero{min-height:auto}.hero h1{font-size:54px}.hero-art{min-height:280px}.subhero{padding:60px 0 46px}.subhero h1{font-size:44px}.section{padding:40px 0}.section-head{align-items:flex-start;flex-direction:column}.feature-grid,.magazine-grid,.team-page-grid,.stats{grid-template-columns:1fr}.player-large{grid-template-columns:1fr}.player-cover-large{max-width:290px;margin:auto}.player-main{text-align:center}.controls{justify-content:center}.stream-link{align-self:center}.playlist-list{grid-template-columns:1fr}.featured-article{grid-template-columns:1fr}.featured-article img{min-height:230px;height:230px}.featured-article>div{padding:24px}.featured-article h2{font-size:30px}.sticker-summary{grid-template-columns:1fr;text-align:center}.sticker-summary>div:first-child{justify-content:center}.sticker-grid{grid-template-columns:repeat(2,1fr)}.event-large{grid-template-columns:60px 1fr}.event-large .datebox{grid-row:1/3}.event-large>div:nth-child(3){grid-column:2}.event-large .ghost-btn{grid-column:1/-1}.event-number{display:none}.cta{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.nav.open .nav-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.sticker-grid{grid-template-columns:1fr}.hero h1{font-size:47px}.feature-card{min-height:220px}.subhero h1{font-size:38px}}

/* DOMES LOGO REWORK v2.4 START */
.header{background:rgba(3,6,6,.92);backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(0,0,0,.32)}
.nav{min-height:92px;gap:18px}
.brand{
  position:relative;display:flex;align-items:center;justify-content:center;
  padding:10px 14px 10px 12px;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);
  border-radius:24px;
  background:
    radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 35%),
    linear-gradient(180deg,rgba(7,14,15,.96),rgba(3,8,9,.94));
  box-shadow:0 22px 60px rgba(0,0,0,.34),0 0 34px color-mix(in srgb,var(--accent) 14%,transparent),inset 0 0 0 1px rgba(255,255,255,.02);
}
.brand::after{content:"";position:absolute;inset:8px;border-radius:18px;pointer-events:none;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent)}
.brand img{width:clamp(120px,13vw,170px);max-height:74px;object-fit:contain;filter:drop-shadow(0 20px 32px rgba(0,0,0,.38)) drop-shadow(0 0 30px color-mix(in srgb,var(--accent) 13%,transparent))}
.hero{grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-top:88px;padding-bottom:86px}
.hero h1{max-width:7ch;text-shadow:0 12px 32px rgba(0,0,0,.28)}
.hero p{font-size:18px;max-width:640px}
.hero-art{position:relative;min-height:560px;display:grid;place-items:center;isolation:isolate}
.hero-art::before{content:"";position:absolute;inset:8% 10%;border-radius:44px;z-index:0;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 52%),linear-gradient(180deg,rgba(8,16,17,.65),rgba(4,10,10,.92));border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:0 25px 60px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.02)}
.hero-ring{width:min(470px,92%);border-width:10px;opacity:.92}
.hero-art img{position:relative;z-index:2;width:min(620px,100%);transform:translateY(12px);object-fit:contain;filter:drop-shadow(0 28px 38px rgba(0,0,0,.54)) drop-shadow(0 0 34px color-mix(in srgb,var(--accent) 15%,transparent))}
.feature-card,.team-profile,.sticker,.event-large,.panel,.card{backdrop-filter:blur(3px)}
.player-large{background:linear-gradient(180deg,rgba(8,15,16,.96),rgba(7,12,13,.98));border-color:color-mix(in srgb,var(--accent) 18%,transparent)}
.player-cover-large[src*="domes-logo"],.card-image[src*="domes-logo"],.article-page-cover[src*="domes-logo"],.team-avatar img[src*="domes-logo"],.sticker-img[src*="domes-logo"],.featured-article img[src*="domes-logo"]{object-fit:contain;padding:16px;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 48%),linear-gradient(180deg,#071112,#050909)}
.team-avatar{padding:12px;border-radius:22px;background:linear-gradient(180deg,#071112,#061010);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}
.team-avatar img{object-fit:contain}
.sticker-img{min-height:220px}
.footer{border-top:1px solid color-mix(in srgb,var(--accent) 18%,transparent);background:linear-gradient(180deg,#050808,#030505)}
.footer-logo{width:210px;max-height:128px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.42)) drop-shadow(0 0 24px color-mix(in srgb,var(--accent) 10%,transparent))}
.cta{position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 30%);pointer-events:none}
@media (max-width:980px){.nav{min-height:86px;flex-wrap:wrap;padding-block:14px}.brand{padding:8px 12px}.brand img{width:136px;max-height:68px}.hero{grid-template-columns:1fr;gap:26px;padding-top:64px}.hero-art{min-height:420px}.hero-art img{width:min(520px,100%)}}
@media (max-width:640px){.brand{width:100%;justify-content:flex-start}.brand img{width:122px;max-height:60px}.hero-art{min-height:320px}.hero-ring{width:min(300px,92%)}.hero-art img{width:min(360px,100%)}.footer-logo{width:170px}}
/* DOMES LOGO REWORK v2.4 END */