:root{--f3-white:#ffffff;--f3-black:#000000;--f3-gray-50:#f9fafb;--f3-gray-100:#f3f4f6;--f3-gray-200:#e5e7eb;--f3-gray-300:#d1d5db;--f3-gray-400:#9ca3af;--f3-gray-500:#6b7280;--f3-gray-600:#4b5563;--f3-gray-700:#374151;--f3-gray-800:#1f2937;--f3-gray-900:#111827;--f3-red:#dc2626;--f3-red-light:#ef4444;--f3-red-dark:#b91c1c;--f3-blue:#3b82f6;--f3-blue-light:#60a5fa;--f3-blue-dark:#2563eb;--f3-text:var(--f3-gray-900);--f3-text-light:var(--f3-gray-600);--f3-text-muted:var(--f3-gray-500);--f3-border:var(--f3-gray-200);--f3-border-light:var(--f3-gray-100);--f3-bg:var(--f3-white);--f3-bg-light:var(--f3-gray-50);--f3-bg-card:var(--f3-white);--f3-font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--f3-font-size-xs:0.75rem;--f3-font-size-sm:0.875rem;--f3-font-size-base:1rem;--f3-font-size-lg:1.125rem;--f3-font-size-xl:1.25rem;--f3-font-size-2xl:1.5rem;--f3-font-size-3xl:1.875rem;--f3-font-size-4xl:2.25rem;--f3-space-1:0.25rem;--f3-space-2:0.5rem;--f3-space-3:0.75rem;--f3-space-4:1rem;--f3-space-5:1.25rem;--f3-space-6:1.5rem;--f3-space-8:2rem;--f3-space-10:2.5rem;--f3-space-12:3rem;--f3-space-16:4rem;--f3-space-20:5rem;--f3-radius-sm:0.125rem;--f3-radius:0.25rem;--f3-radius-md:0.375rem;--f3-radius-lg:0.5rem;--f3-radius-xl:0.75rem;--f3-radius-2xl:1rem;--f3-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--f3-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--f3-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--f3-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)}.f3-container{max-width:1200px;margin:40px auto;padding:0 var(--f3-space-4)}.f3-container-narrow{max-width:800px;margin:40px auto;padding:0 var(--f3-space-4)}.f3-text-xs{font-size:var(--f3-font-size-xs)}.f3-text-sm{font-size:var(--f3-font-size-sm)}.f3-text-base{font-size:var(--f3-font-size-base)}.f3-text-lg{font-size:var(--f3-font-size-lg)}.f3-text-xl{font-size:var(--f3-font-size-xl)}.f3-text-2xl{font-size:var(--f3-font-size-2xl)}.f3-text-3xl{font-size:var(--f3-font-size-3xl)}.f3-text-4xl{font-size:var(--f3-font-size-4xl)}.f3-font-normal{font-weight:400}.f3-font-medium{font-weight:500}.f3-font-semibold{font-weight:600}.f3-font-bold{font-weight:700}.f3-text-gray-900{color:var(--f3-gray-900)}.f3-text-gray-600{color:var(--f3-gray-600)}.f3-text-gray-500{color:var(--f3-gray-500)}.f3-text-red{color:var(--f3-red)}.f3-grid{display:grid;gap:var(--f3-space-6)}.f3-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.f3-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.f3-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.f3-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.f3-flex{display:flex}.f3-flex-col{flex-direction:column}.f3-flex-wrap{flex-wrap:wrap}.f3-items-center{align-items:center}.f3-items-start{align-items:flex-start}.f3-justify-between{justify-content:space-between}.f3-justify-center{justify-content:center}.f3-gap-2{gap:var(--f3-space-2)}.f3-gap-3{gap:var(--f3-space-3)}.f3-gap-4{gap:var(--f3-space-4)}.f3-gap-6{gap:var(--f3-space-6)}.f3-p-0{padding:0}.f3-p-2{padding:var(--f3-space-2)}.f3-p-4{padding:var(--f3-space-4)}.f3-p-6{padding:var(--f3-space-6)}.f3-p-8{padding:var(--f3-space-8)}.f3-px-4{padding-left:var(--f3-space-4);padding-right:var(--f3-space-4)}.f3-py-2{padding-top:var(--f3-space-2);padding-bottom:var(--f3-space-2)}.f3-py-4{padding-top:var(--f3-space-4);padding-bottom:var(--f3-space-4)}.f3-py-6{padding-top:var(--f3-space-6);padding-bottom:var(--f3-space-6)}.f3-m-0{margin:0}.f3-mb-2{margin-bottom:var(--f3-space-2)}.f3-mb-4{margin-bottom:var(--f3-space-4)}.f3-mb-6{margin-bottom:var(--f3-space-6)}.f3-mb-8{margin-bottom:var(--f3-space-8)}.f3-card{background:var(--f3-bg-card);border:1px solid var(--f3-border);border-radius:var(--f3-radius-lg);box-shadow:var(--f3-shadow-sm);overflow:hidden}.f3-card-header{padding:var(--f3-space-6);border-bottom:1px solid var(--f3-border-light);background:var(--f3-gray-100)}.f3-card-content{padding:var(--f3-space-6)}.f3-card-footer{padding:var(--f3-space-4) var(--f3-space-6);background:var(--f3-bg-light);border-top:1px solid var(--f3-border-light)}.f3-btn{display:inline-flex;align-items:center;gap:var(--f3-space-2);padding:var(--f3-space-2) var(--f3-space-4);font-family:var(--f3-font-family);font-size:var(--f3-font-size-sm);font-weight:500;line-height:1.5;text-decoration:none;border:1px solid #fff0;border-radius:var(--f3-radius);cursor:pointer;transition:all 0.15s ease}.f3-btn-primary{background:var(--f3-gray-900);color:var(--f3-white);border-color:var(--f3-gray-900)}.f3-btn-primary:hover{background:var(--f3-gray-800);border-color:var(--f3-gray-800);color:var(--f3-white);text-decoration:none}.f3-btn-secondary{background:var(--f3-white);color:var(--f3-gray-700);border-color:var(--f3-border)}.f3-btn-secondary:hover{background:var(--f3-gray-50);color:var(--f3-gray-900);text-decoration:none}.f3-link{color:var(--f3-gray-700);text-decoration:none;transition:color 0.15s ease}.f3-link:hover{color:var(--f3-gray-900);text-decoration:underline}.f3-taxonomy-link{display:inline-block;padding:4px 8px;border-radius:var(--f3-radius);text-decoration:none;font-weight:500;font-size:.8125rem;line-height:1.3;transition:all 0.15s ease;border:1px solid;cursor:pointer;vertical-align:baseline;margin:0 2px}.f3-taxonomy-link:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 4px rgb(0 0 0 / .1)}.f3-taxonomy-link.f3-q-link{color:var(--f3-white);background-color:var(--f3-red);border-color:var(--f3-red)}.f3-taxonomy-link.f3-q-link:hover{color:var(--f3-white);background-color:var(--f3-red-dark);border-color:var(--f3-red-dark)}.f3-taxonomy-link.f3-ao-link{color:var(--f3-white);background-color:var(--f3-blue);border-color:var(--f3-blue)}.f3-taxonomy-link.f3-ao-link:hover{color:var(--f3-white);background-color:var(--f3-blue-dark);border-color:var(--f3-blue-dark)}.f3-taxonomy-link.f3-pax-link{color:var(--f3-gray-700);background-color:var(--f3-gray-100);border-color:var(--f3-gray-300)}.f3-taxonomy-link.f3-pax-link:hover{color:var(--f3-gray-900);background-color:var(--f3-white);border-color:var(--f3-gray-400)}.f3-tag{display:inline-flex;align-items:center;padding:3px 8px;font-size:.8125rem;font-weight:500;background:var(--f3-gray-100);color:var(--f3-gray-700);border-radius:var(--f3-radius);text-decoration:none;transition:all 0.15s ease;margin:2px;line-height:1.3;vertical-align:baseline}.f3-tag:hover{background:var(--f3-gray-200);color:var(--f3-gray-800);text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 4px rgb(0 0 0 / .08)}.f3-tag-red{background:var(--f3-red);color:var(--f3-white)}.f3-tag-red:hover{background:var(--f3-red-dark);color:var(--f3-white)}.f3-stat{text-align:center}.f3-stat-value{display:block;font-size:var(--f3-font-size-2xl);font-weight:700;color:var(--f3-text);line-height:1}.f3-stat-label{display:block;font-size:var(--f3-font-size-sm);color:var(--f3-text-muted);margin-top:var(--f3-space-1)}@media (max-width:768px){.f3-container,.f3-container-narrow{padding:0 var(--f3-space-4)}.f3-grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}.f3-grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.f3-grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.f3-text-4xl{font-size:var(--f3-font-size-3xl)}.f3-text-3xl{font-size:var(--f3-font-size-2xl)}}@media (max-width:480px){.f3-grid-cols-3,.f3-grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}.f3-card-header,.f3-card-content{padding:var(--f3-space-4)}}.f3-top-list{list-style:none;margin:0;padding:0;counter-reset:top-list-counter}.f3-top-list-item{display:flex;align-items:center;padding:12px 16px;margin-bottom:8px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all 0.2s ease;counter-increment:top-list-counter;position:relative}.f3-top-list-item:hover{background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px rgb(0 0 0 / .1)}.f3-top-list-item::before{content:counter(top-list-counter);display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin-right:12px;background-color:#3b82f6;color:#fff;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.f3-top-list-item:nth-child(1)::before{background-color:#fbbf24}.f3-top-list-item:nth-child(2)::before{background-color:#9ca3af}.f3-top-list-item:nth-child(3)::before{background-color:#cd7c2f}.f3-top-list-content{display:flex;justify-content:space-between;align-items:center;width:100%}.f3-top-list-name{font-weight:600;color:#1f2937;text-decoration:none;transition:color 0.2s ease}.f3-top-list-name:hover{color:#3b82f6}.f3-top-list-count{font-size:14px;color:#6b7280;font-weight:500;background-color:#fff;padding:4px 8px;border-radius:12px;border:1px solid #e5e7eb}.f3-beatdown-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--f3-space-4);margin:0}.f3-beatdown-image-wrapper{border-radius:var(--f3-radius-lg);overflow:hidden;box-shadow:var(--f3-shadow-sm);transition:all 0.2s ease}.f3-beatdown-image-wrapper:hover{transform:translateY(-2px);box-shadow:var(--f3-shadow-md)}.f3-beatdown-image{width:100%;height:auto;object-fit:cover;transition:all 0.2s ease;display:block}.f3-beatdown-image:hover{opacity:.95}@media (max-width:768px){.f3-beatdown-images-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--f3-space-3)}}@media (max-width:480px){.f3-beatdown-images-grid{grid-template-columns:1fr}}