:root{
     --bg:#050607;
    --bg2:#080a0c;
    --card:#090d10;
    --card2:#0b1014;
    --line:rgba(255,255,255,.075);
    --line2:rgba(255,195,0,.35);
    --text:#f5f6f8;
    --muted:#9aa3ad;
    --yellow:#ffc300;
    --yellow2:#ffda36;
    --blue:#5865f2;
    --green:#24d05a;
    --purple:#a448ff;
}
 *{
    box-sizing:border-box
}
html{
    scroll-behavior:smooth
}
body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    overflow-x:hidden
}
.noise{
    position:fixed;
    inset:0;
    pointer-events:none;
    opacity:.26;
    background-image:radial-gradient(rgba(255,195,0,.18) 1px,transparent 1px);
    background-size:24px 24px;
    mask-image:radial-gradient(circle at center,#000 0%,transparent 70%);
    z-index:1
}
.topbar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:4.6vw;
    min-height:64px;
    padding:0 2.4vw;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:rgba(5,6,7,.72);
    border-bottom:1px solid var(--line);
    z-index:20
}
.brand{
    font-size:1.55vw;
    font-weight:900;
    color:var(--yellow);
    text-decoration:none
}
.nav{
    display:flex;
    gap:2.2vw;
    margin-left:7vw
}
.nav a{
    color:#838383;
    text-decoration:none;
    font-weight:700;
    font-size:.9vw;
    transition:.25s
}
.nav a:hover,.nav a.active{
    color:var(--yellow)
}
.discord-btn{
    background:var(--blue);
    color:white;
    text-decoration:none;
    padding:.8vw 1.25vw;
    border-radius:.75vw;
    font-weight:800;
    display:flex;
    gap:.55vw;
    align-items:center;
    transition:.25s
}
.discord-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 38px rgba(88,101,242,.28)
}
.menu-btn{
    display:none;
    background:none;
    border:0;
    gap:5px;
    flex-direction:column
}
.menu-btn span{
    width:24px;
    height:2px;
    background:white;
    display:block
}
.section{
    position:relative;
    min-height:100vh;
    padding:7vw 2vw
}
.hero{
    height:100vh;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:radial-gradient(circle at center,rgba(255,195,0,.075),transparent 42%),linear-gradient(#060708,#050607)
}
.hero:before,.hero:after{
    content:"";
    position:absolute;
    width:34vw;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,195,0,.11),transparent);
    transform:rotate(-30deg)
}
.hero:before{
    top:22%;
    right:16%
}
.hero:after{
    top:36%;
    left:18%
}
.hero-content{
    text-align:center;
    position:relative;
    z-index:4;
	top:-5vh;
}
.hero-content h1{
    font-size:5vw;
    line-height:.9;
    margin:0 0 1.6vw;
    font-weight:1000;
    letter-spacing:.02em;
    background:linear-gradient(90deg,#ffdd45,#ffb800);
    -webkit-background-clip:text;
    color:transparent;
    text-shadow:0 0 70px rgba(255,195,0,.16)
}
.hero-content p{
    font-size:1.15vw;
    line-height:1.55;
    color:#a8b0b8;
    margin:0 0 2.1vw
}
.main-cta{
    display:inline-flex;
    align-items:center;
    gap:.7vw;
    background:var(--yellow);
    color:#060606;
    text-decoration:none;
    font-weight:900;
    font-size:1.1vw;
    padding:1vw 2.1vw;
    border-radius:.85vw;
    transition:.25s
}
.main-cta:hover{
    transform:translateY(-4px) scale(1.02);
    box-shadow:0 18px 55px rgba(255,195,0,.28)
}
.status-row{
    display:flex;
    justify-content:center;
    gap:.8vw;
    margin-top:2.6vw
}
.pill{
    height:2.35vw;
    min-height:36px;
    padding:0 1vw;
    border:1px solid var(--line);
    border-radius:999px;
    display:flex;
    align-items:center;
    gap:.55vw;
    color:#8e969e;
    background:rgba(10,13,16,.65)
}
.pill b{
    color:white
}
.dot{
    width:.55vw;
    height:.55vw;
    background:#1f8d38;
    border-radius:50%;
    box-shadow:0 0 18px #1f8d38
}
.person{
    position:absolute;
    bottom:0;
    z-index:3;
    max-height:78vh;
    filter:drop-shadow(0 0 25px rgba(0,0,0,.9));
    animation:float 5s ease-in-out infinite
}
.person-left{
    left:3vw;
    max-width:15vw
}
.person-right{
    right:3vw;
    max-width:14vw;
    animation-delay:-1.6s
}
.scroll-down{
    position:absolute;
    bottom:1.6vw;
    color:var(--yellow);
    font-size:2vw;
    text-decoration:none;
    animation:bounce 1.4s infinite;
    z-index:5
}
@keyframes float{
    50%{
        transform:translateY(-12px)
    }
}
@keyframes bounce{
    50%{
        transform:translateY(8px)
    }
}
.about{
    display:grid;
    grid-template-columns:1fr 1.05fr;
    gap:6vw;
    align-items:start;
    padding-top:9vw;
    background:#050708
}
.about-copy h2{
    font-size:3vw;
    line-height:1.17;
    margin:0 0 2vw
}
.about-copy h2 span,.section-title span{
    color:var(--yellow)
}
.about-copy p{
    font-size:1.16vw;
    line-height:1.55;
    color:#a4adb6;
    max-width:48vw;
    margin:0 0 1.8vw
}
.stats-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:1vw
}
.stat-card,.feature-card,.discord-card{
    background:linear-gradient(145deg,rgba(13,18,21,.9),rgba(7,10,12,.9));
    border:1px solid var(--line);
    border-radius:1vw;
    transition:.28s
}
.stat-card{
    height:11vw;
    min-height:155px;
    padding:1.55vw
}
.stat-card:hover,.feature-card:hover,.discord-card:hover{
    transform:translateY(-6px);
    border-color:rgba(255,195,0,.25);
    box-shadow:0 22px 70px rgba(0,0,0,.35)
}
.icon{
    width:3.1vw;
    height:3.1vw;
    min-width:48px;
    min-height:48px;
    border-radius:.9vw;
    display:grid;
    place-items:center;
    font-size:1.3vw;
    margin-bottom:1.15vw
}
.yellow{
    background:rgba(255,195,0,.12);
    color:var(--yellow)
}
.green{
    background:rgba(36,208,90,.12);
    color:var(--green)
}
.blue{
    background:rgba(47,135,255,.12);
    color:#2f87ff
}
.purple{
    background:rgba(164,72,255,.14);
    color:var(--purple)
}
.stat-card strong{
    display:block;
    color:var(--yellow);
    font-size:2vw;
    line-height:1.15
}
.stat-card span{
    color:#a3adb7
}
.green-text{
    color:var(--green)!important
}
.blue-text{
    color:#2f87ff!important
}
.purple-text{
    color:var(--purple)!important
}
.features{
    background:radial-gradient(circle at center,rgba(255,195,0,.055),transparent 42%),#050607;
    padding-top:7vw
}
.section-title{
    text-align:center;
    margin-bottom:4.4vw
}
.section-title h2{
    font-size:3vw;
    margin:0 0 1vw
}
.section-title p{
    color:#a6b0b9;
    font-size:1.1vw;
    margin:0
}
.features-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1.6vw
}
.feature-card{
    padding:1.55vw;
    min-height:13.5vw
}
.feature-card h3{
    font-size:1.18vw;
    margin:0 0 .85vw
}
.feature-card p{
    margin:0;
    color:#949ba3;
    line-height:1.48;
    font-size:1vw
}
.discords{
    min-height:78vh;
    background:#050607;
    border-top:1px solid var(--line);
    padding-top:6vw
}
.slider-controls{
    display:flex;
    justify-content:center;
    gap:1vw;
    margin:-2vw 0 2vw
}
.slider-controls button{
    width:3vw;
    height:3vw;
    border-radius:.9vw;
    background:#070a0d;
    border:1px solid var(--line);
    color:#747b82;
    font-size:1.8vw;
    cursor:pointer;
    transition:.25s
}
.slider-controls button:hover{
    color:var(--yellow);
    border-color:var(--line2)
}
.discord-slider{
    display:flex;
    gap:1.55vw;
    overflow:hidden;
    scroll-behavior:smooth;
    padding:0 0 1vw
}
.discord-card{
    flex:0 0 12.8vw;
    min-width:200px;
    padding:1.55vw;
    text-align:center
}
.avatar{
    width:5vw;
    height:5vw;
    min-width:80px;
    min-height:80px;
    border-radius:50%;
    margin:0 auto 1.2vw;
    display:grid;
    place-items:center;
    font-size:1.6vw;
    font-weight:900;
    color:white
}
.yellow-bg{
    background:#ffc300
}
.indigo-bg{
    background:#5865f2
}
.green-bg{
    background:#4bec7d
}
.pale-bg{
    background:#ffe45a
}
.pink-bg{
    background:#e83f9c
}
.discord-card h3{
    font-size:1vw;
    margin:.3vw 0
}
.discord-card p{
    color:#a3aab1;
    margin:.8vw 0 1.3vw
}
.discord-card a{
    display:block;
    background:var(--yellow);
    color:#000;
    text-decoration:none;
    font-weight:800;
    padding:.75vw;
    border-radius:.8vw
}
.footer{
    border-top:1px solid rgba(255,195,0,.12);
    background:#07090b;
    padding:4vw 1.6vw 2vw
}
.footer-main{
    display:grid;
    grid-template-columns:2.1fr 1fr 1fr 1fr;
    gap:5vw
}
.footer-logo,.rule-logo{
    display:flex;
    align-items:center;
    gap:.8vw;
    text-decoration:none;
    color:white
}
.footer-logo span,.rule-logo span{
    width:2.6vw;
    height:2.6vw;
    min-width:40px;
    min-height:40px;
    border-radius:.75vw;
    background:rgba(255,195,0,.2);
    color:var(--yellow);
    display:grid;
    place-items:center;
    font-weight:900
}
.footer-logo b,.rule-logo b{
    color: white;
    font-size:1.35vw
}
.footer-logo small,.rule-logo small{
    color:#aaa;
    font-weight:900
}
.footer-brand p{
    color:#a8b0b8;
    line-height:1.55;
    max-width:31vw
}
.socials{
    display:flex;
    gap:.75vw
}
.socials a{
    width:2.55vw;
    height:2.55vw;
    border-radius:.7vw;
    background:#0c1014;
    display:grid;
    place-items:center
}
.footer-col h4{
    font-size:.95vw
}
.footer-col a{
    display:block;
    color:#a8b0b8;
    text-decoration:none;
    margin:1vw 0
}
.footer-bottom{
    margin-top:3.6vw;
    border-top:1px solid var(--line);
    padding-top:2.2vw;
    display:flex;
    justify-content:space-between;
    color:#9aa3ad
}
.footer-bottom a{
    color:#9aa3ad;
    text-decoration:none;
    margin-left:2vw
}
.reveal{
    opacity:0;
    transform:translateY(34px);
    transition:opacity .75s ease,transform .75s ease
}
.reveal.visible{
    opacity:1;
    transform:none
}
.feature-card.reveal:nth-child(2n){
    transition-delay:.08s
}
.feature-card.reveal:nth-child(3n){
    transition-delay:.14s
}
/* REGULAMIN */
 .rules-page{
    background:#050607
}
.rules-top{
    height:4.6vw;
    min-height:60px;
    border-bottom:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 1.5vw;
    position:fixed;
    top:0;
    left:0;
    right:0;
    background:#090c0f;
    z-index:30
}
.back-home{
    color:#9da3aa;
    text-decoration:none;
    font-size:.95vw
}
.rules-sidebar{
    position:fixed;
    top:4.6vw;
    bottom:0;
    left:0;
    width:19.7vw;
    min-width:285px;
    background:#070a0d;
    border-right:1px solid var(--line);
    padding:1vw .95vw;
    z-index:24
}
.search-box{
    height:2.7vw;
    min-height:42px;
    border:1px solid var(--line);
    border-radius:.7vw;
    display:flex;
    align-items:center;
    gap:.6vw;
    padding:0 .8vw;
    color:#8d959d;
    margin-bottom:2vw
}
.search-box input{
    background:none;
    border:0;
    outline:0;
    color:white;
    width:100%;
    font-weight:700
}
.rules-menu{
    display:flex;
    flex-direction:column;
    gap:.65vw
}
.group-btn{
    width:100%;
    height:2.7vw;
    min-height:42px;
    background:transparent;
    border:1px solid transparent;
    color:#ddd;
    border-radius:.7vw;
    text-align:left;
    padding:0 .75vw;
    font-weight:800;
    display:flex;
    align-items:center;
    gap:.65vw;
    cursor:pointer
}
.group-btn b{
    margin-left:auto;
    color:#888
}
.menu-group.open>.group-btn{
    background:rgba(255,195,0,.13);
    border-color:rgba(255,195,0,.38);
    color:var(--yellow)
}
.sub-list{
    display:none;
    margin-left:1.1vw;
    border-left:1px solid rgba(255,255,255,.07);
    padding:.35vw 0 .55vw 1vw
}
.menu-group.open .sub-list{
    display:block;
    animation:slideDown .25s ease
}
.sub-list a{
    display:block;
    color:#8d8d8d;
    text-decoration:none;
    padding:.65vw .9vw;
    border-radius:.55vw;
    font-weight:700
}
.sub-list a:hover,.sub-list a.active{
    background:rgba(255,195,0,.07);
    color:var(--yellow)
}
@keyframes slideDown{
    from{
        opacity:0;
        transform:translateY(-8px)
    }
}
.updated{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    border-top:1px solid var(--line);
    padding:1vw;
    text-align:center;
    color:#848484;
    font-size:.8vw
}
.rules-content{
    margin-left:max(19.7vw,285px);
    padding:8vw 12.5vw 5vw
}
.breadcrumbs{
    display:flex;
    gap:.85vw;
    align-items:center;
    color:#9aa3ad;
    margin-bottom:2.2vw
}
.breadcrumbs a{
    color:#9aa3ad;
    text-decoration:none
}
.breadcrumbs b{
    color:var(--yellow)
}
.rules-hero{
    display:flex;
    gap:1vw;
    align-items:center;
    margin-bottom:2vw
}
.big-rule-icon{
    width:3.7vw;
    height:3.7vw;
    min-width:56px;
    min-height:56px;
    border-radius:.9vw;
    background:rgba(255,195,0,.13);
    border:1px solid rgba(255,195,0,.38);
    display:grid;
    place-items:center;
    font-size:1.6vw;
    color:var(--yellow)
}
.rules-hero h1{
    font-size:1.7vw;
    margin:0
}
.rules-hero p{
    margin:.2vw 0 0;
    color:#9aa3ad;
    font-size:0.9vw
}
.rules-tabs{
    display:flex;
    gap:.55vw;
    border-bottom:1px solid var(--line);
    padding-bottom:1vw;
    margin-bottom:2vw;
    position:sticky;
    top:4.6vw;
    background:#050607;
    z-index:10
}
.rules-tabs a{
    color:#98a1aa;
    text-decoration:none;
    border:1px solid var(--line);
    border-radius:.65vw;
    padding:.75vw 1.1vw
}
.rules-tabs a.active,.rules-tabs a:hover{
    background:var(--yellow);
    color:#080808;
    border-color:var(--yellow)
}
.rule-section{
    scroll-margin-top:9vw;
    margin-bottom:2vw;
    animation:fadeRule .45s ease
}
.rule-section h2{
    font-size:1.35vw;
    margin:0 0 1vw;
    padding-bottom:.75vw;
    border-bottom:1px solid var(--line)
}
.rule-section p{
    color:#c0c8d0;
    font-size:1.08vw;
    line-height:1.75;
    margin:.65vw 0
}
.rule-section.hidden{
    display:none
}
@keyframes fadeRule{
    from{
        opacity:0;
        transform:translateY(16px)
    }
}
/* MAX WIDTH LAYOUT */
 .topbar, .hero, .about, .features, .discords, .footer-main, .footer-bottom{
     width:min(100%,1460px);
     margin-left:auto;
     margin-right:auto;
}
 .footer{
     padding-left:2vw;
     padding-right:2vw;
}
 .rules-top{
     width:min(100%,1460px);
     margin:0 auto;
     left:0;
     right:0;
}
 .rules-page{
     max-width:1460px;
     margin:0 auto;
}
 .rules-sidebar{
     left:max(calc((100vw - min(100vw, 1460px)) / 2), 0px);
}
 .rules-content{
     padding-right:4vw;
}
 @media(max-width:1000px){
     .topbar, .hero, .about, .features, .discords, .footer-main, .footer-bottom, .rules-top{
         width:100%;
    }
     .rules-sidebar{
         left:0;
    }
}
 @media(max-width:1000px){
    .topbar{
        height:70px
    }
    .brand{
        font-size:26px
    }
    .nav{
        position:fixed;
        top:70px;
        right:-100%;
        width:75%;
        height:calc(100vh - 70px);
        background:#080a0d;
        flex-direction:column;
        padding:30px;
        transition:.3s
    }
    .nav.open{
        right:0
    }
    .nav a{
        font-size:16px
    }
    .menu-btn{
        display:flex
    }
    .discord-btn{
        display:none
    }
    .hero-content h1{
        font-size:17vw
    }
    .hero-content p{
        font-size:18px
    }
    .main-cta{
        font-size:16px;
        padding:14px 24px
    }
    .person{
        opacity:.35;
        max-width:45vw
    }
    .about{
        grid-template-columns:1fr
    }
    .about-copy h2,.section-title h2{
        font-size:38px
    }
    .about-copy p,.section-title p,.feature-card p{
        font-size:16px;
        max-width:none
    }
    .stats-grid,.features-grid{
        grid-template-columns:1fr
    }
    .feature-card h3{
        font-size:20px
    }
    .footer-main{
        grid-template-columns:1fr
    }
    .footer-logo b,.rule-logo b{
        font-size:22px
    }
    .footer-brand p{
        max-width:none
    }
    .rules-sidebar{
        position:relative;
        top:60px;
        width:100%;
        min-width:0;
        height:auto
    }
    .rules-content{
        margin-left:0;
        padding:100px 20px 40px
    }
    .rules-hero h1{
        font-size:34px
    }
    .rule-section h2{
        font-size:22px
    }
    .rule-section p{
        font-size:16px
    }
    .rules-tabs{
        overflow:auto;
        top:60px
    }
    .back-home{
        font-size:14px
    }
    .updated{
        position:static
    }
    .rules-top{
        height:60px
    }
    .search-box,.group-btn{
        height:42px
    }
    .sub-list a{
        padding:10px
    }
    .footer-bottom{
        flex-direction:column;
        gap:16px
    }
    .footer-bottom a{
        margin:0 18px 0 0
    }
}
 

