body{overflow:hidden}.onion-original{position:relative;background:#1f2937;border-radius:0;max-width:770px;max-height:770px;overflow:hidden}.onion-base{width:100%;height:100%;position:relative}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.04);z-index:30}.loading-overlay.hidden{display:none}@keyframes onion-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loading-overlay .spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,0.4);border-top-color:#2563eb;animation:onion-spin 0.9s linear infinite}@keyframes onion-intermediate-spin{to{transform:rotate(360deg)}}.onion-original:not(.colors-applied) .onion-base::before{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(135deg,rgba(255,0,128,0.25) 0%,rgba(0,200,255,0.25) 100% );mix-blend-mode:color;opacity:0.55}.onion-original:not(.colors-applied) .onion-base::after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;background:conic-gradient(from 0deg,rgba(255,99,132,0.25),rgba(54,162,235,0.25),rgba(255,206,86,0.25),rgba(75,192,192,0.25),rgba(153,102,255,0.25),rgba(255,159,64,0.25),rgba(255,99,132,0.25) );mix-blend-mode:overlay;opacity:0.85;animation:onion-intermediate-spin 2.5s linear infinite;transition:opacity 0.25s ease}.onion-original.colors-applied .onion-base::after{opacity:0;animation:none}.onion-original.colors-applied .onion-base::before{opacity:0}.onion-base img{width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease,filter 0.25s ease}.onion-original:not(.colors-applied) .onion-base img{animation:onion-hue 1.8s linear infinite}@keyframes onion-hue{0%{filter:sepia(0.7) saturate(2.2) hue-rotate(0deg) brightness(1.05) contrast(1.05)}100%{filter:sepia(0.7) saturate(2.2) hue-rotate(360deg) brightness(1.05) contrast(1.05)}}.onion-original.colors-applied .onion-base img{filter:none}.onion-original:hover .onion-base img{opacity:0.95}.governance-trigger{position:absolute;inset:0;z-index:40;background:transparent;cursor:pointer}.governance-trigger:hover{opacity:0.8}.governance-info{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;color:#ffffff;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,0.8),0 0 8px rgba(0,0,0,0.6);pointer-events:none;opacity:0;transition:opacity 0.25s ease;z-index:35}.onion-original.show-gov .governance-info{opacity:1}.rarity-common .governance-trigger{color:white;text-shadow:2px 2px 4px rgba(0,0,0,0.8),0 0 8px rgba(0,0,0,0.6)}.rarity-common:hover .governance-trigger{text-shadow:2px 2px 6px rgba(0,0,0,0.9),0 0 12px rgba(0,0,0,0.7)}.rarity-rare .governance-trigger{color:#000000;text-shadow:1px 1px 1px rgba(255,255,255,0.3)}.rarity-rare:hover .governance-trigger{text-shadow:1px 1px 2px rgba(255,255,255,0.5),0 0 4px rgba(255,255,255,0.3)}.rarity-legendary .governance-trigger{color:#1F2937;text-shadow:1px 1px 2px rgba(255,255,255,0.8),0 0 4px rgba(255,255,255,0.6)}.rarity-legendary:hover .governance-trigger{text-shadow:1px 1px 3px rgba(255,255,255,0.9),0 0 6px rgba(255,255,255,0.8)}.rarity-common .color-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;mix-blend-mode:normal;pointer-events:none;transition:opacity 0.3s ease}.rarity-common:hover .color-overlay{opacity:0.9}.rarity-rare .color-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;transition:opacity 0.3s ease,transform 0.3s ease}.rarity-rare:hover .color-overlay{opacity:0.95;transform:scale(1.005)}.rarity-legendary{border-width:6px;border-style:solid;transition:border-width 0.3s ease}.rarity-legendary:hover{border-width:8px}