.rules-page{--rule-bg:#13101d;--rule-card:#201a2c;--rule-text:#f4f0fc;--rule-muted:#b1a6c1;--rule-line:#ffffff13;background:var(--rule-bg);color:var(--rule-text);transition:background .6s,color .6s}.rules-page[data-theme=day]{--rule-bg:#eeecf5;--rule-card:#ffffff;--rule-text:#20192d;--rule-muted:#726780;--rule-line:#6f438c22}.rules-page .header{background:#15101e66;backdrop-filter:blur(12px)}.rules-page .header.is-scrolled{background:#15101eef}.rules-hero{position:relative;isolation:isolate;overflow:hidden;padding:155px 0 70px;background:linear-gradient(135deg,#191027,#34204f 65%,#613865);transition:background .7s}.rules-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#140e2599,transparent 85%)}.rules-intro{position:relative}.rules-overline{display:flex;align-items:center;justify-content:space-between;gap:20px}.rules-intro h1{font-size:clamp(48px,6.2vw,90px);line-height:.99;margin:34px 0 24px;color:white;max-width:1000px}.rules-intro h1 span{background:linear-gradient(100deg,#d3abff,#eea4cb);background-clip:text;color:transparent}.rules-intro>p{color:#dfd2e9;font-size:17px;line-height:1.8}.city-caption{display:flex;justify-content:space-between;margin-top:55px;letter-spacing:2px;font-size:9px;color:#d5c7e2}.city-skyline{position:absolute;bottom:0;right:-5%;width:80%;height:85%;fill:#100e23;opacity:.62;z-index:-1;transition:fill .6s,opacity .6s}.city-skyline .window{fill:#e7c995;transition:fill .6s}.sky-orb{position:absolute;width:90px;height:90px;border-radius:50%;right:16%;top:155px;background:#e6d7f3;box-shadow:0 0 75px #c791ff66;z-index:-2;transition:all .8s}.sky-stars{position:absolute;inset:0;background-image:radial-gradient(#fff9 1px,transparent 1px);background-size:97px 83px;opacity:.35;z-index:-2}.rules-page[data-theme=day] .rules-hero{background:linear-gradient(125deg,#6e7fad,#b8bdd7 65%,#f4c9ba)}.rules-page[data-theme=day] .sky-orb{background:#fff0c1;box-shadow:0 0 90px #ffe1a5b3;transform:translateY(-12px)}.rules-page[data-theme=day] .sky-stars{opacity:0}.rules-page[data-theme=day] .city-skyline{fill:#666b8e;opacity:.55}.rules-page[data-theme=day] .city-skyline .window{fill:#c4d3e9}.theme-switch{display:flex;padding:5px;background:#110c244d;border:1px solid #ffffff24;border-radius:30px}.theme-switch button{display:flex;gap:8px;align-items:center;padding:10px 18px;border-radius:24px;background:transparent;color:#e9def2;font-size:13px;transition:all .3s}.theme-switch button[aria-pressed=true]{background:#f4ecff;color:#382247;box-shadow:0 3px 16px #0002}.rules-workspace{padding-top:38px;padding-bottom:90px}.rules-toolbar{display:flex;justify-content:space-between;gap:28px;align-items:center}.rule-types{display:flex;gap:5px;padding:5px;background:var(--rule-card);border:1px solid var(--rule-line);border-radius:17px}.rule-types button{border-radius:12px;background:none;color:var(--rule-muted);padding:16px 20px;font-weight:700;font-size:14px;transition:.25s}.rule-types button[aria-pressed=true]{background:linear-gradient(115deg,#9552ed,#ba67b1);color:white;box-shadow:0 5px 20px #9955ff22}.rule-types button:hover{transform:translateY(-2px)}.rule-types button span{font-size:10px;display:inline-block;margin-left:9px;opacity:.8}.rule-search{display:flex;align-items:center;gap:14px;width:390px;border-bottom:1px solid var(--rule-line);padding:14px 4px;color:var(--rule-muted)}.rule-search input{width:100%;min-width:0;background:none;border:none;color:var(--rule-text);font:inherit;font-size:15px;outline:none}.rule-search:focus-within{border-color:#bd83f4}.rule-search kbd{border:1px solid var(--rule-line);border-radius:5px;padding:3px 7px;font-size:11px}.draft-note{margin:22px 0 35px;color:var(--rule-muted);font-size:12px;line-height:1.7}.draft-note span{font-size:9px;letter-spacing:1.5px;color:#b47be8;border:1px solid #a76cdd44;padding:4px 8px;border-radius:5px;margin-right:9px}.rules-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:55px}.rules-sidebar{align-self:start;position:sticky;top:125px}.rules-sidebar>.eyebrow{color:var(--rule-muted);font-size:9px;margin:0 0 18px 15px}.rules-sidebar #rule-categories{display:grid;gap:7px}.category-button{display:flex;justify-content:space-between;gap:8px;align-items:center;text-align:left;padding:14px 15px;border-radius:12px;background:none;color:var(--rule-muted);font-size:13px;font-weight:600;transition:.2s}.category-button span{opacity:.6;font-size:10px}.category-button:hover{background:var(--rule-card);transform:translateX(3px)}.category-button[aria-pressed=true]{background:#9955ff19;color:#ba86ee;box-shadow:inset 3px 0 #ae72f1}.rules-page[data-theme=day] .category-button[aria-pressed=true]{color:#713aa0}.rules-help{margin-top:30px;padding:22px 16px;border:1px solid var(--rule-line);border-radius:15px;display:flex;flex-direction:column;gap:10px;background:var(--rule-card)}.rules-help i{color:#b58bf1}.rules-help strong{font-size:14px}.rules-help span{font-size:12px;color:var(--rule-muted)}.rules-content-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 23px;gap:20px}.rules-content-head .eyebrow{font-size:8px;color:#b17cec;margin-bottom:10px}.rules-content-head h2{font-size:37px;line-height:1.1}.rules-content-head>span{font-size:12px;color:var(--rule-muted);white-space:nowrap}.rule-item{margin-bottom:10px;border:1px solid var(--rule-line);border-radius:15px;background:var(--rule-card);overflow:hidden;animation:rule-in .4s backwards;animation-delay:calc(var(--i)*25ms);transition:background .4s,border-color .2s}.rule-item:hover{border-color:#a771df66}.rule-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:20px;padding:23px}.rule-item summary::-webkit-details-marker{display:none}.rule-number{font-size:12px;letter-spacing:1px;color:#b180e0;min-width:34px}.rule-item h3{font-family:Barlow,Arial,sans-serif;font-size:16px;font-weight:600;flex:1}.rule-plus{font-size:21px;color:#b18ccf;font-weight:400;transition:transform .3s}.rule-item[open] .rule-plus{transform:rotate(45deg)}.rule-item[open]{border-color:#ad73e365}.rule-body{padding:0 24px 24px 78px;color:var(--rule-muted);line-height:1.8;font-size:15px;animation:rule-in .25s}.rule-body small{display:block;margin-top:18px;color:#a679ce;font-size:9px;letter-spacing:1px;text-transform:uppercase}.rules-end{border-top:1px solid var(--rule-line);margin-top:35px;padding-top:28px;display:flex;align-items:center;gap:15px;font-size:12px;color:var(--rule-muted)}.rules-end>span{color:#b47be8}.rules-end a{margin-left:auto;color:#b47be8}.rules-empty{padding:40px 25px;background:var(--rule-card);border-radius:15px;line-height:1.7}.rules-empty h3{font-size:24px}.rules-empty p{margin:12px 0 20px;color:var(--rule-muted)}.rules-empty[hidden]{display:none}@keyframes rule-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.rules-page footer{background:#100d18;color:#eee}.rules-page summary:focus-visible{outline:2px solid #b887ef;outline-offset:3px}.rules-page .rules-intro{animation:rule-in .8s both}@media(max-width:1000px){.rules-layout{gap:25px;grid-template-columns:190px minmax(0,1fr)}.rules-toolbar{gap:15px}.rule-types button{padding:14px 12px}.rule-search{width:300px}}@media(max-width:800px){.rules-hero{padding-top:110px;padding-bottom:40px}.rules-intro h1{font-size:59px}.rules-intro>p{font-size:14px}.city-skyline{width:120%;right:-30%;opacity:.4}.sky-orb{right:12%;top:185px;width:60px;height:60px}.rules-toolbar{align-items:stretch;flex-direction:column}.rule-types button{flex:1}.rule-types{width:100%}.rule-search{width:100%}.rules-layout{grid-template-columns:minmax(0,1fr);gap:25px}.rules-sidebar{position:static}.rules-sidebar #rule-categories{display:flex;overflow:auto;padding-bottom:6px}.category-button{white-space:nowrap;gap:12px;flex-shrink:0;border:1px solid var(--rule-line)}.rules-sidebar>.eyebrow,.rules-help{display:none}.rules-content-head h2{font-size:32px}.rules-end{flex-wrap:wrap}.rules-end a{margin-left:0}.city-caption{font-size:7px;letter-spacing:1px}.rules-overline>.eyebrow{font-size:8px;letter-spacing:1px}.theme-switch button{padding:8px 11px;font-size:12px}.rule-item summary{padding:20px 16px;gap:12px}.rule-item h3{font-size:15px}.rule-body{padding:0 20px 22px;font-size:14px}.rules-intro h1{font-size:clamp(42px,8.3vw,59px)}.draft-note{margin-bottom:22px}.rules-workspace{padding-top:24px}.rules-intro h1 span{display:inline}.city-caption span:last-child{display:none}}
/* City imagery adds the same game-world texture as the rest of NightLife V. */
.rules-hero:before{content:'';position:absolute;inset:0;z-index:-3;background:url('assets/city-fivem.webp') center 43%/cover;opacity:.4;filter:saturate(.55);transition:filter .7s,opacity .7s}.rules-hero:after{background:linear-gradient(90deg,#140e25ed,#211232a8 55%,#21123255),linear-gradient(0deg,#211232bb,transparent 75%)}.city-skyline{opacity:.16;width:65%;height:60%}.sky-orb{right:26%;top:145px;width:55px;height:55px;opacity:.8}.rules-page[data-theme=day] .rules-hero:before{filter:saturate(.35) brightness(1.7);opacity:.45}.rules-page[data-theme=day] .rules-hero:after{background:linear-gradient(90deg,#37415bd9,#64728c66),linear-gradient(0deg,#737f9d77,transparent)}.rules-page[data-theme=day] .city-skyline{opacity:.15}.rules-page[data-theme=day] .sky-orb{background:#fff1c2}
.rules-hero{padding:125px 0 34px}.rules-intro h1{font-size:clamp(44px,4.5vw,64px);margin:20px 0 14px}.rules-intro>p{font-size:15px}.city-caption{display:none}.rules-overline>.eyebrow{font-size:8px}.rules-layout{grid-template-columns:minmax(0,1fr) 230px;gap:44px}.rules-content{grid-column:1;grid-row:1}.rules-sidebar{grid-column:2;grid-row:1}.rules-content-head[hidden],.rules-end[hidden],.rules-introduction[hidden]{display:none}.rules-introduction{background:linear-gradient(130deg,#a062d510,transparent 65%),var(--rule-card);border:1px solid var(--rule-line);padding:34px;border-radius:22px}.rules-introduction>.eyebrow{font-size:8px;color:#b080de;margin-bottom:17px}.rules-introduction h2{font-size:40px;line-height:1.1;margin-bottom:20px}.rules-introduction>p:not(.eyebrow){color:var(--rule-muted);font-size:15px;line-height:1.85;max-width:740px}.intro-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:30px;padding-top:25px;border-top:1px solid var(--rule-line)}.intro-values span{font-size:8px;letter-spacing:1.3px;color:#b080de}.intro-values h3{font-family:Barlow,Arial,sans-serif;font-size:15px;margin:11px 0 8px}.intro-values p{font-size:13px;line-height:1.6;color:var(--rule-muted)}.intro-signoff{display:flex;gap:16px;align-items:center;padding-top:24px;margin-top:26px;border-top:1px solid var(--rule-line)}.intro-signoff>span{color:#b080de;font-size:25px}.intro-signoff p{font-size:13px;line-height:1.7;color:var(--rule-muted)}.intro-signoff strong{font-weight:500;color:var(--rule-text)}.rules-workspace{padding-top:27px}.draft-note{margin:17px 0 26px;font-size:11px}.rules-help{margin-top:22px;padding:17px}.rules-sidebar>.eyebrow{margin-top:6px}.sky-orb{display:none}@media(max-width:800px){.rules-hero{padding:105px 0 28px}.rules-intro h1{font-size:46px}.rules-layout{display:flex;flex-direction:column;gap:20px}.rules-sidebar{order:0}.rules-content{order:1}.rules-introduction{padding:25px}.rules-introduction h2{font-size:34px}.intro-values{gap:17px}.intro-values h3{font-size:13px}.intro-values p{font-size:12px}.rules-intro>p{font-size:13px}}@media(max-width:480px){.intro-values{grid-template-columns:1fr;gap:20px}.intro-values h3{font-size:15px;margin:6px 0}.intro-values p{font-size:13px}.rules-intro h1{font-size:44px}}
/* Two separately generated lighting variants, crossfaded without color filters. */
.rules-hero:before{display:none}.rules-city-image{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center 53%;transition:opacity .8s ease}.rules-city-night{background-image:url('assets/rules-city-night.webp');opacity:1}.rules-city-day{background-image:url('assets/rules-city-day.webp');opacity:0}.rules-page[data-theme=day] .rules-city-day{opacity:1}.rules-page[data-theme=day] .rules-city-night{opacity:0}.rules-page .city-skyline,.rules-page .sky-stars{display:none}.rules-page .rules-hero:after{background:linear-gradient(90deg,#130d24e8 0%,#160e2580 43%,#160e2510 80%),linear-gradient(0deg,#17102166,transparent 45%)}.rules-page[data-theme=day] .rules-hero:after{background:linear-gradient(90deg,#151b35d9,#17213755 48%,transparent 85%)}.rules-hero{padding-bottom:40px}.welcome-heading{display:flex;align-items:center;gap:12px;margin-bottom:23px}.welcome-heading .eyebrow{font-size:8px;color:#b886e5;letter-spacing:1.8px}.welcome-emblem{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b578f14d;border-radius:13px;background:linear-gradient(135deg,#b373f52a,#da7fc00d);color:#b986ef;box-shadow:0 5px 24px #a26ae112}.age-badge{margin-left:auto;padding:8px 12px;font-size:18px;font-weight:800;border:1px solid #ba8be655;border-radius:10px;color:#c199f0;background:#a269d916}.rules-page[data-theme=day] .age-badge{color:#8147ad}.intro-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0;padding-top:0;margin-top:28px}.intro-values>div{padding:18px 13px;border:1px solid var(--rule-line);border-radius:14px;background:linear-gradient(145deg,#a46fe50b,transparent);transition:transform .25s,border-color .25s}.intro-values>div:hover{transform:translateY(-4px);border-color:#b789e56b}.intro-values>div.age-value{background:linear-gradient(145deg,#9c55f526,#d75ca00a);border-color:#a970e940}.value-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:11px;background:#a469dc1c;color:#b785e6;margin-bottom:16px}.value-icon svg{width:21px;height:21px}.intro-values span{font-size:7px;letter-spacing:1px}.intro-values h3{font-size:14px;line-height:1.4}.intro-values p{font-size:12px}.intro-values p strong{color:var(--rule-text);font-weight:600}.category-button{justify-content:flex-start;gap:11px}.category-button>span{margin-left:auto}.category-icon{display:flex;align-items:center;color:#a97ad0}.category-icon svg{width:17px;height:17px}.intro-signoff>span{display:flex}.rules-introduction{position:relative;isolation:isolate;overflow:hidden}.rules-introduction:before{content:'';position:absolute;z-index:-1;right:-80px;top:30px;width:270px;height:270px;background:url('assets/district-map.svg') center/contain;opacity:.09;pointer-events:none}@media(max-width:1050px){.intro-values{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.intro-values{gap:10px}.intro-values>div{padding:15px 12px}.intro-values h3{font-size:13px}.intro-values p{font-size:12px}.welcome-heading{gap:9px}.welcome-heading .eyebrow{font-size:7px;letter-spacing:1px}.welcome-emblem{width:34px;height:34px}.age-badge{font-size:15px;padding:7px 9px}.rules-city-image{background-position:63% center}}
.rules-overline>.eyebrow{color:#e2d6ef}.rules-layout>*{min-width:0}@media(max-width:800px){.rules-sidebar,.rules-content{width:100%;max-width:100%}.rules-sidebar #rule-categories{max-width:100%;scrollbar-width:thin}}
.rule-number{min-width:54px;font-variant-numeric:tabular-nums}.rule-body{padding-left:98px}.category-button{line-height:1.45}.category-icon{flex-shrink:0}.category-button>span{flex-shrink:0}@media(max-width:800px){.rule-body{padding-left:20px}.rule-number{min-width:48px}}