.discord-avatar{
    overflow:hidden;
}
.discord-avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.discord-avatar.has-image{
    background:transparent;
}
.discord-members{
    min-height:1.4em;
}

/* NOWA SEKCJA DISCORDÓW */
.discords{
    min-height:auto;
    padding:7vw 3vw 8vw;
    overflow:hidden;
    background:
      radial-gradient(circle at 50% 30%,rgba(88,101,242,.08),transparent 34%),
      radial-gradient(circle at 50% 80%,rgba(255,195,0,.045),transparent 42%),
      #050607;
}
.discords .section-title{
    margin-bottom:3vw;
}
.discord-grid{
    width:min(100%,1120px);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.discord-card{
    position:relative;
    isolation:isolate;
    min-width:0;
    min-height:260px;
    padding:28px 20px 24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    text-align:center;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.075);
    background:linear-gradient(155deg,rgba(13,18,22,.98),rgba(7,10,12,.96));
    box-shadow:0 16px 45px rgba(0,0,0,.18);
    transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.discord-card-glow{
    position:absolute;
    z-index:-1;
    width:160px;
    height:160px;
    top:-100px;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    background:rgba(255,195,0,.17);
    filter:blur(55px);
    opacity:.25;
    transition:opacity .35s ease,transform .45s ease;
}
.discord-card:hover{
    transform:translateY(-7px);
    border-color:rgba(255,195,0,.28);
    box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 0 1px rgba(255,195,0,.035) inset;
}
.discord-card:hover .discord-card-glow{
    opacity:.7;
    transform:translateX(-50%) translateY(25px) scale(1.2);
}
.discord-avatar{
    width:88px;
    height:88px;
    min-width:88px;
    min-height:88px;
    margin:0 auto 20px;
    border:3px solid rgba(255,255,255,.07);
    box-shadow:0 12px 35px rgba(0,0,0,.3);
    transition:transform .4s ease,box-shadow .4s ease;
}
.discord-card:hover .discord-avatar{
    transform:scale(1.055);
    box-shadow:0 16px 45px rgba(0,0,0,.4),0 0 25px rgba(255,195,0,.08);
}
.discord-card h3{
    max-width:100%;
    margin:0 0 9px;
    overflow:hidden;
    color:#fff;
    font-size:17px;
    line-height:1.3;
    font-weight:850;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.discord-members{
    min-height:22px;
    margin:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#9ba4ad;
    font-size:14px;
    line-height:1.4;
    transition:transform .35s ease,opacity .35s ease;
}
.discord-members i{
    color:var(--yellow);
    font-size:13px;
}
.discord-members.is-error{
    color:#8e969e;
    font-size:13px;
}
.discord-join{
    position:absolute;
    left:20px;
    right:20px;
    bottom:18px;
    height:43px;
    padding:0 16px!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:9px;
    border:1px solid rgba(255,195,0,.3);
    border-radius:12px!important;
    background:rgba(255,195,0,.095)!important;
    color:var(--yellow)!important;
    font-size:14px;
    font-weight:800!important;
    opacity:0;
    transform:translateY(12px);
    pointer-events:none;
    transition:opacity .3s ease,transform .3s ease,background .25s ease,color .25s ease,border-color .25s ease;
}
.discord-card:hover .discord-join,
.discord-card:focus-within .discord-join{
    opacity:1;
    transform:none;
    pointer-events:auto;
}
.discord-card:hover .discord-members{
    transform:translateY(-13px);
    opacity:.72;
}
.discord-join:hover{
    background:var(--yellow)!important;
    color:#070707!important;
    border-color:var(--yellow)!important;
}
.discord-join.disabled{
    display:none!important;
}
.discord-reveal{
    opacity:0;
    transform:translateY(34px) scale(.98);
}
.discord-reveal.visible{
    opacity:1;
    transform:none;
    transition:opacity .62s cubic-bezier(.2,.75,.25,1),transform .62s cubic-bezier(.2,.75,.25,1),border-color .35s ease,box-shadow .35s ease;
}
@media(max-width:1100px){
    .discord-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
    .discords{padding:90px 18px 70px;}
    .discords .section-title{margin-bottom:34px;}
    .discord-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
    .discord-card{min-height:235px;padding:24px 12px 20px;border-radius:17px;}
    .discord-avatar{width:76px;height:76px;min-width:76px;min-height:76px;margin-bottom:16px;}
    .discord-card h3{font-size:15px;}
    .discord-members{font-size:12px;gap:6px;}
    .discord-join{left:12px;right:12px;bottom:12px;height:40px;}
}
@media(max-width:460px){
    .discord-grid{grid-template-columns:1fr;max-width:310px;}
    .discord-card{min-height:245px;}
}
@media(hover:none){
    .discord-card{padding-bottom:78px;}
    .discord-join{opacity:1;transform:none;pointer-events:auto;}
    .discord-card:hover .discord-members{transform:none;opacity:1;}
}


/* FINALNE POPRAWKI */
.discord-btn{
    position:relative;
    overflow:hidden;
    min-height:42px;
    padding:0 18px;
    gap:9px;
    border:1px solid rgba(255,195,0,.3);
    border-radius:12px;
    background:rgba(255,195,0,.095);
    color:var(--yellow);
    box-shadow:0 10px 30px rgba(0,0,0,.18);
    transition:transform .28s ease,background .25s ease,color .25s ease,border-color .25s ease,box-shadow .28s ease;
}
.discord-btn::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.14) 48%,transparent 80%);
    transform:translateX(-120%);
    transition:transform .55s ease;
}
.discord-btn i,.discord-btn span{position:relative;z-index:1}
.discord-btn:hover{
    transform:translateY(-3px);
    background:var(--yellow);
    color:#070707;
    border-color:var(--yellow);
    box-shadow:0 16px 42px rgba(255,195,0,.18);
}
.discord-btn:hover::before{transform:translateX(120%)}

