#navigation .nav-item[href="#regulament"] { color:#ff8080; }
#navigation .nav-item[href="#regulament"].active { background:#293d55; }
#navigation .nav-item[href="#regulament"].active::before { background:#ff8080; }
.rules-page { --rules-blue:#8ad4ff; --rules-gold:#f2c27b; --rules-mint:#78dfbc; --rules-red:#ffacaf; max-width:1430px; margin:0 auto; }
.rules-hero { display:flex; align-items:center; gap:24px; position:relative; padding:28px 32px; margin:0 0 22px; border:1px solid #365a7970; border-radius:14px; background:radial-gradient(ellipse at 92% 0,#2357835c,transparent 65%),linear-gradient(115deg,#14263bf5,#0b1626); box-shadow:inset 0 1px #b2dcff0d; }
.rules-hero img { flex-shrink:0; width:80px; height:80px; mix-blend-mode:screen; }
.rules-kicker { margin:0 0 9px; color:#91afc7; font-size:10px; font-weight:650; letter-spacing:1.6px; }
.rules-hero h1 { font-size:35px; font-weight:800; letter-spacing:-1.2px; margin:0 0 6px; }
.rules-hero h1 span { color:var(--rules-blue); }
.rules-hero-subtitle { color:#aac0d5; font-size:11px; letter-spacing:1.2px; margin:0; }
.rules-hero-meta { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin-left:auto; flex-shrink:0; }
.rules-hero-meta span { padding:6px 12px; border-radius:20px; border:1px solid #33536d; color:#b8ddf5; background:#0c1e30; font-size:11px; }
.rules-search { min-height:58px; display:flex; align-items:center; gap:12px; padding:0 18px; border:1px solid #2e4a63; border-radius:10px; background:#0c1928e6; margin-bottom:24px; }
.rules-search:focus-within { border-color:#70b9e9; box-shadow:0 0 0 3px #76c7ff0c; }
.rules-search label { display:flex; color:var(--rules-blue); }
.rules-search input { width:100%; min-width:0; padding:18px 0; border:0; background:transparent; color:#edf6ff; font-size:13px; outline:none; border-radius:0; }
.rules-search input:focus { outline:none; }
.rules-search input::-webkit-search-cancel-button { display:none; }
.rules-search input::placeholder { color:#88a2bb; }
.rules-search-hint { color:#7f9db7; font-size:8px; letter-spacing:1px; white-space:nowrap; }
.rules-search button { border:0; background:#1b3146; color:#d5edff; width:28px; height:28px; border-radius:6px; flex-shrink:0; font-size:20px; line-height:1; }
.rules-search button[hidden] { display:none; }
.rules-layout { display:grid; grid-template-columns:254px minmax(0,1fr); gap:24px; align-items:start; }
.rules-toc { position:sticky; top:22px; padding:18px 12px 12px; border:1px solid #2a435b; border-radius:12px; background:linear-gradient(145deg,#101e30f7,#0b1522f7); }
.rules-toc-heading { display:flex; align-items:center; gap:10px; padding:0 10px 16px; color:var(--rules-mint); }
.rules-toc-heading h2 { color:var(--rules-mint); font-size:16px; font-weight:750; }
.rules-toc nav { max-height:calc(100vh - 180px); overflow-y:auto; scrollbar-width:thin; scrollbar-color:#35566f transparent; }
.rules-category { display:flex; width:100%; align-items:center; gap:10px; padding:11px 10px; border:1px solid transparent; border-radius:7px; background:transparent; color:#9bb4cd; text-align:left; font-size:10.5px; font-weight:550; line-height:1.5; margin:3px 0; }
.rules-category:hover { color:#e4f3ff; background:#152b3f; }
.rules-category.active { color:#caebff; border-color:#366a8b; background:linear-gradient(90deg,#1c4562,#142b40); }
.rules-toc-index { color:#6b9aba; font-size:10px; flex-shrink:0; width:21px; font-variant-numeric:tabular-nums; }
.rules-category.active .rules-toc-index { color:var(--rules-blue); }
.rules-category small { margin-left:auto; color:#7da5c4; font-size:9px; font-variant-numeric:tabular-nums; }
.rules-discord { display:flex; justify-content:space-between; padding:15px 10px 3px; margin-top:12px; border-top:1px solid #293f53; color:#b0bded; font-size:11px; }
.rules-discord:hover { color:#e0e7ff; }
.rules-reader { min-width:0; scroll-margin-top:20px; }
.rules-results-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 2px 13px; }
.rules-results-bar p { color:#8eaac2; font-size:11px; margin:0; }
.rules-top { color:#b2d9f6; background:transparent; border:0; padding:5px 0 5px 12px; font-size:11px; }
.rules-chapter { border:1px solid #334d6378; border-radius:12px; margin-bottom:26px; background:linear-gradient(130deg,#101c2bed,#0b1522fa); overflow:hidden; scroll-margin-top:20px; }
.rules-chapter-header { display:flex; align-items:center; gap:17px; padding:24px 28px; border-bottom:1px solid #2d465c; background:linear-gradient(100deg,#1b3a5580,transparent); }
.rules-chapter-number { display:flex; align-items:center; justify-content:center; min-width:46px; height:46px; border:1px solid #4381a465; background:#17415b5e; border-radius:10px; color:var(--rules-blue); font-size:20px; font-weight:750; font-variant-numeric:tabular-nums; }
.rules-chapter-header p { margin:0 0 5px; color:#7faec9; font-size:9px; letter-spacing:1.7px; font-weight:650; }
.rules-chapter-header h2 { color:var(--rules-blue); font-size:18px; font-weight:800; letter-spacing:.1px; line-height:1.4; }
.rules-chapter-count { margin-left:auto; color:#96b5cd; font-size:10px; white-space:nowrap; }
.rules-chapter-content { padding:0 28px; }
.rules-rule { padding:25px 0 27px; scroll-margin-top:20px; }
.rules-rule+.rules-rule { border-top:1px solid #28405685; }
.rules-rule h3 { display:flex; align-items:baseline; gap:11px; color:var(--rules-gold); font-size:16px; font-weight:750; line-height:1.55; margin:0 0 14px; letter-spacing:-.1px; }
.rules-rule-number { flex-shrink:0; font-size:12px; color:#c89b5c; font-weight:700; font-variant-numeric:tabular-nums; }
.rules-rule-body { color:#bfd0e1; font-size:13px; line-height:1.85; overflow-wrap:anywhere; }
.rules-paragraph { margin:10px 0; }
.rules-label { color:#e2edf7; font-weight:700; margin:19px 0 9px; }
.rules-example { color:var(--rules-mint); font-weight:650; margin:16px 0 9px; }
.rules-sanction { color:var(--rules-red); background:#79344320; border-left:3px solid #ce788c; padding:11px 14px; margin:16px 0; border-radius:0 7px 7px 0; font-weight:650; font-size:12px; }
.rules-list { padding-left:22px; margin:10px 0 14px; }
.rules-list li { padding-left:4px; margin:6px 0; }
.rules-list li::marker { color:#74b8df; }
.rules-table-wrap { margin:16px 0; overflow-x:auto; border:1px solid #365570; border-radius:8px; scrollbar-width:thin; }
.rules-table { width:100%; border-collapse:collapse; font-size:12px; }
.rules-table th { color:#a8deff; background:#193249; font-size:11px; font-weight:750; padding:11px 16px; letter-spacing:0; text-align:left; line-height:1.6; white-space:normal; }
.rules-table td { color:#bfd0e1; font-size:12px; padding:11px 16px; line-height:1.7; border-top:1px solid #294056; text-align:left; white-space:normal; overflow-wrap:anywhere; }
.rules-table tbody tr:nth-child(even) td { background:#1b304224; }
.rules-table th+th, .rules-table td+td { border-left:1px solid #294056; }
.rules-sanction-table { border-color:#664654; }
.rules-sanction-table th { color:#ffc0b8; background:#452d3d70; }
.rules-sanction-table td:last-child { color:#f2c599; }
.rules-final { padding:27px 28px; border:1px solid #3b6c5d; border-radius:12px; background:linear-gradient(125deg,#14382f70,#0d1b27); color:#bfd6d4; font-size:13px; line-height:1.85; }
.rules-final h2 { color:var(--rules-mint); font-size:17px; font-weight:800; margin-bottom:14px; }
.rules-reader-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:23px 0 5px; padding:18px 3px; color:#7a97af; font-size:10px; }
.rules-reader-footer a { color:#a9d8f5; }
.rules-empty { text-align:center; padding:60px 22px; border:1px solid #2a475f; border-radius:12px; color:#9eb8cd; }
.rules-empty h2 { justify-content:center; color:#d7edff; }
.rules-empty p { font-size:12px; margin:12px 0 22px; }
.rules-mobile-category { display:none; }
@media(min-width:1800px) { .rules-layout { grid-template-columns:275px minmax(0,1fr); gap:30px; } .rules-rule-body { font-size:14px; } }
@media(max-width:1200px) { .rules-layout { grid-template-columns:218px minmax(0,1fr); gap:16px; } .rules-chapter-header { padding:21px; } .rules-chapter-content { padding:0 21px; } .rules-chapter-header h2 { font-size:16px; } .rules-chapter-count { display:none; } .rules-hero { padding:24px; gap:17px; } .rules-hero h1 { font-size:30px; } .rules-hero-meta { flex-direction:column; } }
@media(max-width:960px) { .rules-layout { display:block; } .rules-toc { display:none; } .rules-mobile-category { display:block; margin-bottom:16px; } .rules-mobile-category label { color:var(--rules-mint); font-size:11px; font-weight:700; display:block; margin-bottom:7px; } .rules-mobile-category select { width:100%; min-height:46px; } .rules-search-hint { display:none; } .rules-hero-meta { flex-direction:row; } }
@media(max-width:600px) { .rules-hero { gap:13px; padding:22px 17px; flex-wrap:wrap; } .rules-hero img { width:53px; height:53px; } .rules-hero h1 { font-size:25px; } .rules-kicker { font-size:8px; letter-spacing:.8px; } .rules-hero-subtitle { font-size:9px; } .rules-hero-meta { margin:4px 0 0 66px; gap:6px; } .rules-hero-meta span { font-size:10px; padding:4px 9px; } .rules-search { padding:0 13px; gap:9px; } .rules-search input { font-size:12px; } .rules-chapter-header { padding:20px 16px; gap:12px; } .rules-chapter-number { min-width:38px; height:38px; font-size:16px; } .rules-chapter-header h2 { font-size:15px; } .rules-chapter-content { padding:0 17px; } .rules-rule { padding:22px 0; } .rules-rule h3 { font-size:15px; gap:9px; } .rules-rule-body { font-size:13px; line-height:1.85; } .rules-table th,.rules-table td { padding:10px; } .rules-final { padding:23px 17px; } .rules-reader-footer { font-size:10px; } }