@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#090711;--panel:#130f20;--border:#322643;--text:#f9f6ff;--muted:#afa6c0;--purple:#aa49ff;--purple2:#6b21bc;--lime:#d8ff53}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{width:min(1180px,calc(100% - 48px));margin:auto}.ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px);opacity:.2}.ambient-a{height:400px;width:450px;background:#8b23ed;top:110px;right:-140px}.ambient-b{height:350px;width:420px;background:#4b087e;top:1200px;left:-280px}.header{position:sticky;top:0;z-index:20;background:#090711e9;backdrop-filter:blur(20px);border-bottom:1px solid #251b35}.nav{height:86px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{font:900 29px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.5px;display:flex;align-items:center;gap:10px;line-height:.9}.brand-accent{color:var(--purple)}.brand small{display:block;color:#847b99;font:700 9px Inter;letter-spacing:3px;margin-top:8px}.brand-symbol{display:grid;place-items:center;width:43px;height:43px;background:linear-gradient(130deg,#ca69ff,#6711ae);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);font-size:27px}.nav-links{display:flex;align-items:center;gap:23px}.nav-links a{font-size:11px;font-weight:800;letter-spacing:1px;color:#c9c0db;transition:.2s}.nav-links a:hover,.footer a:hover{color:var(--purple)}.nav-cta{border:1px solid #8143b2;padding:13px 19px;color:#fff;font-size:12px;font-weight:900;letter-spacing:1px}.nav-cta span{color:#bc6aff;margin-left:14px}.mobile-toggle{display:none;background:none;border:0;color:white;font-size:28px}.hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:660px;padding-top:40px;padding-bottom:70px}.hero-content{position:relative;z-index:1}.eyebrow{color:#e7cffc;border:1px solid #573274;display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:10px;letter-spacing:2px;padding:12px 14px;background:#241135}.pulse{width:8px;height:8px;background:#c572fc;border-radius:50%;box-shadow:0 0 12px #ab58ff}.hero-kicker{font-size:12px;letter-spacing:4px;font-weight:900;color:#b06af0;margin:32px 0 7px}.hero h1{font:900 clamp(88px,10vw,154px)/.77 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px;margin:20px 0 34px}.gradient-text{background:linear-gradient(115deg,#e1a3ff 5%,#9f3bf2 50%,#6127c9);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-desc{max-width:510px;font-size:15px;line-height:1.85;color:var(--muted)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 38px}.btn{min-height:48px;padding:15px 23px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;font-size:12px;font-weight:900;letter-spacing:1.3px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(110deg,#b859fd,#8124e6);color:white;box-shadow:0 12px 35px #7f1ede3b}.btn-outline{background:#160f24;color:#eee;border-color:#5b3b77}.hero-micro{display:flex;flex-wrap:wrap;gap:22px;font-size:10px;letter-spacing:1.5px;color:#9588a9;font-weight:800}.hero-art{height:515px;position:relative;display:grid;place-items:center;isolation:isolate}.art-ring{position:absolute;border:1px solid #7649a966;border-radius:50%;transform:rotate(-27deg)}.ring-1{width:450px;height:450px}.ring-2{width:330px;height:500px;border-style:dashed;opacity:.7}.portal{height:380px;width:240px;transform:perspective(700px) rotateY(-17deg) rotateZ(5deg);border:30px solid #2a1d3f;box-shadow:0 0 0 8px #140e21,0 0 0 13px #7445a5,0 0 100px #9529ff83,25px 20px 20px #020103;position:relative;background:repeating-linear-gradient(90deg,#241d32 0 19px,#32223e 20px 22px)}.portal:before{content:'';position:absolute;inset:-36px;border:2px solid #b772ff73;pointer-events:none}.portal-inner{height:100%;width:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#f5b6ff,#a946fa 25%,#4c0a9a 52%,#1d062f 79%);box-shadow:inset 0 0 25px #05000f;animation:portalPulse 4s ease-in-out infinite}.portal-core{font-size:90px;color:#f6daff;text-shadow:0 0 50px white}@keyframes portalPulse{50%{filter:brightness(1.3)}}.art-tag{position:absolute;color:#b79acb;font:800 10px Inter;letter-spacing:2px}.tag-top{top:22px;right:25px}.tag-bottom{bottom:15px;left:40px}.tag-bottom span{color:var(--purple)}.marquee{padding:18px 0;overflow:hidden;white-space:nowrap;background:#a849ee;color:#10051d;font-size:13px;font-weight:900;letter-spacing:3px;transform:rotate(-1deg) scale(1.02)}.marquee div{width:max-content;animation:scroll 35s linear infinite}@keyframes scroll{to{transform:translateX(-40%)}}.section{padding-top:105px;padding-bottom:20px;scroll-margin-top:88px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.section-label{font-weight:900;color:#a866e4;letter-spacing:2.3px;font-size:11px}.section-head h2,.discord-panel h2{font:900 clamp(38px,5vw,64px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:.2px;margin:14px 0 0}.section-head h2 span,.discord-panel h2 span{color:var(--purple)}.section-head>p{width:315px;color:var(--muted);font-size:13px;line-height:1.75}.glass{background:linear-gradient(140deg,#1c142b,#120e1c 72%);border:1px solid var(--border);border-radius:5px}.connect-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px}.connect-card,.status-card{padding:26px;min-width:0}.card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.platform{font-size:11px;letter-spacing:1.3px;font-weight:900}.dot-text{color:#82728f;font-size:9px;letter-spacing:.4px;font-weight:800}.ip-address{font:800 25px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px;word-break:break-word;margin-top:39px}.connect-card p,.status-card p{font-size:12px;color:var(--muted);margin-bottom:28px;line-height:1.7}.connect-card .btn{width:100%}.status-chip{font-size:9px;color:#d6adff;background:#3b244f;padding:8px;letter-spacing:1px;font-weight:900}.status-chip.online{color:#c8ff8c;background:#254423}.status-large{font:900 55px 'Barlow Condensed',Impact,sans-serif;margin-top:25px}.status-large small{font:800 12px Inter;color:#a695b9}.status-line{border-top:1px solid #362947;padding-top:19px;display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#a699b9;font-weight:800}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:32px;position:relative;min-height:265px}.feature-icon{font-size:37px;color:#d18afe}.feature-num{position:absolute;right:24px;top:25px;color:#563970;font:900 28px 'Barlow Condensed'}.feature-card h3{font:900 29px 'Barlow Condensed';margin:21px 0 8px}.feature-card p{font-size:13px;color:var(--muted);line-height:1.7}.feature-footer{display:flex;justify-content:space-between;border-top:1px solid #392b4d;padding-top:18px;margin-top:25px;color:#b681e1;font-size:10px;font-weight:800;letter-spacing:1.5px}.store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.rank-card{padding:34px;position:relative}.rank-card.featured{border-color:#8b47c6;box-shadow:inset 0 0 90px #7920d714}.recommended{position:absolute;top:0;right:0;font-size:9px;background:#8d35da;padding:9px;font-weight:900;letter-spacing:1px}.rank-heading{font:900 56px 'Barlow Condensed';display:flex;gap:15px;align-items:center}.rank-heading span{font-size:22px}.rank-vip{color:#f7c457}.rank-mvp{color:#77b9ff}.rank-card>p{font-size:13px;color:var(--muted)}.rank-price{margin:25px 0;padding:20px 0;border-top:1px solid #3b2b4b;border-bottom:1px solid #3b2b4b;font:900 27px 'Barlow Condensed'}.rank-card ul{list-style:none;padding:0;margin:25px 0 30px;display:grid;gap:15px;font-size:13px;color:#d3cadd}.rank-card li::first-letter{color:#b45fff}.rank-card .btn{width:100%}.leaderboard{overflow:hidden}.leaderboard-head{display:grid;grid-template-columns:1fr 3fr 1fr;background:#29183c;padding:19px 25px;font-weight:900;font-size:10px;letter-spacing:1.7px;color:#c7a9df}.leaderboard-head span:last-child{text-align:right}.empty-state{text-align:center;padding:62px 20px;color:#bcaad0}.empty-state>span{font-size:47px;display:block;color:#a95ff2;margin-bottom:12px}.empty-state strong{font:900 25px 'Barlow Condensed';color:#fff;letter-spacing:1px}.empty-state p{font-size:13px;line-height:1.7;max-width:420px;margin:11px auto}.rules-list{display:grid;gap:12px}.rules-list details{padding:0 25px}.rules-list summary{cursor:pointer;list-style:none;padding:23px 0;font-size:16px;font-weight:800;display:flex;align-items:center;gap:24px}.rules-list summary::-webkit-details-marker{display:none}.rules-list summary span{color:#a55bec;font:900 21px 'Barlow Condensed'}.rules-list summary b{margin-left:auto;color:#ab6ae7}.rules-list details[open] summary b{transform:rotate(45deg)}.rules-list details p{margin:-2px 0 25px 48px;font-size:13px;color:var(--muted);line-height:1.8;max-width:700px}.discord-panel{display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 80% 50%,#562187,#241336 55%,#150e21);border:1px solid #5a3381;padding:55px;min-height:325px;overflow:hidden}.discord-panel>div:first-child{max-width:590px;z-index:1}.discord-panel p{max-width:520px;color:#c1adce;font-size:14px;line-height:1.8;margin:22px 0}.discord-art{font-size:160px;color:#c084fc;text-shadow:0 0 75px #ba4afe;position:relative;padding-right:35px}.discord-art span{position:absolute;bottom:8px;left:6px;color:#e2b5f3;font:900 10px Inter;letter-spacing:4px;line-height:2}.footer{margin-top:100px;border-top:1px solid #2d203b}.footer-inner{padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner>span{font-size:11px;color:#8e809d}.footer-inner>a:last-child{font-size:11px;font-weight:900;color:#b99ad4}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,18px);padding:16px 22px;background:#2d1b43;border:1px solid #af6be3;color:white;box-shadow:0 10px 35px #0009;opacity:0;pointer-events:none;transition:.25s;z-index:40;font-size:13px}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:1100px){.nav-links{gap:12px}.nav-links a{font-size:10px}.nav-cta{display:none}.hero{min-height:610px}.portal{transform:scale(.85) rotate(5deg)}}@media(max-width:800px){.container{width:min(100% - 32px,650px)}.nav{height:70px}.mobile-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;background:#130c20;padding:25px;box-shadow:0 14px 20px #0008}.nav-links.open{display:flex}.nav-links a{padding:12px 0;font-size:12px}.hero{grid-template-columns:1fr;min-height:0;padding-top:80px}.hero-art{height:390px;margin-top:24px}.hero h1{font-size:100px}.portal{transform:scale(.78) rotate(5deg)}.ring-1{width:300px;height:300px}.ring-2{width:260px;height:340px}.section{padding-top:75px}.section-head{display:block}.section-head>p{width:auto;max-width:500px}.connect-grid,.feature-grid{grid-template-columns:1fr}.store-grid{grid-template-columns:1fr}.discord-panel{padding:35px}.discord-art{display:none}.footer-inner{flex-wrap:wrap}.hero-micro{gap:12px}}@media(max-width:420px){.hero h1{font-size:79px}.hero-kicker{letter-spacing:2px}.hero-art{height:330px}.portal{transform:scale(.65)}.hero-actions .btn{width:100%}.section-head h2{font-size:44px}.brand{font-size:24px}}