.discord-avatar{
    position:relative;
    background:#0b0f12;
}
.discord-avatar.is-loading{
    border-color:rgba(255,255,255,.06);
    background:linear-gradient(110deg,#0a0e11 25%,#11171c 45%,#0a0e11 65%);
    background-size:220% 100%;
    animation:discordSkeleton 1.15s linear infinite;
}
.discord-avatar-placeholder{display:block;width:100%;height:100%}
.discord-avatar.has-fallback{
    background:rgba(88,101,242,.12);
    color:#8f99ff;
    font-size:30px;
}
@keyframes discordSkeleton{to{background-position:-220% 0}}

/* Regulamin zajmuje pełną szerokość okna zamiast maksymalnie 1460 px. */
.rules-page{
    width:100%;
    max-width:none;
    margin:0;
}
.rules-top{
    width:100%;
    max-width:none;
    margin:0;
}
.rules-sidebar{
    left:0;
}
.rules-content{
    width:auto;
    max-width:none;
    padding-left:clamp(48px,6vw,110px);
    padding-right:clamp(48px,7vw,130px);
}
@media(max-width:1000px){
    .rules-content{padding:100px 20px 40px}
}

/* STATUS SERWERA W GÓRNYM PASKU */
.topbar-actions{
    display:flex;
    align-items:center;
    gap:12px;
}
.server-mini-status{
    min-height:42px;
    padding:0 14px 0 10px;
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    background:rgba(10,14,17,.72);
    box-shadow:0 10px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);
    backdrop-filter:blur(12px);
}
.server-status-icon{
    width:27px;
    height:27px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:rgba(36,208,90,.11);
    color:var(--green);
    font-size:11px;
    box-shadow:0 0 0 1px rgba(36,208,90,.12) inset,0 0 18px rgba(36,208,90,.08);
}
.server-player-count{
    display:flex;
    align-items:baseline;
    gap:4px;
    white-space:nowrap;
    font-size:13px;
    color:#747d86;
    letter-spacing:.01em;
}
.server-player-count strong{
    color:#eef2f5;
    font-size:14px;
    font-weight:850;
}

