.rules-page[data-v-9b9fabf6]{min-height:calc(100vh - 80px);padding:var(--spacing-xl)}.rules-container[data-v-9b9fabf6]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass-light);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);margin:0 auto;max-width:900px;padding:var(--spacing-xl)}.rules-container h1[data-v-9b9fabf6]{background:var(--gradient-brand);-webkit-background-clip:text;color:var(--color-text-primary);font-size:var(--font-6xl);margin-bottom:var(--spacing-xl);text-align:center;-webkit-text-fill-color:transparent;background-clip:text}.rules-content[data-v-9b9fabf6]{display:flex;flex-direction:column;gap:var(--spacing-xl)}.rules-content section[data-v-9b9fabf6]{background:var(--bg-glass-lighter);border:1px solid var(--color-border-lighter);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.rules-content h2[data-v-9b9fabf6]{color:var(--color-brand-primary);font-size:var(--font-3xl);margin-bottom:var(--spacing-md)}.rules-content p[data-v-9b9fabf6]{color:var(--color-text-highlight);font-size:var(--font-lg);line-height:var(--line-height-normal)}.rules-content p strong[data-v-9b9fabf6]{color:var(--color-brand-primary)}.litho-diagram[data-v-9b9fabf6]{margin:var(--spacing-lg) 0}.litho-card[data-v-9b9fabf6],.litho-diagram[data-v-9b9fabf6]{display:flex;justify-content:center}.litho-card[data-v-9b9fabf6]{align-items:center;background:var(--bg-glass-medium);border:2px solid var(--color-border-brand);border-radius:var(--radius-lg);height:140px;position:relative;width:140px}.litho-center[data-v-9b9fabf6]{color:var(--color-text-primary);font-size:var(--font-base);letter-spacing:.05em;text-transform:uppercase}.litho-center[data-v-9b9fabf6],.litho-value[data-v-9b9fabf6]{font-weight:var(--font-bold)}.litho-value[data-v-9b9fabf6]{color:var(--color-brand-primary);font-size:var(--font-2xl);position:absolute}.litho-value.top[data-v-9b9fabf6]{left:50%;top:8px;transform:translate(-50%)}.litho-value.right[data-v-9b9fabf6]{right:10px;top:50%;transform:translateY(-50%)}.litho-value.bottom[data-v-9b9fabf6]{bottom:8px;left:50%;transform:translate(-50%)}.litho-value.left[data-v-9b9fabf6]{left:10px;top:50%;transform:translateY(-50%)}.capture-example[data-v-9b9fabf6]{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.capture-row[data-v-9b9fabf6]{gap:var(--spacing-md)}.capture-row[data-v-9b9fabf6],.mini-litho[data-v-9b9fabf6]{align-items:center;display:flex}.mini-litho[data-v-9b9fabf6]{border-radius:var(--radius-md);flex-direction:column;gap:var(--spacing-xxs);height:90px;justify-content:center;position:relative;width:90px}.mini-litho.yours[data-v-9b9fabf6]{background:#4a7fa533;border:2px solid var(--color-brand-primary)}.mini-litho.opponent[data-v-9b9fabf6]{background:#ef444426;border:2px solid var(--color-error)}.mini-litho.opponent.captured[data-v-9b9fabf6]{border-style:dashed;opacity:.8}.mini-label[data-v-9b9fabf6]{color:var(--color-text-primary);font-size:var(--font-sm);text-transform:uppercase;white-space:nowrap}.mini-label[data-v-9b9fabf6],.mini-value[data-v-9b9fabf6]{font-weight:var(--font-bold)}.mini-value[data-v-9b9fabf6]{font-size:var(--font-2xl)}.mini-litho.yours .mini-value[data-v-9b9fabf6]{color:var(--color-brand-primary)}.mini-litho.opponent .mini-value[data-v-9b9fabf6]{color:var(--color-error)}.capture-arrow[data-v-9b9fabf6]{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xxs)}.arrow-text[data-v-9b9fabf6]{color:var(--color-success);font-size:var(--font-sm);font-weight:var(--font-bold)}.rules-content ul[data-v-9b9fabf6]{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:var(--spacing-sm) 0;padding:0}.rules-content ul li[data-v-9b9fabf6]{color:var(--color-text-highlight);font-size:var(--font-lg);line-height:var(--line-height-normal);padding-left:var(--spacing-md);position:relative}.rules-content ul li[data-v-9b9fabf6]:before{background:var(--color-brand-primary);border-radius:var(--radius-full);content:"";height:6px;left:0;position:absolute;top:10px;width:6px}.rules-content ul li strong[data-v-9b9fabf6]{color:var(--color-brand-primary)}.rules-content h3[data-v-9b9fabf6]{color:var(--color-text-primary);font-size:var(--font-xl);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.element-cycle[data-v-9b9fabf6]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin:var(--spacing-lg) 0}.element-item[data-v-9b9fabf6]{border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-bold);letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.element-item.fire[data-v-9b9fabf6]{background:#ef643c33;border:1px solid rgba(239,100,60,.4);color:#ef6a3c}.element-item.wind[data-v-9b9fabf6]{background:#b4dcf026;border:1px solid rgba(180,220,240,.35);color:#b4dcf0}.element-item.earth[data-v-9b9fabf6]{background:#a0825033;border:1px solid rgba(160,130,80,.4);color:#c8a860}.element-item.water[data-v-9b9fabf6]{background:#3c8cdc33;border:1px solid rgba(60,140,220,.4);color:#4a9edc}.element-arrow[data-v-9b9fabf6]{color:var(--color-text-muted);font-size:var(--font-xl)}.element-example[data-v-9b9fabf6]{background:var(--bg-glass-medium);border-left:3px solid var(--color-brand-primary);border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.element-detail[data-v-9b9fabf6]{color:var(--color-text-muted)!important;font-size:var(--font-base)!important;font-style:italic}@media(max-width:768px){.rules-container h1[data-v-9b9fabf6]{font-size:var(--font-5xl)}.rules-content h2[data-v-9b9fabf6]{font-size:var(--font-2xl)}.litho-card[data-v-9b9fabf6]{height:110px;width:110px}.mini-litho[data-v-9b9fabf6]{height:70px;width:70px}.element-cycle[data-v-9b9fabf6]{gap:var(--spacing-xxs)}.element-item[data-v-9b9fabf6]{font-size:var(--font-xs);padding:var(--spacing-xxs) var(--spacing-xs)}}