@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800&family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap";:root{--font-display:"Orbitron", system-ui, sans-serif;--font-body:"Rajdhani", system-ui, sans-serif;--font-mono:"Share Tech Mono", ui-monospace, monospace;--cyan:#00d4ff;--orange:#f60;--bg-dark:#0a0c12}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-dark);color:#e0e4ec;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{width:100%;max-width:none;min-height:100svh;text-align:initial;border:none;margin:0}button{font-family:inherit}.clash-prefs{flex-direction:column;align-items:flex-end;gap:10px;min-width:140px;display:flex}.clash-prefs__field{flex-direction:column;align-items:flex-end;gap:4px;width:100%;display:flex}.clash-prefs__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#00c8ffbf;font-size:9px}.clash-prefs__select{width:100%;min-width:120px;font-family:var(--font-display);letter-spacing:.08em;color:#dce4f0e6;cursor:pointer;appearance:none;background:#00000073 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2300d4ff' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #00b4dc40;border-radius:2px;padding:8px 28px 8px 12px;font-size:12px;font-weight:600;transition:border-color .15s,box-shadow .15s}.clash-prefs__select:hover,.clash-prefs__select:focus{border-color:#00d4ff80;outline:none;box-shadow:0 0 12px #00d4ff1f}.clash-prefs__select option{color:#e0e4ec;background:#0d1018}.clash-prefs__hint{max-width:220px;font-family:var(--font-body);letter-spacing:.04em;text-align:right;color:#e0e4ec;margin:0;font-size:11px;line-height:1.35}.clash-prefs__source{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;text-align:right;color:#ff64008c;margin:0;font-size:9px}.clash-prefs__source--riot{color:#00d4ffa6}.clash-prefs__source--loading{color:#a0aab973;animation:1.2s ease-in-out infinite clash-prefs-pulse}@keyframes clash-prefs-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (width<=700px){.clash-prefs{align-items:stretch;width:100%;min-width:0;max-width:200px}.clash-prefs__field{align-items:stretch}.clash-prefs__hint{text-align:left;max-width:none}}.clash-progress{width:100%;max-width:900px;margin:0 auto}.clash-progress__title{font-family:var(--font-display);letter-spacing:.25em;color:#ffffffd9;text-align:center;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:500}.clash-progress__bar-wrapper{width:100%;height:88px;position:relative}.clash-progress__frame{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.clash-progress__track{z-index:1;clip-path:polygon(0% 50%,1.421% 0%,98.579% 0%,100% 50%,98.579% 100%,1.421% 100%);align-items:stretch;gap:6px;height:44px;display:flex;position:absolute;top:50%;left:3.111%;right:3.111%;transform:translateY(-50%)}.clash-progress__segment{flex:1;min-width:0;position:relative;transform:skew(-18deg)}.clash-progress__segment--filled{background:linear-gradient(#4df0ff 0%,#00c8e8 35%,#0099b8 70%,#007a96 100%);box-shadow:0 0 6px #00d4ffb3,0 0 12px #00b4dc66,inset 0 1px #ffffff73,inset 0 -1px #003c5080}.clash-progress__segment--filled:after{content:"";background:linear-gradient(#ffffff59,#0000);border-radius:1px;height:35%;position:absolute;top:2px;left:15%;right:15%}.clash-progress__segment--active{z-index:1;background:linear-gradient(#fa4 0%,#f70 40%,#f50 70%,#c30 100%);box-shadow:0 0 10px #ff6400e6,0 0 20px #ff500080,inset 0 1px #ffdc9680}.clash-progress__segment--empty{background:linear-gradient(#1a1c22 0%,#12141a 50%,#0d0f14 100%);box-shadow:inset 0 0 0 1px #ff5a1459}.clash-progress__segment--empty:before{content:"";background:repeating-linear-gradient(90deg,#0000,#0000 2px,#ff50000a 2px 3px);position:absolute;inset:1px}.clash-progress__milestones{height:52px;margin-top:10px;position:relative}.clash-progress__milestone-line{background:linear-gradient(90deg,#00d4ff80 0%,#78788266 50%,#ff640080 100%);height:1px;position:absolute;top:3px;left:2%;right:2%}.clash-progress__milestone{flex-direction:column;gap:6px;display:flex;position:absolute;top:0}.clash-progress__diamond{background:#2a2d35;border:1px solid #9696a099;flex-shrink:0;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 4px #00000080}.clash-progress__milestone--start{align-items:flex-start;transform:translate(0)}.clash-progress__milestone--end{align-items:flex-end;transform:translate(-100%)}.clash-progress__diamond--start{background:#00d4ff;border-color:#4df0ff;box-shadow:0 0 8px #00d4ffcc}.clash-progress__diamond--end{background:#f60;border-color:#fa4;box-shadow:0 0 8px #ff6400cc}.clash-progress__label{font-family:var(--font-body);letter-spacing:.08em;color:#b4b9c3bf;text-transform:uppercase;white-space:nowrap;text-align:center;font-size:10px;font-weight:500}.clash-progress__label--start{font-family:var(--font-display);letter-spacing:.05em;color:#00d4ff;text-shadow:0 0 8px #00d4ffb3;font-size:14px;font-weight:700}.clash-progress__label--end{color:#f70;text-shadow:0 0 8px #ff6400b3;font-weight:600}.clash-progress__milestone:first-of-type .clash-progress__label{white-space:nowrap}.clash-progress__end-labels{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.clash-progress__percent{font-family:var(--font-display);letter-spacing:.05em;color:#f70;text-shadow:0 0 8px #ff6400b3;font-size:14px;font-weight:700}.clash-progress__schedule{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:18px;padding:0 12px;display:flex}.clash-progress__schedule-line{max-width:520px;font-family:var(--font-body);color:#c8cdd7cc;margin:0;font-size:13px;font-weight:400;line-height:1.55}.clash-progress__milestone:last-of-type .clash-progress__label{white-space:normal;max-width:80px;font-size:9px;line-height:1.2}@media (width<=700px){.clash-progress__title{letter-spacing:.15em;font-size:11px}.clash-progress__bar-wrapper{height:68px}.clash-progress__track{gap:4px;height:34px}.clash-progress__label{font-size:8px}.clash-progress__label--start,.clash-progress__percent{font-size:12px}.clash-progress__milestones{height:60px}.clash-progress__schedule-line{font-size:11px}}.countdown{--box-height:150px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.countdown__event{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#00d4ffd9;margin:0;font-size:14px;font-weight:600}.countdown__units{justify-content:center;align-items:flex-start;gap:0;display:flex}.countdown__group{align-items:flex-start;display:flex}.countdown__sep{height:var(--box-height);font-family:var(--font-display);color:#78829680;justify-content:center;align-items:center;padding:0 6px;font-size:42px;font-weight:700;line-height:1;display:flex}.countdown__unit{flex-direction:column;align-items:center;gap:8px;display:flex}.countdown__box{width:180px;height:var(--box-height);background:var(--unit-glow-bg);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);justify-content:center;align-items:center;display:flex;position:relative}.countdown__box:before{content:"";clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:var(--unit-border);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.countdown__unit--0{--unit-border:linear-gradient(135deg, #00d4ff, #08a);--unit-glow:#00d4ff66;--unit-glow-bg:#00d4ff1a;--unit-color:#00e8ff}.countdown__unit--1{--unit-border:linear-gradient(135deg, #48f, #64c);--unit-glow:#6478ff66;--unit-glow-bg:#6478ff1a;--unit-color:#8af}.countdown__unit--2{--unit-border:linear-gradient(135deg, #a4c, #c64);--unit-glow:#b450c866;--unit-glow-bg:#b450c81a;--unit-color:#c8f}.countdown__unit--3{--unit-border:linear-gradient(135deg, #f60, #f30);--unit-glow:#ff640080;--unit-glow-bg:#ff64001a;--unit-color:#f80}.countdown__box{box-shadow:0 0 15px var(--unit-glow), inset 0 0 20px #0009}.countdown__value{font-family:var(--font-display);color:var(--unit-color);text-shadow:0 0 12px var(--unit-glow);letter-spacing:.05em;font-size:56px;font-weight:700;line-height:1}.countdown__label{font-family:var(--font-body);letter-spacing:.2em;color:#b4b9c3b3;text-transform:uppercase;font-size:20px;font-weight:500}@media (width<=600px){.countdown{--box-height:54px;gap:8px}.countdown__box{width:64px}.countdown__sep{padding:0 2px;font-size:20px}.countdown__value{font-size:26px}.countdown__label{letter-spacing:.1em;font-size:8px}}.clash-page{flex-direction:column;align-items:center;min-height:100svh;padding:40px 24px 60px;display:flex;position:relative;overflow:hidden}.clash-page__bg{z-index:0;background:radial-gradient(80% 60% at 50% 0,#00507826,#0000),radial-gradient(60% 50% at 80% 80%,#b43c001a,#0000),linear-gradient(#0a0c12 0%,#0d1018 40%,#080a0f 100%);position:fixed;inset:0}.clash-page__grid{background-image:linear-gradient(#00b4dc08 1px,#0000 1px),linear-gradient(90deg,#00b4dc08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000,#0000);mask-image:radial-gradient(70% 60%,#000,#0000)}.clash-page__particles{background-image:radial-gradient(1px 1px at 10% 20%,#00d4ff99,#0000),radial-gradient(1px 1px at 30% 60%,#ff640066,#0000),radial-gradient(1.5px 1.5px at 70% 30%,#00d4ff80,#0000),radial-gradient(1px 1px at 85% 70%,#ff64004d,#0000),radial-gradient(1px 1px at 50% 85%,#9664ff4d,#0000),radial-gradient(1px 1px at 20% 80%,#00d4ff4d,#0000);animation:20s linear infinite particle-drift;position:absolute;inset:0}@keyframes particle-drift{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.clash-page__hud{font-family:var(--font-mono);letter-spacing:.15em;color:#00c8ff59;text-transform:uppercase;font-size:9px;position:absolute}.clash-page__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:24px;width:100%;min-height:100px;display:flex;position:relative}.clash-page__logo{flex-direction:column;align-items:flex-start;display:flex}.clash-page__logo-project{font-family:var(--font-display);letter-spacing:.6em;color:#c8cdd7b3;text-indent:.6em;font-size:14px;font-weight:400}.clash-page__logo-clash{font-family:var(--font-display);letter-spacing:.1em;background:linear-gradient(#fff 20%,#a0b0c0 100%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 20px #00b4dc4d);-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:800}.clash-page__subtitle{font-family:var(--font-body);letter-spacing:.12em;color:#a0aab999;text-transform:uppercase;margin:12px 0 0;font-size:13px}.clash-page__footer{z-index:2;pointer-events:none;position:fixed;bottom:24px;left:24px}.clash-page__set{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#e0e4ec;font-size:10px}.clash-page__set-project{color:#00d4ffa6;font-weight:600}.clash-page__main{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:36px;width:100%;max-width:960px;height:100%;display:flex;position:relative}.clash-page__hero{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.clash-page__title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#f0f4f8;text-shadow:0 0 24px #00d4ff59;margin:0;font-size:clamp(28px,5vw,42px);font-weight:700}.clash-page__tagline{max-width:420px;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#00d4ffbf;margin:0;font-size:14px;font-weight:500;line-height:1.5}@media (width<=700px){.clash-page{padding:28px 16px 48px}.clash-page__header{flex-direction:column;align-items:center;gap:20px;min-height:auto}.clash-page__logo{align-items:center}.clash-page__logo-clash{font-size:36px}.clash-page__main{gap:28px}.clash-page__hud{display:none}.clash-page__footer{bottom:16px;left:16px}}