/* DELIKATNIEJSZY CTA + SOCIAL MEDIA W HERO */
.main-cta{
    position:relative;
    min-height:48px;
    padding:0 28px;
    border:1px solid rgba(255,195,0,.28);
    border-radius:14px;
    background:rgba(255,195,0,.09);
    color:var(--yellow);
    font-size:15px;
    font-weight:800;
    letter-spacing:.01em;
    box-shadow:0 14px 38px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035);
    overflow:hidden;
    transition:transform .28s ease,background .25s ease,color .25s ease,border-color .25s ease,box-shadow .28s ease;
}
.main-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.13) 48%,transparent 80%);
    transform:translateX(-125%);
    transition:transform .6s ease;
}
.main-cta:hover{
    transform:translateY(-3px);
    background:var(--yellow);
    color:#070707;
    border-color:var(--yellow);
    box-shadow:0 17px 44px rgba(255,195,0,.17);
}
.main-cta:hover::before{transform:translateX(125%)}
.hero-socials{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:16px;
}
.hero-socials a{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.075);
    border-radius:12px;
    background:rgba(10,14,17,.68);
    box-shadow:0 10px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
    transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}
.hero-socials img{
    width:21px;
    height:21px;
    display:block;
    object-fit:contain;
    opacity:.82;
    transition:opacity .25s ease,transform .25s ease;
}
.hero-socials a:hover{
    transform:translateY(-4px);
    border-color:rgba(255,195,0,.26);
    background:rgba(255,195,0,.07);
    box-shadow:0 16px 35px rgba(0,0,0,.28);
}
.hero-socials a:hover img{
    opacity:1;
    transform:scale(1.08);
}

