.rules-button{color:#e9e4f0;min-height:34px;font:500 12px/1 var(--font-body), system-ui, sans-serif;white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;border-radius:100px;align-items:center;gap:7px;padding:0 12px 0 7px;transition:border-color .2s,background .2s;display:inline-flex}.rules-button span{color:#15101f;width:20px;height:20px;font:700 11px/1 var(--font-mono), monospace;background:#e9e4f0;border-radius:50%;place-items:center;display:grid}.rules-button:hover{background:#ffffff1a;border-color:#fff6}.rules-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.rules-dialog{--rules-accent:#bba6ff;color:#f3f0e9;background:0 0;border:0;border-radius:22px;width:min(100% - 32px,460px);max-height:calc(100dvh - 32px);padding:0;overflow:visible}.rules-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06050ea8}.rules-dialog[open]{animation:.3s cubic-bezier(.2,1.3,.4,1) rules-in}.rules-card{border:1px solid color-mix(in srgb, var(--rules-accent) 38%, transparent);background:linear-gradient(170deg, color-mix(in srgb, var(--rules-accent) 10%, #1a1629), #120f1f 65%);max-height:calc(100dvh - 32px);font-family:var(--font-body), system-ui, sans-serif;border-radius:22px;padding:26px 26px 22px;overflow:auto;box-shadow:0 30px 90px #00000080}.rules-kicker{color:var(--rules-accent);font:500 10px/1.4 var(--font-mono), monospace;letter-spacing:.16em}.rules-card h2{font:600 30px/1 var(--font-display), sans-serif;letter-spacing:var(--tracking-display,0);margin:6px 0 14px}.rules-goal{background:#ffffff0d;border-radius:12px;gap:3px;margin:0 0 16px;padding:12px 14px;font-size:15px;line-height:1.45;display:grid}.rules-goal b{color:var(--rules-accent);font:500 9px/1.4 var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase}.rules-list{counter-reset:rule;gap:10px;margin:0;padding:0;list-style:none;display:grid}.rules-list li{color:#cfc8da;counter-increment:rule;padding-left:30px;font-size:14px;line-height:1.5;position:relative}.rules-list li:before{content:counter(rule);border:1px solid color-mix(in srgb, var(--rules-accent) 50%, transparent);width:20px;height:20px;color:var(--rules-accent);font:500 10px/1 var(--font-mono), monospace;border-radius:50%;place-items:center;display:grid;position:absolute;top:1px;left:0}.rules-close{color:#15101f;background:var(--rules-accent);width:100%;min-height:46px;font:700 14px/1 var(--font-body), sans-serif;cursor:pointer;border:0;border-radius:12px;margin-top:20px}.rules-close:focus-visible{outline-offset:3px;outline:2px solid #fff}@keyframes rules-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}@media (prefers-reduced-motion:reduce){.rules-dialog[open]{animation:none}}
