: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}}body:has(.view-overlay),html:has(.view-overlay),#root:has(.view-overlay){background:transparent!important}.view-overlay{background:transparent!important;padding:0!important;min-height:100vh}.view-overlay .topbar,.view-overlay .shop,.view-overlay .stage-controls,.view-overlay .notice{display:none!important}.view-overlay .layout{display:block!important;max-width:none!important;width:100%;height:100vh}.view-overlay .stage-area,.view-overlay .stage{width:100%;height:100%;min-height:0;aspect-ratio:auto;border:0;border-radius:0;background:transparent!important;box-shadow:none}.view-overlay .stars,.view-overlay .scene-hint,.view-overlay .stage-badge,.view-overlay .topmark{display:none!important}.view-overlay .hud{bottom:2%;left:10%;width:80%;background:#0b1124b8;padding:8px 12px}.view-overlay .cinematic{pointer-events:none}.view-viewer{padding:8px!important;min-height:100vh}.view-viewer .topbar,.view-viewer .stage-area{display:none!important}.view-viewer .layout{display:block!important;max-width:none!important}.view-viewer .shop{width:100%;max-width:none;padding:12px}.view-viewer .shop-head,.view-viewer .shop>h2,.view-viewer .shop>p{display:none}.view-viewer .giftgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.view-viewer .gift{min-height:76px;padding:7px 3px}.view-viewer .gift-art{width:32px;height:32px;font-size:20px}.view-viewer .gift b{font-size:10px}.view-viewer .shop>.detail[aria-label="Live battle control center"],.view-viewer .shop>.detail[aria-label="Kostenloser Zuschauer-Stresstest"],.view-viewer .shop>.legal[aria-label=Sandbox-Testauswertung]{display:none!important}.view-config{padding:12px!important}.view-config .topbar,.view-config .stage-area,.view-config .shop-head,.view-config .shop>h2,.view-config .shop>p,.view-config .team-choice,.view-config .giftgrid{display:none!important}.view-config .layout{display:block!important;max-width:760px!important}.view-config .shop{max-width:none}.view-config .shop>.detail:not([aria-label="Live battle control center"]){display:none!important}html:has(.liveclash-overlay),body:has(.liveclash-overlay),#root:has(.liveclash-overlay){margin:0;width:100%;height:100%;background:transparent!important;overflow:hidden}.liveclash-overlay{position:relative;width:100vw;height:100vh;background:transparent;pointer-events:none;overflow:hidden;color:#fff}.liveclash-overlay .cinematic{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.overlay-scoreboard{position:absolute;z-index:10;bottom:2%;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:min(76vw,850px);max-width:92vw;padding:9px 20px;border:1px solid #ffffff42;border-radius:14px;background:#070c1bc2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:clamp(11px,1.2vw,18px);font-weight:800;text-shadow:0 2px 6px #000}.overlay-scoreboard span:first-child{color:#68b9ff}.overlay-scoreboard span:last-child{color:#ffa96a}.overlay-clock{font-variant-numeric:tabular-nums;color:#fff;font-size:1.2em}html:has(.liveclash-viewer),body:has(.liveclash-viewer){background:#0b0d18}.liveclash-viewer{min-height:100vh;padding:12px;color:#f4efff;background:#0b0d18;font-family:Inter,system-ui,sans-serif}.liveclash-viewer header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.liveclash-viewer header strong{font-size:19px;font-weight:950;letter-spacing:-1px}.liveclash-viewer header strong span{color:#ff9649}.liveclash-viewer header small{font-size:9px;color:#a6a2c0;text-align:right}.viewer-match{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;background:#17192b;border:1px solid #30344e;border-radius:10px;margin-bottom:12px;font-size:11px;text-align:center}.viewer-match b:first-child{color:#6cbaff}.viewer-match b:last-child{color:#ffae77}.viewer-match span{margin:auto;font-variant-numeric:tabular-nums}.liveclash-viewer .team-choice{display:flex;gap:8px;margin-bottom:12px}.liveclash-viewer .team-choice button{flex:1;min-height:36px}.viewer-gifts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.viewer-gifts button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:93px;padding:7px 3px;border:1px solid #343751;border-radius:10px;background:#171a2a;color:#eee8ff}.viewer-gifts button.chosen{border-color:#b592ff;background:#2a2043}.viewer-gifts b{font-size:10px;text-align:center}.viewer-gifts small{font-size:9px;color:#b5a0ef}.viewer-gifts .gift-art{width:32px;height:32px;font-size:21px}.viewer-selected{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 9px;font-size:12px}.viewer-selected span{font-size:10px;color:#bdb5d5}.viewer-purchase{display:block;width:100%;min-height:40px;border:0;border-radius:9px;background:#a786f6;color:#100b20;font-weight:800}.viewer-purchase:disabled{background:#26253b;color:#a8a1be;cursor:not-allowed}.viewer-note{font-size:10px;line-height:1.5;color:#aaa6be;text-align:center}.viewer-beta{width:100%;min-height:44px;border:1px solid #9c77ee;border-radius:10px;background:#7750c5;color:#fff;font-weight:800;margin:7px 0}.viewer-beta:disabled{opacity:.5;cursor:not-allowed}.viewer-beta-status{display:block;color:#c2b4e7;font-size:10px;text-align:center;margin:5px 0 12px}html:has(.liveclash-config),body:has(.liveclash-config){background:#0b0d18}.liveclash-config{min-height:100vh;padding:clamp(12px,3vw,28px);max-width:850px;margin:auto;color:#f5f2ff;background:#0b0d18;font-family:Inter,system-ui,sans-serif}.liveclash-config header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.liveclash-config header strong{font-size:clamp(23px,4vw,34px);letter-spacing:-1.4px;font-weight:950}.liveclash-config header strong span{color:#ff9649}.liveclash-config header p{font-size:10px;letter-spacing:2px;color:#a9a5bf;margin:3px 0}.config-connection{padding:8px 12px;background:#302237;border:1px solid #60435b;border-radius:30px;font-size:11px;color:#f2bed0;text-align:center}.config-connection.online{background:#16332e;border-color:#306758;color:#98e7d1}.config-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.config-status>div{display:flex;flex-direction:column;gap:7px;background:#1a1b2b;border:1px solid #35344e;border-radius:12px;padding:14px;min-width:0}.config-status small{font-size:10px;color:#aaa6c1}.config-status strong{font-size:clamp(12px,2vw,19px);overflow-wrap:anywhere}.config-card{background:#151626;border:1px solid #34344b;border-radius:14px;padding:clamp(14px,3vw,22px);margin-bottom:14px}.config-card h2{font-size:17px;margin:0 0 9px}.config-card p{font-size:12px;line-height:1.5;color:#b5afcc}.config-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;color:#d5cfe7;margin:12px 0}.config-card input{background:#0e1020;color:#f6f1ff;border:1px solid #42425d;border-radius:9px;padding:11px;min-width:0;width:100%;font-size:14px}.config-card input:disabled{opacity:.55}.config-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.config-primary,.config-actions button{padding:12px;border:1px solid #9d7bed;border-radius:10px;background:#7351c6;color:#fff;font-size:13px;font-weight:800}.config-primary{width:100%;margin-top:5px}.config-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.config-actions .config-danger{background:#5b2738;border-color:#ac5b72}.config-card button:disabled{opacity:.35;cursor:not-allowed}.config-feedback{min-height:18px}.config-diagnostics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.config-diagnostics span{display:flex;flex-direction:column;gap:4px;background:#1e2032;border-radius:8px;padding:10px;font-size:11px;color:#bdb6d2}.config-diagnostics b{font-size:13px;color:#f0eaff}@media(max-width:430px){.config-status{gap:5px}.config-status>div{padding:9px}.config-fields{grid-template-columns:1fr}.liveclash-config header{align-items:flex-start}.config-connection{max-width:45%}}.liveclash-overlay .overlay-dock{position:absolute;z-index:100;top:clamp(8px,2vh,24px);right:clamp(8px,1.5vw,24px);pointer-events:auto;width:min(290px,45vw);font-family:Inter,system-ui,sans-serif}.overlay-dock-toggle{display:block;margin-left:auto;padding:9px 14px;border:1px solid #a37cfd;border-radius:10px;background:#1a1139ec;color:#f8f3ff;font-size:12px;font-weight:850;box-shadow:0 6px 22px #0008}.overlay-dock-panel{margin-top:8px;background:#0c1023f5;color:#f7f3ff;border:1px solid #594978;border-radius:14px;padding:12px;box-shadow:0 12px 35px #000a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-height:75vh;overflow-y:auto}.overlay-dock-title{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px}.overlay-dock-title strong{font-size:16px;letter-spacing:-.5px}.overlay-dock-title strong span{color:#ff9649}.overlay-dock-title small{font-size:9px;color:#c4b4ed}.overlay-dock-teams{display:flex;gap:6px;margin-bottom:10px}.overlay-dock-teams button{flex:1;padding:8px 3px;border-radius:7px;background:#252741;color:#fff;border:1px solid #41425d;font-size:10px}.overlay-dock-teams button.selected{border-color:#b99eff;background:#443367}.overlay-dock-gifts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.overlay-dock-gifts button{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:62px;padding:6px 3px;background:#1a1e35;border:1px solid #363c58;border-radius:8px;color:#fff;font-size:19px}.overlay-dock-gifts button.selected{background:#40315e;border-color:#b99eff}.overlay-dock-gifts small{font-size:9px;text-align:center;line-height:1.1}.overlay-dock-send{width:100%;padding:10px 5px;margin-top:10px;border:0;border-radius:8px;background:#8958dd;color:#fff;font-size:11px;font-weight:800}.overlay-dock-send:disabled{opacity:.45;cursor:not-allowed}.overlay-dock-panel p{font-size:10px;line-height:1.4;text-align:center;color:#bdb3d6;margin:8px 0 0}@media(max-width:600px){.liveclash-overlay .overlay-dock{width:min(245px,65vw)}.overlay-dock-panel{max-height:62vh;padding:8px}.overlay-dock-gifts button{min-height:55px}}.clash-cinematic{--clash-hue:280;position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;overflow:hidden;display:grid;place-items:center;isolation:isolate;color:#fff;font-family:Inter,system-ui,sans-serif}.clash-blue{--clash-side:#48bdff}.clash-orange{--clash-side:#ff994a}.clash-chrome-heart{--clash-hue:325}.clash-money-rain{--clash-hue:48}.clash-hypercar{--clash-hue:195}.clash-private-jet{--clash-hue:255}.clash-orbital-empire{--clash-hue:275}.clash-clash-universe{--clash-hue:300}.clash-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 32% 42% at 50% 49%,hsl(var(--clash-hue) 96% 64% / .2),transparent 85%);opacity:.85}.clash-rays{position:absolute;width:min(65vw,650px);aspect-ratio:1;display:grid;place-items:center;opacity:.45}.clash-rays i{position:absolute;width:2px;height:85%;background:linear-gradient(transparent 5%,hsl(var(--clash-hue) 100% 78% / .7),transparent 62%);transform-origin:center}.clash-stars{position:absolute;top:0;right:0;bottom:0;left:0}.clash-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px hsl(var(--clash-hue) 100% 70% / .5)}.clash-object{position:absolute;left:50%;top:42%;width:clamp(90px,20vw,280px);aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%);filter:drop-shadow(0 0 25px hsl(var(--clash-hue) 100% 62% / .8))}.clash-symbol{font-size:clamp(72px,16vw,225px);line-height:1;font-weight:900;background:linear-gradient(135deg,#fff,hsl(var(--clash-hue) 100% 86%) 22%,#fff 35%,hsl(var(--clash-hue) 90% 47%) 53%,#fff 68%,hsl(var(--clash-hue) 100% 64%) 90%);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:0 0 40px hsl(var(--clash-hue) 90% 60% / .28)}.clash-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid hsl(var(--clash-hue) 100% 80% / .55);border-radius:50%;box-shadow:0 0 22px hsl(var(--clash-hue) 100% 75% / .5),inset 0 0 18px hsl(var(--clash-hue) 100% 75% / .25)}.clash-ring-one{transform:rotateX(66deg) rotate(-20deg) scale(1.5)}.clash-ring-two{transform:rotateY(68deg) rotate(40deg) scale(1.2)}.clash-shine{position:absolute;top:20%;right:20%;bottom:20%;left:20%;border-radius:50%;background:radial-gradient(circle,#fff8,transparent 65%);mix-blend-mode:screen}.clash-copy{position:absolute;top:68%;left:5%;right:5%;display:flex;align-items:center;flex-direction:column;gap:4px;text-align:center;text-shadow:0 3px 12px #000,0 0 16px #000}.clash-eyebrow{font-size:clamp(10px,1.3vw,16px);font-weight:850;letter-spacing:.24em;color:var(--clash-side)}.clash-copy strong{font-size:clamp(23px,4vw,60px);font-weight:950;letter-spacing:-.05em;line-height:1.08}.clash-team{font-size:clamp(12px,1.5vw,20px);font-weight:900;color:var(--clash-side)}.clash-value{font-size:clamp(9px,1vw,14px);font-weight:800;letter-spacing:.16em}.clash-money{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%}.clash-money i{position:absolute;font-style:normal;font-size:clamp(18px,4vw,42px);color:#ffe9a3}.clash-orbits,.clash-universe-orbits{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;display:grid;place-items:center}.clash-orbits i,.clash-universe-orbits i{position:absolute;width:100%;height:35%;border:3px solid hsl(var(--clash-hue) 100% 80% / .6);border-radius:50%;transform:rotate(35deg)}.clash-orbits i:nth-child(2),.clash-universe-orbits i:nth-child(2){transform:rotate(-50deg)}.clash-orbits i:nth-child(3),.clash-universe-orbits i:nth-child(3){transform:rotate(90deg)}.clash-universe-orbits i:nth-child(4){transform:rotate(140deg)}.clash-hypercar .clash-symbol{transform:scaleX(1.65) skew(-16deg)}.clash-private-jet .clash-symbol{transform:rotate(-25deg)}.clash-animated .clash-object{animation:clash-arrive .8s cubic-bezier(.16,1,.3,1) both,clash-float 2.4s ease-in-out .8s infinite alternate}.clash-animated .clash-rays{animation:clash-spin 9s linear infinite}.clash-animated .clash-stars i{animation:clash-twinkle 1.2s ease-in-out infinite alternate}.clash-animated .clash-money i{animation:clash-rain 2.5s linear infinite}.clash-animated .clash-copy{animation:clash-title .8s .15s both}.clash-animated .clash-ring-one{animation:clash-ring-a 3.5s linear infinite}.clash-animated .clash-ring-two{animation:clash-ring-b 4.2s linear infinite}@keyframes clash-arrive{0%{opacity:0;transform:translate(-50%,-50%) scale(.12) rotate(-30deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes clash-float{to{transform:translate(-50%,-54%) scale(1.05)}}@keyframes clash-spin{to{transform:rotate(360deg)}}@keyframes clash-twinkle{to{opacity:.15;transform:scale(.4)}}@keyframes clash-rain{0%{transform:translateY(-110px) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(360px) rotate(270deg);opacity:0}}@keyframes clash-title{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes clash-ring-a{to{transform:rotateX(66deg) rotate(340deg) scale(1.5)}}@keyframes clash-ring-b{to{transform:rotateY(68deg) rotate(400deg) scale(1.2)}}.clash-compact .clash-copy{top:69%}@media(prefers-reduced-motion:reduce){.clash-cinematic *{animation:none!important;transition:none!important}}@media(max-width:600px){.clash-object{top:41%;width:clamp(65px,26vw,140px)}.clash-symbol{font-size:clamp(55px,20vw,130px)}.clash-copy{top:64%}.clash-copy strong{font-size:clamp(16px,5vw,27px)}}.config-zone-preview{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(140deg,#22263d,#101322);border:1px solid #53516e;border-radius:10px;overflow:hidden;margin:12px 0}.config-zone-preview:before{content:"STREAM VIDEO / SAFE-ZONE PREVIEW";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#777b9b;font-size:10px;letter-spacing:1px}.config-zone-rect{position:absolute;border:2px dashed #ffb46b;background:#f4a24b38;display:grid;place-items:center;color:#ffe3bd;font-size:clamp(7px,1.7vw,12px);font-weight:800;text-align:center}.config-effect-center{position:absolute;transform:translate(-50%,-50%);color:#d9afff;font-size:28px;text-shadow:0 0 15px #b86aff}.config-zone-editor{border:1px solid #47405e;border-radius:10px;padding:12px;margin:10px 0}.config-zone-editor>strong{font-size:12px}.config-zone-editor>button{float:right;background:#52283d;color:#ffe5ec;border:1px solid #85435f;border-radius:6px;padding:4px 8px;font-size:11px}.config-zone-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.config-zone-sliders label{font-size:11px}.config-zone-sliders input{padding:0;accent-color:#a780ef}.config-card .config-checkbox{display:flex;flex-direction:row;align-items:center;gap:8px}.config-checkbox input{width:auto}.clash-safe-effect{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.clash-safe-effect .clash-object{left:var(--effect-x,50%);top:var(--effect-y,43%);opacity:var(--effect-intensity,1)}.clash-safe-effect .clash-rays{left:var(--effect-x,50%);top:var(--effect-y,43%);transform:translate(-50%,-50%)}.clash-safe-effect .clash-wash{opacity:calc(var(--effect-intensity,1)*.7)}.clash-safe-effect .clash-copy{opacity:var(--effect-intensity,1)}@media(max-width:430px){.config-zone-sliders{grid-template-columns:1fr}}