@media(max-width:1000px){
    .topbar-actions{margin-left:auto;margin-right:14px}
    .server-mini-status{min-height:40px;padding:0 11px 0 8px;gap:8px}
    .server-status-icon{width:25px;height:25px}
    .server-player-count{font-size:12px}
    .server-player-count strong{font-size:13px}
}
@media(max-width:620px){
    .server-mini-status{padding:0 8px}
    .server-player-count span{display:none}
    .server-player-count strong::after{content:"/256";color:#747d86;font-weight:650;margin-left:3px}
}
@media(max-width:440px){
    .server-mini-status{display:none}
    .topbar-actions{margin-right:10px}
    .hero-socials a{width:40px;height:40px}
}


/* POPRAWIONY UKLAD REGULAMINU */
.rules-page{
    min-height:100vh;
}
.rules-sidebar{
    top:0;
    padding-top:0;
}
.rules-top{
    position:relative;
    inset:auto;
    width:auto;
    height:76px;
    min-height:76px;
    margin:0 0 18px;
    padding:0 12px;
    border-bottom:1px solid var(--line);
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    z-index:auto;
}
.rule-logo{
    gap:11px;
}
.rule-logo img{
    width:42px;
    height:42px;
    object-fit:contain;
    display:block;
}
.rule-logo b{
    font-size:20px;
    letter-spacing:.04em;
}
.rules-content{
    min-height:100vh;
    padding-top:clamp(42px,4vw,72px);
}
.rules-tabs{
    top:0;
}
.rule-section.group-hidden{
    display:none;
}
@media(max-width:1000px){
    .rules-sidebar{
        top:0;
    }
    .rules-top{
        height:70px;
        min-height:70px;
        margin-bottom:14px;
    }
    .rules-content{
        padding-top:42px;
    }
    .rules-tabs{
        top:0;
    }
}


/* REGULAMIN: Font Awesome + wspólny sticky breadcrumbs/tabs */
.rules-sidebar .rules-top{
    position:relative;
    inset:auto;
}
.group-btn .menu-icon{
    width:22px;
    display:inline-grid;
    place-items:center;
    color:inherit;
    font-size:14px;
}
.group-btn b{
    width:18px;
    display:grid;
    place-items:center;
    font-size:11px;
}
.search-box > span{
    width:18px;
    display:grid;
    place-items:center;
    font-size:13px;
}
.big-rule-icon i{font-size:1em}
.rules-sticky{
    position:sticky;
    top:0;
    z-index:18;
    margin:0 0 2vw;
    padding-top:12px;
    background:linear-gradient(180deg,#050607 0%,#050607 82%,rgba(5,6,7,.94) 100%);
    box-shadow:0 12px 28px rgba(5,6,7,.72);
}
.rules-sticky .breadcrumbs{
    min-height:34px;
    margin:0 0 10px;
    font-size:13px;
}
.rules-sticky .breadcrumbs span:first-child{
    display:flex;
    align-items:center;
    gap:8px;
}
.rules-sticky .breadcrumbs span:nth-child(2){
    font-size:9px;
    color:#69717a;
}
.rules-sticky .rules-tabs{
    position:relative;
    top:auto;
    margin:0;
    padding-bottom:12px;
    background:transparent;
}
.rule-section{
    scroll-margin-top:132px;
}
@media(max-width:1000px){
    .rules-sticky{top:0;padding-top:10px}
    .rules-sticky .breadcrumbs{font-size:12px;white-space:nowrap;overflow:hidden}
    .rules-sticky .rules-tabs{top:auto}
    .rule-section{scroll-margin-top:126px}
}

/* =========================================================
   AVELION PORTAL - landing page index.html
   Zachowuje cały dotychczasowy CSS regulaminów i pozostałych stron.
   ========================================================= */

body.portal-page{
    margin:0;
    min-height:100vh;
    overflow:hidden;
    background:#050607;
    color:#f5f6f8;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.portal-page .portal-shell{
    position:relative;
    width:100%;
    height:100vh;
    min-height:680px;
    overflow:hidden;
    isolation:isolate;
    background:
        radial-gradient(circle at 50% 20%,rgba(255,255,255,.04),transparent 34%),
        #050607;
}
body.portal-page .portal-side{
    position:absolute;
    top:0;
    bottom:0;
    width:58%;
    overflow:hidden;
    text-decoration:none;
    color:#f5f6f8;
    isolation:isolate;
    transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .45s ease;
}
body.portal-page .portal-wiki{
    left:0;
    clip-path:polygon(0 0,100% 0,78% 100%,0 100%);
}
body.portal-page .portal-rules{
    right:0;
    clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);
}
body.portal-page .portal-side-base,
body.portal-page .portal-side-color,
body.portal-page .portal-pattern{
    position:absolute;
    inset:0;
}
body.portal-page .portal-side-base{
    z-index:-4;
    background:
        radial-gradient(circle at 50% 40%,rgba(255,255,255,.07),transparent 36%),
        linear-gradient(160deg,#111316 0%,#070809 50%,#030304 100%);
    filter:grayscale(1);
}
body.portal-page .portal-side-color{
    z-index:-3;
    opacity:.15;
    filter:grayscale(1);
    transform:scale(1.02);
    transition:opacity .5s ease,filter .5s ease,transform .6s ease;
}
body.portal-page .portal-wiki .portal-side-color{
    background:
        radial-gradient(circle at 18% 22%,rgba(255,195,0,.72),transparent 28%),
        radial-gradient(circle at 54% 76%,rgba(255,145,0,.34),transparent 35%),
        linear-gradient(135deg,rgba(255,195,0,.22),transparent 60%);
}
body.portal-page .portal-rules .portal-side-color{
    background:
        radial-gradient(circle at 84% 22%,rgba(255,32,32,.68),transparent 28%),
        radial-gradient(circle at 60% 76%,rgba(150,0,0,.42),transparent 35%),
        linear-gradient(225deg,rgba(255,24,24,.22),transparent 60%);
}

/* Kolorowe punkty w tle dopasowane do obu stron portalu. */
body.portal-page .portal-pattern{
    z-index:-2;
    opacity:.34;
    background-size:26px 26px;
    background-position:center;
    mask-image:
        radial-gradient(ellipse at center,#000 12%,rgba(0,0,0,.95) 42%,transparent 88%);
    transition:opacity .45s ease,transform .6s ease;
}
body.portal-page .portal-wiki .portal-pattern{
    background-image:
        radial-gradient(circle,rgba(255,195,0,.28) 1.2px,transparent 1.45px);
}
body.portal-page .portal-rules .portal-pattern{
    background-image:
        radial-gradient(circle,rgba(255,42,42,.25) 1.2px,transparent 1.45px);
}
body.portal-page .portal-side:hover .portal-pattern,
body.portal-page .portal-side:focus-visible .portal-pattern{
    opacity:.58;
    transform:scale(1.025);
}
body.portal-page .portal-side-content{
    position:absolute;
    z-index:4;
    left:7vw;
    top:50%;
    transform:translateY(-50%);
    width:min(520px,34vw);
}
body.portal-page .portal-side-content-right{
    left:auto;
    right:7vw;
    text-align:right;
}
body.portal-page .portal-overline{
    display:inline-flex;
    align-items:center;
    gap:.65rem;
    padding:.68rem .95rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.035);
    backdrop-filter:blur(10px);
    color:#c8cbd0;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.12em;
}
body.portal-page .portal-side-content h2{
    margin:1.35rem 0 1rem;
    font-size:clamp(3rem,5.1vw,6.3rem);
    line-height:.9;
    letter-spacing:-.055em;
    font-weight:900;
}
body.portal-page .portal-wiki h2 span{color:#ffc300}
body.portal-page .portal-rules h2 span{color:#ff3434}
body.portal-page .portal-side-content p{
    margin:0;
    color:#aeb4bc;
    font-size:clamp(.96rem,1.05vw,1.12rem);
    line-height:1.7;
    max-width:470px;
}
body.portal-page .portal-side-content-right p{margin-left:auto}
body.portal-page .portal-tags{
    margin-top:1.8rem;
    display:flex;
    flex-wrap:wrap;
    gap:.7rem;
}
body.portal-page .portal-side-content-right .portal-tags{justify-content:flex-end}
body.portal-page .portal-tags span{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    border:1px solid rgba(255,255,255,.085);
    background:rgba(255,255,255,.035);
    border-radius:13px;
    padding:.72rem .86rem;
    color:#e7e8ea;
    font-size:.86rem;
    font-weight:700;
    backdrop-filter:blur(8px);
    transition:transform .35s ease,background .35s ease,border-color .35s ease;
}
body.portal-page .portal-wiki .portal-tags i{color:#ffc300}
body.portal-page .portal-rules .portal-tags i{color:#ff3434}
body.portal-page .portal-enter{
    margin-top:2rem;
    display:inline-flex;
    align-items:center;
    gap:.75rem;
    font-weight:900;
    font-size:.94rem;
    letter-spacing:.02em;
}
body.portal-page .portal-enter i{transition:transform .3s ease}
body.portal-page .portal-wiki .portal-overline i,
body.portal-page .portal-wiki .portal-enter{color:#ffc300}
body.portal-page .portal-rules .portal-overline i,
body.portal-page .portal-rules .portal-enter{color:#ff3434}

body.portal-page .portal-wiki:hover .portal-tags span,
body.portal-page .portal-wiki:focus-visible .portal-tags span{
    border-color:rgba(255,195,0,.23);
    background:rgba(255,195,0,.055);
}
body.portal-page .portal-rules:hover .portal-tags span,
body.portal-page .portal-rules:focus-visible .portal-tags span{
    border-color:rgba(255,52,52,.22);
    background:rgba(255,42,42,.05);
}
body.portal-page .portal-word{
    position:absolute;
    bottom:2.5vh;
    z-index:0;
    font-size:min(14vw,10rem);
    line-height:.78;
    font-weight:900;
    letter-spacing:-.07em;
    color:#fff;
    opacity:.045;
    user-select:none;
    pointer-events:none;
}
body.portal-page .portal-word-left{left:2vw}
body.portal-page .portal-word-right{right:2vw}
body.portal-page .portal-wikiperson{
    position:absolute;
    z-index:1;
    left:2.2vw;
    bottom:-2.8vh;
    width:min(42vw,700px);
    max-height:92vh;
    object-fit:contain;
    object-position:left bottom;
    filter:grayscale(1) brightness(.83) contrast(1.08) drop-shadow(0 26px 48px rgba(0,0,0,.55));
    transition:filter .55s ease,transform .65s cubic-bezier(.2,.75,.2,1);
    pointer-events:none;
}
body.portal-page .portal-judge{
    position:absolute;
    z-index:1;
    right:2.2vw;
    bottom:-2.8vh;
    width:min(42vw,700px);
    max-height:92vh;
    object-fit:contain;
    object-position:right bottom;
    filter:grayscale(1) brightness(.83) contrast(1.08) drop-shadow(0 26px 48px rgba(0,0,0,.55));
    transition:filter .55s ease,transform .65s cubic-bezier(.2,.75,.2,1);
    pointer-events:none;
}
body.portal-page .portal-side:hover,
body.portal-page .portal-side:focus-visible{transform:scale(1.014)}
body.portal-page .portal-side:hover .portal-side-color,
body.portal-page .portal-side:focus-visible .portal-side-color{
    opacity:.92;
    filter:grayscale(0);
    transform:scale(1.055);
}
body.portal-page .portal-side:hover .portal-tags span,
body.portal-page .portal-side:focus-visible .portal-tags span{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.075);
}
body.portal-page .portal-wiki:hover .portal-tags span{transform:translateX(4px)}
body.portal-page .portal-rules:hover .portal-tags span{transform:translateX(-4px)}
body.portal-page .portal-side:hover .portal-enter i{transform:translateX(5px)}
body.portal-page .portal-wiki:hover .portal-wikiperson,
body.portal-page .portal-wiki:focus-visible .portal-wikiperson{
    filter:grayscale(0) brightness(.98) contrast(1.07) drop-shadow(0 28px 58px rgba(0,0,0,.62));
    transform:translateY(-8px) scale(1.025);
}
body.portal-page .portal-rules:hover .portal-judge,
body.portal-page .portal-rules:focus-visible .portal-judge{
    filter:grayscale(0) brightness(.98) contrast(1.07) drop-shadow(0 28px 58px rgba(0,0,0,.62));
    transform:translateY(-8px) scale(1.025);
}
body.portal-page .portal-side:focus-visible{
    outline:2px solid rgba(255,255,255,.28);
    outline-offset:-3px;
}
body.portal-page .portal-center{
    position:absolute;
    z-index:20;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:min(390px,32vw);
    aspect-ratio:1/1;
    pointer-events:none;
}
body.portal-page .portal-center-inner{
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    transform-origin:center center;
    animation:portalCenterBreath 4.8s ease-in-out infinite;
}

body.portal-page .portal-logo-box{
    width:300px;
    height:300px;
    display:grid;
    place-items:center;
    margin-bottom:1.1rem;
    overflow:hidden;
}
body.portal-page .portal-logo-box img{
    width:300px;
    height:300px;
    object-fit:contain;
}
body.portal-page .portal-kicker{
    color:#aeb2b9;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.26em;
    margin-bottom:.55rem;
}
body.portal-page .portal-center h1{
    margin:0;
    font-size:clamp(2.5rem,4vw,3.7rem);
    line-height:1;
    letter-spacing:.28rem;
    font-weight:900;
}
body.portal-page .portal-status{
    width:auto;
    min-width:220px;
    max-width:255px;
    margin-top:1.25rem;
    padding:.62rem .82rem;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(4,6,8,.64);
    box-shadow:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.72rem;
}
body.portal-page .portal-status-top,
body.portal-page .portal-status-count{
    display:flex;
    align-items:center;
    justify-content:center;
}
body.portal-page .portal-status-top{
    color:#8f969f;
    font-size:.65rem;
    font-weight:800;
    letter-spacing:.08em;
    margin:0;
    padding-right:.72rem;
    border-right:1px solid rgba(255,255,255,.075);
}
body.portal-page .portal-online{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    color:#dfe2e6;
}
body.portal-page .portal-online i{
    display:block;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#26e768;
    box-shadow:0 0 9px rgba(38,231,104,.68);
    animation:portalPulse 1.7s ease-in-out infinite;
}
body.portal-page .portal-status-count strong{
    font-size:1.3rem;
    line-height:1;
    font-weight:900;
}
body.portal-page .portal-status-count span{
    color:#9ea5ad;
    font-size:.72rem;
    margin-left:.38rem;
    white-space:nowrap;
}
@keyframes portalPulse{
    50%{transform:scale(1.18);opacity:.7}
}
@keyframes portalCenterBreath{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.025)}
}
@media (prefers-reduced-motion: reduce){
    body.portal-page .portal-center-inner{animation:none}
}
@media(max-width:1180px){
    body.portal-page{overflow:auto}
    body.portal-page .portal-shell{
        height:auto;
        min-height:100vh;
        padding:12px;
        display:flex;
        flex-direction:column;
        gap:12px;
    }
    body.portal-page .portal-side,
    body.portal-page .portal-wiki,
    body.portal-page .portal-rules{
        position:relative;
        width:100%;
        min-height:500px;
        clip-path:none;
        border-radius:26px;
    }
    body.portal-page .portal-side-content,
    body.portal-page .portal-side-content-right{
        left:28px;
        right:auto;
        width:min(560px,calc(100% - 56px));
        text-align:left;
    }
    body.portal-page .portal-side-content-right p{margin-left:0}
    body.portal-page .portal-side-content-right .portal-tags{justify-content:flex-start}
    body.portal-page .portal-wikiperson{width:min(52vw,430px);left:-2vw}
    body.portal-page .portal-judge{width:min(52vw,430px);right:-2vw}
    body.portal-page .portal-center{
        position:relative;
        left:auto;
        top:auto;
        transform:none;
        width:min(520px,calc(100% - 24px));
        aspect-ratio:auto;
        margin:-90px auto 0;
        order:3;
    }
    body.portal-page .portal-center-inner{min-height:340px}
}
@media(max-width:700px){
    body.portal-page .portal-side,
    body.portal-page .portal-wiki,
    body.portal-page .portal-rules{min-height:520px}
    body.portal-page .portal-side-content,
    body.portal-page .portal-side-content-right{
        left:18px;
        width:calc(100% - 36px);
    }
    body.portal-page .portal-side-content h2{font-size:3rem}
    body.portal-page .portal-wikiperson{
        left:-58px;
        width:320px;
        opacity:.64;
    }
    body.portal-page .portal-judge{
        right:-58px;
        width:320px;
        opacity:.64;
    }
    body.portal-page .portal-tags{max-width:70%}
    body.portal-page .portal-tags span{width:100%;justify-content:flex-start}
    body.portal-page .portal-center{margin-top:-58px}
    body.portal-page .portal-center-inner{padding:1.3rem}
    body.portal-page .portal-status{
        min-width:210px;
        max-width:245px;
        padding:.58rem .75rem;
    }
    body.portal-page .portal-status-top,
    body.portal-page .portal-status-count{
        align-items:center;
        flex-direction:row;
    }
    body.portal-page .portal-status-count span{margin:0 0 0 .35rem}
}


/* =========================================================
   REGULAMIN CRIME - §7 LIMITY
   ========================================================= */
.crime-limits-block{
    margin-top:18px;
    border:1px solid rgba(255,195,0,.18);
    border-radius:16px;
    background:#080b0e;
    overflow:hidden;
}

.crime-limits-heading{
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px 18px;
    border-bottom:1px solid rgba(255,255,255,.07);
    background:rgba(255,195,0,.035);
}

.crime-limits-number{
    min-width:42px;
    height:32px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,195,0,.28);
    border-radius:9px;
    background:rgba(255,195,0,.09);
    color:var(--yellow);
    font-size:13px;
    font-weight:900;
}

.crime-limits-heading strong{
    display:block;
    color:#f4f6f8;
    font-size:15px;
    line-height:1.3;
}

.crime-limits-heading small{
    display:block;
    margin-top:3px;
    color:#8f98a2;
    font-size:12px;
    line-height:1.45;
}

.crime-limits-table-wrap{
    width:100%;
    overflow-x:auto;
}

.crime-limits-table{
    width:100%;
    min-width:760px;
    border-collapse:collapse;
    table-layout:fixed;
}

.crime-limits-table th,
.crime-limits-table td{
    padding:14px 16px;
    border-right:1px solid rgba(255,255,255,.055);
    border-bottom:1px solid rgba(255,255,255,.055);
    text-align:center;
    vertical-align:middle;
}

.crime-limits-table th:last-child,
.crime-limits-table td:last-child{
    border-right:0;
}

.crime-limits-table tbody tr:last-child td{
    border-bottom:0;
}

.crime-limits-table th{
    background:#0b0f12;
    color:#aeb6bf;
    font-size:12px;
    font-weight:850;
    letter-spacing:.035em;
    text-transform:uppercase;
}

.crime-limits-table th:first-child,
.crime-limits-table td:first-child{
    width:28%;
    text-align:left;
}

.crime-limits-table td{
    color:#e1e6eb;
    font-size:14px;
    font-weight:700;
}

.crime-limits-table tbody tr:not(.crime-limits-empty):hover td{
    background:rgba(255,195,0,.035);
}

.crime-limits-empty td{
    padding:24px 16px;
    color:#747e87;
    text-align:center!important;
    font-weight:650;
}

@media(max-width:1000px){
    .crime-limits-block{
        border-radius:14px;
    }

    .crime-limits-heading{
        padding:14px;
    }

    .crime-limits-table th,
    .crime-limits-table td{
        padding:12px 14px;
    }
}

/* =========================================================
   REGULAMIN CRIME - §7 REDZONE / GRAFIKA
   W regulamin.html podmień tylko: assets/redzone-map.png
   ========================================================= */
.rule-media-point{
    margin-top:18px;
    border:1px solid rgba(255,195,0,.18);
    border-radius:18px;
    overflow:hidden;
    background:linear-gradient(155deg,rgba(12,16,19,.98),rgba(7,10,12,.98));
    box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.rule-media-point__header{
    display:flex;
    align-items:center;
    gap:13px;
    padding:17px 18px;
    border-bottom:1px solid rgba(255,255,255,.065);
}

.rule-media-point__number{
    flex:0 0 auto;
    min-width:44px;
    height:34px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,195,0,.3);
    border-radius:10px;
    background:rgba(255,195,0,.09);
    color:var(--yellow);
    font-size:13px;
    font-weight:900;
    letter-spacing:.02em;
}

.rule-media-point__header strong{
    display:block;
    color:#f4f6f8;
    font-size:15px;
    line-height:1.35;
}

.rule-media-point__header small{
    display:block;
    margin-top:3px;
    color:#929ba5;
    font-size:12px;
    line-height:1.5;
}

.rule-media-card{
    margin:0;
    padding:16px;
}

.rule-media-card img{
    width:100%;
    max-height:620px;
    display:block;
    object-fit:cover;
    object-position:center;
    border:1px solid rgba(255,255,255,.075);
    border-radius:14px;
    background:#050607;
    box-shadow:0 18px 50px rgba(0,0,0,.28);
}

.rule-media-card figcaption{
    margin:12px 2px 0;
    display:flex;
    align-items:center;
    gap:8px;
    color:#7f8992;
    font-size:12px;
    line-height:1.5;
}

.rule-media-card figcaption i{
    color:var(--yellow);
    font-size:12px;
}

@media(max-width:1000px){
    .rule-media-point{border-radius:15px}
    .rule-media-point__header{padding:14px;align-items:flex-start}
    .rule-media-card{padding:12px}
    .rule-media-card img{max-height:none;border-radius:11px}
}

.rule-media-placeholder{
    min-height:300px;
    padding:34px 24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-align:center;
    border:1px dashed rgba(255,195,0,.24);
    border-radius:14px;
    background:
      radial-gradient(circle at 50% 40%,rgba(255,195,0,.065),transparent 35%),
      #070a0d;
    color:#8e98a2;
}

.rule-media-placeholder i{
    margin-bottom:5px;
    color:var(--yellow);
    font-size:36px;
    opacity:.82;
}

.rule-media-placeholder strong{
    color:#eef1f4;
    font-size:15px;
}

.rule-media-placeholder span{
    max-width:520px;
    font-size:12px;
    line-height:1.6;
}

.rule-media-placeholder b{
    color:#c9d0d6;
}