.rules-page{min-height:100vh;background:radial-gradient(ellipse at 70% 4%,#16402144,transparent 36%),var(--bg)}
.rules-wrap{width:min(1140px,calc(100% - 48px));margin-inline:auto}
.rules-topbar{border-bottom:1px solid var(--edge);background:#0a0f0de8}
.rules-nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.rules-nav nav{display:flex;align-items:center;gap:28px;color:#d0d6d2;font-size:13px}
.rules-nav nav a:hover,.rules-nav nav a:focus-visible{color:var(--neon)}
.rules-cta{padding:9px 15px;border:1px solid var(--edge);font-size:12px;transition:border-color .2s,color .2s}
.rules-cta:hover{border-color:var(--neon);color:var(--neon-light)}
.rules-intro{padding:74px 0 34px}
.rules-kicker,.rules-aside-kicker{display:flex;align-items:center;gap:10px;color:var(--neon);font-size:10px;font-weight:700;letter-spacing:.1em}
.rules-kicker i{display:inline-block;width:5px;height:5px;background:var(--neon);transform:rotate(45deg)}
.rules-intro h1{margin:10px 0 8px;font:700 clamp(36px,6vw,60px)/1.25 var(--font-display);letter-spacing:-.035em}
.rules-intro p{max-width:650px;margin:0;color:var(--muted);font-size:14px}
.rules-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.52fr);gap:22px;padding-bottom:84px}
.rules-list{display:grid;gap:12px}
.rules-item{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:17px;padding:19px;border:1px solid var(--edge);background:linear-gradient(120deg,#16241b,#0e1511);transition:border-color .2s,transform .2s}
.rules-item:hover{transform:translateY(-2px);border-color:#39ff146e}
.rules-number{display:grid;place-items:center;width:44px;height:44px;border:1px solid #39ff1455;color:var(--neon);font:700 13px ui-monospace,monospace;direction:ltr}
.rules-item h2{margin:0 0 4px;font:700 17px/1.55 var(--font-display)}
.rules-item p{margin:0;color:#bdc7bf;font-size:13px}
.rules-feedback{margin:0 0 12px;color:var(--muted);font-size:12px}
.rules-feedback:empty{display:none}
.rules-aside{align-self:start;overflow:hidden;position:relative;padding:23px;border:1px solid #39ff1440;background:radial-gradient(ellipse at 20% 0%,#1d4a2840,transparent 52%),#0e1511}
.rules-aside h2{position:relative;margin:9px 0;font:700 23px var(--font-display)}
.rules-aside p{position:relative;margin:0 0 13px;color:var(--muted);font-size:12px}
.rules-aside a{position:relative;display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--edge);font-size:12px}
.rules-aside a:hover{color:var(--neon-light)}
.rules-aside a:focus-visible{outline:2px solid var(--neon);outline-offset:3px}
.rules-empty{padding:23px;border:1px dashed var(--edge);color:var(--muted);text-align:center;font-size:13px}
.rules-skeleton{height:92px;border:1px solid var(--edge);background:linear-gradient(100deg,#101713 25%,#1a251e 45%,#101713 65%);background-size:220% 100%;animation:rules-shimmer 1.35s linear infinite}
.rules-footer{border-top:1px solid var(--edge);padding:20px 0;color:var(--muted);font-size:10px}
.rules-footer .rules-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.rules-footer .footer-brand{color:#e9f0eb}
@keyframes rules-shimmer{to{background-position-x:-220%}}
@media(max-width:760px){.rules-wrap{width:calc(100% - 32px)}.rules-nav{height:72px}.rules-nav nav{display:none}.rules-intro{padding:52px 0 28px}.rules-layout{grid-template-columns:1fr;gap:16px}.rules-aside{order:-1}.rules-item{gap:11px;padding:15px}}
@media(max-width:420px){.rules-item{grid-template-columns:39px minmax(0,1fr)}.rules-number{width:36px;height:36px;font-size:11px}.rules-item h2{font-size:15px}.rules-item p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.rules-item,.rules-cta{transition:none}.rules-skeleton{animation:none}}