:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f4ff;background:#070a12;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #c1a4ff;outline-offset:3px}.app{min-height:100vh;padding:22px 28px 32px;background:radial-gradient(ellipse at 80% 0%,#1b1235 0%,transparent 48%),#070a12}.topbar{max-width:1600px;margin:0 auto 24px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:30px;font-weight:950;letter-spacing:-1.6px}.brand span,.topmark span{color:#ff9649}.brand small{display:block;color:#81869f;font-size:9px;letter-spacing:3px;font-weight:650;margin-top:3px}.header-right{display:flex;align-items:center;gap:12px}.demo-pill{font-size:11px;letter-spacing:1px;color:#d6bfff;border:1px solid #554071;background:#231b36;border-radius:20px;padding:9px 12px}.iconbtn{color:#ddd;border:1px solid #303044;background:#171929;border-radius:10px;padding:9px}.layout{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr);gap:22px}.stage{aspect-ratio:16/9;min-height:360px;position:relative;overflow:hidden;border-radius:17px;border:1px solid #323448;background:radial-gradient(ellipse at 50% 70%,#1b2440,#0b1020 45%,#070b14 85%)}.stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.65;background-image:radial-gradient(1px 1px at 12% 18%,white 99%,transparent),radial-gradient(2px 2px at 81% 24%,#ae9bff 99%,transparent),radial-gradient(1px 1px at 65% 61%,white 99%,transparent),radial-gradient(1px 1px at 37% 34%,white 99%,transparent),radial-gradient(1px 1px at 88% 73%,#a5c6ff 99%,transparent);background-size:170px 150px}.topmark{position:absolute;z-index:4;top:13px;left:50%;transform:translate(-50%);font-weight:950;letter-spacing:-1px;font-size:19px;text-shadow:0 3px 14px #000}.stage-badge{position:absolute;top:18px;left:17px;font-size:9px;color:#9ca7c7;letter-spacing:1.4px}.scene-hint{position:absolute;top:43%;left:0;right:0;text-align:center;font-size:12px;letter-spacing:3px;color:#4f5876}.scene-hint small{display:block;font-size:9px;letter-spacing:.6px;margin-top:10px}.hud{position:absolute;bottom:13px;left:3%;width:94%;z-index:5;background:linear-gradient(180deg,#121b30ed,#090d1cf7);border:1px solid #46516c;border-radius:13px;padding:12px 15px;box-shadow:0 8px 28px #0009}.matchrow{display:flex;align-items:center;justify-content:space-between;gap:8px}.teamlabel{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:900}.teamlabel b{font-size:16px;color:#fff}.blue-label{color:#5ca9ff}.orange-label{color:#ffab5d}.round{text-align:center;font-size:9px;letter-spacing:1px;color:#a8aabd}.round strong{display:block;font-size:17px;color:#fff;letter-spacing:1px}.progress{height:9px;display:flex;overflow:hidden;background:#f79344;border-radius:20px;margin:10px 0 6px}.bluebar{height:100%;background:linear-gradient(90deg,#2857ee,#59bcff);box-shadow:0 0 14px #3895ff}.orangebar{flex:1;background:linear-gradient(90deg,#ff9d36,#ee592f)}.hudfoot{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#8e9ab8}.stage-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px}.stage-controls button{display:flex;gap:7px;align-items:center;background:#1b2031;border:1px solid #30374c;color:#d8e1f7;padding:9px 12px;border-radius:9px}.stage-controls label{font-size:12px;color:#b8bed3;display:flex;align-items:center;gap:7px}.notice{font-size:11px;color:#858fa9;display:flex;gap:7px;align-items:center}.shop{border:1px solid #323148;border-radius:17px;background:linear-gradient(160deg,#19172c,#101320 45%,#0e121e);padding:22px;align-self:start}.shop-head{display:flex;justify-content:space-between;color:#bc9eff;font-size:10px;letter-spacing:2px;font-weight:900}.shop-head small{color:#838ba2}.shop h2{font-size:29px;letter-spacing:-1px;margin:12px 0 6px}.shop h2 em{font-style:normal;color:#c7a5ff}.shop>p{font-size:12px;color:#a4abc2;line-height:1.6;margin-bottom:20px}.team-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.team-choice button{background:#151a29;border:1px solid #333c51;color:#a5b0c9;border-radius:9px;padding:11px 6px;font-size:11px;font-weight:800}.team-choice .active-blue{color:#80c2ff;border-color:#347fe8;background:#122746}.team-choice .active-orange{color:#ffc18d;border-color:#d77935;background:#3c2418}.giftgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.gift{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid #34384b;background:#161b2a;border-radius:11px;color:#f3f3fa;padding:12px 4px;min-height:124px}.gift.selected{border-color:#b38cff;background:#28203e;box-shadow:inset 0 0 0 1px #9873dd66}.gift-art{height:51px;width:51px;display:grid;place-items:center;font-size:32px;border-radius:50%;color:#dac3ff;background:radial-gradient(circle,#67418d99,transparent 70%);text-shadow:0 0 20px #9e66ff}.gift-art.clash-universe{color:#fff;font-size:39px;background:radial-gradient(circle,#9e62ff,#282057 54%,transparent 74%)}.gift-art.orbital-empire{color:#87b8ff}.gift b{font-size:11px;text-align:center}.gift small{font-size:10px;color:#c1a5ff}.detail{border:1px solid #39374e;background:#141827;border-radius:12px;margin-top:17px;padding:15px}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.detail-heading small{font-size:9px;color:#9f96b8;letter-spacing:1px}.detail-heading h3{margin:5px 0 0;font-size:20px}.detail-heading strong{color:#d9c4ff;white-space:nowrap}.detail-heading strong small{letter-spacing:0;color:inherit}.detail p{font-size:12px;color:#a4aec6}.preview-btn,.demo-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border-radius:9px;padding:12px;margin-top:9px;font-weight:850;font-size:12px}.preview-btn{background:#b493ff;color:#171126;border:0}.demo-btn{background:#20253a;color:#d7c6ff;border:1px solid #554977}.legal{display:block;font-size:10px;line-height:1.5;color:#818aa2;margin-top:12px}.cinematic{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.dim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 42%,#30115aee,#07081bf5 75%)}.cosmos{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.planet{position:absolute;left:50%;top:42%;width:35%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 26%,#c0b6ff,#6c57cc 17%,#172c69 39%,#070c29 68%,#020311 75%);box-shadow:0 0 35px #ad76ff,0 0 110px #7644e588,inset -25px -22px 35px #020311;overflow:hidden}.planet:after{content:"";position:absolute;top:15%;right:-30%;bottom:15%;left:-30%;transform:rotate(-22deg);border-radius:50%;border:11px solid #c8a7ff66;filter:blur(6px)}.orbit{position:absolute;left:50%;top:42%;border:3px solid #ac78ff;border-radius:50%;box-shadow:0 0 18px #ac78ff,0 0 30px #8b61ff;transform:translate(-50%,-50%) rotate(-22deg)}.orbit-a{width:58%;height:23%}.orbit-b{width:50%;height:38%;border-color:#ff9c55;transform:translate(-50%,-50%) rotate(38deg)}.orbit-c{width:65%;height:32%;border-width:1px;opacity:.5;transform:translate(-50%,-50%) rotate(75deg)}.core-glow{position:absolute;left:50%;top:45%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,#bda6ff77,transparent 70%);filter:blur(28px)}.space-dust{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(from 40deg at 50% 42%,transparent 0deg 14deg,#8f65ff13 15deg 16deg,transparent 17deg 31deg)}.reveal{position:absolute;left:0;right:0;top:60%;text-align:center;text-shadow:0 3px 16px #000,0 0 22px #000;z-index:2}.reveal-kicker{font-size:10px;letter-spacing:4px;color:#d3b7ff}.reveal h1{font-size:clamp(22px,4vw,54px);letter-spacing:-1px;margin:5px 0;color:#fff}.supporter{font-size:12px;letter-spacing:2px;color:#c5caff}.reveal strong{display:block;color:#e2b6ff;font-size:20px;margin-top:5px}.animate .dim{animation:fadein .45s ease both}.animate .cosmos{animation:universe 8s cubic-bezier(.15,.7,.25,1) both}.animate .orbit-a{animation:spinA 8s linear both}.animate .orbit-b{animation:spinB 8s linear both}.animate .reveal{animation:reveal 8s ease both}.animate .planet{animation:planet 8s ease both}.reduce .cosmos{opacity:.35}.reduce .reveal{top:43%}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes universe{0%{opacity:0;transform:scale(.08) rotate(-45deg)}12%{opacity:1;transform:scale(.6) rotate(-15deg)}40%{transform:scale(1.15)}78%{transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes planet{0%{filter:brightness(3)}40%{filter:brightness(1)}78%{filter:brightness(1.5)}to{filter:brightness(3)}}@keyframes spinA{0%{transform:translate(-50%,-50%) rotate(-70deg)}to{transform:translate(-50%,-50%) rotate(260deg)}}@keyframes spinB{0%{transform:translate(-50%,-50%) rotate(38deg)}to{transform:translate(-50%,-50%) rotate(-260deg)}}@keyframes reveal{0%,38%{opacity:0;transform:translateY(18px)}48%,83%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}.orange .cinematic .planet{filter:hue-rotate(85deg)}.orange .cinematic .orbit-a{border-color:#ff9c55;box-shadow:0 0 25px #ff9c55}@media(max-width:1050px){.layout{grid-template-columns:1fr}.stage{min-height:280px}.shop{max-width:none}}@media(max-width:560px){.app{padding:12px}.brand{font-size:23px}.brand small{font-size:7px;letter-spacing:1.5px}.demo-pill{font-size:8px}.stage{min-height:260px}.stage-badge{display:none}.hud{padding:8px;bottom:7px}.teamlabel{font-size:9px;gap:3px}.teamlabel b{font-size:11px}.round strong{font-size:12px}.hudfoot{font-size:7px}.shop{padding:15px}.giftgrid{gap:6px}.gift{min-height:108px}.gift b{font-size:9px}.gift-art{width:40px;height:40px;font-size:25px}.reveal h1{font-size:22px}.reveal strong{font-size:14px}.reveal-kicker{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}