:root{
--nova-bg:#0f131c;
--nova-surface:#151b26;
--nova-surface-2:#1b2230;
--nova-text:#f6f7fb;
--nova-muted:#b8bfd1;
--nova-purple:#8b5cf6;
--nova-cyan:#32d6ff;
--nova-border:rgba(139,92,246,.22);
--nova-soft-purple:rgba(139,92,246,.10);
--nova-soft-cyan:rgba(50,214,255,.08);
--nova-shadow:0 18px 55px rgba(0,0,0,.28);
}

html{scroll-behavior:smooth;}

.nav-links a.active{
color:var(--nova-cyan);
opacity:1;
text-shadow:0 0 16px rgba(50,214,255,.35);
}

.nav-links a:focus-visible,.rules-button:focus-visible,.rules-toc a:focus-visible,.rules-mobile-toc a:focus-visible,.rules-mobile-toc summary:focus-visible{
outline:3px solid var(--nova-cyan);
outline-offset:4px;
}

.rules-page{
max-width:1440px;
margin:0 auto;
padding:0 7% 80px;
}

.rules-hero{
position:relative;
overflow:hidden;
max-width:1200px;
margin:64px auto 42px;
padding:58px clamp(24px,6vw,72px);
border:1px solid var(--nova-border);
border-radius:24px;
background:linear-gradient(135deg,rgba(21,27,38,.94),rgba(15,19,28,.9));
box-shadow:var(--nova-shadow);
}

.rules-hero::before{
content:"";
position:absolute;
inset:-45%;
z-index:-1;
background:radial-gradient(circle at 30% 50%,rgba(139,92,246,.2),transparent 35%),radial-gradient(circle at 80% 20%,rgba(50,214,255,.12),transparent 28%);
}

.rules-eyebrow{
margin:0 0 14px;
color:var(--nova-cyan);
font-size:.82rem;
font-weight:800;
letter-spacing:.13em;
text-transform:uppercase;
}

.rules-hero h1{
margin:0;
font-size:clamp(2.2rem,6vw,4rem);
line-height:1.04;
white-space:normal;
text-transform:uppercase;
letter-spacing:.025em;
}

.rules-intro{
max-width:760px;
margin:22px 0 0;
color:var(--nova-muted);
font-size:1.08rem;
line-height:1.7;
}

.rules-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;}

.rules-button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:12px 22px;
border:1px solid transparent;
border-radius:12px;
background:var(--nova-purple);
color:#fff;
font-weight:750;
text-decoration:none;
box-shadow:0 0 20px rgba(139,92,246,.25);
transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.rules-button:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(139,92,246,.35);}
.rules-button-secondary{border-color:rgba(50,214,255,.42);background:var(--nova-soft-cyan);color:var(--nova-cyan);box-shadow:none;}

.rules-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;max-width:1200px;margin:0 auto;align-items:start;}
.rules-toc{position:sticky;top:120px;padding:22px;border:1px solid var(--nova-border);border-radius:18px;background:rgba(21,27,38,.9);box-shadow:var(--nova-shadow);}
.rules-toc-title{margin:0 0 12px;color:var(--nova-text);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.rules-toc nav,.rules-mobile-toc nav{display:grid;gap:3px;}
.rules-toc a,.rules-mobile-toc a{display:block;padding:9px 10px;border-left:2px solid transparent;border-radius:7px;color:var(--nova-muted);font-size:.88rem;line-height:1.35;text-decoration:none;transition:.2s ease;}
.rules-toc a:hover,.rules-mobile-toc a:hover{border-left-color:var(--nova-purple);background:var(--nova-soft-purple);color:var(--nova-text);}
.rules-mobile-toc{display:none;max-width:1200px;margin:0 auto 24px;border:1px solid var(--nova-border);border-radius:14px;background:var(--nova-surface);}
.rules-mobile-toc summary{padding:16px 18px;cursor:pointer;color:var(--nova-text);font-weight:750;}
.rules-mobile-toc nav{padding:0 12px 14px;}

.rules-content{min-width:0;}
.rules-section{scroll-margin-top:118px;margin-bottom:26px;padding:clamp(22px,4vw,38px);border:1px solid var(--nova-border);border-radius:18px;background:linear-gradient(145deg,rgba(21,27,38,.96),rgba(18,23,33,.94));box-shadow:var(--nova-shadow);}
.rules-section-header{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start;margin:-4px 0 26px;padding-bottom:22px;border-bottom:1px solid rgba(139,92,246,.18);}
.rules-section-header>span{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--nova-purple);font-weight:850;box-shadow:0 8px 24px rgba(139,92,246,.22);}
.rules-section-header h2{margin:0 0 7px;text-align:left;font-size:clamp(1.25rem,3vw,1.6rem);line-height:1.2;}
.rules-section-header p{margin:0;color:var(--nova-muted);font-size:.95rem;line-height:1.55;}
.rules-section h3{margin:25px 0 7px;color:var(--nova-text);font-size:1.04rem;line-height:1.4;}
.rules-section>p,.rules-section li{max-width:78ch;color:var(--nova-muted);font-size:1rem;line-height:1.68;}
.rules-section>p{margin:0;}
.rules-section ul{margin:8px 0 0 20px;}
.rules-section li+li{margin-top:5px;}

