/* Expanded electric visual system */
.ambient-grid{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 95% 20%,#075bc720,transparent 50%),linear-gradient(90deg,transparent 49.9%,#375b7c12 50%,transparent 50.1%);background-size:auto,100px 100px}.site-header{box-shadow:0 1px 25px #087cda15}.hero{isolation:isolate}.hero:before{content:"";position:absolute;inset:0 -30px;z-index:-1;background:radial-gradient(ellipse at 80% 50%,#046acd23,transparent 60%)}.hero h1{font-style:italic;text-shadow:0 7px 40px #0007}.hero h1>span{background:linear-gradient(160deg,#fff0b2,#efc35e 55%,#ad771e);background-clip:text;color:transparent}.hero-brand{color:var(--cyan);letter-spacing:7px}.hero-lightning{filter:drop-shadow(0 0 14px #009dff45)}.hero-art{perspective:900px}.reactor-rings{position:absolute;inset:7%;border:1px solid #2873a65e;border-radius:50%;box-shadow:0 0 65px #005cba29,inset 0 0 50px #0068bb1a;z-index:-2;pointer-events:none}.reactor-rings i{position:absolute;inset:-5%;border-radius:50%;border:2px solid transparent;border-top-color:#3cbdff9e;border-bottom-color:#3cbdff60;animation:reactor-turn 28s linear infinite}.reactor-rings i:nth-child(2){inset:8%;border-width:1px;border-top-color:#edc465b0;border-left-color:#edc4654d;animation-direction:reverse;animation-duration:20s}.reactor-rings i:nth-child(3){inset:-12%;border:1px dashed #3074a654;animation-duration:60s}.reactor-label{position:absolute;bottom:11%;left:0;padding:12px 17px;background:#071321de;border:1px solid #355b78;border-left:3px solid var(--gold);backdrop-filter:blur(10px);transform:skewY(-3deg)}.reactor-label span,.reactor-label small{display:block;font:9px var(--display);letter-spacing:1.5px;color:var(--muted)}.reactor-label b{display:block;font:24px var(--display);letter-spacing:3px;color:var(--gold);margin:6px 0}.spark-field{position:absolute;inset:0;pointer-events:none;overflow:hidden}.spark-field i{--x:calc(mod(var(--n)*37,100)*1%);position:absolute;width:2px;height:2px;background:#78ddff;left:var(--x);top:calc(mod(var(--n)*23,100)*1%);box-shadow:0 0 8px 2px #168dff80;animation:spark-rise calc(4s + mod(var(--n),5)*1s) linear infinite;animation-delay:calc(var(--n)*-.6s)}.spark-field i:nth-child(3n){background:#f9d070;box-shadow:0 0 9px #ffb93e}.button{position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.button:after{content:"";position:absolute;inset:-50% auto -50% -70%;width:25%;background:#fff4;transform:rotate(25deg);transition:left .5s;pointer-events:none}.button:hover:after{left:150%}.signal-strip{background:linear-gradient(100deg,#0b2336,#0b1320 55%,#202015);box-shadow:inset 0 1px #50b0de26}.section-heading{position:relative}.section-heading:after{content:"";position:absolute;bottom:-13px;left:0;width:80px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}
.game-console{box-shadow:0 18px 80px #0006,0 0 50px #0077cc0d;border-color:#345069}.console-top{background:linear-gradient(90deg,#11304980,transparent)}.scoreboard{background:linear-gradient(135deg,#102338,#0a1423)}.scoreboard strong{text-shadow:0 0 20px #5bcdff23}.scoreboard>div:first-child strong{text-shadow:0 0 20px #edc46535}.arena{background-image:linear-gradient(#22476930 1px,transparent 1px),linear-gradient(90deg,#22476930 1px,transparent 1px),radial-gradient(ellipse at 50% 70%,#11457355,transparent 72%)}.arena:before{content:"";position:absolute;left:-20%;right:-20%;bottom:-25%;height:60%;background:linear-gradient(#2879a938 1px,transparent 1px),linear-gradient(90deg,#2879a938 1px,transparent 1px);background-size:44px 44px;transform:perspective(200px) rotateX(45deg);pointer-events:none}.arena-scan{position:absolute;inset:0;pointer-events:none;opacity:.3;background:linear-gradient(transparent,#4db5f410,transparent);height:30%;animation:arena-sweep 9s linear infinite}.game-overlay{background:radial-gradient(ellipse,#081829ed,#050b14ae)}.game-overlay img{width:94px;height:94px;filter:drop-shadow(0 0 12px #168cfe55)}.game-overlay h3{letter-spacing:-1px}.combo-rail{display:flex;align-items:center;gap:18px;padding:15px 26px;border-bottom:1px solid var(--line);background:#0a1422}.combo-rail>span{font:10px var(--display);letter-spacing:1.4px;color:var(--muted)}.combo-rail>strong{color:var(--gold);font:20px var(--display)}.combo-cells{display:flex;flex:1;max-width:300px;gap:5px}.combo-cells i{height:7px;flex:1;background:#26384b;transform:skewX(-18deg);transition:background .2s,box-shadow .2s}.combo-cells i.active{background:var(--cyan);box-shadow:0 0 9px #52c5ff50}.charged .combo-cells i.active{background:var(--gold);box-shadow:0 0 9px #edc46560}.charged .target{border-color:var(--gold);box-shadow:0 0 35px #ffc34150,inset 0 0 15px #49bff54a}.impact-ring{position:absolute;width:80px;height:80px;pointer-events:none;border:2px solid var(--cyan);border-radius:50%;transform:translate(-50%,-50%);opacity:0;z-index:4}.impact-ring.burst{animation:impact-burst .5s ease-out}.impact-ring:before,.impact-ring:after{content:"";position:absolute;inset:-15px;border:1px dashed var(--gold);border-radius:50%}.impact-ring:after{inset:14px;border-style:solid}.charged .console-top{background:linear-gradient(90deg,#4a341933,transparent)}
.steps{border:0;gap:20px}.steps article,.steps article+article{padding:24px;border:1px solid var(--line);background:linear-gradient(160deg,#101e30,#070e18);position:relative;overflow:hidden}.step-number{position:absolute;top:16px;right:18px;font-size:56px;color:#48607835}.step-diagram{height:150px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:25px;border-bottom:1px solid #28435a80;background:radial-gradient(ellipse,#08538424,transparent 65%)}.step-diagram b{position:absolute;bottom:11px;left:0;font:9px var(--display);letter-spacing:2px;color:#82acc5}.diagram-target i{width:64px;height:64px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 14px #67d9ff0c,0 0 0 28px #67d9ff06;position:relative}.diagram-target i:before{content:"";position:absolute;inset:17px;border:1px solid var(--gold);border-radius:50%;background:radial-gradient(var(--gold) 0 3px,transparent 4px)}.diagram-target i:after{content:"";position:absolute;inset:-14px;background:linear-gradient(var(--cyan),var(--cyan)) center/1px 100% no-repeat,linear-gradient(var(--cyan),var(--cyan)) center/100% 1px no-repeat;opacity:.35}.diagram-wave i{width:100%;height:70px;background:var(--cyan);clip-path:polygon(0 49%,25% 49%,34% 10%,44% 88%,55% 27%,64% 49%,100% 49%,100% 52%,62% 52%,55% 34%,43% 100%,33% 21%,26% 52%,0 52%);filter:drop-shadow(0 0 7px #67d9ff)}.diagram-score i{font:italic 600 50px var(--display);color:var(--gold);text-shadow:0 0 24px #edc46540;transform:rotate(-7deg)}.steps h3{font-size:22px;margin:0 0 15px}.steps p{font-size:14px}.cinematic-about{position:relative;isolation:isolate;overflow:hidden;min-height:480px;display:flex;align-items:center;background:radial-gradient(ellipse at left,#0a426155,#07121e 70%)}.about-emblem{position:absolute;width:520px;height:520px;left:-100px;top:50%;transform:translateY(-50%) rotate(-15deg);opacity:.27;z-index:-1;mix-blend-mode:screen;mask-image:radial-gradient(black 15%,transparent 70%)}.about-grid h2{font-size:clamp(36px,4.5vw,62px)}.about-grid{position:relative}.about-grid:after{content:"SC / ENERGIA W RUCHU";position:absolute;bottom:-45px;left:0;font:10px var(--display);letter-spacing:3px;color:#7592a9}.features{gap:16px;border:0}.features article,.features article+article{border:1px solid var(--line);background:linear-gradient(145deg,#101e30,#090f19);transition:transform .25s,border-color .25s;overflow:hidden}.features article:hover{transform:translateY(-6px);border-color:#4ab6e8}.feature-id{position:absolute;top:17px;right:16px}.feature-visual{height:115px;position:relative;margin-top:8px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#074d8729,transparent 70%)}.visual-speed{flex-direction:column;gap:9px;transform:skew(-20deg)}.visual-speed i{height:2px;width:60%;background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:10px 0 10px #25a9ff40}.visual-speed i:nth-child(2n){width:40%;transform:translateX(14px)}.visual-aim i{position:absolute;width:76px;height:76px;border:1px solid #67d9ff90;border-radius:50%}.visual-aim i:nth-child(2){width:48px;height:48px;border-color:var(--gold)}.visual-aim i:nth-child(3){width:10px;height:10px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.visual-reflex{gap:5px}.visual-reflex i{height:calc(15px + var(--height,25px));width:5px;background:linear-gradient(var(--cyan),#247df426);box-shadow:0 0 10px #247df420}.visual-reflex i:nth-child(3n){--height:55px}.visual-reflex i:nth-child(2n){--height:5px}.visual-reflex i:nth-child(5){--height:80px}.visual-result{align-items:flex-end;padding-bottom:16px;gap:9px}.visual-result i{width:17px;height:22px;background:linear-gradient(var(--gold),#edc46512);border-top:2px solid #ffe19b}.visual-result i:nth-child(2){height:35px}.visual-result i:nth-child(3){height:48px}.visual-result i:nth-child(4){height:63px}.visual-result i:nth-child(5){height:82px}.features h3{margin-top:17px}.preview{background:radial-gradient(ellipse at 90% 60%,#073d6655,transparent 55%),#09111e}.preview-field{height:260px}.preview-target{box-shadow:0 0 50px #3488d04f,0 0 0 22px #67d9ff08,0 0 0 46px #67d9ff04}.preview-target:after{animation:reactor-turn 12s linear infinite}.final-cta{isolation:isolate;min-height:440px}.cta-lightning{position:absolute;right:0;top:-80px;width:650px;height:650px;object-fit:contain;z-index:-1;opacity:.65;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,black 35%,black 75%,transparent)}.final-cta:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07101cf0 25%,transparent 70%)}.final-cta .cta-index{display:none}.document{position:relative}.document:before{content:"";position:absolute;right:0;top:40px;width:200px;height:220px;background:url('../assets/images/lightning.webp') center/contain no-repeat;opacity:.12;pointer-events:none;z-index:-1;mask-image:radial-gradient(black,transparent 70%)}
@keyframes reactor-turn{to{transform:rotate(360deg)}}@keyframes spark-rise{0%{transform:translateY(20px);opacity:0}20%,70%{opacity:.7}100%{transform:translateY(-70px);opacity:0}}@keyframes arena-sweep{0%{top:-35%}100%{top:105%}}@keyframes impact-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}
@media(max-width:1000px){.steps{gap:12px}.steps article,.steps article+article{padding:20px}.steps h3{font-size:20px}.features{gap:12px}.reactor-label{bottom:3%;left:5%;padding:10px}.reactor-label b{font-size:18px}.reactor-label small{font-size:8px}.features article:nth-child(3){border-left:1px solid var(--line)}.cta-lightning{right:-140px}.combo-rail>span{font-size:9px}.combo-cells{gap:4px}}
@media(max-width:620px){.hero:before{inset:0}.hero-art{margin-top:18px}.reactor-rings{inset:9% 16%}.reactor-label{bottom:8%;left:0;max-width:120px}.reactor-label span{font-size:7px}.reactor-label b{font-size:17px}.reactor-label small{font-size:7px;letter-spacing:1px}.art-readout{top:37%}.art-bottom{font-size:7px}.steps{gap:16px}.steps article,.steps article+article{padding:23px;border:1px solid var(--line)}.step-diagram{height:130px}.steps h3{font-size:23px}.cinematic-about{min-height:0;padding-block:60px 85px}.about-emblem{left:-180px;width:600px;height:600px;opacity:.2}.features{gap:12px}.features article{padding:20px 14px}.feature-visual{height:100px}.features h3{font-size:15px}.feature-id{font-size:8px}.combo-rail{padding:12px 14px;gap:10px}.combo-rail>span{font-size:8px;max-width:72px;line-height:1.5;letter-spacing:1px}.combo-rail>strong{font-size:17px}.combo-cells{gap:3px}.combo-cells i{height:6px}.cta-lightning{width:460px;height:460px;right:-170px;top:0;opacity:.4}.final-cta:after{background:linear-gradient(90deg,#07101cf0,transparent)}.final-cta .container{padding-block:62px}.game-overlay img{width:80px;height:80px}.document:before{width:140px;right:-5px;top:0}}
@media(prefers-reduced-motion:reduce){.reactor-rings i,.spark-field i,.arena-scan,.preview-target:after{animation:none}.impact-ring.burst{animation:none;opacity:0}.features article:hover{transform:none}}
