/* BreakFest: black, midnight blue and white. */
:root{--blue:#2456d8;--blue-bright:#3975ef;--blue-light:#a7c7ff;--line:#244c8b;--muted:#b6c6df;--text:#f5f8ff;--bg:#05070d;--panel:#0a1222}
body{background:#05070d;color:var(--text)}
em,.stats strong span,.section-label>span:first-child,.intro-copy .text-link,.event-number,.vip-monogram,.hero-tag strong,.gallery-photo b{color:#f5f8ff}
.button{color:#fff;background:var(--blue);border-color:#4677ea;box-shadow:inset 0 1px 0 #ffffff14}
.button:hover{background:#3066eb;box-shadow:0 10px 35px #2456d833}
.button-outline{color:#fff;background:#0a1631b3;border-color:#3e6bbe}
.button-outline:hover{background:#193967}
.button:focus-visible,a:focus-visible,button:focus-visible{outline-color:#a7c7ff}
::selection{background:#2456d8;color:#fff}
.header{height:94px;border-color:#214b93;background:#05070df5;gap:25px}
.header nav{gap:27px;margin-left:auto;margin-right:auto}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.header-actions .button{gap:14px}
.brand-divider{color:#78a8ff}
.hero{margin:16px 18px 0;min-height:700px;border:1px solid #2b5fb6;border-radius:26px;isolation:isolate;background:#070d1d}
.hero-image{object-position:50% 45%;opacity:.44;filter:saturate(.8);animation:hero-in 1.5s ease-out both}
.hero-shade{background:linear-gradient(90deg,#050912f7 0%,#050912d9 35%,#060b1c8c 63%,#07112733 100%),linear-gradient(0deg,#050a16e6,transparent 50%)}
.hero-grid{background-image:linear-gradient(#739aff07 1px,transparent 1px),linear-gradient(90deg,#739aff07 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,#000,transparent)}
.hero-content{padding-top:65px;z-index:3;pointer-events:none}
.hero-content>*{pointer-events:auto;width:fit-content;max-width:100%}
.hero-content .eyebrow{font-size:11px;letter-spacing:2px}
.hero h1{font-size:clamp(65px,6.8vw,100px);line-height:1.03;letter-spacing:-5px;max-width:650px;margin:30px 0 24px}
.hero h1 em{color:#fff;font-style:normal;letter-spacing:-5px;text-shadow:0 3px 0 #164293,0 0 55px #2868ed55}
.hero-content>p{font-size:15px;color:#d0def3;line-height:1.9}
.hero-event-link{display:flex;align-items:center;gap:14px;padding:14px 17px;border:1px solid #3764ac;border-radius:13px;background:#0c1b34b8;backdrop-filter:blur(12px);margin:26px 0 0}
.event-date-mini{font:750 12px Consolas,monospace;letter-spacing:.5px;border-right:1px solid #39619b;padding-right:14px}
.hero-event-link strong{display:block;font-size:13px;font-weight:650}
.hero-event-link small{display:block;font-size:10px;color:#c2d1eb;margin-top:5px}
.hero-event-link>span:last-child{font-size:19px;margin-left:15px}
.hero-actions{margin-top:24px;gap:25px}
.hero-bottom{width:100%;padding-top:38px;color:#c0cde3;font-size:9px}
.hero-bottom>a{color:#dce8ff}
.hero-tag{display:none}
.logo-showcase{position:absolute;right:4.5%;top:65px;width:44%;max-width:550px;height:520px;display:flex;align-items:center;justify-content:center;perspective:1100px;z-index:2;pointer-events:none}
.logo-sculpture{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:logo-float 9s ease-in-out infinite;filter:drop-shadow(14px 23px 5px #03081999) drop-shadow(0 0 30px #326be860)}
.logo-relief{width:100%;height:100%;overflow:visible}
.logo-orbit{position:absolute;inset:12% 7%;border:1px solid #497de94d;border-radius:50%;box-shadow:0 0 90px #235de51c,inset 0 0 80px #2a6cdd12;transform:rotateX(55deg) rotateZ(-25deg);animation:orbit-glow 7s ease-in-out infinite}
.logo-orbit:before,.logo-orbit:after{content:"";position:absolute;border-radius:50%;inset:-28px;border:1px solid #4f88ff15}
.logo-orbit:after{inset:24px;border-color:#679aff20}
.logo-caption{position:absolute;bottom:-14px;left:0;right:0;text-align:center;font:600 11px Consolas,monospace;letter-spacing:3px;color:#f5f8ff}
.logo-caption small{font-size:8px;letter-spacing:2px;line-height:3;color:#c2d6f7}
.ticker{margin-top:18px;padding-block:16px;background:#143a89;color:#fff;border-top:1px solid #3262af;border-bottom:1px solid #3262af}
.milestone{margin-top:42px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;border:1px solid #2c59a0;border-radius:22px;background:#0b1528}
.milestone>img{width:100%;height:100%;min-height:290px;object-fit:cover}
.milestone>div{padding:34px 35px;align-self:center}
.milestone .eyebrow{font-size:8px;letter-spacing:1.2px;color:#bfd6ff}
.milestone h3{font-size:26px;letter-spacing:-.7px;line-height:1.2;margin:18px 0 16px}
.milestone p{font-size:12px;line-height:1.9;color:#bdcde4;margin:0 0 12px}
.milestone .text-link{font-size:10px}
.events{padding-top:10px}
.halloween-event{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1fr);gap:50px;align-items:center;border:1px solid #2858a3;border-radius:24px;overflow:hidden;padding:24px;background:radial-gradient(ellipse at 100% 0,#173b7d44,transparent 55%),#090f1b}
.flyer-link{position:relative;border-radius:15px;overflow:hidden;display:block;border:1px solid #355da0;background:#091020}
.flyer-link>img{width:100%;height:auto;transition:transform .6s ease}
.flyer-link:hover>img{transform:scale(1.02)}
.flyer-link>span{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:0;left:0;right:0;background:#050c1ded;backdrop-filter:blur(12px);padding:13px 18px;font-size:11px;border-top:1px solid #365b98}
.halloween-info{padding:15px 20px 15px 0}
.event-kicker{display:flex;gap:10px;align-items:center;font:9px Consolas,monospace;letter-spacing:1.2px;color:#c4d9fa}
.halloween-info>h3{font-size:48px;line-height:1.06;letter-spacing:-2px;margin:24px 0}
.halloween-info>p{font-size:13px;color:#bdcce3;line-height:1.9;max-width:430px}
.artist-lineup{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 27px}
.artist-lineup>span{font-size:10px;letter-spacing:.5px;font-weight:700;border:1px solid #375e9c;background:#102449;border-radius:7px;padding:10px 13px}
.event-details{margin:0;border-top:1px solid #274b80}
.event-details>div{display:grid;grid-template-columns:130px 1fr;padding:17px 0;border-bottom:1px solid #274b80;gap:12px;align-items:center}
.event-details dt{font:8px Consolas,monospace;letter-spacing:1px;color:#b5c9e9}
.event-details dd{font-size:12px;margin:0;font-weight:550;line-height:1.6}
.event-details small{display:block;font-size:10px;font-weight:400;color:#b2c4df;margin-top:4px}
.access-note{padding:16px 18px;margin:22px 0;background:#102246;border:1px solid #365f9e;border-radius:11px}
.access-note>strong{font-size:12px;letter-spacing:.1px}
.access-note>p{font-size:11px;color:#c0d0e9;line-height:1.8;margin:7px 0 0}
.event-join{width:100%;justify-content:space-between;font-size:13px}
.halloween-info>.event-help{font-size:10px;line-height:1.8;margin:14px 0 0;max-width:none;color:#b6c9e5}
.stage-preview{margin:24px 0 0;border:1px solid #2d59a2;border-radius:22px;overflow:hidden;position:relative;background:#10142e}
.stage-preview>img{width:100%;height:440px;object-fit:cover;object-position:center 52%}
.stage-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#040912f2,transparent 65%);pointer-events:none}
.stage-preview figcaption{position:absolute;bottom:28px;left:30px;right:30px;z-index:1;display:flex;flex-direction:column;gap:10px}
.stage-preview figcaption span{font:8px Consolas,monospace;letter-spacing:1.5px;color:#d6e3ff}
.stage-preview figcaption strong{font-size:28px;letter-spacing:-.6px}
.next-event{background:#0b1930;border-color:#2c5aa2}
.next-event a span{color:#e5eeff}
.join-section{background:radial-gradient(ellipse at 10% 100%,#12336b33,transparent 70%),#080c15;border-color:#264e90}
.product-art{background:radial-gradient(ellipse at bottom,#1d345e,#0a1221 70%);border:1px solid #2c57a0;border-radius:18px;height:300px;overflow:hidden}
.product-black,.product-pink,.product-yellow,.product-cap{background:radial-gradient(ellipse at bottom,#1b3157,#0a1221 70%)}
.product-art:after{content:"";position:absolute;bottom:22px;left:20%;right:20%;height:15px;background:#020814a1;filter:blur(10px);border-radius:50%}
.product-art>img{width:calc(100% - 34px);height:calc(100% - 50px);object-fit:contain;position:absolute;top:32px;left:17px;right:auto;bottom:auto;opacity:1;mix-blend-mode:normal;transform:none;filter:drop-shadow(0 14px 16px #0006);z-index:1;transition:transform .5s ease}
.product:hover .product-art>img{transform:translateY(-7px) scale(1.035)}
.product:hover .product-art{border-color:#6f9dfa}
.product-category{color:#d0e0f7;font-size:8px;z-index:3}
.product-arrow,.swatch{z-index:3}
.product-arrow{color:#fff}
.vip-banner{background:radial-gradient(ellipse at 90% 20%,#133b7e55,transparent),#0c162a;border-color:#2d5cab}
.vip-banner .eyebrow{color:#c5dafa}
.community-box{background:radial-gradient(ellipse at 100% 100%,#17458566,transparent 70%),#0b1425;border:2px solid #2457af;border-radius:26px}
.community-box>.section-label>span:last-child{color:#8cb6ff}
.community-box p,.vip-banner p{color:#c4d2e6}
.community-word{color:#94bbff07}
.filter{color:#e6efff;border-color:#315b9f}
.filter.active,.filter:hover{background:#2456d8;color:#fff;border-color:#5281e4}
.gallery-photo{border:1px solid #2856a1;background:#0c172a}
.gallery-photo b{color:#fff}
.steps li>span{color:#fff;background:#102653;border-color:#3966ae}
.footer,.footer-bottom{border-color:#24477b}
.footer-top p,.footer-bottom{color:#b6c6df}
.footer a.back-top{color:#d6e5fb}
.dialog-close{color:#fff}
.lightbox,.privacy-dialog{background:#081225;color:#f5f8ff;border-color:#4772bf}
.lightbox-controls button{background:#163264;border-color:#4d7acf}
.lightbox figcaption,.privacy-dialog p{color:#cbdcf5}
.status-dot{background:#7caaff;box-shadow:0 0 15px #4780f0aa}
@keyframes logo-float{0%,100%{transform:translateY(4px) rotateY(-14deg) rotateX(7deg) rotateZ(-4deg)}50%{transform:translateY(-14px) rotateY(15deg) rotateX(-4deg) rotateZ(3deg)}}
@keyframes orbit-glow{0%,100%{opacity:.55;transform:rotateX(55deg) rotateZ(-25deg)}50%{opacity:1;transform:rotateX(65deg) rotateZ(-12deg)}}
@media(min-width:1600px){.hero{min-height:755px}.hero h1{font-size:108px}.hero-content{padding-top:70px}.logo-showcase{top:68px;right:6%;height:560px}.logo-caption{bottom:-14px}.hero-bottom{padding-top:45px}}
@media(max-width:1200px){.header{padding-inline:25px;gap:18px}.header nav{gap:20px}.header-actions .button{padding:12px 14px;gap:10px;font-size:11px}.header .brand{font-size:15px}.hero-content{padding-top:60px}.hero h1{font-size:78px;letter-spacing:-4px}.hero h1 em{letter-spacing:-4px}.logo-showcase{right:1%;width:43%;top:70px;height:480px}.halloween-event{gap:30px}.halloween-info{padding-right:5px}.halloween-info>h3{font-size:42px}.event-details>div{grid-template-columns:110px 1fr}.milestone h3{font-size:23px}.product-art{height:260px}}
@media(max-width:980px){.header nav{gap:16px;font-size:12px}.header-actions .header-cta{display:none}.header .brand img{width:44px;height:44px}.hero h1{font-size:72px}.logo-showcase{width:40%;right:0;top:105px;height:400px}.logo-caption{font-size:9px;letter-spacing:1px}.hero-event-link{max-width:440px}.hero-event-link small{font-size:9px}.halloween-event{gap:25px;padding:20px}.halloween-info>h3{font-size:35px}.halloween-info>p{font-size:12px}.event-details>div{grid-template-columns:1fr;gap:6px;padding:12px 0}.artist-lineup{gap:6px;margin-block:18px}.artist-lineup>span{font-size:8px;padding:8px 9px}.access-note{padding:13px;margin:18px 0}.milestone{grid-template-columns:1fr 1fr}.milestone>div{padding:26px}.stage-preview>img{height:370px}}
@media(max-width:760px){.header{height:77px;padding-inline:17px;gap:10px}.header .brand{font-size:14px}.header .brand img{width:40px;height:40px}.header-actions{margin-left:auto;order:2}.header nav{margin:0;background:#091327fc;border-color:#2e60ae}.menu-toggle{order:3;flex-shrink:0;border-color:#3e69ac;width:38px;height:38px}.header-game{display:inline-flex;font-size:9px!important;gap:7px!important;padding:10px 11px!important;min-height:38px}.header-actions .header-cta{display:none}.hero{margin:10px 10px 0;border-radius:20px;min-height:0}.hero-content{padding-top:38px;width:calc(100% - 36px);padding-bottom:0}.hero-content .eyebrow{font-size:9px;letter-spacing:1.4px}.hero h1{font-size:clamp(47px,11.5vw,75px);letter-spacing:-3px;line-height:1.06;margin:25px 0 19px;max-width:100%}.hero h1 em{letter-spacing:-3px}.hero-content>p{font-size:12px;line-height:1.9;max-width:310px}.hero-event-link{padding:12px;gap:10px;margin-top:23px;width:100%;max-width:380px}.event-date-mini{font-size:10px;padding-right:10px}.hero-event-link strong{font-size:12px}.hero-event-link small{font-size:8px;line-height:1.6}.hero-event-link>span:last-child{margin-left:auto;font-size:17px}.hero-actions{margin-top:20px;gap:12px;flex-direction:row;align-items:center;flex-wrap:wrap}.hero-actions .button{font-size:11px;padding:14px 15px;gap:15px}.hero-actions .text-link{font-size:10px;gap:9px}.hero-bottom{position:relative;padding-top:265px;padding-bottom:23px;font-size:7px;gap:15px;pointer-events:none}.hero-bottom>a{pointer-events:auto}.hero-bottom>span{max-width:135px}.logo-showcase{top:auto;bottom:58px;right:50%;transform:translateX(50%);width:255px;height:255px}.logo-caption{bottom:-5px;font-size:7px;letter-spacing:1.5px}.logo-caption small{font-size:6px;line-height:3}.logo-orbit{inset:13% 9%}.hero-image{opacity:.48;object-position:center}.hero-shade{background:linear-gradient(0deg,#050b19fa 0%,#07102696 40%,#040914d9 100%)}.ticker{margin-top:10px;padding-block:13px;font-size:10px}.milestone{grid-template-columns:1fr;margin-top:30px;border-radius:18px}.milestone>img{min-height:0;aspect-ratio:1600/840;object-fit:contain}.milestone>div{padding:27px 23px}.milestone h3{font-size:25px}.milestone p{font-size:12px}.section-heading>p{color:#c2cfe4}.halloween-event{grid-template-columns:1fr;gap:25px;padding:15px;border-radius:20px}.flyer-link{max-width:480px;width:100%;margin:auto;border-radius:12px}.halloween-info{padding:5px 8px 10px}.event-kicker{font-size:8px;letter-spacing:.9px}.halloween-info>h3{font-size:40px;margin:22px 0 20px}.halloween-info>p{font-size:12px}.artist-lineup{gap:7px;margin:22px 0}.artist-lineup>span{font-size:9px;padding:10px}.event-details>div{grid-template-columns:1fr;gap:7px;padding:16px 0}.event-details dt{font-size:9px}.event-details dd{font-size:12px}.access-note{padding:16px;margin-block:22px}.access-note>p{font-size:11px}.halloween-info>.event-help{font-size:10px}.stage-preview{border-radius:18px;margin-top:18px}.stage-preview>img{height:290px;object-position:57% center}.stage-preview figcaption{left:20px;right:20px;bottom:20px;gap:10px}.stage-preview figcaption strong{font-size:23px;max-width:240px}.stage-preview figcaption span{font-size:7px}.product-art{height:235px;border-radius:14px}.product-art>img{left:8px;top:30px;width:calc(100% - 16px);height:calc(100% - 48px)}.product-category{font-size:7px;letter-spacing:.8px}.community-box{border-radius:20px}.community-box p{font-size:12px}.hero-bottom a span{margin-left:4px}}
@media(max-width:380px){.header{padding-inline:12px;gap:7px}.header .brand{font-size:12px}.header .brand img{width:35px;height:35px}.header .brand small{font-size:6px;letter-spacing:2px}.header-game{font-size:8px!important;padding:9px!important}.header-game span{font-size:15px!important}.header-actions{gap:5px}.menu-toggle{width:34px}.hero h1{font-size:47px}.hero-actions{gap:7px}.hero-actions .text-link{font-size:9px}.product-art{height:210px}.product-category{font-size:6px}.hero-event-link small{font-size:7px}.section-label{letter-spacing:.7px}.community-box h2{font-size:30px}}
.hero h1.hero-brand-title{font-size:clamp(49px,5.2vw,82px);letter-spacing:-3px;line-height:1.08;max-width:660px;margin-block:34px 22px}
.hero h1.hero-brand-title em{letter-spacing:-3px}
.hero-content>.hero-subtitle{font-size:22px;line-height:1.5;color:#f5f8ff;margin-bottom:28px;font-weight:450}
.halloween-info>p strong{color:#f5f8ff;font-weight:600}
.header nav a.nav-safety{color:#ff9299}
.header nav a.nav-safety:hover{color:#ffc0c5}
.safety{padding-top:0;padding-bottom:90px;--safety-red:#ff9299;--safety-border:#9d3946}
.safety>.section-label>span:first-child,.safety h2{color:var(--safety-red)}
.safety-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:24px;align-items:start}
.staff-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#8d243036,transparent 65%),#160d14;border:1px solid var(--safety-border);border-radius:22px;padding:34px}
.shield-symbol{color:#ff9299;width:65px;height:74px;margin-bottom:28px;filter:drop-shadow(0 0 22px #e7455550)}
.shield-symbol>svg{width:100%;height:100%}
.staff-label{display:flex;align-items:center;gap:9px;color:#ffb2b8;font:9px Consolas,monospace;letter-spacing:1.3px}
.staff-dot{width:6px;height:6px;border-radius:50%;background:#ff7e89;box-shadow:0 0 15px #ff536b80}
.staff-panel h3{font-size:30px;letter-spacing:-.8px;line-height:1.15;margin:18px 0 25px;color:var(--safety-red)}
.staff-panel p{font-size:13px;line-height:1.9;color:#e1cbd3;margin-bottom:18px}
.staff-reminder{border-left:2px solid #ef6573;padding:3px 0 3px 15px;margin-top:28px;color:#ffdce0;font-size:12px;line-height:1.8}
.staff-panel .text-link{color:#ffb2b8;font-size:11px;margin-top:22px;gap:18px}
.rules-panel{background:#100d14;border:1px solid var(--safety-border);border-radius:22px;overflow:hidden}
.rules-heading{padding:26px 28px;border-bottom:1px solid #71333f;background:#29111b88;display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}
.rules-heading h3{color:var(--safety-red);font-size:22px;letter-spacing:-.4px;margin:0}
.rules-heading>span{font:8px Consolas,monospace;letter-spacing:1px;color:#d89ca8}
.game-rules{list-style:none;margin:0;padding:0 28px;counter-reset:none}
.game-rules li{display:flex;gap:19px;align-items:flex-start;border-bottom:1px solid #542735;padding:23px 0}
.game-rules li:last-child{border-bottom:0}
.rule-number{display:flex;align-items:center;justify-content:center;width:33px;height:33px;flex-shrink:0;border:1px solid #8f3a49;border-radius:9px;color:#ff9299;background:#3c1824;font:11px Consolas,monospace}
.game-rules h4{color:#ffb0b8;font-size:14px;font-weight:650;margin:0 0 7px}
.game-rules p{color:#d6c6d0;font-size:12px;line-height:1.8;margin:0}
@media(max-width:1100px){.header nav{gap:17px}.staff-panel{padding:27px}.rules-heading{padding:23px}.game-rules{padding-inline:23px}.rules-heading>span{font-size:7px}.staff-panel h3{font-size:27px}}
@media(max-width:760px){.hero h1.hero-brand-title{font-size:clamp(29px,10vw,65px);letter-spacing:-1.3px;margin-block:28px 18px;max-width:100%;line-height:1.15}.hero h1.hero-brand-title em{letter-spacing:-1.3px}.hero-content>.hero-subtitle{font-size:18px;margin-bottom:23px}.safety{padding-top:0;padding-bottom:65px}.safety-layout{grid-template-columns:1fr;gap:18px}.safety .section-heading h2{font-size:clamp(32px,9.5vw,44px);letter-spacing:-1.8px}.staff-panel,.rules-panel{border-radius:18px}.staff-panel{padding:28px 24px}.shield-symbol{width:52px;height:60px;margin-bottom:24px}.staff-panel h3{font-size:29px;margin:18px 0 22px}.staff-panel p{font-size:12px}.staff-reminder{font-size:11px;margin-top:23px}.staff-panel .text-link{font-size:10px}.rules-heading{padding:23px 21px;gap:11px}.rules-heading h3{font-size:22px}.rules-heading>span{font-size:7px}.game-rules{padding-inline:21px}.game-rules li{gap:14px;padding:21px 0}.rule-number{width:29px;height:29px;font-size:10px}.game-rules h4{font-size:13px;line-height:1.4}.game-rules p{font-size:11px}.safety>.section-label>span:last-child{max-width:120px}}
@media(prefers-reduced-motion:reduce){.logo-sculpture{transform:rotateY(-12deg) rotateX(5deg)}.logo-sculpture,.logo-orbit{animation:none!important}.hero-image{animation:none!important}}