:root{--bg: #0b0f14;--card: #111823;--elev: #0e1520;--text: #eaf2ff;--muted: #aabbd4;--brand: #e53935;--brand-2: #2ecc71;--border: #1e2a3a;--chip: #1a2330;--shadow: 0 10px 30px rgba(0,0,0,.4), 0 0 1px rgba(255,255,255,.04) inset}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.app-root{position:relative;z-index:1;opacity:0;visibility:hidden;transition:opacity .45s ease}html.app-ready .app-root{opacity:1;visibility:visible}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 28px}.muted{color:var(--muted)}.hidden{display:none!important}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0f1499;border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:12px}.logo{width:36px;height:36px;filter:drop-shadow(0 4px 8px rgba(229,57,53,.35));user-select:none;-webkit-user-select:none;pointer-events:none}.brand-text h1{font-size:18px;margin:0}.brand-text .subtitle{margin:2px 0 0;font-size:12px;color:var(--muted)}.nav{display:flex;align-items:center;gap:16px}.nav a{color:var(--text);text-decoration:none;opacity:.9;display:inline-flex;align-items:center;gap:6px;transition:opacity .2s ease}.nav a:hover{opacity:1}.discord-link{background:#5865f2;padding:8px 12px;border-radius:8px;border:none!important}.discord-link:hover{background:#4752c4;opacity:1!important}.discord-link svg{width:18px;height:18px}.hero{position:relative;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:32px;padding:64px 0;align-items:center}.hero-copy h2{font-size:38px;margin:0 0 8px}.hero-copy p{margin:0 0 18px;color:var(--muted)}.cta-row{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;border:1px solid var(--border);color:var(--text);background:var(--elev);text-decoration:none;box-shadow:var(--shadow)}.button,button.button{cursor:pointer;pointer-events:auto}.button.primary{background:linear-gradient(135deg,var(--brand),#b71c1c);border-color:#ffffff0f;transition:transform .12s ease,filter .2s ease}.button.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.button.ghost{background:transparent}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);padding:22px;border:1px solid var(--border);border-radius:16px}.countdown-item{text-align:center}.countdown-item span{font-size:28px;font-weight:700;display:block}.countdown-item label{font-size:12px;color:var(--muted)}.snow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;will-change:background-position;transform:translateZ(0);backface-visibility:hidden}.snow.s1{background-image:radial-gradient(1.6px 1.6px at 10% 10%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1.8px 1.8px at 40% 20%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 70% 30%,rgba(255,255,255,.7) 50%,transparent 51%);background-size:220px 220px;animation:snow1 18s linear infinite;opacity:.9}.snow.s2{background-image:radial-gradient(2px 2px at 20% 0%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(2.2px 2.2px at 60% 10%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(2px 2px at 90% 0%,rgba(255,255,255,.55) 50%,transparent 51%);background-size:320px 320px;animation:snow2 26s linear infinite;opacity:.7}.snow.s3{background-image:radial-gradient(2.6px 2.6px at 30% 0%,rgba(255,255,255,.4) 50%,transparent 51%),radial-gradient(2.8px 2.8px at 80% 10%,rgba(255,255,255,.4) 50%,transparent 51%);background-size:420px 420px;animation:snow3 38s linear infinite;opacity:.6}@keyframes snow1{0%{background-position:0 0}to{background-position:0 800px}}@keyframes snow2{0%{background-position:0 0}to{background-position:0 1200px}}@keyframes snow3{0%{background-position:0 0}to{background-position:0 1600px}}.section{padding:56px 0}.section-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;text-align:center}.section-head h3{margin:0;font-size:24px}.controls{display:flex;gap:10px;justify-content:center}.controls input,.controls select{background:var(--elev);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;min-width:180px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.card-media{aspect-ratio:16/9;width:100%;object-fit:cover;background:#0a0f16;border-bottom:1px solid var(--border)}.card-body{padding:12px;display:grid;gap:10px}.card-title{margin:0;font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--chip);border:1px solid var(--border);padding:6px 10px;border-radius:999px;font-size:12px;color:var(--muted)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px;border-top:1px solid var(--border)}.card .button{padding:8px 12px}.empty{text-align:center;color:var(--muted);margin-top:12px}.boxes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:stretch}.boxes>*{grid-column:auto / span 1}.box{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;text-decoration:none;color:var(--text);display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;box-shadow:var(--shadow);transition:transform .12s ease,border-color .2s ease,box-shadow .2s ease;min-height:92px}.box:hover{transform:translateY(-2px);border-color:#ffffff1f;box-shadow:0 10px 26px #00000073,0 0 0 1px #ffffff14 inset}.box.disabled{opacity:.6;cursor:default}.icon-img{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.15);box-shadow:inset 0 0 10px #0003;background:#0a0f16 no-repeat center/cover;user-select:none;-webkit-user-select:none;pointer-events:none}.box .title{font-size:15px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box .sub{font-size:12px;color:var(--muted);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,360px));gap:20px;justify-content:center;justify-items:stretch}.news-card{width:100%;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow);display:grid;gap:12px;min-height:300px}.news-cover{width:100%;aspect-ratio:16/9;border-radius:12px;background:#0a0f16 no-repeat center/cover;border:1px solid var(--border)}.news-cover.noimg{background:#0a0f16}.news-title{margin:0;font-size:16px}.news-meta{font-size:12px;color:var(--muted)}.news-body{color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,360px));gap:24px;align-items:stretch;justify-content:center}.stat-card{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:10px;align-items:center;justify-items:center;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow);transition:transform .12s ease,border-color .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);border-color:#ffffff1f;box-shadow:0 10px 26px #00000073,0 0 0 1px #ffffff0f inset}.stat-icon{width:72px;height:72px;border-radius:16px;object-fit:contain;transition:transform .25s ease,filter .25s ease;user-select:none;-webkit-user-select:none;pointer-events:none}.stat-number{font-size:52px;font-weight:800;letter-spacing:.5px}.stat-label{color:var(--muted);font-size:14px;margin-top:2px}.stat-number span.pop{animation:statPop .5s ease-out 1;display:inline-block}@keyframes statPop{0%{transform:scale(.96)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes glowPulse{0%{filter:drop-shadow(0 0 0 rgba(46,204,113,0));transform:scale(1)}60%{filter:drop-shadow(0 0 26px rgba(46,204,113,.45));transform:scale(1.08)}to{filter:drop-shadow(0 0 0 rgba(46,204,113,0));transform:scale(1)}}.stat-icon.glow{animation:glowPulse 1s ease-out 1}@media (max-width: 640px){.stat-number{font-size:38px}.stat-icon{width:58px;height:58px}}.calendar{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.day{background:var(--elev);border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:var(--shadow)}.day:hover{transform:translateY(-2px);box-shadow:0 10px 26px #00000073,0 0 0 1px #ffffff0f inset;border-color:#ffffff1a}.day .num{font-size:18px;font-weight:700;display:block}.day .label{font-size:12px;color:var(--muted)}.day.active{outline:2px solid var(--brand-2)}.site-footer{border-top:1px solid var(--border);margin-top:28px}.footer-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.footer-inner p{margin:0;color:var(--muted)}.water-link{color:var(--text);font-weight:600;text-decoration:none;cursor:pointer;transition:color .2s ease}.water-link:hover{color:var(--brand-2)}.links a{color:var(--muted);text-decoration:none;margin-left:14px}.links a:hover{color:var(--text)}.redirect-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040609d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:grid;place-items:center}.redirect-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:0;box-shadow:var(--shadow);min-width:400px;max-width:90vw}.redirect-modal-content{padding:24px;display:grid;gap:16px}.redirect-modal-content h3{margin:0;font-size:20px;color:var(--text)}.redirect-modal-content p{margin:0;color:var(--muted)}.redirect-modal-content strong{color:var(--text)}.redirect-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.modal{border:none;padding:0;background:transparent}.modal::backdrop{background:#040609b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{width:min(920px,92vw);border:1px solid var(--border);border-radius:16px;background:var(--card);padding:0;box-shadow:var(--shadow)}.modal-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);position:absolute;right:16px;top:12px;font-size:18px;cursor:pointer}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:0}.modal-image{width:100%;height:100%;object-fit:cover;border-right:1px solid var(--border)}.modal-content{padding:18px;display:grid;gap:12px}.modal-desc{color:var(--muted)}.actions{display:flex;gap:10px;padding-top:6px}@media (max-width: 1024px){.hero-inner{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.boxes{grid-template-columns:repeat(4,1fr)}.news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid{grid-template-columns:1fr}.calendar{grid-template-columns:repeat(4,1fr)}.boxes{grid-template-columns:repeat(2,1fr)}.controls{flex-wrap:wrap}.modal-body{grid-template-columns:1fr}.modal-image{height:180px;border-right:none;border-bottom:1px solid var(--border)}.news-grid{grid-template-columns:1fr}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0b0f14d9;z-index:100;gap:12px;opacity:1;transition:opacity .35s ease,visibility 0s linear .35s}.loader.out{opacity:0;visibility:hidden}.flake-spinner{font-size:48px;line-height:1;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4));animation:spinflake .8s ease-out 1}@keyframes spinflake{0%{transform:rotate(0) scale(.92);opacity:.9}to{transform:rotate(360deg) scale(1);opacity:1}}.reveal{opacity:0;transform:translateY(14px) scale(.98);will-change:transform,opacity}.reveal.in{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}.radio-widget{position:fixed;right:16px;bottom:16px;z-index:90;display:grid;grid-auto-flow:column;gap:8px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px 10px;box-shadow:var(--shadow);transition:transform .3s ease;overflow:visible}.radio-widget.min{transform:translate(calc(100% - 10px))}.radio-title{color:var(--muted);margin:0 6px;min-width:120px;text-align:center}.radio-vol{width:120px;accent-color:var(--brand-2);-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent}.radio-vol:focus{outline:none}.radio-vol::-webkit-slider-runnable-track{height:6px;background:var(--chip);border:1px solid var(--border);border-radius:999px}.radio-vol::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--brand-2);border:2px solid rgba(255,255,255,.15);box-shadow:0 2px 6px #00000059;margin-top:-4px;transition:transform .15s ease,box-shadow .2s ease}.radio-vol:hover::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 4px 10px #00000073,0 0 0 4px #2ecc7117}.radio-vol::-moz-range-track{height:6px;background:var(--chip);border:1px solid var(--border);border-radius:999px}.radio-vol::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--brand-2);border:2px solid rgba(255,255,255,.15);box-shadow:0 2px 6px #00000059;transition:transform .15s ease,box-shadow .2s ease}.radio-vol:hover::-moz-range-thumb{transform:scale(1.08);box-shadow:0 4px 10px #00000073,0 0 0 4px #2ecc7117}@media (max-width: 540px){.radio-vol{width:82px}}.radio-widget #rw-min{position:absolute;top:-10px;left:-10px;width:24px;height:24px;padding:0;line-height:24px;font-size:16px;border-radius:8px}