body[data-page=announcements],body[data-page=raffles],body[data-page=spotify],body[data-page=spotlight]{--side-panel:#080a0cd1;--side-panel-strong:#090c0eeb;--side-ink:#f8faf6e6;--side-muted:#e5ede8b3;--side-rim-a:#30b28f85;--side-rim-b:#dcebff6b;--side-rim-c:#ffffff14;--side-glow:#30b28f1f;--side-warm:#dcebff1a}body[data-page=announcements]{--side-rim-a:#30b28f8f;--side-rim-b:#dcebff70;--side-glow:#30b28f21;--side-warm:#dcebff1f}body[data-page=raffles]{--side-rim-a:#dab55e9e;--side-rim-b:#30b28f6b;--side-glow:#dab55e21;--side-warm:#30b28f1a}body[data-page=spotify]{--side-rim-a:#dcebff8a;--side-rim-b:#d293bc57;--side-glow:#86b9d221;--side-warm:#d293bc1a}body[data-page=spotlight]{--side-rim-a:#de97b180;--side-rim-b:#dab55e75;--side-glow:#de97b121;--side-warm:#30b28f1a}body[data-page=announcements] .page-hero,body[data-page=raffles] .page-hero,body[data-page=spotify] .page-hero,body[data-page=spotlight] .page-hero{background:linear-gradient(#07090a29, #07090a33) padding-box, linear-gradient(135deg, var(--side-rim-a), #ffffff14 48%, var(--side-rim-b)) border-box;box-shadow:0 30px 82px #00000080, 0 0 0 1px #ffffff0b inset, 0 0 42px var(--side-glow);border:1px solid #0000}body[data-page=announcements] .hero-intro,body[data-page=raffles] .hero-intro,body[data-page=spotify] .hero-intro,body[data-page=spotlight] .hero-intro,body[data-page=announcements] .page-main .glass-card,body[data-page=raffles] .page-main .glass-card,body[data-page=spotify] .page-main .glass-card,body[data-page=spotlight] .page-main .glass-card{isolation:isolate;background:radial-gradient(circle at 10% 0%, var(--side-glow), transparent 36%), radial-gradient(circle at 90% 12%, var(--side-warm), transparent 36%), linear-gradient(155deg, var(--side-panel-strong), var(--side-panel)) padding-box, linear-gradient(135deg, var(--side-rim-a), var(--side-rim-c) 44%, var(--side-rim-b)) border-box;border:1px solid #0000;animation:none;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000073,inset 0 0 0 1px #ffffff0b,inset 0 1px #ffffff14}body[data-page=announcements] .hero-intro:before,body[data-page=raffles] .hero-intro:before,body[data-page=spotify] .hero-intro:before,body[data-page=spotlight] .hero-intro:before,body[data-page=announcements] .page-main .glass-card:before,body[data-page=raffles] .page-main .glass-card:before,body[data-page=spotify] .page-main .glass-card:before,body[data-page=spotlight] .page-main .glass-card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff12,#0000) top/100% 1px no-repeat,linear-gradient(#ffffff09,#0000 48%);position:absolute;inset:1px}body[data-page=announcements] .page-main .grid-gap,body[data-page=raffles] .page-main .grid-gap,body[data-page=spotify] .page-main .grid-gap,body[data-page=spotlight] .page-main .grid-gap{gap:clamp(22px,3vw,34px)}body[data-page=announcements] .glass-pad,body[data-page=raffles] .glass-pad,body[data-page=spotify] .glass-pad,body[data-page=spotlight] .glass-pad{padding:clamp(20px,2.8vw,30px)}body[data-page=announcements] .kicker,body[data-page=announcements] .meta-text,body[data-page=announcements] .muted,body[data-page=raffles] .kicker,body[data-page=raffles] .meta-text,body[data-page=raffles] .muted,body[data-page=spotify] .kicker,body[data-page=spotify] .meta-text,body[data-page=spotify] .muted,body[data-page=spotlight] .kicker,body[data-page=spotlight] .meta-text,body[data-page=spotlight] .muted{color:var(--side-muted)}body[data-page=announcements] .display-title,body[data-page=announcements] .section-title,body[data-page=raffles] .display-title,body[data-page=raffles] .section-title,body[data-page=spotify] .display-title,body[data-page=spotify] .section-title,body[data-page=spotlight] .display-title,body[data-page=spotlight] .section-title{text-shadow:0 10px 28px var(--side-glow)}body[data-page=announcements] .badge-row>span,body[data-page=raffles] .badge-row>span,body[data-page=spotify] .badge-row>span,body[data-page=spotlight] .badge-row>span{border:1px solid color-mix(in srgb, var(--side-rim-a) 55%, #ffffff1f);background:linear-gradient(135deg, color-mix(in srgb, var(--side-rim-a) 30%, transparent), #ffffff0b);color:var(--side-ink);animation:none;box-shadow:inset 0 1px #ffffff17,0 8px 20px #0000003d}body[data-page=announcements] .list-stack,body[data-page=raffles] .list-stack,body[data-page=spotlight] .list-stack{gap:12px}body[data-page=announcements] .list-stack li:before,body[data-page=raffles] .list-stack li:before,body[data-page=spotlight] .list-stack li:before{background:linear-gradient(180deg, var(--side-rim-a), var(--side-rim-b));box-shadow:0 0 14px var(--side-glow)}body[data-page=announcements] #announcementsList{gap:16px;margin-top:18px}body[data-page=announcements] #announcementsList>section{background:radial-gradient(circle at 0 0,#30b28f1f,#0000 38%),linear-gradient(155deg,#080d0ee0,#050708c7) padding-box padding-box,linear-gradient(135deg,#30b28f70,#ffffff0f 48%,#dcebff3d) border-box}body[data-page=announcements] #announcementsList>section .lede{color:var(--side-ink)}body[data-page=announcements] #announcementsList>section .badge-row{margin-top:14px}body[data-page=raffles] .col-4 .glass-card{background:radial-gradient(circle at 50% 0,#dab55e2b,#0000 46%),linear-gradient(160deg,#0e0d08eb,#070807c7) padding-box padding-box,linear-gradient(135deg,#dab55e85,#ffffff12 46%,#30b28f3d) border-box}body[data-page=raffles] .hero-cta{min-height:44px}body[data-page=raffles] .raffle-public-layout,body[data-page=raffles] .raffle-public-layout :where(section,aside,div,li){min-width:0}body[data-page=raffles] .raffle-fill-card{height:100%}body[data-page=raffles] .raffle-monthly-winner{isolation:isolate;background:radial-gradient(circle at 12% 20%,#ff69be47,#0000 32%),radial-gradient(circle at 92% 8%,#63daff3d,#0000 34%),radial-gradient(circle at 70% 100%,#57e0a93d,#0000 38%),linear-gradient(145deg,#130c24f5,#071a1ff0) padding-box padding-box,conic-gradient(from 35deg,#f4d37c,#ff78ba,#7be7ff,#69d9a6,#f4d37c) border-box;border:1px solid #0000;border-radius:clamp(24px,4vw,42px);grid-template-columns:minmax(7rem,11rem) minmax(0,1fr);align-items:center;gap:clamp(18px,4vw,44px);min-width:0;margin-top:24px;padding:clamp(24px,5vw,58px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 88px #0000007a,0 0 42px #ff78ba24,inset 0 1px #ffffff24}body[data-page=raffles] .raffle-monthly-winner:before,body[data-page=raffles] .raffle-monthly-winner:after{z-index:-1;content:"";pointer-events:none;position:absolute}body[data-page=raffles] .raffle-monthly-winner:before{background:conic-gradient(from 0deg,transparent 0 12%,#f4d37c29 14%,transparent 17% 37%,#7be7ff24 40%,transparent 43% 68%,#ff78ba26 71%,transparent 75%);animation:18s linear infinite raffle-winner-aura;inset:-45%}body[data-page=raffles] .raffle-monthly-winner:after{opacity:.72;background-image:radial-gradient(circle at 8% 82%,#ffffffe0 0 1px,#0000 2px),radial-gradient(circle at 24% 14%,#f4d37ce6 0 1.5px,#0000 2.5px),radial-gradient(circle at 56% 20%,#7be7ffcc 0 1px,#0000 2px),radial-gradient(circle at 84% 68%,#ff78badb 0 1.5px,#0000 2.5px),radial-gradient(circle at 94% 30%,#69d9a6e6 0 1px,#0000 2px);background-size:130px 110px,180px 160px,150px 130px,210px 190px,170px 150px;animation:8s ease-in-out infinite alternate raffle-winner-stars;inset:0}body[data-page=raffles] .raffle-winner-emblem{aspect-ratio:1;background:url(/assets/img/brand/emblem.webp) 50%/72% no-repeat,radial-gradient(circle,#f4d37c3d,#30b28f21 48%,#0000002e 72%);border:1px solid #f4d37c6b;border-radius:50%;justify-self:center;width:min(100%,11rem);animation:5s ease-in-out infinite raffle-winner-emblem;box-shadow:0 0 0 8px #f4d37c0a,0 0 42px #f4d37c42,inset 0 0 28px #7be7ff1f}body[data-page=raffles] .raffle-winner-copy{z-index:2;min-width:0;position:relative}body[data-page=raffles] .raffle-winner-copy h2{overflow-wrap:anywhere;color:#fff3bf;max-width:100%;font-family:var(--font-display,"Zhi Mang Xing Fallback",cursive);letter-spacing:.015em;text-wrap:balance;text-shadow:0 0 16px #f4d37c6b,0 0 36px #ff78ba33;margin:2px 0 8px;font-size:clamp(3rem,8vw,7.5rem);font-weight:400;line-height:.9}body[data-page=raffles] .raffle-winner-confirmation{color:#dffcf1;letter-spacing:.04em;margin:0;font-size:clamp(1rem,2vw,1.28rem);font-weight:700}body[data-page=raffles] .raffle-winner-date{border-top:1px solid #f4d37c38;max-width:34rem;margin-top:18px;padding-top:14px}body[data-page=raffles] .raffle-winner-flare{aspect-ratio:1;filter:blur(.2px);pointer-events:none;background:radial-gradient(circle,#ffffffbd 0 1%,#f4d37c4d 4%,#0000 62%);border-radius:50%;width:7rem;position:absolute}body[data-page=raffles] .raffle-winner-flare--one{top:-2.7rem;right:8%}body[data-page=raffles] .raffle-winner-flare--two{background:radial-gradient(circle,#ffffffad 0 1%,#7be7ff42 4%,#0000 62%);bottom:-3.8rem;right:32%}@keyframes raffle-winner-aura{to{transform:rotate(1turn)}}@keyframes raffle-winner-stars{0%{opacity:.5;transform:translate(0,0)}to{opacity:.88;transform:translateY(-8px)}}@keyframes raffle-winner-emblem{50%{transform:translateY(-5px)scale(1.025);box-shadow:0 0 0 10px #f4d37c0e,0 0 54px #f4d37c57,inset 0 0 30px #7be7ff29}}body[data-page=raffles] .raffle-status-list{gap:12px;margin:18px 0 0;display:grid}body[data-page=raffles] .raffle-status-list>div{background:#00000029;border:1px solid #dab55e2e;border-radius:16px;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 14px;display:flex}body[data-page=raffles] .raffle-status-list dt,body[data-page=raffles] .raffle-status-list dd{margin:0}body[data-page=raffles] .raffle-status-list dd{color:var(--side-ink);font-weight:700}body[data-page=raffles] .raffle-cycle-details{border-top:1px solid #dab55e29;padding-top:2px}body[data-page=raffles] .raffle-date-list,body[data-page=raffles] .raffle-public-evidence dl{gap:10px;margin:14px 0 0;display:grid}body[data-page=raffles] .raffle-date-list>div,body[data-page=raffles] .raffle-public-evidence dl>div{gap:4px;min-width:0;display:grid}body[data-page=raffles] .raffle-date-list dt,body[data-page=raffles] .raffle-public-evidence dt{color:var(--side-muted);letter-spacing:.04em;font-size:.84rem;font-weight:700}body[data-page=raffles] .raffle-date-list dd,body[data-page=raffles] .raffle-public-evidence dd{margin:0}body[data-page=raffles] .raffle-visitor-time{color:var(--side-muted);font-size:.9rem;display:block}body[data-page=raffles] .raffle-no-purchase{border-color:#dab55e6b;box-shadow:0 24px 64px #00000073,inset 0 0 0 1px #dab55e1f,0 0 34px #dab55e1a}body[data-page=raffles] .raffle-method-grid{counter-reset:raffle-method;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:0;padding:0;list-style:none;display:grid}body[data-page=raffles] .raffle-method-grid>li{counter-increment:raffle-method;overflow-wrap:anywhere;background:radial-gradient(circle at 0 0,#dab55e1a,#0000 42%),#00000029;border:1px solid #dab55e2e;border-radius:18px;padding:18px}body[data-page=raffles] .raffle-method-grid>li:before{content:counter(raffle-method, decimal-leading-zero);color:var(--side-muted);letter-spacing:.12em;margin-bottom:8px;font-size:.78rem;font-weight:700;display:block}body[data-page=raffles] .raffle-method-grid h3,body[data-page=raffles] .raffle-reward-list h3{color:var(--side-ink);margin:0 0 8px;font-size:1rem}body[data-page=raffles] .raffle-method-grid p,body[data-page=raffles] .raffle-reward-list p{margin:6px 0 0}body[data-page=raffles] .raffle-method-limit{color:var(--side-ink);font-size:.9rem;font-weight:700}body[data-page=raffles] .raffle-reward-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}body[data-page=raffles] .raffle-reward-list>section{overflow-wrap:anywhere;background:#00000024;border:1px solid #30b28f2e;border-radius:18px;padding:16px}body[data-page=raffles] .raffle-result-list{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}@media (max-width:600px){body[data-page=raffles] .raffle-monthly-winner{text-align:center;grid-template-columns:1fr;gap:18px;padding:24px 18px}body[data-page=raffles] .raffle-winner-emblem{width:7.5rem}body[data-page=raffles] .raffle-winner-copy h2{font-size:clamp(2.75rem,18vw,5.2rem)}body[data-page=raffles] .raffle-winner-date{text-align:left;margin-left:auto;margin-right:auto}}@media (prefers-reduced-motion:reduce){body[data-page=raffles] .raffle-monthly-winner:before,body[data-page=raffles] .raffle-monthly-winner:after,body[data-page=raffles] .raffle-winner-emblem{animation:none}}body[data-page=raffles] .raffle-result-group+.raffle-result-group{border-top:1px solid #dab55e2e;margin-top:18px;padding-top:18px}body[data-page=raffles] .raffle-result-group>h3{color:var(--side-ink);margin:18px 0 0;font-size:1rem}body[data-page=raffles] .raffle-result-group+.raffle-result-group>h3{margin-top:0}body[data-page=raffles] .raffle-result-list>li{background:#00000029;border:1px solid #dab55e2e;border-radius:16px;gap:5px;padding:14px;display:grid}body[data-page=raffles] .raffle-result-list strong{color:var(--side-ink)}body[data-page=raffles] .raffle-public-evidence{border-top:1px solid #dab55e2e;margin-top:18px;padding-top:18px}body[data-page=raffles] .raffle-public-evidence h3{color:var(--side-ink);margin:0;font-size:1rem}body[data-page=raffles] .raffle-public-evidence code{overflow-wrap:anywhere;max-width:100%;color:var(--side-ink);font-size:.76rem;display:block}body[data-page=spotify] .spotify-toolbar{background:radial-gradient(circle at 12% 0,#dcebff1a,#0000 46%),#00000029;border:1px solid #dcebff24;border-radius:22px;gap:14px;margin-top:18px;padding:14px;box-shadow:inset 0 1px #ffffff0f}body[data-page=spotify] .spotify-search{min-width:min(100%,240px)}body[data-page=spotify] .spotify-search input{color:var(--side-ink);transition:border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);background:linear-gradient(#ffffff0a,#0000),#04070b9e;border-color:#dcebff33;border-radius:16px;box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000038}body[data-page=spotify] .spotify-search input:focus-visible{outline-offset:3px;background:#070b10db;border-color:#dcebff70;outline:2px solid #dcebffc7;box-shadow:inset 0 1px #ffffff1a,0 0 0 3px #86b9d233,0 0 0 5px #d293bc1f}body[data-page=spotify] .spotify-chips{gap:10px}body[data-page=spotify] .spotify-chip{color:var(--side-muted);transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease);background:linear-gradient(#ffffff0b,#0000),#05080d94;border-color:#dcebff2b;box-shadow:inset 0 1px #ffffff12,0 9px 20px #0000002e}body[data-page=spotify] .spotify-chip:hover,body[data-page=spotify] .spotify-chip:focus-visible{color:var(--side-ink);background:linear-gradient(#dcebff14,#d293bc0d),#070b10b3;border-color:#dcebff6b;transform:translateY(-1px)}body[data-page=spotify] .spotify-chip:focus-visible{outline-offset:3px;outline:2px solid #dcebffc7;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #86b9d233,0 0 0 5px #d293bc1f}body[data-page=spotify] .spotify-chip[aria-pressed=true]{color:var(--side-ink);opacity:1;background:radial-gradient(circle at 50% 0,#dcebff29,#0000 58%),linear-gradient(135deg,#86b9d22e,#d293bc1f);border-color:#dcebff6b}body[data-page=spotify] .spotify-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.7vw,20px);margin-top:18px;display:grid}body[data-page=spotify] .spotify-card{background:radial-gradient(circle at 0 0,#dcebff1c,#0000 38%),linear-gradient(155deg,#080c12e6,#04070bd1) padding-box padding-box,linear-gradient(135deg,#dcebff70,#ffffff0f 48%,#d293bc38) border-box}body[data-page=spotify] .spotify-card__head{margin-bottom:12px}body[data-page=spotify] .spotify-card__title{color:var(--side-ink);letter-spacing:.01em}body[data-page=spotify] .spotify-card__meta{color:var(--side-muted);opacity:1}body[data-page=spotify] .spotify-embed{background:#00000038;border:1px solid #dcebff24;border-radius:14px;min-height:352px;margin-top:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 14px 34px #00000047}body[data-page=spotify] .spotify-embed--compact{min-height:152px}body[data-page=spotify] .spotify-embed--standard{min-height:352px}body[data-page=spotify] .spotify-embed__placeholder{border-radius:inherit;background:radial-gradient(circle at 18% 10%,#dcebff1f,#0000 34%),linear-gradient(135deg,#86b9d21a,#d293bc14),#0000002e;position:absolute;inset:0}body[data-page=spotify] .spotify-embed iframe{border-radius:inherit;border:0;width:100%;max-width:100%;display:block;position:relative}@media (max-width:640px){body[data-page=spotify] .spotify-grid{grid-template-columns:1fr}}body[data-page=spotify] .spotify-empty{opacity:1;background:linear-gradient(135deg,#dcebff1a,#d293bc0f);border-color:#dcebff3d}body[data-page=spotlight] #spotlightBody{max-width:74ch}body[data-page=spotlight] #spotlightBody p{line-height:1.78}body[data-page=spotlight] #spotlightConclusion{color:var(--side-ink);background:radial-gradient(circle at 0 0,#de97b11f,#0000 40%),linear-gradient(135deg,#dab55e1a,#30b28f12);border:1px solid #dab55e38;border-radius:18px;margin-top:20px;padding:16px;box-shadow:inset 0 1px #ffffff12}body[data-page=spotlight] #spotlightConclusion:empty{display:none}body[data-page=spotlight] #spotlightHighlights{margin-top:16px}body[data-page=spotlight] .col-4 .glass-card{background:radial-gradient(circle at 50% 0,#de97b126,#0000 46%),linear-gradient(160deg,#0e0a0ceb,#070807c7) padding-box padding-box,linear-gradient(135deg,#de97b16b,#ffffff12 48%,#dab55e42) border-box}@media (max-width:640px){body[data-page=announcements] .hero-intro,body[data-page=raffles] .hero-intro,body[data-page=spotify] .hero-intro,body[data-page=spotlight] .hero-intro{text-align:left;align-items:flex-start}body[data-page=announcements] .hero-intro .badge-row,body[data-page=raffles] .hero-intro .badge-row,body[data-page=spotify] .hero-intro .badge-row,body[data-page=spotlight] .hero-intro .badge-row{justify-content:flex-start}body[data-page=raffles] .raffle-method-grid,body[data-page=raffles] .raffle-reward-list{grid-template-columns:minmax(0,1fr)}body[data-page=raffles] .raffle-status-list>div{flex-direction:column;align-items:flex-start;gap:4px}body[data-page=spotify] .spotify-toolbar{align-items:stretch}body[data-page=spotify] .spotify-chips{width:100%}body[data-page=spotify] .spotify-chip{flex:auto}}@media (max-width:480px){body[data-page=events] .events-filter{flex:auto;justify-content:center}}