/* CHAOS PvP 2.0 — dodatki */
html{scroll-behavior:smooth;scroll-padding-top:100px}
button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c38cff;outline-offset:4px}
.hero-art{perspective:900px}.portal{filter:drop-shadow(0 0 42px rgba(148,37,255,.45));animation:portal-float 5s ease-in-out infinite}.portal-inner{overflow:hidden}.portal-inner:before{content:"";position:absolute;inset:7%;background:repeating-linear-gradient(105deg,transparent 0 13px,rgba(240,208,255,.09) 14px 17px,transparent 18px 30px);animation:magic-current 10s linear infinite}.portal-flare{position:absolute;inset:15%;background:radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.4),transparent 35%);filter:blur(12px);animation:flare 3s ease-in-out infinite;pointer-events:none}
.hero-particles{position:absolute;inset:0;pointer-events:none}.hero-particles i{position:absolute;width:5px;height:5px;background:#e7b6ff;box-shadow:0 0 16px #b03aff;transform:rotate(45deg);animation:float-particle 5s ease-in-out infinite}.hero-particles i:nth-child(1){left:14%;top:20%}.hero-particles i:nth-child(2){left:78%;top:16%;animation-delay:1s}.hero-particles i:nth-child(3){left:23%;top:75%;animation-delay:2s}.hero-particles i:nth-child(4){left:84%;top:68%;animation-delay:3s}.hero-particles i:nth-child(5){left:50%;top:7%;animation-delay:1.4s}.hero-particles i:nth-child(6){left:8%;top:48%;animation-delay:2.3s}.hero-particles i:nth-child(7){left:68%;top:86%;animation-delay:3.2s}.hero-particles i:nth-child(8){left:43%;top:95%;animation-delay:2.7s}
@keyframes portal-float{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(5deg) translateY(-12px)}}@keyframes magic-current{to{transform:translateY(50px)}}@keyframes flare{50%{opacity:.3;transform:scale(1.2)}}@keyframes float-particle{0%,100%{opacity:.25;transform:translateY(8px) rotate(45deg)}50%{opacity:1;transform:translateY(-18px) rotate(45deg)}}
.status-updated{display:block;margin-top:13px;font-size:11px;color:#978aaa;letter-spacing:.05em}.roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.milestone{position:relative;min-height:220px;padding:25px;overflow:hidden}.milestone .step{color:#aa8dc2;font-size:11px;font-weight:800;letter-spacing:.12em}.milestone h3{font-size:21px;margin:28px 0 12px}.milestone p{color:#a9a0b9;font-size:13px;line-height:1.65}.milestone-mark{position:absolute;right:16px;top:15px;color:#9258b9;font-size:24px}.milestone.finished{border-color:rgba(54,215,148,.3)}.milestone.finished .step,.milestone.finished .milestone-mark{color:#70dfbd}.milestone.current{border-color:rgba(176,78,255,.6);background:linear-gradient(145deg,rgba(136,43,218,.18),rgba(20,12,31,.7))}.milestone.current .step{color:#ce90ff}
.guide{padding:28px}.edition-switch{display:flex;gap:10px;flex-wrap:wrap}.edition-btn{background:transparent;border:1px solid rgba(180,133,218,.3);color:#aaa0bb;padding:14px 21px;font:inherit;font-size:12px;font-weight:800;letter-spacing:.05em;cursor:pointer}.edition-btn.active{background:linear-gradient(120deg,#ad44ec,#7b21ca);border-color:#b46bf6;color:white}.guide-body{margin-top:27px;padding:24px;background:rgba(36,20,52,.35);border:1px solid rgba(189,114,236,.12)}.guide-body h3{font-size:21px;margin:0 0 12px}.guide-body ol{padding-left:23px;line-height:2;color:#bdb4c8}.guide-body li{padding-left:6px}
.ranking-row{display:grid;grid-template-columns:1fr 3fr 1.5fr;padding:16px 22px;border-top:1px solid rgba(180,133,218,.14);align-items:center}.ranking-row strong{color:#fff}.ranking-row .rank-number{color:#bf75fc;font-weight:900}.ranking-row .kills{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}
@media(max-width:980px){.roadmap-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.roadmap-grid{grid-template-columns:1fr}.guide{padding:15px}.milestone{min-height:165px}.milestone h3{margin-top:15px}.hero-art{min-height:330px}}@media(prefers-reduced-motion:reduce){.portal,.portal-inner:before,.portal-flare,.hero-particles i{animation:none!important}html{scroll-behavior:auto}}