:root{--bg:#0b0a09;--bg2:#100f0e;--panel:#161514;--panel2:#1d1c1a;--panel3:#252321;--line:rgba(255,255,255,.07);--line2:rgba(255,255,255,.12);--tx:#f6f4f1;--mut:#a39e97;--dim:#6b665f;--g:#5ee08a;--g2:#3fcf73;--gd:#22a456;--glow:rgba(94,224,138,.25);--gold:#f2c96d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.55 "Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(1180px,100% - 32px);margin:0 auto}
svg{fill:currentColor}
/* nawigacja */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:14px max(16px,calc((100% - 1180px)/2));background:rgba(11,10,9,.72);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}
.nav.sc{border-color:var(--line);background:rgba(11,10,9,.9)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.3px}
.brand img{width:34px;height:34px;filter:drop-shadow(0 6px 16px rgba(94,224,138,.3))}
.brand b{color:var(--g);font-weight:800}
.links{display:flex;gap:4px;margin-left:auto}
.links a{padding:8px 13px;border-radius:10px;color:var(--mut);font-weight:600;font-size:14.5px;transition:.15s}
.links a:hover{color:var(--tx);background:var(--panel)}
.burger{display:none;width:40px;height:40px;border:0;border-radius:10px;background:var(--panel);cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:0 11px}
.burger i{display:block;height:2px;border-radius:2px;background:var(--tx)}
/* przyciski */
.btn{display:inline-flex;align-items:center;gap:11px;height:42px;padding:0 20px;border-radius:13px;background:var(--g);color:#06210f;font-weight:800;font-size:14.5px;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 10px 28px rgba(94,224,138,.22)}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(94,224,138,.32);background:#72e89a}
.btn.sm{height:36px;padding:0 16px;font-size:14px;border-radius:11px}
.btn.big{height:60px;padding:0 24px 0 20px;border-radius:16px;font-size:16px}
.btn.big svg{width:24px;height:24px}
.btn span{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.btn small{font-size:12px;font-weight:600;opacity:.75}
.btn.ghost{background:rgba(255,255,255,.04);color:var(--tx);border:1px solid var(--line2);box-shadow:none}
.btn.ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);box-shadow:none}
/* hero */
.hero{position:relative;padding:74px 0 40px;overflow:hidden}
.hero-bg{position:absolute;inset:-20% -10% 0;background:radial-gradient(40% 50% at 18% 30%,rgba(94,224,138,.18),transparent 70%),radial-gradient(35% 45% at 85% 20%,rgba(56,189,248,.12),transparent 70%),radial-gradient(30% 40% at 60% 90%,rgba(244,114,182,.08),transparent 70%);pointer-events:none}
.hero-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask:radial-gradient(60% 60% at 50% 40%,#000,transparent)}
.hero-in{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 10px;border-radius:999px;background:rgba(94,224,138,.1);border:1px solid rgba(94,224,138,.28);color:#c9f5d8;font-size:13px;font-weight:700}
.dot{width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 0 0 rgba(94,224,138,.6);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(94,224,138,0)}100%{box-shadow:0 0 0 0 rgba(94,224,138,0)}}
h1{font-size:clamp(38px,5.4vw,64px);line-height:1.04;letter-spacing:-2px;margin:18px 0 18px;font-weight:900}
.gr{background:linear-gradient(90deg,#7cf0a5,#5ee08a 40%,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:#cfcac3;font-size:18px;max-width:540px;margin:0 0 28px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.stats{display:flex;gap:28px;margin-top:34px;flex-wrap:wrap}
.stats b{display:block;font-size:26px;font-weight:900;letter-spacing:-.5px}
.stats small{color:var(--mut);font-size:13px;font-weight:600}
.hero-shot{position:relative}
.win{border-radius:16px;overflow:hidden;background:var(--panel);border:1px solid var(--line2);box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.4)}
.hero-shot .win{transform:perspective(1600px) rotateY(-7deg) rotateX(3deg);transition:transform .6s}
.hero-shot:hover .win{transform:none}
.win-bar{display:flex;align-items:center;gap:7px;height:32px;padding:0 13px;background:#0e0d0c;border-bottom:1px solid var(--line)}
.win-bar i{width:11px;height:11px;border-radius:50%;background:#3a3633}.win-bar i:first-child{background:#f26d6d}.win-bar i:nth-child(2){background:#f2c96d}.win-bar i:nth-child(3){background:var(--g)}
.win-bar span{margin-left:10px;font-size:12px;color:var(--dim);font-weight:700}
.float{position:absolute;width:92px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));animation:fl 6s ease-in-out infinite;image-rendering:pixelated}
.f1{left:-36px;bottom:-24px}.f2{right:-22px;top:-30px;animation-delay:-2s;width:78px}.f3{right:12%;bottom:-38px;animation-delay:-4s;width:70px}
@keyframes fl{50%{transform:translateY(-14px) rotate(4deg)}}
/* wersje */
.vers{display:flex;align-items:center;gap:16px;padding:18px 0 10px;flex-wrap:wrap}
.vers>span{color:var(--dim);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chips em{font-style:normal;font-size:13px;font-weight:700;padding:5px 11px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:#d9d4cd}
/* sekcje */
.sec{padding:84px 0 0}
.sec-h{text-align:center;max-width:680px;margin:0 auto 38px}
.kick{display:inline-block;font-size:12.5px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--g);margin-bottom:10px}
.kick.gold{color:var(--gold)}
h2{font-size:clamp(28px,3.6vw,42px);line-height:1.1;letter-spacing:-1px;margin:0 0 12px;font-weight:900}
.sec-h p{color:var(--mut);font-size:17px;margin:0}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{padding:22px;border-radius:18px;background:var(--panel);border:1px solid var(--line);transition:transform .2s,border-color .2s,background .2s}
.card:hover{transform:translateY(-4px);border-color:rgba(94,224,138,.3);background:linear-gradient(180deg,rgba(94,224,138,.06),var(--panel) 60%)}
.card .ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(94,224,138,.12);color:var(--g);margin-bottom:14px}
.card .ic svg{width:22px;height:22px}
.card h3{margin:0 0 6px;font-size:17px;font-weight:800}
.card p{margin:0;color:var(--mut);font-size:14px}
/* mody */
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.ticks{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:12px}
.ticks li{position:relative;padding-left:32px;color:#cfcac3}
.ticks li:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:7px;background:rgba(94,224,138,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%235ee08a' d='m9 16.2-4.2-4.2-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat}
.ticks b{color:var(--tx)}
.tsel{display:flex;gap:4px;padding:4px;border-radius:13px;background:var(--panel);border:1px solid var(--line);margin-bottom:12px;width:max-content;max-width:100%;overflow-x:auto}
.tsel button{height:34px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--mut);font:700 13.5px inherit;font-family:inherit;cursor:pointer;white-space:nowrap}
.tsel button.on{background:var(--tx);color:#0b0a09}
.tstack{position:relative;aspect-ratio:1280/760}
.tstack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .4s}
.tstack img.on{opacity:1}
/* kosmetyki */
.cos{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.cos figure{margin:0;padding:16px 10px 12px;border-radius:16px;background:radial-gradient(80% 80% at 50% 40%,rgba(94,224,138,.1),var(--panel) 70%);border:1px solid var(--line);text-align:center;transition:transform .2s}
.cos figure:hover{transform:translateY(-4px) scale(1.03)}
.cos img{width:72%;margin:0 auto 8px;image-rendering:pixelated;filter:drop-shadow(0 10px 16px rgba(0,0,0,.5))}
.cos figcaption{font-size:12.5px;font-weight:700;color:#d9d4cd}
.center{text-align:center;margin-top:24px}
/* kroki */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:s}
.step{position:relative;padding:26px 24px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}
.step b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--g);color:#06210f;font-weight:900;font-size:18px;margin-bottom:14px;box-shadow:0 8px 22px rgba(94,224,138,.3)}
.step h3{margin:0 0 6px;font-size:18px}.step p{margin:0;color:var(--mut);font-size:14.5px}
/* partner */
.partner{display:grid;grid-template-columns:320px 1fr;gap:0;border-radius:22px;overflow:hidden;border:1px solid rgba(242,201,109,.3);background:linear-gradient(90deg,rgba(242,201,109,.08),var(--panel) 50%);transition:transform .2s,border-color .2s}
.partner:hover{transform:translateY(-3px);border-color:rgba(242,201,109,.6)}
.partner .pic img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.ptxt{padding:28px 32px}.ptxt h3{margin:0 0 6px;font-size:28px;font-weight:900}.ptxt p{color:var(--mut);margin:0 0 14px}
.addr{font-weight:800;color:var(--gold)}.addr i{font-style:normal;display:inline-block;transition:transform .2s}.partner:hover .addr i{transform:translateX(5px)}
/* faq */
.faq{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:9px}
.faq details{border-radius:14px;background:var(--panel);border:1px solid var(--line);padding:0 20px}
.faq summary{cursor:pointer;list-style:none;padding:17px 0;font-weight:700;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--g);font-size:22px;line-height:1;transition:transform .2s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq p{margin:0 0 17px;color:var(--mut)}.faq a{color:var(--g)}
/* pobieranie */
.dl{padding:90px 0 20px}
.dl-in{position:relative;text-align:center;padding:56px 24px;border-radius:28px;overflow:hidden;background:radial-gradient(60% 90% at 50% 0%,rgba(94,224,138,.2),transparent 70%),var(--panel);border:1px solid rgba(94,224,138,.25)}
.dl-logo{width:72px;height:72px;margin:0 auto 18px;filter:drop-shadow(0 14px 30px rgba(94,224,138,.35))}
.dl-in p{color:var(--mut);margin:0 0 24px}
.dl-in .mut{display:block;margin-top:18px;color:var(--dim);font-size:13px}
/* stopka */
.foot{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:40px 0 50px;margin-top:40px;border-top:1px solid var(--line)}
.foot nav{display:flex;gap:18px;flex-wrap:wrap}.foot nav a{color:var(--mut);font-size:14px}.foot nav a:hover{color:var(--tx)}
.foot small{width:100%;color:var(--dim);font-size:13px}
.foot .brand{font-size:17px}.foot .brand img{width:28px;height:28px}
/* animacje wejścia */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.rv.in{opacity:1;transform:none}
/* responsywność */
@media (max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.cos{grid-template-columns:repeat(4,1fr)}.hero-in,.split{grid-template-columns:1fr}.hero-shot .win{transform:none}}
@media (max-width:760px){
  .links{display:none;position:absolute;top:64px;left:16px;right:16px;flex-direction:column;padding:10px;border-radius:16px;background:var(--panel);border:1px solid var(--line2)}
  .links.open{display:flex}.burger{display:flex;margin-left:auto}.nav>.btn.sm{display:none}
  .grid,.steps{grid-template-columns:1fr}.partner{grid-template-columns:1fr}.partner .pic{height:150px}
  .hero{padding-top:44px}.float{display:none}.stats{gap:20px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* ===== podstrony (konto, poradnik, zmiany) ===== */
.links a.on{color:var(--tx);background:var(--panel)}
.navuser{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 4px;border-radius:11px;background:var(--panel);border:1px solid var(--line2);font-weight:700;font-size:14px}
.navuser img{width:28px;height:28px;border-radius:8px;image-rendering:pixelated;background:var(--panel3)}
.navuser:hover{border-color:rgba(94,224,138,.4)}
.phero{position:relative;padding:54px 0 26px;overflow:hidden}
.phero .hero-bg{inset:-40% -10% 0}
.phero-in{position:relative}
.phero h1{font-size:clamp(32px,4.6vw,52px);margin:10px 0 10px}
.phero p{color:var(--mut);font-size:17px;max-width:640px;margin:0}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}
.panel h2{font-size:22px;letter-spacing:-.4px;margin:0 0 4px}
.panel .sub{color:var(--mut);font-size:14px;margin:0 0 16px}
.muted{color:var(--mut)}.dim{color:var(--dim)}
.inp,.sel,.ta{width:100%;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);background:#0f0e0d;color:var(--tx);font:inherit;font-size:15px;outline:0;transition:border-color .15s,box-shadow .15s}
.ta{height:auto;min-height:110px;padding:12px 14px;resize:vertical}
.inp:focus,.sel:focus,.ta:focus{border-color:var(--g);box-shadow:0 0 0 4px rgba(94,224,138,.12)}
label.lb{display:block;font-size:13px;font-weight:700;color:var(--mut);margin:14px 0 6px}
.acc .row,.rel .row,.gate .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:0}
.tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--panel3);color:var(--mut);text-transform:uppercase;letter-spacing:.4px}
.tag.g{background:rgba(94,224,138,.14);color:var(--g)}.tag.y{background:rgba(242,201,109,.14);color:var(--gold)}.tag.r{background:rgba(242,109,109,.14);color:#f8a0a0}.tag.b{background:rgba(56,189,248,.14);color:#7dd3fc}
.toast-w{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:8px}
.toast{padding:12px 16px;border-radius:14px;background:#1b1a18;border:1px solid var(--line2);box-shadow:0 18px 40px rgba(0,0,0,.5);font-weight:700;font-size:14px;max-width:380px;animation:tin .25s ease}
.toast.err{border-color:rgba(242,109,109,.5)}.toast.ok{border-color:rgba(94,224,138,.5)}
@keyframes tin{from{opacity:0;transform:translateY(10px)}}
.btn.red{background:#e35d5d;color:#fff;box-shadow:none}.btn.red:hover{background:#ef6b6b}
.btn:disabled{opacity:.55;cursor:default;transform:none!important}
.spin{width:18px;height:18px;border-radius:50%;border:3px solid rgba(94,224,138,.25);border-top-color:var(--g);animation:rot .8s linear infinite;display:inline-block}
@keyframes rot{to{transform:rotate(360deg)}}
.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:70px 0;color:var(--mut)}
/* konto */
.acc{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start;padding-bottom:30px}
.side{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}
.who{display:flex;align-items:center;gap:12px;padding:16px;border-radius:20px;background:radial-gradient(120% 140% at 0 0,rgba(94,224,138,.16),var(--panel) 60%);border:1px solid rgba(94,224,138,.25)}
.who img{width:52px;height:52px;border-radius:14px;image-rendering:pixelated;background:var(--panel3);box-shadow:0 8px 20px rgba(0,0,0,.4)}
.who b{display:block;font-size:17px}.who small{color:var(--mut);font-size:12.5px;display:flex;align-items:center;gap:4px 6px;flex-wrap:wrap}
.who small img{width:16px;height:16px;border-radius:50%;box-shadow:none}
.menu{display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}
.menu a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;color:var(--mut);font-weight:700;font-size:14.5px;transition:.15s}
.menu a svg{width:18px;height:18px}
.menu a:hover{color:var(--tx);background:var(--panel2)}
.menu a.on{color:#06210f;background:var(--g)}
.menu a em{margin-left:auto;font-style:normal;font-size:11px;font-weight:900;min-width:20px;text-align:center;padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.08)}
.menu a.on em{background:rgba(0,0,0,.15)}
.menu hr{border:0;border-top:1px solid var(--line);margin:5px 4px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.tile{padding:18px;border-radius:18px;background:var(--panel);border:1px solid var(--line);position:relative;overflow:hidden}
.tile small{display:block;color:var(--mut);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.tile b{display:block;font-size:28px;font-weight:900;letter-spacing:-.5px;margin-top:4px}
.tile i{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(94,224,138,.12);color:var(--g)}
.tile i svg{width:18px;height:18px}
.tile.gold i{background:rgba(242,201,109,.14);color:var(--gold)}.tile.gold b{color:var(--gold)}
.cols{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}
.stack{display:flex;flex-direction:column;gap:16px}
.steps2{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.st{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--panel2);border:1px solid var(--line)}
.st i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:13px;background:var(--panel3);color:var(--mut);flex:none}
.st.ok i{background:var(--g);color:#06210f}.st.wait i{background:var(--gold);color:#2a1f00}
.st b{font-size:14.5px}.st small{display:block;color:var(--mut);font-size:12.5px}
.qa{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.qa a,.qa button{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:var(--panel2);border:1px solid var(--line);color:var(--tx);font:inherit;text-align:left;cursor:pointer;transition:.15s}
.qa a:hover,.qa button:hover{border-color:rgba(94,224,138,.4);transform:translateY(-2px)}
.qa svg{width:22px;height:22px;color:var(--g);flex:none}.qa b{display:block;font-size:14.5px}.qa small{color:var(--mut);font-size:12.5px}
.loadout{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.slot{padding:12px;border-radius:16px;background:var(--panel2);border:1px solid var(--line);text-align:center;min-height:150px;display:flex;flex-direction:column;align-items:center;gap:6px}
.slot.on{border-color:rgba(94,224,138,.35);background:radial-gradient(90% 90% at 50% 30%,rgba(94,224,138,.1),var(--panel2) 70%)}
.slot small{color:var(--mut);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
.slot b{font-size:13px}.slot .none{flex:1;display:grid;place-items:center;color:var(--dim);font-size:13px}
.slot canvas,.it canvas{image-rendering:pixelated;max-width:100%}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.it{position:relative;padding:12px;border-radius:16px;background:radial-gradient(90% 80% at 50% 35%,var(--glow,transparent),var(--panel2) 75%);border:1px solid var(--line);text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;transition:.15s}
.it:hover{border-color:var(--line2);transform:translateY(-2px)}
.it.on{border-color:var(--g)}.it.lock{opacity:.45}
.it b{font-size:13.5px}.it .pv{height:96px;display:grid;place-items:center}
.rar{font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.rar.zwykla{color:#cbd5e1}.rar.rzadka{color:#60a5fa}.rar.epicka{color:#c084fc}.rar.legendarna{color:#fbbf24}
.chips2{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.chips2 button{height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--mut);font:700 13px inherit;font-family:inherit;cursor:pointer}
.chips2 button.on{background:rgba(94,224,138,.14);border-color:var(--g);color:var(--g)}
.chips2 button i{font-style:normal;opacity:.7;margin-left:5px}
.coin{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,#f2c96d 50%,#b8862b);color:#5a3d06;font-size:10px;font-weight:900;vertical-align:-3px;margin-right:4px}
.big-bal{display:flex;align-items:center;gap:16px;padding:22px;border-radius:20px;background:radial-gradient(100% 160% at 0 0,rgba(242,201,109,.18),var(--panel) 60%);border:1px solid rgba(242,201,109,.3)}
.big-bal .c{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffe9a8,#f2c96d 50%,#b8862b);color:#5a3d06;font-weight:900;font-size:22px;box-shadow:0 10px 26px rgba(242,201,109,.3)}
.big-bal b{display:block;font-size:34px;font-weight:900;letter-spacing:-1px;color:var(--gold)}.big-bal small{color:var(--mut)}
.txl{display:flex;flex-direction:column}
.tx{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line);font-size:14px}
.tx:last-child{border-bottom:0}.tx .am{margin-left:auto;font-weight:900}.tx .am.p{color:var(--g)}.tx .am.m{color:#f8a0a0}
.tx small{display:block;color:var(--dim);font-size:12px}
.tk{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);margin-bottom:8px;transition:.15s}
.tk:hover{border-color:var(--line2)}.tk b{font-size:14.5px}.tk small{display:block;color:var(--mut);font-size:12.5px}
.msg{padding:12px 14px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);margin:10px 0;white-space:pre-wrap;word-break:break-word}
.msg.sf{border-color:rgba(94,224,138,.4);background:linear-gradient(90deg,rgba(94,224,138,.07),var(--panel2) 60%)}
.msg small{display:block;color:var(--mut);font-size:12px;margin-bottom:4px;white-space:normal}
.dev{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);margin-bottom:8px}
.dev b{font-size:14px}.dev small{display:block;color:var(--mut);font-size:12.5px}
.gate{max-width:560px;margin:20px auto 60px;text-align:center;padding:40px 28px;border-radius:24px;background:radial-gradient(80% 120% at 50% 0,rgba(94,224,138,.16),var(--panel) 70%);border:1px solid rgba(94,224,138,.25)}
.gate img{width:64px;height:64px;margin:0 auto 14px}
.gate h2{font-size:26px;margin:0 0 8px}.gate p{color:var(--mut);margin:0 0 22px}
.discord{background:#5865f2!important;color:#fff!important;box-shadow:0 10px 28px rgba(88,101,242,.35)!important}
.discord svg{width:22px;height:22px}
.note2{padding:12px 14px;border-radius:14px;background:rgba(242,201,109,.07);border:1px solid rgba(242,201,109,.25);color:#f2dca8;font-size:14px}
.empty2{padding:30px;text-align:center;color:var(--mut);border:1px dashed var(--line2);border-radius:16px}
/* zmiany */
.tl{position:relative;padding-left:28px;max-width:820px}
.tl:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--g),rgba(94,224,138,.05))}
.rel{position:relative;margin-bottom:22px}
.rel:before{content:"";position:absolute;left:-26px;top:20px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--g)}
.rel h3{margin:0;font-size:20px}.rel .d{color:var(--dim);font-size:13px;font-weight:700}
.rel ul{margin:10px 0 0;padding-left:18px;color:#cfcac3}.rel li{margin:4px 0}
/* poradnik */
.yvw{max-width:1080px;margin:0 auto}
.pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:14px}
.pcard{padding:18px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}
.pcard>b{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:15.5px}
.pcard>b i{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:13px;background:var(--g);color:#06210f}
.pcard p{margin:0;color:var(--mut);font-size:14px}.pcard a{color:var(--g)}
kbd{display:inline-block;min-width:26px;text-align:center;padding:1px 7px;border-radius:7px;background:#1f1d1b;border:1px solid var(--line2);border-bottom-width:3px;font:700 12.5px inherit;font-family:inherit}
@media (max-width:1000px){.acc{grid-template-columns:1fr}.side{position:static}.tiles{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.loadout{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.tiles{grid-template-columns:1fr 1fr}.qa{grid-template-columns:1fr}}
.yv-logo[src$="logo.svg"]{width:170px!important;margin-left:-85px!important;top:100px!important}.yv-logo.sm[src$="logo.svg"]{width:140px!important;margin-left:-70px!important}
.yv-splash[src$="logo.svg"]{width:200px!important;margin-left:-100px!important}