:root{
--nova-bg:#0f131d;
--nova-panel:#111520;
--nova-panel-soft:#171d2a;
--nova-text:#f5f7ff;
--nova-text-muted:#c7ccda;
--nova-body-text:#202634;
--nova-purple:#7c4dff;
--nova-purple-bright:#9b6cff;
--nova-cyan:#00d4ff;
--nova-cyan-deep:#00a7d9;
--nova-border:rgba(142,157,190,.18);
--nova-glow:0 0 24px rgba(124,77,255,.22);
--nova-surface:var(--nova-panel);
--nova-surface-2:var(--nova-panel-soft);
--nova-muted:var(--nova-text-muted);
--nova-soft-purple:rgba(124,77,255,.1);
--nova-soft-cyan:rgba(0,212,255,.08);
--nova-shadow:0 18px 55px rgba(0,0,0,.28);
}

.gang-rules-body{background:var(--nova-bg);color:var(--nova-text);}
.gang-rules-body .navbar{background:rgba(15,19,29,.82);}

.skip-link{
position:fixed;
top:10px;
left:10px;
z-index:100;
padding:10px 14px;
border-radius:8px;
background:var(--nova-cyan);
color:var(--nova-body-text);
font-weight:800;
text-decoration:none;
transform:translateY(-150%);
transition:transform .18s ease;
}

.skip-link:focus{transform:translateY(0);}

.gang-rules-page .rules-hero{
background:linear-gradient(135deg,rgba(23,29,42,.96),rgba(17,21,32,.94));
box-shadow:var(--nova-shadow),var(--nova-glow);
}

.gang-rules-page .rules-hero h1{
max-width:950px;
font-size:clamp(2.15rem,6vw,4.25rem);
color:var(--nova-purple-bright);
text-shadow:0 0 14px rgba(124,77,255,.5),0 0 34px rgba(124,77,255,.2);
}

.gang-rules-kicker{
margin:0 0 12px;
color:var(--nova-text);
font-size:clamp(1rem,2.2vw,1.35rem);
font-weight:850;
letter-spacing:.12em;
text-transform:uppercase;
}

.gang-rules-motto{
max-width:820px;
margin:24px 0 0;
color:var(--nova-text);
font-size:clamp(.92rem,2vw,1.08rem);
font-weight:750;
letter-spacing:.055em;
line-height:1.65;
text-transform:uppercase;
}

.gang-rules-version{margin:10px 0 0;color:var(--nova-text-muted);font-size:.94rem;}

.gang-rules-page .rules-toc{max-height:calc(100vh - 145px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--nova-purple) transparent;}
.gang-rules-page .rules-section{background:linear-gradient(145deg,rgba(23,29,42,.97),rgba(17,21,32,.95));}
.gang-rules-page .rules-section-header>span{background:linear-gradient(135deg,var(--nova-purple),var(--nova-purple-bright));}

.rules-callout.warning{
border-left:4px solid var(--nova-purple-bright);
background:rgba(124,77,255,.11);
}

.rules-callout.warning strong{color:#c6b3ff;}

.rules-table-wrap{
max-width:100%;
margin-top:18px;
overflow-x:auto;
border:1px solid var(--nova-border);
border-radius:12px;
background:rgba(17,21,32,.76);
}

.rules-table{
width:100%;
border-collapse:collapse;
color:var(--nova-text-muted);
font-size:.95rem;
line-height:1.5;
}

.rules-table th,.rules-table td{padding:13px 15px;border-bottom:1px solid var(--nova-border);text-align:left;vertical-align:top;}
.rules-table th{background:rgba(124,77,255,.12);color:var(--nova-text);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;}
.rules-table tbody tr:last-child td{border-bottom:0;}
.rules-table tbody tr:hover{background:rgba(0,212,255,.035);}

.gang-rules-page .rules-section ul{padding-left:4px;}
.gang-rules-page .rules-section li::marker{color:var(--nova-cyan);}

@media(max-width:600px){
.gang-rules-page .rules-hero h1{font-size:clamp(2rem,12vw,3rem);}
.gang-rules-motto{letter-spacing:.025em;}
.rules-table th,.rules-table td{padding:11px 12px;font-size:.88rem;}
}

@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto;}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}