.rules-callout,.rules-quick-reference{margin:20px 0;padding:16px 18px;border-radius:12px;}
.rules-callout strong,.rules-quick-reference h3{display:block;margin:0 0 6px;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;}
.rules-callout p{margin:0;color:var(--nova-muted);line-height:1.65;}
.rules-callout.example,.rules-quick-reference{border-left:4px solid var(--nova-purple);background:var(--nova-soft-purple);}
.rules-callout.example strong,.rules-quick-reference h3{color:#bda8ff;}
.rules-callout.nova-note{border-left:4px solid var(--nova-cyan);background:var(--nova-soft-cyan);}
.rules-callout.nova-note strong{color:var(--nova-cyan);}
.rules-quick-reference ul{margin-left:18px;}

.nova-standard{margin-top:28px;padding:24px;border:1px solid rgba(50,214,255,.2);border-radius:14px;background:linear-gradient(135deg,var(--nova-soft-purple),var(--nova-soft-cyan));text-align:center;}
.nova-standard h3{margin:0 0 10px;color:var(--nova-cyan);letter-spacing:.1em;text-transform:uppercase;}
.nova-standard p{margin:0 auto 9px;max-width:700px;color:var(--nova-text);font-size:1.08rem;font-weight:700;line-height:1.55;}
.nova-standard small{color:var(--nova-muted);line-height:1.5;}

.rules-pdf-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:30px;padding:28px;border:1px solid var(--nova-border);border-radius:18px;background:var(--nova-surface-2);box-shadow:var(--nova-shadow);}
.rules-pdf-panel h2{margin:0 0 8px;text-align:left;font-size:1.35rem;}
.rules-pdf-panel p{margin:0;color:var(--nova-muted);}
.rules-pdf-panel .rules-actions{flex:0 0 auto;margin-top:0;}

@media(max-width:960px){
.rules-page{padding-left:6%;padding-right:6%;}
.rules-hero{margin-top:42px;}
.rules-layout{display:block;}
.rules-toc{display:none;}
.rules-mobile-toc{display:block;}
.rules-section{scroll-margin-top:24px;}
.rules-pdf-panel{align-items:flex-start;flex-direction:column;}
}

@media(max-width:600px){
.rules-page{padding:0 5% 56px;}
.rules-hero{margin:30px auto 22px;padding:34px 22px;border-radius:18px;}
.rules-intro{font-size:1rem;}
.rules-actions{width:100%;}
.rules-button{flex:1 1 150px;}
.rules-section{padding:22px 18px;border-radius:15px;}
.rules-section-header{grid-template-columns:44px minmax(0,1fr);gap:12px;}
.rules-section-header>span{width:44px;height:44px;border-radius:10px;}
.rules-section h3{margin-top:22px;}
.rules-pdf-panel{padding:22px 18px;}
}