.hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}.hero--home:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 15%,rgba(255,190,20,.18),transparent 18%),radial-gradient(circle at 82% 30%,rgba(218,25,32,.16),transparent 23%),linear-gradient(120deg,rgba(12,14,18,.96),rgba(10,10,12,.72) 55%,rgba(10,10,12,.96))}.hero__content{position:relative;padding:88px 0 58px}.kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,191,20,.08);border:1px solid rgba(255,191,20,.25);color:var(--yellow);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.hero h1{font-size:clamp(38px,5.1vw,72px);line-height:.95;margin:20px 0 16px;max-width:980px;font-weight:950}.hero p{max-width:860px;font-size:18px;color:#d8dce4;margin:0}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px;max-width:820px}.stat{background:rgba(18,20,26,.9);border:1px solid var(--line);border-top:3px solid var(--yellow);padding:16px;border-radius:14px;box-shadow:var(--shadow)}.stat b{display:block;font-size:24px;margin-bottom:4px}.stat span{color:var(--muted);font-size:13px}.section{padding:42px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}.section-head--no-border{border-bottom:0;margin-bottom:22px;padding-bottom:0}.section-head h2,.premium-banner h2{font-size:22px;margin:0 0 6px}.section-head small{color:var(--muted);font-size:15px}.game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.game-card{background:rgba(12,14,18,.92);border:1px solid rgba(255,255,255,.08);border-radius:0;overflow:hidden;transition:transform .15s ease,border-color .15s ease;box-shadow:var(--shadow)}.game-card:hover{transform:translateY(-2px);border-color:rgba(255,191,20,.4)}.game-card__cover{height:290px;background:#08090d;position:relative;overflow:hidden}.game-card__cover img{width:100%;height:100%;object-fit:cover}.game-card__fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,rgba(255,210,40,.54),transparent 22%),radial-gradient(circle at 85% 32%,rgba(208,18,28,.5),transparent 26%),linear-gradient(135deg,#0b0b0d,#160603 46%,#090909 100%)}.game-card__fallback span{font-size:38px;font-weight:950;text-shadow:0 3px 14px rgba(0,0,0,.5)}.game-card__body{padding:14px 14px 16px;background:#0f1218;min-height:116px}.game-card__body b{display:block;font-size:17px;margin-bottom:6px}.game-card__body p{margin:0 0 8px;color:var(--muted);font-size:13px;min-height:38px}.game-card__meta{display:flex;flex-wrap:wrap;gap:10px;color:#cad0d8;font-size:12px}.premium-banner{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:linear-gradient(90deg,#120d2f,#2b0620 58%,#511200);border:1px solid rgba(255,191,20,.25);padding:34px 36px;border-radius:0;box-shadow:var(--shadow)}.premium-banner--tall{min-height:175px;padding-top:40px;padding-bottom:40px}.premium-banner__icon{width:64px;height:64px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px}.premium-banner__content p{margin:0;color:#d5d7de;max-width:780px;font-size:17px}.mod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mod-card{background:#0f1218;border:1px solid rgba(255,255,255,.08);border-radius:0;overflow:hidden;box-shadow:var(--shadow)}.mod-thumb{height:168px;background:#0a0a0d;overflow:hidden;position:relative}.mod-thumb img{width:100%;height:100%;object-fit:cover}.mod-thumb__fallback{position:absolute;inset:0;display:grid;place-items:center;padding:16px;text-align:center;font-weight:800;background:linear-gradient(135deg,rgba(88,7,7,.72),rgba(28,18,2,.72) 48%,rgba(3,66,15,.72)),#0c0d11}.mod-body{padding:14px}.mod-body b{display:block;font-size:16px}.mod-meta{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:13px;margin-top:7px}.feature-band{background:linear-gradient(90deg,rgba(14,16,24,.98),rgba(18,10,12,.95));border:1px solid rgba(255,255,255,.08);padding:28px 28px 30px;box-shadow:var(--shadow)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#161a22,#13151b);padding:22px;min-height:148px}.feature img{width:20px;height:20px;margin-bottom:18px}.feature b{display:block;font-size:16px;margin-bottom:8px}.feature span{display:block;color:var(--muted)}@media(max-width:1400px){.game-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.mod-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.premium-banner{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.game-grid,.mod-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero__content{padding:64px 0 40px}.stats,.feature-grid,.game-grid,.mod-grid{grid-template-columns:1fr}.game-card__cover{height:240px}.section-head{flex-direction:column;align-items:flex-start}}


/* ModCenter patch 2026-05-26 - hero z wyszukiwarką jak portal modderski */
.hero--legendary{
    min-height:520px;
    display:grid;
    align-items:center;
    position:relative;
    overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 14% 45%,rgba(255,137,36,.18),transparent 20%),
        radial-gradient(circle at 82% 22%,rgba(255,191,20,.12),transparent 22%),
        radial-gradient(circle at 76% 78%,rgba(218,25,32,.16),transparent 24%),
        linear-gradient(180deg,rgba(5,5,6,.76),rgba(5,5,6,.98)),
        #070707;
}
.hero--legendary:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 26% 72%,rgba(255,122,34,.55) 0 2px,transparent 3px),
        radial-gradient(circle at 70% 31%,rgba(255,191,20,.45) 0 2px,transparent 3px),
        radial-gradient(circle at 84% 62%,rgba(255,122,34,.38) 0 1px,transparent 2px),
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:auto,auto,auto,30px 30px,30px 30px;
    opacity:.64;
    pointer-events:none;
}
.hero--legendary:after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(0,0,0,.72),transparent 22%,transparent 78%,rgba(0,0,0,.72)),
        radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.05),transparent 48%);
    pointer-events:none;
}
.hero__content--center{
    position:relative;
    z-index:2;
    padding:86px 0 58px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.hero__content--center .kicker{
    margin-bottom:22px;
    background:rgba(255,191,20,.1);
    border-color:rgba(255,191,20,.28);
    color:var(--yellow);
}
.hero--legendary h1{
    max-width:1280px;
    margin:0 0 22px;
    font-size:clamp(42px,4.7vw,78px);
    line-height:1.03;
    letter-spacing:-.045em;
    font-weight:950;
}
.hero--legendary p{
    max-width:900px;
    margin:0;
    color:#cfd4dd;
    font-size:clamp(17px,1.45vw,22px);
    line-height:1.45;
}
.hero-stats-bar{
    margin-top:30px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:rgba(31,31,31,.94);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 22px 42px rgba(0,0,0,.32);
    overflow:hidden;
}
.hero-stats-bar div{
    min-width:180px;
    padding:18px 30px;
    text-align:center;
    position:relative;
}
.hero-stats-bar div+div:before{
    content:"";
    position:absolute;
    left:0;
    top:16px;
    bottom:16px;
    width:1px;
    background:rgba(255,255,255,.15);
}
.hero-stats-bar b{
    display:block;
    color:#ff6a31;
    font-size:clamp(25px,2.2vw,34px);
    line-height:1;
    font-weight:950;
}
.hero-stats-bar span{
    display:block;
    margin-top:8px;
    color:#fff;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.24em;
}
.hero-search{
    width:min(100%,1500px);
    height:58px;
    margin-top:72px;
    display:grid;
    grid-template-columns:1fr 60px;
    background:#202124;
    border:1px solid rgba(255,255,255,.13);
    box-shadow:0 18px 42px rgba(0,0,0,.35);
}
.hero-search input{
    width:100%;
    height:100%;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    padding:0 18px;
    font-size:18px;
}
.hero-search input::placeholder{color:#a7adb7}
.hero-search button{
    border:0;
    border-left:1px solid rgba(255,255,255,.12);
    background:#2b2d31;
    color:#e9edf5;
    font-size:30px;
    cursor:pointer;
    transition:background .16s ease,color .16s ease;
}
.hero-search button:hover{
    background:var(--yellow);
    color:#111;
}
.hero--legendary .hero-actions,
.hero--legendary .stats{
    display:none;
}
@media(max-width:980px){
    .hero-stats-bar{grid-template-columns:repeat(2,1fr);width:min(100%,760px)}
    .hero-stats-bar div:nth-child(3):before{display:none}
    .hero-search{margin-top:48px}
}
@media(max-width:640px){
    .hero--legendary{min-height:auto}
    .hero__content--center{padding:58px 0 44px}
    .hero--legendary h1{font-size:clamp(34px,12vw,52px)}
    .hero-stats-bar{grid-template-columns:1fr;width:100%}
    .hero-stats-bar div+div:before{display:none}
    .hero-stats-bar div{padding:16px 20px}
    .hero-search{height:54px;margin-top:36px;grid-template-columns:1fr 54px}
    .hero-search input{font-size:15px}
}