:root{--bg:#050507;--panel:#0c0b10;--text:#fff;--muted:#b7b1bd;--purple:#a347ff;--purple2:#6e1fff;--red:#ff254f;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:34px 34px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 25%,#a347ff14,transparent 26%),radial-gradient(circle at 88% 68%,#ff254f10,transparent 25%);z-index:-1}.nav{min-height:78px;display:flex;align-items:center;padding:0 clamp(18px,5vw,78px);gap:28px;border-bottom:1px solid #a347ff55;position:sticky;top:0;background:#050507ed;backdrop-filter:blur(18px);z-index:30;box-shadow:0 0 28px #a347ff18}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;letter-spacing:.14em}.brand img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 9px #a347ff88)}.nav nav{display:flex;gap:8px;margin-left:auto}.nav nav a,.lang{color:#ddd7e3;text-decoration:none;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;padding:12px 14px;border:1px solid transparent;transform:skew(-4deg)}.nav nav a:hover,.nav nav a.active{color:#fff;border-color:#a347ff88;background:#a347ff12;text-shadow:0 0 10px var(--purple)}.tester-link{border-color:#ff254f55!important}.tester-link:hover{border-color:var(--red)!important;text-shadow:0 0 10px var(--red)!important}.lock{color:var(--red);margin-left:7px;font-size:8px}.lang{border:1px solid var(--line);margin-left:6px}.hero{min-height:720px;position:relative;display:flex;align-items:center;padding:90px clamp(22px,8vw,130px);overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#050507 5%,#050507d8 47%,#0505074a),linear-gradient(0deg,#050507 0%,transparent 42%),url('/assets/backdrop.jpg') center/cover no-repeat;filter:saturate(.65) contrast(1.15)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--red),transparent 28%,var(--purple),transparent 75%,var(--red));box-shadow:0 0 22px var(--purple)}.hero-content{position:relative;max-width:880px;z-index:2}.eyebrow{color:var(--purple);font-size:12px;font-weight:950;letter-spacing:.28em;text-shadow:0 0 10px #a347ff99}.hero h1,.page-hero h1{font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;letter-spacing:-.025em;transform:rotate(-1deg)}.hero h1{font-size:clamp(68px,11vw,150px);line-height:.78;margin:28px 0 30px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #fff;text-shadow:8px 8px 0 #7d27ca55}.hero p{max-width:660px;color:#d1ccd5;font-size:18px;line-height:1.65}.graffiti-word{position:absolute;right:-1vw;bottom:6%;font-family:Impact,Arial Black,sans-serif;font-size:clamp(100px,20vw,300px);font-style:italic;transform:rotate(-9deg);color:transparent;-webkit-text-stroke:2px #a347ff24;letter-spacing:-.06em;z-index:1}.actions{display:flex;gap:14px;margin-top:34px}.btn,.ghost{padding:15px 22px;text-decoration:none;font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:.13em;transform:skew(-5deg)}.btn{background:linear-gradient(120deg,var(--red),#9c1431);color:#fff;box-shadow:0 0 22px #ff254f44}.ghost{border:1px solid var(--purple);color:#fff;box-shadow:inset 0 0 20px #a347ff12,0 0 16px #a347ff22}.strip{display:flex;justify-content:space-around;gap:30px;padding:18px 30px;border-block:1px solid var(--line);color:#8f8995;font-size:11px;font-weight:900;letter-spacing:.2em;overflow:hidden}.section{padding:90px clamp(20px,7vw,110px)}.head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.head h2{font-family:Impact,Arial Black,sans-serif;font-size:clamp(42px,6vw,76px);margin:8px 0 0;letter-spacing:.01em}.head>p{max-width:420px;color:var(--muted);line-height:1.6}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portal-grid a{min-height:230px;padding:26px;display:flex;flex-direction:column;text-decoration:none;color:#fff;border:1px solid #ffffff20;background:linear-gradient(145deg,#100e15,#08070a);position:relative;overflow:hidden}.portal-grid a:after{content:"";position:absolute;width:180px;height:180px;right:-90px;bottom:-90px;border:2px solid var(--purple);transform:rotate(30deg);box-shadow:0 0 30px #a347ff55}.portal-grid a:nth-child(2):after{border-color:var(--red);box-shadow:0 0 30px #ff254f55}.portal-grid small{color:var(--red);font-weight:900}.portal-grid strong{font-family:Impact,Arial Black,sans-serif;font-size:40px;margin:auto 0 10px;letter-spacing:.03em}.portal-grid span{color:var(--muted);font-size:12px;letter-spacing:.12em}.page-hero{padding:120px clamp(20px,7vw,110px) 70px;border-bottom:1px solid #ffffff18;position:relative;overflow:hidden;background:linear-gradient(125deg,#0b0910,#050507 60%)}.page-hero:after{content:"//";position:absolute;right:4vw;top:-50px;font-family:Impact,Arial Black,sans-serif;font-size:300px;color:#a347ff0d;transform:rotate(-8deg)}.page-hero.red:after{color:#ff254f10}.page-hero h1{font-size:clamp(76px,13vw,180px);line-height:.8;margin:22px 0;color:#fff;text-shadow:8px 8px 0 #a347ff44,0 0 24px #a347ff22}.page-hero.red h1{text-shadow:8px 8px 0 #ff254f42,0 0 24px #ff254f22}.page-hero p{color:var(--muted);font-size:17px;max-width:680px}.cards-section{padding-top:55px}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.content-tile{min-height:330px;padding:25px;background:linear-gradient(145deg,#121016,#09080b);border:1px solid #ffffff1e;position:relative;overflow:hidden;transition:.2s}.content-tile:hover{transform:translateY(-4px);border-color:#a347ff88;box-shadow:0 12px 38px #000,0 0 22px #a347ff18}.content-tile:before{content:"";position:absolute;left:0;top:0;width:72px;height:3px;background:var(--red);box-shadow:0 0 14px var(--red)}.content-tile:nth-child(even):before{background:var(--purple);box-shadow:0 0 14px var(--purple)}.tile-top{display:flex;justify-content:space-between;align-items:center}.index{font-family:Impact,Arial Black,sans-serif;font-size:30px;color:#ffffff28}.tag,.status{font-size:10px;letter-spacing:.15em;color:var(--red);font-weight:900;text-transform:uppercase}.content-tile h2{font-family:Impact,Arial Black,sans-serif;font-size:30px;line-height:1.05;margin:24px 0 10px;text-transform:uppercase;letter-spacing:.02em}.content-tile time{font-size:11px;color:#817a87}.content-tile p{color:var(--muted);line-height:1.65}.tile-mark{position:absolute;right:18px;bottom:15px;color:#ffffff12;font-family:Impact,Arial Black,sans-serif;font-size:28px}.mechanic-tile{padding:0;min-height:0}.mechanic-tile summary{list-style:none;cursor:pointer;padding:25px;min-height:330px;display:block}.mechanic-tile summary::-webkit-details-marker{display:none}.open-label{display:inline-block;margin-top:18px;color:var(--purple);font-size:11px;font-weight:950;letter-spacing:.16em}.tile-body{border-top:1px solid #ffffff18;padding:25px;color:#d1ccd5;line-height:1.75;background:#050507}.roadmap-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.roadmap-card{padding:26px;min-height:320px;border:1px solid #ffffff20;background:linear-gradient(150deg,#110e16,#08070a);position:relative}.roadmap-card:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,var(--purple),var(--red));box-shadow:0 0 15px #a347ff55}.roadmap-top{display:flex;justify-content:space-between}.ver{font-family:Impact,Arial Black,sans-serif;color:var(--purple);font-size:30px;text-shadow:0 0 12px #a347ff55}.roadmap-card h2{font-family:Impact,Arial Black,sans-serif;font-size:30px;text-transform:uppercase;margin:24px 0 16px}.roadmap-line{height:1px;background:#ffffff20}.roadmap-card p{color:var(--muted);line-height:1.6}.empty{padding:30px;border:1px dashed #ffffff30;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:30px clamp(20px,7vw,110px);border-top:1px solid #ffffff18;color:#77717e;font-size:11px;letter-spacing:.1em}@media(max-width:1000px){.tile-grid,.roadmap-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav{padding:10px 14px;gap:8px;flex-wrap:wrap}.brand{width:100%;justify-content:center}.nav nav{order:3;width:100%;display:flex;overflow-x:auto;margin:0;justify-content:flex-start}.nav nav a{white-space:nowrap}.lang{position:absolute;right:14px;top:16px}.hero{min-height:650px}.hero h1{font-size:64px}.portal-grid,.tile-grid,.roadmap-board{grid-template-columns:1fr}.head{display:block}.page-hero{padding-top:80px}.page-hero h1{font-size:72px}.strip{justify-content:flex-start}.content-tile{min-height:280px}.mechanic-tile summary{min-height:280px}footer{display:block;line-height:2.2}}

.owner-gear{width:42px;height:42px;display:grid;place-items:center;text-decoration:none;color:#b7b1bd;border:1px solid #ffffff20;background:#0c0b10;font-size:20px;transition:.2s;box-shadow:inset 0 0 16px #a347ff0b}.owner-gear:hover{color:#fff;border-color:#a347ff;box-shadow:0 0 18px #a347ff44,inset 0 0 18px #a347ff16;text-shadow:0 0 10px #a347ff}@media(max-width:760px){.owner-gear{position:absolute;left:14px;top:16px;width:38px;height:38px}.lang{right:14px}}
.clickable{display:block;color:inherit;text-decoration:none;overflow:hidden;padding:0!important}.tile-cover{width:100%;aspect-ratio:16/8.7;object-fit:cover;display:block;border-bottom:1px solid #a347ff55;filter:saturate(1.05) contrast(1.05)}.tile-pad{padding:24px}.clickable:hover .tile-cover{transform:scale(1.025);transition:.25s}.detail-page{max-width:1080px;margin:0 auto;padding:70px clamp(20px,5vw,70px) 100px}.detail-page h1{font-size:clamp(38px,7vw,78px);line-height:.95;text-transform:uppercase;margin:22px 0}.back{color:#c99cff;text-decoration:none;font-weight:900}.lead{font-size:20px;color:#c8c0ce;max-width:820px}.detail-cover{width:100%;max-height:560px;object-fit:cover;margin:30px 0;border:1px solid #a347ff77;box-shadow:0 0 35px #8d2cff25}.article-block{display:grid;grid-template-columns:minmax(240px,42%) 1fr;gap:34px;align-items:start;margin:38px 0;padding:24px;border:1px solid #ffffff16;background:#0b0910}.article-block.right{grid-template-columns:1fr minmax(240px,42%)}.article-block.right img{order:2}.article-block img{width:100%;max-height:520px;object-fit:cover}.article-copy{font-size:17px;line-height:1.75;color:#e4dfea}.article-copy h2,.article-copy h3{color:#fff}.article-copy a{color:#c779ff}.roadmap-points{padding-left:20px}.roadmap-points li{margin:12px 0;line-height:1.55}.point-released::marker{content:'✓  '}.point-in_progress::marker{content:'◆  '}.lead-small{color:#c8c0ce;font-weight:700}@media(max-width:720px){.article-block,.article-block.right{grid-template-columns:1fr}.article-block.right img{order:0}.detail-page{padding-top:40px}.tile-pad{padding:18px}}

/* Public section artwork and footer authentication */
.hero-news,.hero-mechanics,.hero-roadmap{background-size:cover;background-position:center;background-blend-mode:multiply;background-color:#160a22}
.hero-news{background-image:linear-gradient(90deg,#050507e8,#05050755),url('/assets/sections/aktualnosci.png')}
.hero-mechanics{background-image:linear-gradient(90deg,#050507e8,#05050755),url('/assets/sections/mechaniki.png')}
.hero-roadmap{background-image:linear-gradient(90deg,#050507e8,#05050755),url('/assets/sections/roadmap.png')}
.footer-auth{color:#fff;border:1px solid #a347ff;background:#160a20;padding:11px 20px;text-decoration:none;text-transform:uppercase;font-weight:800;cursor:pointer;letter-spacing:.12em;font-size:12px}
footer form{margin:0}footer{align-items:center;flex-wrap:wrap}