.rules-hero{background:linear-gradient(145deg, var(--color-ocean-dark) 0%, var(--color-ocean) 55%, var(--color-ocean-light) 100%);text-align:center;color:var(--color-white);padding:9rem 0 5rem;position:relative;overflow:hidden}.rules-hero:after{content:"";background:var(--color-sand);clip-path:ellipse(60% 100% at 50% 100%);height:80px;position:absolute;bottom:-1px;left:0;right:0}.rules-hero:before{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:500px;height:500px;position:absolute;top:-160px;right:-120px}.rules-hero__content{z-index:1;max-width:680px;animation:heroFadeUp .9s var(--ease-out) both;margin-inline:auto;padding:0 1.5rem;position:relative}.rules-hero__icon{animation:heroFadeUp .9s .1s var(--ease-out) both;margin-bottom:1rem;font-size:3rem;display:inline-block}.rules-hero__title{font-family:var(--font-serif);animation:heroFadeUp .9s .2s var(--ease-out) both;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;line-height:1.15}.rules-hero__sub{color:#ffffffd1;max-width:52ch;animation:heroFadeUp .9s .3s var(--ease-out) both;margin-inline:auto;font-size:1.05rem;line-height:1.7}.rules-body{background:var(--color-sand);padding:var(--space-2xl) 0 var(--space-2xl)}.rules-category{margin-bottom:var(--space-xl)}.rules-category__header{margin-bottom:var(--space-md);border-bottom:2px solid var(--color-ocean-light);align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.rules-category__emoji{font-size:1.6rem;line-height:1}.rules-category__title{font-family:var(--font-serif);color:var(--color-ocean-dark);font-size:1.35rem;font-weight:700}.rules-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.rule-card{background:var(--color-white);border-radius:var(--radius-lg);border:1.5px solid var(--color-border);transition:transform var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out), border-color var(--duration);align-items:flex-start;gap:1rem;padding:1.5rem 1.6rem;display:flex;position:relative;overflow:hidden}.rule-card:before{content:"";background:linear-gradient(to bottom, var(--color-ocean), var(--color-ocean-light));transform-origin:top;width:3px;transition:transform .35s var(--ease-out);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.rule-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-ocean-light);transform:translateY(-3px)}.rule-card:hover:before{transform:scaleY(1)}.rule-card__num{background:var(--color-sky);width:2rem;height:2rem;color:var(--color-ocean);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;font-size:.78rem;font-weight:700;display:flex}.rule-card__title{font-family:var(--font-sans);color:var(--color-ink);margin-bottom:.4rem;font-size:.95rem;font-weight:700}.rule-card__text{color:var(--color-muted);font-size:.88rem;line-height:1.65}.rule-card__text ul{margin-top:.5rem;padding-left:1.1rem;list-style:outside}.rule-card__text ul li{color:var(--color-muted);margin-bottom:.25rem;font-size:.86rem}.rules-disclaimer{background:var(--color-ocean-dark);color:#ffffffc7;padding:var(--space-lg) 0;text-align:center}.rules-disclaimer p{max-width:72ch;margin-inline:auto;font-size:.84rem;line-height:1.7}.rules-disclaimer strong{color:var(--color-white)}.back-link{color:#ffffffbf;transition:color var(--duration);align-items:center;gap:.4rem;margin-bottom:2rem;font-size:.88rem;font-weight:600;display:inline-flex}.back-link:hover{color:var(--color-white)}@media (width<=640px){.rules-grid{grid-template-columns:1fr}}